TDataView_ui/styles/user/userThematic.css

/*S thematic*/
#userThematicList dt {
    padding:5px;
    font-size:14px;
    cursor:pointer;
    color:#333;
    border-bottom:1px solid #DDD;
    height:24px;
    line-height:24px;
    position:relative;
}
#userThematicList dt.hover,
#userThematicList dt.select {
    background:#e2ebff;
}
#userThematicList dt .num {
    font-size:20px;
    font-family:Arial,serif;
    color:#CCCCCC;
    text-align:right;
    left:-55px;
    position:absolute;
    height:24px;
    width:40px;
    padding:0 5px;
    overflow:hidden;
}
#userThematicList dt .name {
    display:inline-block;
    width:160px;
    height:24px;
    overflow:hidden;
;
}
#userThematicList dt .date {
    font-size:10px;
    color:#999;
    font-weight:normal;
    float:right;
}

#userThematicList dt .option {
    display:none;
}

#userThematicList dt.hover .date {
    display:none;
}

#userThematicList dt.hover .option {
    position:absolute;
    right:10px;
    top:10px;
    display:block;
}
#userThematicList dt.hover .option .edit {
    display:block;
    float:right;
    width:14px;
    height:14px;
    overflow:hidden;
    text-indent:-999px;
    margin-right:5px;
    background:url(../images/glyphicons-halflings.gif) no-repeat -96px -72px;
}
#userThematicList dt.hover .option .del {
    display:block;
    float:right;
    width:14px;
    height:14px;
    overflow:hidden;
    text-indent:-999px;
    background:url(../images/glyphicons-halflings.gif) no-repeat -312px 0;
}

#userThematicList dt .form {
    position:absolute;
    left:0;
    top:0;
    height:27px;
    padding:7px 0 0 0;
    background:#ffff99;
    width:100%;
}

#userThematicList dt .form .input {
    width:120px;
    float:left;
    margin:0 5px;
}

#userThematicList dt .form .btn {
    float:left;
    margin-left:-1px;
    width:35px;
}
#userThematicList dt .form .sure {
    border-top-right-radius:0;
    border-bottom-right-radius:0;
}
#userThematicList dt .form .cancel {
    border-top-left-radius:0;
    border-bottom-left-radius:0;
}


#userThematicList dd {
}

/*E thematic*/


#userThematicInfoDetail{
    position: absolute;
    bottom: 25px;
    right: 0px;
    width: 262px;
    background: url(../../images/user/bg-rp-body.png);
    display: none;
}
#userThematicInfoDetail h3 {
    color: #fff;
    padding: 0 0 6px 0;
    background: url(../../images/user/bg-rp-body-bottom.png) no-repeat center bottom;
    margin-bottom: 10px;
}
#userThematicInfoDetail p{
    padding: 0px;
    margin: 0px;
    color: #fff;
    line-height: 1.5;
    text-align:left;
}
#userThematicInfoDetail .cover-content{
    margin: 10px 20px;
    text-align:center;
    width: 240px;
}

#userFavPageJump {
    height: 36px;
    width: 233px;
    overflow: hidden;
    text-align: right;
    clear: both;
    position: relative;
    color: #fff;
    margin: auto;
    border: 1px solid #42bbe8;
    border-radius: 5px;
    background: #0b4496;
    padding: 0px;
    margin-top: 10px;
    /*display:none;*/
}
#userFavPageJump .firstpage {
    width: 28px;
    height: 36px;
    margin-left: 3px;
    border-right: 1px solid #3fb4e3;
    background: url(../../images/layout/page_11.png) no-repeat 7px 11px;
    float: left;
    cursor: pointer;
}
#userFavPageJump .uppage {
    width: 29px;
    height: 34px;
    background: url(../../images/layout/page_13.png) no-repeat 10px 11px;
    float: left;
    cursor: pointer;
}
.fg {
    width: 1px;
    height: 34px;
    background: url(../../images/layout/page_03.png) no-repeat 0px 10px;
    float: left;
}
#thematicPageJump {
    width: 108px;
    height: 34px;
    float: left;
}
#thematicPageJump span {
    float: left;
    height: 24px;
    font-size: 12px;
    line-height: 37px;
    text-indent: 35px;
}
#userFavPageJump .nextpage {
    width: 29px;
    height: 34px;
    background: url(../../images/layout/page_06ch.png) no-repeat 10px 11px;
    float: left;
    cursor: pointer;
}
#userFavPageJump .endpage {
    width: 28px;
    height: 36px;
    background: url(../../images/layout/page_08ch.png) no-repeat 7px 11px;
    float: left;
    border-left: 1px solid #3fb4e3;
    cursor: pointer;
}
.page-wrap .btn-group {
    float: right;
    width: 93px;
}
.not-result {
    padding: 15px 0;
    text-align: center;
    font-size: 14px;
    color: #fff;
}