You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
180 lines
3.4 KiB
CSS
180 lines
3.4 KiB
CSS
.m-personInfo-wrap {
|
|
height: auto
|
|
}
|
|
a, .a3c, .a6c, .a9c {
|
|
color: #3c3c3c;
|
|
}
|
|
.m-personInfo-wrap .info-box {
|
|
width: 754px;
|
|
margin: 10px 0 0 97px
|
|
}
|
|
|
|
.m-personInfo-wrap .info-box .item {
|
|
position: relative;
|
|
width: 100%;
|
|
height: 54px;
|
|
border: 1px solid #e5e5e5;
|
|
margin-top: -1px;
|
|
z-index: auto
|
|
}
|
|
|
|
.m-personInfo-wrap .info-box .item.active {
|
|
z-index: 9
|
|
}
|
|
|
|
.m-personInfo-wrap .info-box .filled .js-show-it {
|
|
display: inline
|
|
}
|
|
|
|
.m-personInfo-wrap .info-box .filled .filling-part {
|
|
display: none
|
|
}
|
|
|
|
.m-personInfo-wrap .info-box .filling .js-show-it {
|
|
display: none
|
|
}
|
|
|
|
.m-personInfo-wrap .info-box .filling .filling-part {
|
|
display: block
|
|
}
|
|
|
|
.m-personInfo-wrap .info-box .no-fill .js-show-it {
|
|
display: inline
|
|
}
|
|
|
|
.m-personInfo-wrap .info-box .no-fill .filling-part {
|
|
display: none
|
|
}
|
|
|
|
.m-personInfo-wrap .info-box .li-label {
|
|
float: left;
|
|
width: 118px;
|
|
height: 54px;
|
|
background: #fafafa;
|
|
line-height: 54px;
|
|
text-align: right;
|
|
padding: 0 20px 0 0;
|
|
font-size: 14px;
|
|
color: #333;
|
|
vertical-align: middle
|
|
}
|
|
|
|
.m-personInfo-wrap .info-box .li-content {
|
|
float: left;
|
|
height: 54px;
|
|
line-height: 54px;
|
|
margin: 0 0 0 22px;
|
|
vertical-align: middle
|
|
}
|
|
|
|
.m-personInfo-wrap .info-box .li-content .nickname {
|
|
width: 263px;
|
|
height: 34px;
|
|
display: block;
|
|
text-indent: 10px;
|
|
line-height: 34px;
|
|
border: 1px solid #cecece;
|
|
margin: 9px 0 0;
|
|
}
|
|
.li-content .bindbtn{
|
|
padding:2px 5px;border-radius:5px;color:#fff;background:#cecece;border-bottom:2px solid #ababab;margin:0 5px;
|
|
}
|
|
.li-content .bindbtn:hover{
|
|
color:#333;
|
|
}
|
|
.m-personInfo-wrap .info-box .male {
|
|
margin: 0 20px 0 0
|
|
}
|
|
|
|
.m-personInfo-wrap .info-box #male,.m-personInfo-wrap .info-box #female {
|
|
margin-right: 5px
|
|
}
|
|
|
|
.m-personInfo-wrap .info-box .select-optimize {
|
|
position: relative;
|
|
margin: 9px 11px 0 0;
|
|
font-size: 12px
|
|
}
|
|
|
|
.m-personInfo-wrap .info-box .select-optimize .select-list .active {
|
|
background: #09f;
|
|
color: #fff
|
|
}
|
|
|
|
.m-personInfo-wrap .info-box .shorter.select-optimize {
|
|
width: 80px;
|
|
height: 34px;
|
|
float: left
|
|
}
|
|
|
|
.m-personInfo-wrap .info-box .shorter.select-optimize li {
|
|
background: #fff;
|
|
height: 34px;
|
|
border: 0;
|
|
border-top: 1px solid #e6e6e6
|
|
}
|
|
|
|
.m-personInfo-wrap .info-box .shorter.select-optimize li:hover {
|
|
background: #09f;
|
|
color: #fff
|
|
}
|
|
|
|
.m-personInfo-wrap .info-box .longer.select-optimize li {
|
|
background: #fff;
|
|
height: 34px;
|
|
border: 0;
|
|
border-top: 1px solid #e6e6e6
|
|
}
|
|
|
|
.m-personInfo-wrap .info-box .longer.select-optimize li:hover {
|
|
background: #09f;
|
|
color: #fff
|
|
}
|
|
|
|
.m-personInfo-wrap .info-box .qq-acount {
|
|
width: 263px;
|
|
height: 34px;
|
|
display: block;
|
|
text-indent: 10px;
|
|
line-height: 34px;
|
|
border: 1px solid #cecece;
|
|
margin: 9px 0 0
|
|
}
|
|
|
|
.m-personInfo-wrap .tips {
|
|
font-size: 12px;
|
|
color: #939393;
|
|
width: 399px;
|
|
margin: 19px 0 25px 278px;
|
|
white-space: normal;
|
|
line-height: 18px
|
|
}
|
|
|
|
.m-personInfo-wrap .editor-btn {
|
|
display: block;
|
|
width: 118px;
|
|
height: 34px;
|
|
margin: 0 0 80px 416px;
|
|
text-align: center;
|
|
line-height: 34px;
|
|
color: #fff;
|
|
background: url(../images/btn-editor.png) no-repeat
|
|
}
|
|
|
|
|
|
.error-msg,
|
|
.right-msg {
|
|
margin-left: 12px;
|
|
font-size: 18px;
|
|
color: #df0000;
|
|
position: absolute;
|
|
left: 260px;
|
|
top: 0;
|
|
height: 34px;
|
|
line-height: 34px;
|
|
white-space: nowrap;
|
|
word-break: break-all;
|
|
}
|
|
.right-msg {
|
|
color:green;
|
|
} |