462 lines
12 KiB
CSS
462 lines
12 KiB
CSS
body {
|
|
}
|
|
.content-center {
|
|
position:relative;
|
|
margin:32px auto 0;
|
|
overflow:visible!important
|
|
}
|
|
article, aside, blockquote, body, button, code, dd, details, div, dl, dt, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, hr, input, legend, li, menu, nav, ol, p, pre, section, td, textarea, th, ul {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
h3 {
|
|
font-size: 18px;
|
|
line-height: 25px;
|
|
}
|
|
|
|
h1, h2, h3, h4, h5, h6 {
|
|
font-weight: 300;
|
|
letter-spacing: -0.25px;
|
|
}
|
|
|
|
li {
|
|
line-height: 20px;
|
|
}
|
|
|
|
ul {
|
|
list-style-type: none;
|
|
}
|
|
|
|
.rank-list {
|
|
margin: 0 20px 2px 0px;
|
|
}
|
|
|
|
.rank-list li {
|
|
position: relative;
|
|
_display: block;
|
|
padding: 10px 0 0 25px;
|
|
height: 25px;
|
|
vertical-align: top;
|
|
}
|
|
|
|
.rank-list li span {
|
|
float: right;
|
|
margin-left: 5px;
|
|
color: #999;
|
|
_padding: 2px 0 2px 5px;
|
|
_z-index: 2;
|
|
_position: absolute;
|
|
_background: #fff;
|
|
_right: 0;
|
|
}
|
|
|
|
.rank-list li.active .num {
|
|
top: 12px;
|
|
background: #d60007;
|
|
font-family: Georgia, "Times New Roman", Times, serif;
|
|
}
|
|
|
|
.rank-list li .num {
|
|
position: absolute;
|
|
left: 0px;
|
|
top: 12px;
|
|
display: inline-block;
|
|
vertical-align: -3px;
|
|
*vertical-align: middle;
|
|
width: 16px;
|
|
height: 16px;
|
|
margin-right: 10px;
|
|
background: #1389d7;
|
|
font-style: normal;
|
|
color: #fff;
|
|
font-size: 10px;
|
|
font-family: Verdana, Geneva, sans-serif;
|
|
text-align: center;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.rank-list li a {
|
|
display: block;
|
|
padding: 0;
|
|
color: #888;
|
|
font-size: 13px;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
_position: absolute;
|
|
}
|
|
|
|
.search-box {
|
|
height: 42px;
|
|
padding: 4px;
|
|
position: relative;
|
|
}
|
|
|
|
.search-box .input-group .form-control {
|
|
box-shadow: none;
|
|
height: 38px;
|
|
line-height: 38px;
|
|
padding-top: 0px;
|
|
padding-bottom: 0px;
|
|
padding-right: 0px;
|
|
padding-left: 7px;
|
|
resize: none;
|
|
}
|
|
|
|
.btn-primary {
|
|
background-color: #1ABC9C;
|
|
border-color: #1ABC9C;
|
|
}
|
|
|
|
.search-box .input-group .btn {
|
|
padding: 0px 0px;
|
|
font-size: 14px;
|
|
height: 38px;
|
|
min-width: 40px;
|
|
}
|
|
|
|
.search-box .input-group .btn i {
|
|
margin-right: 0px;
|
|
}
|
|
|
|
.btn i {
|
|
margin-right: 4px;
|
|
font-size: 14px;
|
|
}
|
|
|
|
.help-n-list {
|
|
padding-top: 10px;
|
|
}
|
|
|
|
.help-n-list li {
|
|
display: block;
|
|
padding-bottom: 16px;
|
|
border-bottom: 1px solid #E5E5E5;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.help-n-list li h2 {
|
|
padding: 5px 0 5px 0;
|
|
font-size: 16px;
|
|
line-height: 20px;
|
|
font-weight: normal;
|
|
margin: 4px;
|
|
}
|
|
|
|
.help-n-list li h2 a {
|
|
font-size: 16px;
|
|
font-weight: bold;
|
|
line-height: 29px;
|
|
color: #3b8dd1;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.help-n-list li .note .info {
|
|
padding-top: 5px;
|
|
font: 12px/1.5 "Microsoft Yahei";
|
|
}
|
|
|
|
.info span {
|
|
font-weight: 100;
|
|
padding: 5px;
|
|
}
|
|
|
|
.zhaiyao{
|
|
padding: 0 5px;
|
|
max-width:500px;
|
|
color: rgb(136, 136, 136);
|
|
font-size: 13px;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
}
|
|
.list-item-tags{
|
|
|
|
}
|
|
.item-tags{
|
|
border: 1px solid #1abc9c;
|
|
border-radius: 4px;
|
|
padding: 2px 4px;
|
|
font-size: 11px;
|
|
color: #1abc9c;
|
|
height: 20px;
|
|
line-height: 20px;
|
|
}
|
|
|
|
.tags-list{
|
|
margin: 5px 20px 2px 0px;
|
|
}
|
|
.tags-list .tag-info{
|
|
border: 1px solid #1abc9c;
|
|
border-radius: 4px;
|
|
padding: 2px 6px;
|
|
font-size: 13px;
|
|
color: #1abc9c;
|
|
height: 24px;
|
|
line-height: 24px;
|
|
margin-right: 8px;
|
|
}
|
|
|
|
|
|
/*
|
|
以下是评论功能样式
|
|
*/
|
|
.clear {
|
|
zoom: 1;
|
|
overflow: hidden;
|
|
}
|
|
em {
|
|
font-style: normal;
|
|
}
|
|
|
|
.comment #mpbox {
|
|
margin: 0 auto;
|
|
width: 100%;
|
|
height: auto;
|
|
font-weight: 400;
|
|
text-align: left;
|
|
color: #333;
|
|
font-size: 12px;
|
|
line-height: 1;
|
|
overflow: visible;
|
|
background-color: transparent;
|
|
}
|
|
#mpbox {
|
|
font-weight: 400;
|
|
text-align: left;
|
|
color: #333;
|
|
font-size: 12px;
|
|
line-height: 1;
|
|
}
|
|
#mpbox .left {
|
|
float: left;
|
|
display: inline;
|
|
}
|
|
#mpbox .right {
|
|
float: right;
|
|
display: inline;
|
|
position: relative;
|
|
}
|
|
#mpbox .clear {
|
|
zoom: 1;
|
|
overflow: hidden;
|
|
}
|
|
#mpbox .c-comment-header {
|
|
padding: 11px 0 7px;
|
|
/*height: 42px;*/
|
|
line-height: 24px;
|
|
font-size: 16px;
|
|
}
|
|
|
|
#mpbox .c-comment-header .c-opinion {
|
|
font-size: 18px;
|
|
color: #191919;
|
|
}
|
|
#mpbox .c-comment-header .c-opinion .c-line {
|
|
float: left;
|
|
margin-top: 3px;
|
|
width: 4px;
|
|
height: 19px;
|
|
background: #fdd000;
|
|
border-radius: 2px;
|
|
margin-right: 12px;
|
|
}
|
|
|
|
.c-num-red {
|
|
font-size: 22px;
|
|
font-family: "Georgia Regular",Georgia;
|
|
color: #d92227;
|
|
}
|
|
#mpbox .c-comment-submiter {
|
|
margin-top: 5px;
|
|
position: relative;
|
|
border: 1px solid #b7b7b7;
|
|
}
|
|
#mpbox .c-comment-submiter .c-comment-box {
|
|
position: relative;
|
|
z-index: 9;
|
|
zoom: 1;
|
|
padding: 7px 10px 0 15px;
|
|
overflow: hidden;
|
|
background-color: #fff;
|
|
}
|
|
#mpbox .c-comment-submiter .c-comment-box .c-comment-textbox {
|
|
padding: 0;
|
|
margin: 0 0 9px;
|
|
width: 100%;
|
|
height: 66px;
|
|
line-height: 22px;
|
|
font-size: 14px;
|
|
resize: none;
|
|
overflow-x: hidden;
|
|
overflow-y: auto;
|
|
background-image: none;
|
|
color: #ccc;
|
|
background-attachment: scroll;
|
|
border: 0;
|
|
outline: 0;
|
|
}
|
|
|
|
#mpbox .c-comment-submiter.c-active {
|
|
border: 1px solid #ee4046; }
|
|
#mpbox .c-comment-submiter.c-active .c-comment-textbox {
|
|
color: #333; }
|
|
#mpbox .c-comment-submiter .c-submit-btn-unlogin {
|
|
|
|
font-size: 14px;
|
|
text-indent: 0;
|
|
letter-spacing: 0;
|
|
|
|
}
|
|
#mpbox .c-comment-submiter .c-submit-btn:hover, #mpbox .c-comment-submiter .c-submit-btn-unlogin:hover {
|
|
background: #cc0f15;
|
|
}
|
|
#mpbox .c-comment-submiter .c-submit-closed {
|
|
right: 0;
|
|
bottom: 0;
|
|
height: 35px;
|
|
background: #cdcdcd;
|
|
}
|
|
#mpbox .c-comment-submiter .c-submit-closed:hover {
|
|
background: #cdcdcd;
|
|
}
|
|
#mpbox .c-comment-submiter .c-submit-btn, #mpbox .c-comment-submiter .c-submit-btn-unlogin {
|
|
position: absolute;
|
|
right: -1px;
|
|
bottom: -1px;
|
|
width: 90px;
|
|
height: 37px;
|
|
font-size: 14px;
|
|
font-family: "Microsoft YaHei";
|
|
line-height: 37px;
|
|
color: #fff;
|
|
background: #d81519;
|
|
z-index: 10;
|
|
cursor: pointer;
|
|
text-align: center;
|
|
text-indent: 2px;
|
|
letter-spacing: 0px;
|
|
}
|
|
|
|
#mpbox .c-comment-submiter .c-empty {
|
|
display: none;
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
width: 100%;
|
|
height: 82px;
|
|
line-height: 82px;
|
|
font-size: 15px;
|
|
z-index: 10;
|
|
background: #fff;
|
|
color: #d92227;
|
|
text-align: center;
|
|
cursor: text;
|
|
}
|
|
#mpbox .c-comment-content .c-new {
|
|
margin-top: 20px;
|
|
}
|
|
#mpbox .c-comment-content .c-comment-title {
|
|
height: 17px;
|
|
line-height: 17px;
|
|
}
|
|
#mpbox .c-comment-content .c-comment-title span {
|
|
float: left;
|
|
line-height: 1;
|
|
font-size: 16px;
|
|
}
|
|
#mpbox .c-comment-content .c-comment-title span .c-line {
|
|
float: left;
|
|
margin-right: 12px;
|
|
width: 4px;
|
|
height: 17px;
|
|
background: #e0e0e0;
|
|
border-radius: 2px;
|
|
}
|
|
#mpbox .c-comment-content .c-comment-main {
|
|
margin-top: 10px;
|
|
border-top: 1px solid #ddd;
|
|
}
|
|
#mpbox .c-comment-content .c-comment-main .c-item-comment {
|
|
padding: 20px 0 11px;
|
|
border-bottom: 1px dashed #e5e5e5;
|
|
overflow: visible;
|
|
}
|
|
|
|
#mpbox .c-comment-content .c-comment-main .c-item-comment .c-item-head {
|
|
width: 50px;
|
|
}
|
|
#mpbox .c-comment-content .c-comment-main .c-item-comment .c-item-head .c-head-wrapper {
|
|
width: 50px;
|
|
height: 50px;
|
|
border-radius: 50%;
|
|
overflow: hidden;
|
|
}
|
|
#mpbox .c-comment-content .c-comment-main .c-item-comment .c-item-head .c-head-wrapper img {
|
|
width: 50px;
|
|
height: 50px;
|
|
}
|
|
#mpbox .c-comment-content .c-comment-main .c-item-comment .c-item-content {
|
|
padding-left: 64px;
|
|
}
|
|
#mpbox .c-comment-content .c-comment-main .c-item-comment .c-item-content .c-item-info {
|
|
padding: 1px 0 15px;
|
|
}
|
|
#mpbox .c-comment-content .c-comment-main .c-item-comment .c-item-content .c-item-info .c-username {
|
|
font-size: 13px;
|
|
color: #d92227;
|
|
}
|
|
#mpbox .c-comment-content .c-comment-main .c-item-comment .c-item-content .c-item-info .c-username span {
|
|
font-size: 11px;
|
|
padding: 0 2px;
|
|
color: #7e7e7e;
|
|
}
|
|
.article-page #mpbox .c-comment-content .c-comment-main .c-item-comment .c-item-content .c-discuss, .article-page
|
|
#mpbox .c-make-floor .c-floor .c-floor-discuss {
|
|
word-wrap: break-word;
|
|
word-break: normal;
|
|
}
|
|
#mpbox .c-comment-content .c-comment-main .c-item-comment .c-item-content .c-discuss {
|
|
padding: 0 7px 11px 0;
|
|
line-height: 22px;
|
|
font-size: 14px;
|
|
word-break: break-all;
|
|
}
|
|
#mpbox .c-comment-content .c-comment-main .c-item-comment .c-item-content .c-controller {
|
|
position: relative;
|
|
text-align: right;
|
|
height: 16px;
|
|
line-height: 16px;
|
|
}
|
|
#mpbox .c-comment-content .c-comment-main .c-item-comment .c-item-content .c-controller .c-date {
|
|
font-size: 12px;
|
|
color: #7e7e7e;
|
|
}
|
|
#mpbox .c-comment-content .c-comment-main .c-item-comment .c-item-content .c-controller .c-reply {
|
|
padding: 0 10px;
|
|
}
|
|
#mpbox .c-comment-content .c-comment-main .c-item-comment .c-item-content .c-controller a {
|
|
margin: 0 5px;
|
|
color: #7e7e7e;
|
|
font-size: 12px;
|
|
line-height: 17px;
|
|
}
|
|
#mpbox .c-comment-content .c-comment-main .c-item-comment .c-item-content .c-controller a {
|
|
margin: 0 5px;
|
|
color: #7e7e7e;
|
|
font-size: 12px;
|
|
line-height: 17px;
|
|
}
|
|
#mpbox .c-comment-content .c-comment-main .c-item-comment .c-item-content .c-controller .c-thumb-icon {
|
|
vertical-align: top;
|
|
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpjZTZhMmJiNS01YjA2LTY0NDgtOWUxZC03MDRmOGFkMTgzOGIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QjJCMzQ3OUMyNEU0MTFFNzhBNjc5MTkxRTJCMEMxQjUiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QjJCMzQ3OUIyNEU0MTFFNzhBNjc5MTkxRTJCMEMxQjUiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6Y2U2YTJiYjUtNWIwNi02NDQ4LTllMWQtNzA0ZjhhZDE4MzhiIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOmNlNmEyYmI1LTViMDYtNjQ0OC05ZTFkLTcwNGY4YWQxODM4YiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgVjcsgAAACoSURBVHjaYvz//z8DCOzZs4cBDcwBYl8grgLiucgSTAy4gQsQiwFxPboELk1GQCwPZV9Al2TB4iw+IJ6MxG/B0ITGjwTiXiCWRBI7AsRfkPkgTYehHFsg7kDTAAKsQCyIxHcHabJBEuBiwA9+AXEWExZT8QE2IFZjYiADoGv6RkD9cyCuQdf0m4AmbpBFpDovGoh/skDjgREq+BGIP0EjGFvIgS0BCDAA0eEcY6x9OdEAAAAASUVORK5CYII=) no-repeat center;
|
|
}
|
|
#mpbox .c-comment-content .c-comment-main .c-item-comment .c-item-content .c-controller i {
|
|
vertical-align: middle;
|
|
margin-right: 2px;
|
|
display: inline-block;
|
|
width: 13px;
|
|
height: 13px;
|
|
}
|