mirror of
https://github.com/201206030/novel-plus.git
synced 2025-06-24 04:46:37 +00:00
feat(templates): 新增绿色主题模版，并设置为默认模版
和文档站点 docs.xxyopen.com 风格保持一致
This commit is contained in:
xiongxiaoyang
27
templates/green/static/css/about.css
Normal file
27
templates/green/static/css/about.css
Normal file
@ -0,0 +1,27 @@
|
||||
@charset "utf-8";
|
||||
.userBox { width: 998px; border: 1px solid #eaeaea; margin: 0 auto 50px; background: #fff }
|
||||
.my_l { width: 198px; float: left; font-size: 13px;
|
||||
padding-top: 20px; }
|
||||
.my_l li a { display: block; height: 48px; line-height: 48px; padding-left: 40px; border-left: 2px solid transparent; font-size: 14px; margin: 0 0 2px; }
|
||||
.my_l li .on { border-left: 2px solid #3eaf7c; background: #f8f8f8 }
|
||||
.my_r { width: 739px; padding: 30px; float: right; border-left: 1px solid #ededed; min-height: 470px; background: #fff }
|
||||
.my_r .title { padding: 15px 0 }
|
||||
.my_r h4 { font-size: 15px; color: #666; font-weight: bold }
|
||||
.newsBox { }
|
||||
.news_list .dot { width: 4px; height: 4px; border-radius: 50%; background-color: #999; display: inline-block; margin: 0 10px 3px 0; }
|
||||
.news_list li { padding: 0 0 20px; margin-bottom: 20px; border-bottom: 1px solid #f5f5f5 }
|
||||
.news_list li h5 { font-size: 14px }
|
||||
.news_list li p { color: #999; padding-top: 15px }
|
||||
.news_nav { color: #999; padding: 0px 0; line-height: 2.5; }
|
||||
.news_nav a { font: 12px/1 "Microsoft YaHei"; margin: 0 5px; }
|
||||
.news_title { text-align: center; border-bottom: 1px solid #eee; margin: 30px auto 40px; }
|
||||
.news_title h2 { font-size: 20px; }
|
||||
.news_title .from { color: #999; display: block; margin: 20px 0; }
|
||||
.news_title .time { margin-left: 20px }
|
||||
.news_title .click { margin-left: 40px }
|
||||
.news_info { padding: 0 60px; line-height: 28px; font-size: 14px; min-height:400px }
|
||||
.news_info p { margin-bottom: 30px }
|
||||
.aboutBox h2 { font-size:16px; margin-bottom:15px }
|
||||
.about_info { line-height: 28px; font-size: 14px; min-height:400px }
|
||||
.about_info p, .about_info h4 { margin-bottom: 10px }
|
||||
.news_info img { max-width: 100% }
|
||||
967
templates/green/static/css/base.css
Normal file
967
templates/green/static/css/base.css
Normal file
@ -0,0 +1,967 @@
|
||||
@charset "utf-8";
|
||||
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, a, blockquote, th {
|
||||
margin: 0;
|
||||
padding: 0
|
||||
}
|
||||
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
font-size: 14px
|
||||
}
|
||||
|
||||
ol, ul, li {
|
||||
list-style: none outside none
|
||||
}
|
||||
|
||||
table {
|
||||
border-collapse: collapsse;
|
||||
border-spacing: 0
|
||||
}
|
||||
|
||||
fieldset, img {
|
||||
border: 0 none
|
||||
}
|
||||
|
||||
/*html { background: ##f5f5f5 }*/
|
||||
body {
|
||||
background: #f5f5f5;
|
||||
color: #333;
|
||||
font: 12px/1.5 PingFangSC-Regular, HelveticaNeue-Light, 'Helvetica Neue Light', 'Microsoft YaHei', sans-serif, "宋体";
|
||||
text-align: left
|
||||
}
|
||||
|
||||
input::-moz-focus-inner {
|
||||
border: none;
|
||||
padding: 0
|
||||
}
|
||||
|
||||
a img {
|
||||
border: none
|
||||
}
|
||||
|
||||
a {
|
||||
outline: none;
|
||||
color: #333;
|
||||
text-decoration: none
|
||||
}
|
||||
|
||||
a:hover, .topBar a:hover, .red, .record_list li:hover .read_link a {
|
||||
color: #3eaf7c
|
||||
}
|
||||
|
||||
.red1 {
|
||||
color: #ff4040
|
||||
}
|
||||
|
||||
.unlink {
|
||||
text-decoration: underline
|
||||
}
|
||||
|
||||
.blue {
|
||||
color: #5fc3f3
|
||||
}
|
||||
|
||||
.green {
|
||||
color: #360
|
||||
}
|
||||
|
||||
.black {
|
||||
color: #000
|
||||
}
|
||||
|
||||
.black3 {
|
||||
color: #333
|
||||
}
|
||||
|
||||
.black6 {
|
||||
color: #666
|
||||
}
|
||||
|
||||
.black9 {
|
||||
color: #999
|
||||
}
|
||||
|
||||
.ccc {
|
||||
color: #ccc
|
||||
}
|
||||
|
||||
.orange {
|
||||
color: #f60
|
||||
}
|
||||
|
||||
.font12 {
|
||||
font-size: 12px !important
|
||||
}
|
||||
|
||||
.font14 {
|
||||
font-size: 14px !important
|
||||
}
|
||||
|
||||
.font16 {
|
||||
font-size: 16px !important
|
||||
}
|
||||
|
||||
.font18 {
|
||||
font-size: 18px !important
|
||||
}
|
||||
|
||||
.font20 {
|
||||
font-size: 20px !important
|
||||
}
|
||||
|
||||
.font26 {
|
||||
font-size: 26px !important
|
||||
}
|
||||
|
||||
.ellipsis {
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
word-break: keep-all
|
||||
}
|
||||
|
||||
textarea {
|
||||
resize: none;
|
||||
outline: none;
|
||||
border: 1px solid #CCC;
|
||||
font: 12px/1.8 "microsoft yahei", Arial;
|
||||
padding-left: 5px
|
||||
}
|
||||
|
||||
input {
|
||||
outline: none;
|
||||
border: none; /* padding-left: 5px; font-size: 13px;*/
|
||||
font-family: "microsoft yahei", Arial;
|
||||
*background: none
|
||||
}
|
||||
|
||||
i, em, cite {
|
||||
font-style: normal
|
||||
}
|
||||
|
||||
.layui-inline, input, label {
|
||||
vertical-align: middle
|
||||
}
|
||||
|
||||
button, input, optgroup, select, textarea {
|
||||
color: inherit;
|
||||
font: inherit;
|
||||
margin: 0;
|
||||
outline: 0
|
||||
}
|
||||
|
||||
button, select {
|
||||
text-transform: none
|
||||
}
|
||||
|
||||
/*select { -webkit-appearance: none; border: none }*/
|
||||
input {
|
||||
line-height: normal
|
||||
}
|
||||
|
||||
input[type=checkbox], input[type=radio] {
|
||||
box-sizing: border-box;
|
||||
padding: 0
|
||||
}
|
||||
|
||||
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
|
||||
height: auto
|
||||
}
|
||||
|
||||
input[type=search] {
|
||||
-webkit-appearance: textfield;
|
||||
-moz-box-sizing: content-box;
|
||||
-webkit-box-sizing: content-box;
|
||||
box-sizing: content-box
|
||||
}
|
||||
|
||||
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
|
||||
-webkit-appearance: none
|
||||
}
|
||||
|
||||
input[type="submit"], input[type="reset"], input[type="button"], button {
|
||||
-webkit-appearance: none
|
||||
}
|
||||
|
||||
:-moz-placeholder {
|
||||
color: #999
|
||||
}
|
||||
|
||||
::-moz-placeholder {
|
||||
color: #999
|
||||
}
|
||||
|
||||
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
|
||||
color: #999
|
||||
}
|
||||
|
||||
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
|
||||
color: #999
|
||||
}
|
||||
|
||||
.cf {
|
||||
zoom: 1
|
||||
}
|
||||
|
||||
.cf:before, .cf:after {
|
||||
content: "";
|
||||
display: table;
|
||||
display: block;
|
||||
font-size: 0;
|
||||
height: 0;
|
||||
line-height: 0;
|
||||
clear: both;
|
||||
visibility: hidden
|
||||
}
|
||||
|
||||
.cf:after {
|
||||
clear: both
|
||||
}
|
||||
|
||||
.clear {
|
||||
clear: both
|
||||
}
|
||||
|
||||
.tl {
|
||||
text-align: left
|
||||
}
|
||||
|
||||
.tc {
|
||||
text-align: center
|
||||
}
|
||||
|
||||
.tr {
|
||||
text-align: right
|
||||
}
|
||||
|
||||
.fl {
|
||||
float: left
|
||||
}
|
||||
|
||||
.fr {
|
||||
float: right
|
||||
}
|
||||
|
||||
.block {
|
||||
display: block
|
||||
}
|
||||
|
||||
.none, .hidden {
|
||||
display: none
|
||||
}
|
||||
|
||||
/*base end*/
|
||||
.channelWrap {
|
||||
background: #fff;
|
||||
border-radius: 6px;
|
||||
padding: 20px;
|
||||
margin-bottom: 20px
|
||||
}
|
||||
|
||||
.channelWrap.channelBanner {
|
||||
padding-bottom: 14px
|
||||
}
|
||||
|
||||
.wrap_left {
|
||||
width: 750px
|
||||
}
|
||||
|
||||
.wrap_right {
|
||||
width: 250px
|
||||
}
|
||||
|
||||
.wrap_inner {
|
||||
padding: 20px;
|
||||
border-radius: 6px;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.wrap_bg {
|
||||
border-radius: 6px;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.pad20 {
|
||||
padding: 20px
|
||||
}
|
||||
|
||||
.pad20_nobt {
|
||||
padding: 20px 20px 0
|
||||
}
|
||||
|
||||
.topBar {
|
||||
width: 100%;
|
||||
background: #fbfaf8;
|
||||
border-bottom: 1px solid #eae6e2;
|
||||
height: 35px;
|
||||
line-height: 35px
|
||||
}
|
||||
|
||||
.box_center {
|
||||
width: 1020px;
|
||||
margin: 0 auto
|
||||
}
|
||||
|
||||
.top_l {
|
||||
float: left
|
||||
}
|
||||
|
||||
.top_r {
|
||||
float: right
|
||||
}
|
||||
|
||||
.topBar .line {
|
||||
display: inline-block;
|
||||
padding: 0 12px;
|
||||
color: #e5d9da
|
||||
}
|
||||
|
||||
.topBar a {
|
||||
display: inline-block;
|
||||
color: #8C8C8C
|
||||
}
|
||||
|
||||
.topBar a.on {
|
||||
color: #333
|
||||
}
|
||||
|
||||
.topMain {
|
||||
height: 92px;
|
||||
background: #fff;
|
||||
overflow: hidden
|
||||
}
|
||||
|
||||
.logo {
|
||||
width: 198px;
|
||||
float: left;
|
||||
padding: 23px 130px 0 0;
|
||||
display: block
|
||||
}
|
||||
|
||||
.logo img {
|
||||
width: auto;
|
||||
height: 48px
|
||||
}
|
||||
|
||||
.searchBar {
|
||||
width: 342px;
|
||||
margin-top: 27px;
|
||||
overflow: hidden
|
||||
}
|
||||
|
||||
.searchBar .search /*, .searchBar .hotword*/
|
||||
{
|
||||
width: 342px;
|
||||
overflow: hidden
|
||||
}
|
||||
|
||||
.searchBar .s_int {
|
||||
width: 250px;
|
||||
padding: 0 14px 0 18px;
|
||||
height: 36px;
|
||||
line-height: 36px \9;
|
||||
vertical-align: middle;
|
||||
border: 1px solid #3eaf7c;
|
||||
border-right: none;
|
||||
color: #333;
|
||||
float: left;
|
||||
border-radius: 20px 0 0 20px;
|
||||
font-size: 14px; /*background: #fff;*/
|
||||
background: 0 0
|
||||
}
|
||||
|
||||
/*.searchBar .s_btn { width: 78px; height: 38px; line-height: 38px; background: #f65167; color: #fff; font-size: 16px; text-align: center; float: left; cursor: pointer; padding: 0 }
|
||||
.searchBar .s_btn:hover { background:#E23249 }*/
|
||||
.searchBar .search_btn {
|
||||
float: left;
|
||||
width: 58px;
|
||||
height: 38px;
|
||||
text-align: center;
|
||||
border-radius: 0 20px 20px 0;
|
||||
background-color: #3eaf7c;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.searchBar .search_btn .icon {
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
display: block;
|
||||
margin: 9px auto 0;
|
||||
background: url(../images/search.png) no-repeat;
|
||||
background-size: cover;
|
||||
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/search.png', sizingMethod='scale');
|
||||
}
|
||||
|
||||
/*.hotword { padding-top: 3px }
|
||||
.hotword a, .hotword span { color: #999; margin: 0 6px 0 5px }
|
||||
.hotword a:hover { color: #666 }*/
|
||||
.bookShelf {
|
||||
margin-top: 27px;
|
||||
padding-left: 20px;
|
||||
overflow: hidden
|
||||
}
|
||||
|
||||
.bookShelf .sj_link {
|
||||
height: 38px;
|
||||
line-height: 38px;
|
||||
padding-left: 30px;
|
||||
font-size: 15px;
|
||||
color: #404040;
|
||||
background: url(../images/icon_sj.png) no-repeat 6px 50%;
|
||||
float: left
|
||||
}
|
||||
|
||||
.bookShelf .user_link {
|
||||
height: 38px;
|
||||
line-height: 38px;
|
||||
padding-left: 20px;
|
||||
font-size: 15px;
|
||||
color: #404040;
|
||||
float: right
|
||||
}
|
||||
|
||||
.bookShelf .user_head {
|
||||
width: 26px;
|
||||
height: 26px;
|
||||
border-radius: 50%;
|
||||
float: left;
|
||||
margin: 6px 5px 0 0
|
||||
}
|
||||
|
||||
.bookShelf .user_name {
|
||||
max-width: 100px;
|
||||
display: inline-block
|
||||
}
|
||||
|
||||
.bookShelf .line {
|
||||
float: left;
|
||||
color: #ccc
|
||||
}
|
||||
|
||||
/*.bookShelf img { position: absolute; top: 17px; left: 17px; z-index: 10 }*/
|
||||
.mainNav {
|
||||
width: 100%;
|
||||
height: 48px;
|
||||
background: #3eaf7c;
|
||||
margin-bottom: 20px
|
||||
}
|
||||
|
||||
.mainNav .nav li {
|
||||
float: left
|
||||
}
|
||||
|
||||
.mainNav .nav li a {
|
||||
float: left;
|
||||
height: 44px;
|
||||
line-height: 48px;
|
||||
color: #fff;
|
||||
font-size: 16px;
|
||||
margin: 0 34px;
|
||||
border-bottom: 2px solid #3eaf7c;
|
||||
transition: color .3s, background-color .3s, border .3s
|
||||
}
|
||||
|
||||
.mainNav .nav li.on a, .mainNav .nav li a:hover {
|
||||
border-bottom: 2px solid rgba(255, 255, 255, .8)
|
||||
}
|
||||
|
||||
.footer {
|
||||
padding: 0 0 20px; /*margin-top: 20px; background: #fbfaf8; border-top: 1px solid #e0e0e0; */
|
||||
text-align: center;
|
||||
font-size: 12px
|
||||
}
|
||||
|
||||
.copyright ul li {
|
||||
color: #999;
|
||||
line-height: 26px
|
||||
}
|
||||
|
||||
.copyright .menu {
|
||||
padding: 2px 0 6px;
|
||||
font-size: 12px
|
||||
}
|
||||
|
||||
.copyright .line {
|
||||
display: inline-block;
|
||||
padding: 0 12px;
|
||||
color: #e5d9da
|
||||
}
|
||||
|
||||
.copyright p {
|
||||
margin-top: 10px;
|
||||
color: #999
|
||||
}
|
||||
|
||||
.code_bar img {
|
||||
margin-left: 66px
|
||||
}
|
||||
|
||||
.rBar {
|
||||
float: right;
|
||||
width: 268px
|
||||
}
|
||||
|
||||
.btn_gray, .btn_red, .btn_ora, .btn_ora_white, .btn_red1 {
|
||||
border-radius: 20px;
|
||||
font-size: 15px;
|
||||
display: inline-block;
|
||||
text-align: center;
|
||||
cursor: pointer; /*padding: 0 34px; height: 34px; line-height: 34px;*/
|
||||
padding: 11px 36px;
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
.btn_gray {
|
||||
border: 1px solid #dedede;
|
||||
background: #fafafa;
|
||||
}
|
||||
|
||||
.btn_red, .btn_ora {
|
||||
border: 1px solid #3eaf7c;
|
||||
background: #3eaf7c;
|
||||
color: #fff
|
||||
}
|
||||
|
||||
.btn_red1 {
|
||||
border: 1px solid #ff4040;
|
||||
background: #ff4040;
|
||||
color: #fff
|
||||
}
|
||||
|
||||
.btn_ora_white {
|
||||
border: 1px solid #3eaf7c;
|
||||
color: #3eaf7c
|
||||
}
|
||||
|
||||
.btn_ora_white:hover {
|
||||
background: #fefaf6
|
||||
}
|
||||
|
||||
.btn_link {
|
||||
padding: 2px 6px;
|
||||
background: #3eaf7c;
|
||||
color: #fff;
|
||||
border-radius: 2px
|
||||
}
|
||||
|
||||
.btn_gray:hover {
|
||||
background: #f0f0f0;
|
||||
color: #333
|
||||
}
|
||||
|
||||
.btn_ora:hover, .btn_red:hover, .btn_link:hover {
|
||||
background: #3eaf7c;
|
||||
color: #fff
|
||||
}
|
||||
|
||||
.btn_red1:hover {
|
||||
background: #fc2525;
|
||||
color: #fff
|
||||
}
|
||||
|
||||
.pay_Checkout .btn_red, .btn_big {
|
||||
font-size: 16px;
|
||||
padding: 15px 0;
|
||||
border-radius: 4px;
|
||||
width: 196px;
|
||||
}
|
||||
|
||||
i.vip {
|
||||
width: 26px;
|
||||
height: 14px;
|
||||
text-align: center;
|
||||
line-height: 14px;
|
||||
font-size: 11px;
|
||||
color: #fff;
|
||||
background: #fe8034;
|
||||
border-radius: 2px;
|
||||
margin: 13px 0 0 3px;
|
||||
display: inline-block;
|
||||
transform: scale(0.88);
|
||||
}
|
||||
|
||||
i.vip_b {
|
||||
width: 36px;
|
||||
height: 22px;
|
||||
text-align: center;
|
||||
line-height: 22px;
|
||||
font-size: 15px;
|
||||
color: #fff;
|
||||
background: #3eaf7c;
|
||||
border-radius: 4px;
|
||||
margin-left: 5px;
|
||||
display: inline-block;
|
||||
vertical-align: 3px
|
||||
}
|
||||
|
||||
.pageBox {
|
||||
text-align: center;
|
||||
padding: 20px 0
|
||||
}
|
||||
|
||||
.pageBox a, .pageBox span {
|
||||
display: inline-block;
|
||||
color: #999;
|
||||
padding: 6px 10px;
|
||||
margin: 0 5px;
|
||||
border-radius: 4px;
|
||||
font-size: 14px;
|
||||
line-height: 1
|
||||
}
|
||||
|
||||
.pageBox .current, .pageBox a:hover {
|
||||
background: #3eaf7c;
|
||||
color: #fff
|
||||
}
|
||||
|
||||
.top_nearread {
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
margin-right: 10px;
|
||||
float: left
|
||||
}
|
||||
|
||||
.top_nearread .nearread {
|
||||
padding: 0 9px
|
||||
}
|
||||
|
||||
.top_nearread .nearread.on {
|
||||
border-left: 1px solid #d9d9d9;
|
||||
border-right: 1px solid #d9d9d9;
|
||||
background: #FFF;
|
||||
padding: 0 8px;
|
||||
height: 36px;
|
||||
position: relative;
|
||||
z-index: 8
|
||||
}
|
||||
|
||||
.icon_down {
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
margin: 2px 0 0 5px;
|
||||
width: 0px;
|
||||
height: 0px;
|
||||
overflow: hidden;
|
||||
border-width: 4px;
|
||||
border-style: solid dashed dashed;
|
||||
border-color: #7f7f7f transparent transparent;
|
||||
}
|
||||
|
||||
.book_record {
|
||||
width: 382px;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
z-index: 9
|
||||
}
|
||||
|
||||
.record_box {
|
||||
width: 380px;
|
||||
background: #fff;
|
||||
margin-top: 35px;
|
||||
border: 1px solid #d9d9d9
|
||||
}
|
||||
|
||||
.book_record .sp {
|
||||
width: 77px;
|
||||
height: 6px;
|
||||
background: #fff;
|
||||
position: absolute;
|
||||
top: 32px;
|
||||
right: 1px
|
||||
}
|
||||
|
||||
.record_title {
|
||||
padding: 14px 10px
|
||||
}
|
||||
|
||||
.record_title a {
|
||||
border: 1px solid #dedede;
|
||||
background: #fafafa;
|
||||
border-radius: 2px;
|
||||
font-size: 12px;
|
||||
padding: 6px 12px;
|
||||
line-height: 1;
|
||||
margin-right: 14px
|
||||
}
|
||||
|
||||
.record_title a.on {
|
||||
border: 1px solid #f65167;
|
||||
background: #f65167;
|
||||
color: #fff
|
||||
}
|
||||
|
||||
.record_box .all {
|
||||
display: block;
|
||||
height: 28px;
|
||||
line-height: 28px;
|
||||
text-align: center;
|
||||
background: #f6f6f6
|
||||
}
|
||||
|
||||
.record_list ul {
|
||||
margin-bottom: 10px
|
||||
}
|
||||
|
||||
.record_list li {
|
||||
clear: both;
|
||||
padding: 10px;
|
||||
line-height: 1;
|
||||
overflow: hidden
|
||||
}
|
||||
|
||||
.record_list li:hover {
|
||||
background: #f6f6f6
|
||||
}
|
||||
|
||||
.record_list li .cover {
|
||||
width: 50px;
|
||||
height: 63px;
|
||||
background: #f6f6f6
|
||||
}
|
||||
|
||||
.record_list li .cover img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.record_list a {
|
||||
display: inline;
|
||||
color: #333
|
||||
}
|
||||
|
||||
.record_list .book_intro {
|
||||
width: 300px;
|
||||
height: 65px;
|
||||
padding-left: 10px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.record_list .book_intro p {
|
||||
height: 20px;
|
||||
line-height: 20px;
|
||||
overflow: hidden;
|
||||
color: #999;
|
||||
}
|
||||
|
||||
.record_list .book_intro .p1 {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.record_list .book_intro .p2 {
|
||||
margin: 2px 0;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis
|
||||
}
|
||||
|
||||
.record_list .book_intro .p3 {
|
||||
}
|
||||
|
||||
.record_list .book_intro i.vip {
|
||||
margin: 0 0 0 3px
|
||||
}
|
||||
|
||||
.record_list .read_link a {
|
||||
color: #fff
|
||||
}
|
||||
|
||||
.manBody {
|
||||
}
|
||||
|
||||
.manBody .mainNav {
|
||||
background: #3e3d43
|
||||
}
|
||||
|
||||
.manBody .searchBar .s_int {
|
||||
border: 1px solid #878689;
|
||||
border-right: none;
|
||||
background-position: 8px -22px
|
||||
}
|
||||
|
||||
.manBody .mainNav .nav li.on a, .manBody .mainNav .nav li a:hover {
|
||||
background: #313035
|
||||
}
|
||||
|
||||
.nav_sub {
|
||||
margin-bottom: 16px
|
||||
}
|
||||
|
||||
.nav_sub a {
|
||||
padding: 0 6px
|
||||
}
|
||||
|
||||
.copyright .menu a {
|
||||
color: #666;
|
||||
font-size: 12px
|
||||
}
|
||||
|
||||
.copyright .menu a:hover, .bookShelf .sj_link:hover {
|
||||
color: #3eaf7c
|
||||
}
|
||||
|
||||
.rightList .more, .more_bar {
|
||||
margin: 1px 0;
|
||||
height: 34px;
|
||||
line-height: 34px;
|
||||
border-radius: 1px;
|
||||
background-color: #f7f7f7;
|
||||
text-align: center
|
||||
}
|
||||
|
||||
.rightList .more a, .more_bar a {
|
||||
display: block;
|
||||
color: #666
|
||||
}
|
||||
|
||||
.header, .footer {
|
||||
min-width: 1020px
|
||||
}
|
||||
|
||||
/*base*/
|
||||
.noborder {
|
||||
border: 0 !important
|
||||
}
|
||||
|
||||
.nomargin {
|
||||
margin: 0 !important
|
||||
}
|
||||
|
||||
.ml {
|
||||
margin-left: 12px
|
||||
}
|
||||
|
||||
.mr {
|
||||
margin-right: 12px
|
||||
}
|
||||
|
||||
.ml5 {
|
||||
margin-left: 5px
|
||||
}
|
||||
|
||||
.ml10 {
|
||||
margin-left: 10px
|
||||
}
|
||||
|
||||
.ml15 {
|
||||
margin-left: 15px
|
||||
}
|
||||
|
||||
.ml20 {
|
||||
margin-left: 20px
|
||||
}
|
||||
|
||||
.mr5 {
|
||||
margin-right: 5px
|
||||
}
|
||||
|
||||
.mr10 {
|
||||
margin-right: 10px
|
||||
}
|
||||
|
||||
.mr15 {
|
||||
margin-right: 15px
|
||||
}
|
||||
|
||||
.mr20 {
|
||||
margin-right: 20px
|
||||
}
|
||||
|
||||
.mt5 {
|
||||
margin-top: 5px
|
||||
}
|
||||
|
||||
.mt10 {
|
||||
margin-top: 10px
|
||||
}
|
||||
|
||||
.mt15 {
|
||||
margin-top: 15px
|
||||
}
|
||||
|
||||
.mt20 {
|
||||
margin-top: 20px
|
||||
}
|
||||
|
||||
.mb5 {
|
||||
margin-bottom: 5px
|
||||
}
|
||||
|
||||
.mb10 {
|
||||
margin-bottom: 10px
|
||||
}
|
||||
|
||||
.mb15 {
|
||||
margin-bottom: 15px
|
||||
}
|
||||
|
||||
.mb20 {
|
||||
margin-bottom: 20px
|
||||
}
|
||||
|
||||
.mb50 {
|
||||
margin-bottom: 50px
|
||||
}
|
||||
|
||||
.pointer {
|
||||
cursor: pointer
|
||||
}
|
||||
|
||||
.notindent {
|
||||
text-indent: inherit !important
|
||||
}
|
||||
|
||||
.vm {
|
||||
vertical-align: middle !important
|
||||
}
|
||||
|
||||
.border_t {
|
||||
border-top: 1px solid #eee
|
||||
}
|
||||
|
||||
.border_b {
|
||||
border-bottom: 1px solid #eee
|
||||
}
|
||||
|
||||
.border_l {
|
||||
border-left: 1px solid #eee
|
||||
}
|
||||
|
||||
.border_r {
|
||||
border-right: 1px solid #eee
|
||||
}
|
||||
|
||||
.layui-laypage-curr {
|
||||
background: #3eaf7c;
|
||||
}
|
||||
|
||||
.layui-laypage-curr em {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.layui-disabled, .layui-disabled:hover {
|
||||
color: #d2d2d2 !important;
|
||||
cursor: not-allowed !important
|
||||
}
|
||||
|
||||
#noFeedbackNote {
|
||||
line-height: 400px;
|
||||
text-align: center;
|
||||
border-top: 1px solid #eee;
|
||||
}
|
||||
|
||||
#txtDescription {
|
||||
/*width: 900px;*/
|
||||
height: 288px;
|
||||
margin: 20px auto 20px;
|
||||
padding: 10px;
|
||||
|
||||
|
||||
/*新增样式*/
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
border: 1px solid #eee;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.userBox {
|
||||
margin: 0 auto
|
||||
}
|
||||
813
templates/green/static/css/book.css
Normal file
813
templates/green/static/css/book.css
Normal file
@ -0,0 +1,813 @@
|
||||
@charset "utf-8";
|
||||
.Interaction_tab a, .Interaction_tab a .icon, .Interaction_tab a.fr .icon, .dashang_bar .l_bar .list li, .btn_pc, .btn_flw, .fansBox .fans_bg, .icon_hg {
|
||||
background: url(../images/icon_interation.png) no-repeat
|
||||
}
|
||||
|
||||
.InteractionBox {
|
||||
padding: 15px 14px 11px
|
||||
}
|
||||
|
||||
.Interaction_tab a {
|
||||
width: 339px;
|
||||
height: 60px;
|
||||
line-height: 60px;
|
||||
font-size: 14px;
|
||||
color: #000
|
||||
}
|
||||
|
||||
/*.Interaction_tab a:hover, .Interaction_tab a.on { background-position: 0 -60px; color: #000 }*/
|
||||
.Interaction_tab a .icon {
|
||||
width: 38px;
|
||||
height: 60px;
|
||||
float: left;
|
||||
margin: 0 10px 0 64px;
|
||||
background-position: -348px 0
|
||||
}
|
||||
|
||||
.Interaction_tab a.fr .icon {
|
||||
background-position: -348px -60px
|
||||
}
|
||||
|
||||
.Interaction_tab h4 {
|
||||
font-size: 17px;
|
||||
margin-right: 8px;
|
||||
display: inline
|
||||
}
|
||||
|
||||
.InteractionBox .l_bar, .InteractionBox .r_bar {
|
||||
width: 335px;
|
||||
margin: 0 2px;
|
||||
float: left
|
||||
}
|
||||
|
||||
.InteractionBox .r_bar .time {
|
||||
padding-right: 1px
|
||||
}
|
||||
|
||||
.InteractionBox .l_bar .tit {
|
||||
padding: 22px 14px 0 4px
|
||||
}
|
||||
|
||||
.InteractionBox .l_bar .tit .red, .InteractionBox .r_bar .tit .red {
|
||||
padding: 0 5px
|
||||
}
|
||||
|
||||
.InteractionBox .l_bar .tit .fl {
|
||||
font-size: 17px
|
||||
}
|
||||
|
||||
.InteractionBox .l_bar .tit .fr {
|
||||
padding-top: 7px
|
||||
}
|
||||
|
||||
.dashang_bar .l_bar .list {
|
||||
padding-top: 20px
|
||||
}
|
||||
|
||||
.dashang_bar .l_bar .list li {
|
||||
width: 90px;
|
||||
height: 134px;
|
||||
line-height: 1;
|
||||
float: left;
|
||||
margin: 0 20px 0 6px;
|
||||
text-align: center;
|
||||
background-position: 0 -130px
|
||||
}
|
||||
|
||||
.dashang_bar .l_bar .list li img {
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
background: #fff;
|
||||
margin: 35px 15px 10px;
|
||||
border-radius: 50%;
|
||||
box-shadow: 0 1px 0 rgba(0, 0, 0, .3)
|
||||
}
|
||||
|
||||
.dashang_bar .l_bar .list li .user_name {
|
||||
line-height: 1 !important;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
display: block;
|
||||
padding: 0 10px
|
||||
}
|
||||
|
||||
.dashang_bar .l_bar .list .li_1 {
|
||||
}
|
||||
|
||||
.dashang_bar .l_bar .list .li_2 {
|
||||
background-position: -100px -130px
|
||||
}
|
||||
|
||||
.dashang_bar .l_bar .list .li_3 {
|
||||
background-position: -200px -130px;
|
||||
margin-right: 0
|
||||
}
|
||||
|
||||
.InteractionBox .r_bar .tit {
|
||||
padding: 14px 1px 12px 1px
|
||||
}
|
||||
|
||||
.InteractionBox .r_bar .tit strong {
|
||||
display: block;
|
||||
font-size: 13px
|
||||
}
|
||||
|
||||
.InteractionBox .r_bar .list, .InteractionBox .r_bar .sum {
|
||||
margin: 0 1px
|
||||
}
|
||||
|
||||
.InteractionBox .r_bar .list li {
|
||||
height: 27px;
|
||||
line-height: 27px;
|
||||
overflow: hidden;
|
||||
border-top: 1px dotted #ccc;
|
||||
color: #999
|
||||
}
|
||||
|
||||
.InteractionBox .r_bar .list li .user_name {
|
||||
margin-right: 8px
|
||||
}
|
||||
|
||||
.InteractionBox .r_bar .sum {
|
||||
border-top: 1px dotted #ccc;
|
||||
line-height: 34px
|
||||
}
|
||||
|
||||
.btn_pc, .btn_flw {
|
||||
width: 140px;
|
||||
height: 44px;
|
||||
display: inline-block;
|
||||
background-position: 0 -270px
|
||||
}
|
||||
|
||||
.btn_flw {
|
||||
width: 122px;
|
||||
background-position: -150px -270px
|
||||
}
|
||||
|
||||
.flower_bar .l_bar .list {
|
||||
padding: 0 14px 0 4px
|
||||
}
|
||||
|
||||
.flower_bar .l_bar li {
|
||||
padding: 15px 0 6px;
|
||||
overflow: hidden;
|
||||
clear: both
|
||||
}
|
||||
|
||||
.flower_bar .l_bar .book_intro {
|
||||
width: 265px
|
||||
}
|
||||
|
||||
.flower_bar .l_bar .cover img {
|
||||
width: 45px;
|
||||
height: 56px;
|
||||
background: #f6f6f6;
|
||||
margin: 2px 16px 0 0
|
||||
}
|
||||
|
||||
.flower_bar .l_bar .book_intro .txt {
|
||||
height: 38px;
|
||||
line-height: 18px;
|
||||
padding-top: 2px;
|
||||
color: #999;
|
||||
overflow: hidden;
|
||||
display: block
|
||||
}
|
||||
|
||||
.r_fansBrank .book_intro {
|
||||
float: inherit !important
|
||||
}
|
||||
|
||||
.user_level1, .user_level2, .user_level3, .user_level4, .user_level5, .user_level6, .user_level7, .user_level8, .user_level9, .user_level10, .user_level11 {
|
||||
width: 30px;
|
||||
height: 16px;
|
||||
line-height: 16px;
|
||||
text-align: center;
|
||||
border-radius: 2px;
|
||||
margin: 11px 0 0;
|
||||
color: #fff
|
||||
}
|
||||
|
||||
.user_level1 {
|
||||
background: #d0d0d0
|
||||
}
|
||||
|
||||
.user_level2 {
|
||||
background: #c0c0c0
|
||||
}
|
||||
|
||||
.user_level3 {
|
||||
background: #b4b3b3
|
||||
}
|
||||
|
||||
.user_level4 {
|
||||
background: #a0dfe6
|
||||
}
|
||||
|
||||
.user_level5 {
|
||||
background: #77d2db
|
||||
}
|
||||
|
||||
.user_level6 {
|
||||
background: #b4d894
|
||||
}
|
||||
|
||||
.user_level7 {
|
||||
background: #94c766
|
||||
}
|
||||
|
||||
.user_level8 {
|
||||
background: #ffc24c
|
||||
}
|
||||
|
||||
.user_level9 {
|
||||
background: #ffa800
|
||||
}
|
||||
|
||||
.user_level10 {
|
||||
background: #ff6e26
|
||||
}
|
||||
|
||||
.user_level11 {
|
||||
background: #ff0000
|
||||
}
|
||||
|
||||
/*固定悬浮图层*/
|
||||
.readPopup {
|
||||
border: 1px solid #D9D9D9;
|
||||
border-radius: 3px;
|
||||
background: #FFF;
|
||||
box-shadow: 0 1px 2px #999;
|
||||
overflow: hidden;
|
||||
padding-bottom: 20px;
|
||||
z-index: 9999;
|
||||
position: fixed;
|
||||
left: 50%;
|
||||
top: 50%
|
||||
}
|
||||
|
||||
.icon_check {
|
||||
position: absolute;
|
||||
width: 29px;
|
||||
height: 25px;
|
||||
right: -1px;
|
||||
top: -1px;
|
||||
z-index: 2;
|
||||
background: url(../images/icon_readpage.png) no-repeat 0 -142px
|
||||
}
|
||||
|
||||
.on .icon_check {
|
||||
display: block
|
||||
}
|
||||
|
||||
.closePopup {
|
||||
position: absolute;
|
||||
top: 20px;
|
||||
right: 20px;
|
||||
width: 16px;
|
||||
height: 15px;
|
||||
background: url(../images/icon_readpage.png) no-repeat -43px -126px
|
||||
}
|
||||
|
||||
.chapterBox {
|
||||
width: 600px;
|
||||
margin-left: -300px;
|
||||
margin-top: -260px
|
||||
}
|
||||
|
||||
.chapterBox .scrollWrap {
|
||||
height: 540px
|
||||
}
|
||||
|
||||
/*弹窗内容*/
|
||||
.popupTit h2 {
|
||||
text-align: center;
|
||||
letter-spacing: 15px;
|
||||
color: #333;
|
||||
font: 700 20px/30px "Microsoft Yahei";
|
||||
margin: 30px 0
|
||||
}
|
||||
|
||||
.popupTit h3 {
|
||||
font-size: 16px;
|
||||
margin: 15px 20px
|
||||
}
|
||||
|
||||
.scrollWrap {
|
||||
overflow-y: scroll;
|
||||
position: relative
|
||||
}
|
||||
|
||||
.dirWrap {
|
||||
padding: 0 40px
|
||||
}
|
||||
|
||||
.scrollWrap h3 {
|
||||
padding-left: 26px;
|
||||
font-size: 14px;
|
||||
background: #e6e6e6;
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
font-weight: normal;
|
||||
position: relative;
|
||||
cursor: pointer;
|
||||
margin: 0 0 15px;
|
||||
border-radius: 3px
|
||||
}
|
||||
|
||||
.readPopup .tc .btn_gray {
|
||||
margin-left: 30px
|
||||
}
|
||||
|
||||
/*捧场、送鲜花*/
|
||||
.pcBox, .flowerBox {
|
||||
width: 500px;
|
||||
margin-left: -251px;
|
||||
margin-top: -215px
|
||||
}
|
||||
|
||||
.propsList {
|
||||
padding: 15px 0 10px 20px
|
||||
}
|
||||
|
||||
.propsList li {
|
||||
float: left;
|
||||
cursor: pointer;
|
||||
margin: 0 8px 16px;
|
||||
text-align: center
|
||||
}
|
||||
|
||||
.propWrap {
|
||||
width: 134px;
|
||||
height: 54px;
|
||||
line-height: 54px;
|
||||
text-align: center;
|
||||
font-size: 15px;
|
||||
color: #000;
|
||||
display: block;
|
||||
border: 1px solid #e6e6e6;
|
||||
background: #fafafa;
|
||||
position: relative
|
||||
}
|
||||
|
||||
.on .propWrap, .propWrap:hover {
|
||||
width: 132px;
|
||||
height: 52px;
|
||||
line-height: 52px;
|
||||
color: #3eaf7c;
|
||||
border: 2px solid #3eaf7c;
|
||||
background: #fff
|
||||
}
|
||||
|
||||
.propsList li i {
|
||||
display: none;
|
||||
line-height: 1
|
||||
}
|
||||
|
||||
.propsList li .propsBox {
|
||||
padding-top: 20px
|
||||
}
|
||||
|
||||
.have_num {
|
||||
padding: 0 30px 10px;
|
||||
font-size: 14px;
|
||||
color: #999
|
||||
}
|
||||
|
||||
.have_num .red {
|
||||
margin: 0 4px
|
||||
}
|
||||
|
||||
.popup_text {
|
||||
width: 418px;
|
||||
height: 62px;
|
||||
padding: 8px 10px;
|
||||
margin: 8px 30px 20px;
|
||||
color: #555;
|
||||
border: 1px solid #e6e6e6;
|
||||
}
|
||||
|
||||
/*消息提示*/
|
||||
.newsTipBox {
|
||||
width: 400px;
|
||||
padding-bottom: 30px;
|
||||
margin-left: -200px;
|
||||
margin-top: -105px
|
||||
}
|
||||
|
||||
.tipWrap {
|
||||
padding: 30px;
|
||||
font-size: 14px
|
||||
}
|
||||
|
||||
/*遮罩层*/
|
||||
.maskBox {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: 0;
|
||||
z-index: 995;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: black;
|
||||
filter: alpha(opacity=30);
|
||||
opacity: 0.3;
|
||||
animation: mask 2s ease-out 0s 1 normal
|
||||
}
|
||||
|
||||
@keyframes mask {
|
||||
0% {
|
||||
filter: alpha(opacity=0);
|
||||
opacity: 0
|
||||
}
|
||||
100% {
|
||||
filter: alpha(opacity=30);
|
||||
opacity: 0.3
|
||||
}
|
||||
}
|
||||
|
||||
.fansBox {
|
||||
width: 998px;
|
||||
border: 1px solid #eaeaea
|
||||
}
|
||||
|
||||
.fansHead {
|
||||
height: 54px;
|
||||
line-height: 54px;
|
||||
margin: 0 14px;
|
||||
border-bottom: 1px solid #eaeaea;
|
||||
font-weight: normal
|
||||
}
|
||||
|
||||
.fansHead h2 {
|
||||
font-size: 20px;
|
||||
font-weight: normal
|
||||
}
|
||||
|
||||
.fansCon {
|
||||
padding: 20px
|
||||
}
|
||||
|
||||
.fansCon .r_bar {
|
||||
width: 204px
|
||||
}
|
||||
|
||||
.fansCon .cover {
|
||||
width: 200px;
|
||||
height: 250px;
|
||||
background: #f6f6f6;
|
||||
border: 1px solid #ebebeb;
|
||||
padding: 1px;
|
||||
}
|
||||
|
||||
.fansCon .btn_red {
|
||||
width: 202px;
|
||||
margin: 2px 0 14px;
|
||||
padding: 10px 0
|
||||
}
|
||||
|
||||
.fansCon .l_bar {
|
||||
width: 750px
|
||||
}
|
||||
|
||||
.fansCon .l_bar .list1 {
|
||||
padding-top: 4px
|
||||
}
|
||||
|
||||
.fansCon .list1 li {
|
||||
width: 33%;
|
||||
line-height: 1;
|
||||
float: left
|
||||
}
|
||||
|
||||
.fansCon .list1 .fans_bg {
|
||||
width: 90px;
|
||||
height: 112px;
|
||||
background-position: 0 -320px;
|
||||
position: relative;
|
||||
margin-right: 18px
|
||||
}
|
||||
|
||||
.fansCon .list1 .fans_bg img {
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
background: #fff;
|
||||
margin: 39px 15px 0;
|
||||
border-radius: 50%;
|
||||
box-shadow: 0 1px 0 rgba(0, 0, 0, .3)
|
||||
}
|
||||
|
||||
.fansCon .list1 h5 {
|
||||
font-size: 16px;
|
||||
padding: 9px 0;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
.fansCon .list1 li .user_name {
|
||||
line-height: 1 !important
|
||||
}
|
||||
|
||||
.fansCon .list1 .li_2 .fans_bg {
|
||||
background-position: -100px -320px
|
||||
}
|
||||
|
||||
.fansCon .list1 .li_3 .fans_bg {
|
||||
background-position: -200px -320px
|
||||
}
|
||||
|
||||
.fansCon .fans_info {
|
||||
width: 136px;
|
||||
font-size: 14px
|
||||
}
|
||||
|
||||
.fansCon .fans_info .fans_pointer {
|
||||
padding: 14px 0 22px
|
||||
}
|
||||
|
||||
.fans_level span {
|
||||
padding: 1px 10px 2px
|
||||
}
|
||||
|
||||
.icon_hg {
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
display: inline-block;
|
||||
background-position: -300px -320px;
|
||||
position: absolute;
|
||||
top: -13px;
|
||||
right: -13px
|
||||
}
|
||||
|
||||
.fansCon .list2 {
|
||||
padding: 0
|
||||
}
|
||||
|
||||
.fansCon .list2 li {
|
||||
width: 250px;
|
||||
float: left;
|
||||
height: 59px;
|
||||
padding: 0 0 19px;
|
||||
display: inline
|
||||
}
|
||||
|
||||
.fansCon .list2 .num {
|
||||
font: 16px/59px "microsoft yahei", Arial, "宋体";
|
||||
width: 32px;
|
||||
color: #666;
|
||||
font-weight: bold
|
||||
}
|
||||
|
||||
.fansCon .list2 .img {
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
margin-top: 10px;
|
||||
position: relative
|
||||
}
|
||||
|
||||
.fansCon .list2 .img img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
border-radius: 50%
|
||||
}
|
||||
|
||||
.fansCon .list2 .img span {
|
||||
display: block;
|
||||
margin: 0;
|
||||
position: absolute;
|
||||
left: 5px;
|
||||
bottom: 0
|
||||
}
|
||||
|
||||
.fansCon .list2 .msg {
|
||||
display: inline;
|
||||
width: 164px;
|
||||
padding: 8px 0 0 12px;
|
||||
}
|
||||
|
||||
.fansCon .list2 .msg h4 {
|
||||
line-height: 24px;
|
||||
font-weight: normal;
|
||||
font-size: 16px;
|
||||
overflow: hidden;
|
||||
height: 24px;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
.fansCon .list2 .msg p {
|
||||
font-size: 12px;
|
||||
line-height: 16px;
|
||||
color: #999;
|
||||
}
|
||||
|
||||
.fansTop {
|
||||
margin-bottom: 8px;
|
||||
border-bottom: 1px solid #eaeaea
|
||||
}
|
||||
|
||||
.fans_tab {
|
||||
width: 1005px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.fans_tab ul {
|
||||
float: left;
|
||||
width: 280px;
|
||||
margin-right: 55px;
|
||||
}
|
||||
|
||||
.fans_tab li {
|
||||
line-height: 39px;
|
||||
overflow: hidden;
|
||||
font-size: 14px;
|
||||
height: 39px;
|
||||
border-bottom: 1px solid #ebebeb;
|
||||
}
|
||||
|
||||
.fans_tab li .num {
|
||||
float: left;
|
||||
width: 40px;
|
||||
color: #666;
|
||||
}
|
||||
|
||||
.fans_tab li a {
|
||||
float: left;
|
||||
overflow: hidden;
|
||||
width: 200px;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
.fans_tab li .fans_level {
|
||||
float: left;
|
||||
font-size: 12px;
|
||||
width: 40px;
|
||||
text-align: right;
|
||||
color: #999;
|
||||
}
|
||||
|
||||
.fansRule dl {
|
||||
padding: 20px 20px 30px
|
||||
}
|
||||
|
||||
.fansRule dt {
|
||||
line-height: 24px;
|
||||
margin-bottom: 6px;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.fansRule dd {
|
||||
font-size: 12px;
|
||||
line-height: 20px;
|
||||
margin-bottom: 16px;
|
||||
color: #777;
|
||||
}
|
||||
|
||||
.fansRule table {
|
||||
width: 100%;
|
||||
border-collapse: collapse;
|
||||
}
|
||||
|
||||
.fansRule table th, .fansRule table td {
|
||||
font-weight: 400;
|
||||
min-width: 40px;
|
||||
padding: 12px 0;
|
||||
text-align: left;
|
||||
border-top: 1px solid #ebebeb;
|
||||
border-bottom: 1px solid #ebebeb;
|
||||
}
|
||||
|
||||
.fansRule ol li {
|
||||
list-style-type: decimal;
|
||||
list-style-position: inside;
|
||||
}
|
||||
|
||||
.InteractionBox .l_bar, .flower_bar .l_bar {
|
||||
display: none
|
||||
}
|
||||
|
||||
.dashang_bar {
|
||||
float: left
|
||||
}
|
||||
|
||||
.flower_bar {
|
||||
float: right
|
||||
}
|
||||
|
||||
.author_head {
|
||||
text-align: center
|
||||
}
|
||||
|
||||
.author_head .head img {
|
||||
width: 64px;
|
||||
height: 64px;
|
||||
border-radius: 50%;
|
||||
background: #f6f6f6;
|
||||
display: block;
|
||||
margin: 0 auto
|
||||
}
|
||||
|
||||
.author_head .msg {
|
||||
margin-top: -4px
|
||||
}
|
||||
|
||||
.author_head .msg h4 {
|
||||
font-size: 14px;
|
||||
line-height: 2.4
|
||||
}
|
||||
|
||||
.icon_qyzz {
|
||||
padding: 5px;
|
||||
line-height: 1;
|
||||
background: #3eaf7c;
|
||||
color: #fff;
|
||||
border-radius: 3px;
|
||||
display: inline-block
|
||||
}
|
||||
|
||||
.author_intro, .author_book {
|
||||
border-top: 1px dotted #e0e0e0
|
||||
}
|
||||
|
||||
.author_intro h4, .author_book h4 {
|
||||
font-weight: normal;
|
||||
font-size: 12px;
|
||||
padding: 10px 0 5px
|
||||
}
|
||||
|
||||
.author_intro .intro_txt, .author_book .book_txt {
|
||||
line-height: 1.8;
|
||||
padding-bottom: 10px
|
||||
}
|
||||
|
||||
.author_book .rightList ul {
|
||||
padding: 0
|
||||
}
|
||||
|
||||
|
||||
.tj_bar .cover {
|
||||
float: left;
|
||||
display: block;
|
||||
margin-right: 10px
|
||||
}
|
||||
|
||||
.tj_bar .cover img {
|
||||
width: 64px;
|
||||
height: auto;
|
||||
background: #f6f6f6
|
||||
}
|
||||
|
||||
.tj_bar .book_intro {
|
||||
padding: 15px 0;
|
||||
clear: both;
|
||||
word-break: break-all;
|
||||
zoom: 1;
|
||||
overflow: hidden
|
||||
}
|
||||
|
||||
.tj_bar .dec {
|
||||
width: 136px;
|
||||
float: right
|
||||
}
|
||||
|
||||
.tj_bar .book_intro .book_name {
|
||||
display: block;
|
||||
font-size: 14px;
|
||||
line-height: 1;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden
|
||||
}
|
||||
|
||||
.tj_bar .book_intro .txt {
|
||||
height: 54px;
|
||||
line-height: 1.5;
|
||||
color: #808080;
|
||||
overflow: hidden;
|
||||
display: block;
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.tj_bar li {
|
||||
border-bottom: 1px solid #eee
|
||||
}
|
||||
|
||||
.tj_bar li:last-child {
|
||||
border: none
|
||||
}
|
||||
|
||||
.tj_bar li:last-child .book_intro {
|
||||
padding: 15px 0 2px
|
||||
}
|
||||
|
||||
.friend_link {
|
||||
display: none
|
||||
}
|
||||
|
||||
.footer {
|
||||
background: #fff;
|
||||
padding: 16px 0 20px }
|
||||
|
||||
3243
templates/green/static/css/easyui.css
Normal file
3243
templates/green/static/css/easyui.css
Normal file
File diff suppressed because it is too large
Load Diff
1
templates/green/static/css/layer.css
Normal file
1
templates/green/static/css/layer.css
Normal file
@ -0,0 +1 @@
|
||||
.layermbox{position:absolute;left:0;top:0;width:100%;z-index:19891014}.layermmain,.laymshade{position:fixed;left:0;top:0;width:100%;height:100%}.layermbtn span,.layermchild{display:inline-block;position:relative}.laymshade{background-color:rgba(0,0,0,.5);pointer-events:auto}.layermmain{display:table;font-family:Helvetica,arial,sans-serif;pointer-events:none}.layermmain .section{display:table-cell;vertical-align:middle;text-align:center}.layermchild{text-align:left;background-color:#fff;font-size:14px;border-radius:6px;box-shadow:0 0 8px rgba(0,0,0,.1);pointer-events:auto;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:.18s;animation-duration:.18s}.layermborder{border:1px solid #999}@-webkit-keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.layermanim{animation-name:bounceIn;-webkit-animation-name:bounceIn}.layermbox0 .layermchild{max-width:260px;min-width:150px}.layermbox1 .layermchild{border:none;border-radius:0}.layermbox2 .layermchild{width:auto;max-width:260px;min-width:40px;border:none;background-color:rgba(0,0,0,.6);color:#fff}.layermchild h3{padding:0 45px 0 10px;height:50px;line-height:50px;font-size:16px;font-weight:400;border-radius:5px 5px 0 0;border-bottom:1px solid #EBEBEB}.layermbtn span,.layermchild h3{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.layermcont{padding:20px 15px;line-height:22px;border-radius:5px}.layermbox1 .layermcont{padding:0}.layermbox2 .layermcont{text-align:center;padding:30px 30px 0;line-height:0}.layermbox2 .layermcont i{width:1.5rem;height:1.5rem;margin-left:8px;display:inline-block;background-color:#fff;border-radius:100%;-webkit-animation:bouncedelay 1.4s infinite ease-in-out;animation:bouncedelay 1.4s infinite ease-in-out;-webkit-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes bouncedelay{0%,100%,80%{-webkit-transform:scale(0)}40%{-webkit-transform:scale(1)}}@keyframes bouncedelay{0%,100%,80%{transform:scale(0);-webkit-transform:scale(0)}40%{transform:scale(1);-webkit-transform:scale(1)}}.layermbox2 .layermcont i:first-child{margin-left:0;-webkit-animation-delay:-.32s;animation-delay:-.32s}.layermbox2 .layermcont i.laymloadtwo{-webkit-animation-delay:-.16s;animation-delay:-.16s}.layermbox2 .layermcont>div{line-height:22px;padding-top:7px;margin-bottom:20px;font-size:14px}.layermbtn{position:relative;height:40px;line-height:40px;font-size:0;text-align:center;border-top:1px solid #EBEBEB}.layermbtn span{width:50%;text-align:center;font-size:14px;cursor:pointer;border-radius:0 5px 0 0}.layermbtn span:first-child{height:39px;background-color:#fff;border-radius:0 0 0 5px}.layermbtn:before{content:'\20';position:absolute;width:1px;height:39px;left:50%;top:0;background-color:#EBEBEB}.layermend{position:absolute;right:7px;top:10px;width:30px;height:30px;border:0;font-weight:400;background:0 0;cursor:pointer;-webkit-appearance:none;font-size:30px}.layermend::after,.layermend::before{position:absolute;left:5px;top:13px;content:'';width:20px;height:2px;background-color:rgba(0,0,0,.3);transform:rotate(45deg);-webkit-transform:rotate(45deg);border-radius:3px}.layermend::after{transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}
|
||||
1197
templates/green/static/css/main.css
Normal file
1197
templates/green/static/css/main.css
Normal file
File diff suppressed because it is too large
Load Diff
1797
templates/green/static/css/public.css
Normal file
1797
templates/green/static/css/public.css
Normal file
File diff suppressed because it is too large
Load Diff
906
templates/green/static/css/read.css
Normal file
906
templates/green/static/css/read.css
Normal file
@ -0,0 +1,906 @@
|
||||
@charset "utf-8";
|
||||
a {
|
||||
color: #333
|
||||
}
|
||||
|
||||
a:hover, .redFont, .current, .bookNav a:hover, .textinfo a:hover {
|
||||
color: #3eaf7c
|
||||
}
|
||||
|
||||
.read_menu li a, .closePopup, .menu_left li a span, .menu_right li a span, .icon_check, .icon_yb {
|
||||
background: url(../images/icon_readpage.png) no-repeat
|
||||
}
|
||||
|
||||
/* 阅读页背景 */
|
||||
body { /*background-color: #4a4a4a;*/
|
||||
color: #333;
|
||||
font-family: "Microsoft YaHei"
|
||||
}
|
||||
|
||||
.topMain {
|
||||
box-shadow: 0 1px 4px rgba(0, 0, 0, .1);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#66ffffff, endColorstr=#66ffffff);
|
||||
background: none;
|
||||
background: rgba(255, 255, 255, .4)
|
||||
}
|
||||
|
||||
.read_style_6 .topMain {
|
||||
border-bottom: 1px solid #444;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0cffffff, endColorstr=#0cffffff);
|
||||
background: rgba(255, 255, 255, .05)
|
||||
}
|
||||
|
||||
/*颜色：浅黄白、护眼绿、粉色、浅黄、浅灰、夜间黑*/
|
||||
body, .read_style_1 {
|
||||
background-color: #ebe5d8
|
||||
}
|
||||
|
||||
.read_style_2 {
|
||||
background-color: #cbdec9
|
||||
}
|
||||
|
||||
.read_style_3 {
|
||||
background-color: #edd4d4
|
||||
}
|
||||
|
||||
.read_style_4 {
|
||||
background-color: #e0cfa3
|
||||
}
|
||||
|
||||
.read_style_5 {
|
||||
background-color: #d3d3d3
|
||||
}
|
||||
|
||||
.read_style_6 {
|
||||
background-color: #0e0f0f
|
||||
}
|
||||
|
||||
.read_style_1 .textbox, .read_style_1 .read_menu li a, .read_style_1 .haveRead, .read_style_1 .nextPageBox a {
|
||||
background-color: rgb(244, 241, 234)
|
||||
}
|
||||
|
||||
/*浅黄白*/
|
||||
.read_style_2 .textbox, .read_style_2 .read_menu li a, .read_style_2 .haveRead, .read_style_2 .nextPageBox a {
|
||||
background-color: rgb(224, 235, 223)
|
||||
}
|
||||
|
||||
/*护眼绿*/
|
||||
.read_style_3 .textbox, .read_style_3 .read_menu li a, .read_style_3 .haveRead, .read_style_3 .nextPageBox a {
|
||||
background-color: rgb(244, 229, 229)
|
||||
}
|
||||
|
||||
/*粉色*/
|
||||
.read_style_4 .textbox, .read_style_4 .read_menu li a, .read_style_4 .haveRead, .read_style_4 .nextPageBox a {
|
||||
background-color: rgb(236, 226, 200)
|
||||
}
|
||||
|
||||
/*浅黄*/
|
||||
.read_style_5 .textbox, .read_style_5 .read_menu li a, .read_style_5 .haveRead, .read_style_5 .nextPageBox a {
|
||||
background-color: rgb(229, 229, 229)
|
||||
}
|
||||
|
||||
/*浅灰*/
|
||||
.read_style_6 .textbox, .read_style_6 .read_menu li a, .read_style_6 .haveRead, .read_style_6 .nextPageBox a {
|
||||
background-color: rgb(39, 39, 39)
|
||||
}
|
||||
|
||||
/*夜间黑*/
|
||||
.read_style_1 .textbox, .read_style_1 .read_menu li a, .read_style_1 .haveRead, .read_style_1 .nextPageBox a {
|
||||
background-color: rgba(255, 255, 255, .45)
|
||||
}
|
||||
|
||||
.read_style_2 .textbox, .read_style_2 .read_menu li a, .read_style_2 .haveRead, .read_style_2 .nextPageBox a, .read_style_3 .textbox, .read_style_3 .read_menu li a, .read_style_3 .haveRead, .read_style_3 .nextPageBox a, .read_style_4 .textbox, .read_style_4 .read_menu li a, .read_style_4 .haveRead, .read_style_4 .nextPageBox a, .read_style_5 .textbox, .read_style_5 .read_menu li a, .read_style_5 .haveRead, .read_style_5 .nextPageBox a {
|
||||
background-color: rgba(255, 255, 255, .4)
|
||||
}
|
||||
|
||||
.read_style_6 .textbox, .read_style_6 .read_menu li a, .read_style_6 .haveRead, .read_style_6 .nextPageBox a {
|
||||
background-color: rgba(255, 255, 255, .1)
|
||||
}
|
||||
|
||||
.read_style_1 .author_say, .read_style_1 .orderBox, .read_style_2 .author_say, .read_style_2 .orderBox, .read_style_3 .author_say, .read_style_3 .orderBox, .read_style_4 .author_say, .read_style_4 .orderBox, .read_style_5 .author_say, .read_style_5 .orderBox {
|
||||
background-color: #fcfbfa;
|
||||
background-color: rgba(255, 255, 255, .75)
|
||||
}
|
||||
|
||||
/*.read_style_1 .nextPageBox a { border-color: #e0e0e0 }
|
||||
.read_style_2 .nextPageBox a { border-color: #bad7b7 }
|
||||
.read_style_3 .nextPageBox a { border-color: #e5d3d3 }
|
||||
.read_style_4 .nextPageBox a { border-color: #e0dcd0 }
|
||||
.read_style_5 .nextPageBox a { border-color: #d3d3d3 }
|
||||
.read_style_6 .nextPageBox a { border-color: #555 }*/
|
||||
.read_style_6 .author_say, .read_style_6 .orderBox, .read_style_6 .textbox, .read_style_6 .book_title h1, .read_style_6 .read_menu li, .read_style_6 .haveRead, .read_style_6 .haveRead a, .read_style_6 .topMain a, .read_style_6 .searchBar .s_int, .read_style_6 .bookNav, .read_style_6 .bookNav a, .read_style_6 .textinfo, .read_style_6 .textinfo a, .read_style_6 .textinfo span, .read_style_6 .read_menu li a b {
|
||||
color: #999;
|
||||
box-shadow: none
|
||||
}
|
||||
|
||||
.read_style_6 .bookNav, .read_style_6 .author_say, .read_style_6 .orderBox, .read_style_6 .payFoot {
|
||||
border-color: #444 !important
|
||||
}
|
||||
|
||||
.readBody {
|
||||
height: 100%
|
||||
}
|
||||
|
||||
.readMain {
|
||||
margin: 0 auto;
|
||||
position: relative;
|
||||
z-index: 3;
|
||||
width: 900px
|
||||
}
|
||||
|
||||
/* 左右菜单栏 */
|
||||
.menu_left {
|
||||
width: 60px;
|
||||
z-index: 20;
|
||||
position: absolute;
|
||||
top: 60px;
|
||||
left: 50%;
|
||||
margin-left: -511px
|
||||
}
|
||||
|
||||
.menu_right {
|
||||
width: 60px;
|
||||
z-index: 20;
|
||||
position: absolute;
|
||||
bottom: 81px;
|
||||
right: 50%;
|
||||
margin-right: -511px;
|
||||
display: none
|
||||
}
|
||||
|
||||
.read_menu li {
|
||||
box-shadow: 0 0 1px 0 rgba(0, 0, 0, .05);
|
||||
margin-bottom: 1px;
|
||||
width: 60px;
|
||||
position: relative
|
||||
}
|
||||
|
||||
.read_menu li a {
|
||||
display: block;
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
position: relative; /*background-color: #fff;*/
|
||||
opacity: 0.95
|
||||
}
|
||||
|
||||
.read_menu li a i {
|
||||
display: none;
|
||||
width: 60px;
|
||||
text-align: center;
|
||||
color: #999;
|
||||
font-size: 13px;
|
||||
line-height: 1.5;
|
||||
padding-top: 20px
|
||||
}
|
||||
|
||||
.read_menu li a b {
|
||||
font-weight: 400;
|
||||
display: block;
|
||||
height: 60px;
|
||||
width: 60px;
|
||||
text-align: center;
|
||||
line-height: 90px;
|
||||
color: rgba(0, 0, 0, .5);
|
||||
}
|
||||
|
||||
.menu_left li a:hover, .menu_right li a:hover {
|
||||
opacity: 1
|
||||
}
|
||||
|
||||
.menu_left li a span, .menu_right li a span {
|
||||
background-position: -1px -126px;
|
||||
width: 6px;
|
||||
height: 6px;
|
||||
top: 13px;
|
||||
right: 13px;
|
||||
position: absolute
|
||||
}
|
||||
|
||||
.menu_left li a.ico_catalog {
|
||||
background-position: -60px -10px
|
||||
}
|
||||
|
||||
.menu_left li a.ico_page {
|
||||
background-position: 2px -10px
|
||||
}
|
||||
|
||||
.menu_left li a.ico_comment {
|
||||
background-position: -122px -65px
|
||||
}
|
||||
|
||||
.menu_left li a.ico_phone {
|
||||
background-position: -304px -10px
|
||||
}
|
||||
|
||||
.menu_left li a.ico_shelf, .menu_left li a.ico_shelfed {
|
||||
background-position: -182px -10px
|
||||
}
|
||||
|
||||
.menu_left li a.ico_setup {
|
||||
background-position: -122px -10px
|
||||
}
|
||||
|
||||
.menu_left li a.ico_pc {
|
||||
background-position: 1px -62px
|
||||
}
|
||||
|
||||
.menu_left li a.ico_flower {
|
||||
background-position: -62px -64px
|
||||
}
|
||||
|
||||
.menu_right li a.ico_pagePrev {
|
||||
background-position: -184px -60px
|
||||
}
|
||||
|
||||
.menu_right li a.ico_pageNext {
|
||||
background-position: -243px -60px
|
||||
}
|
||||
|
||||
.menu_right li a.ico_goTop {
|
||||
background-position: -304px -56px
|
||||
}
|
||||
|
||||
.menu_right li a.ico_pagePrev:hover, .menu_right li a.ico_pageNext:hover, .menu_right li a.ico_goTop:hover {
|
||||
background-image: none
|
||||
}
|
||||
|
||||
.menu_right li a:hover i {
|
||||
display: block
|
||||
}
|
||||
|
||||
/* 正文栏 */
|
||||
.textbox {
|
||||
border-radius: 2px;
|
||||
width: 98%;
|
||||
margin: 0 auto 20px;
|
||||
padding-bottom: 40px;
|
||||
box-shadow: 0 0 1px 0 rgba(0, 0, 0, .25);
|
||||
color: #111;
|
||||
}
|
||||
|
||||
.bookNav {
|
||||
width: 99%;
|
||||
margin: 0 auto;
|
||||
padding: 18px 0 12px;
|
||||
line-height: 2.5; /*border-bottom: 1px dotted rgba(0,0,0,.1)*/
|
||||
}
|
||||
|
||||
.bookNav a {
|
||||
font: 12px/1 "Microsoft YaHei";
|
||||
margin: 0 5px
|
||||
}
|
||||
|
||||
.readWrap {
|
||||
margin: 0 auto;
|
||||
width: 100%
|
||||
}
|
||||
|
||||
.book_title {
|
||||
width: 90%;
|
||||
margin: 0 auto;
|
||||
padding-bottom: 15px;
|
||||
position: relative
|
||||
}
|
||||
|
||||
.book_title h1 {
|
||||
padding: 60px 0 30px;
|
||||
font: 26px/1 "Microsoft YaHei";
|
||||
color: #000;
|
||||
text-align: center
|
||||
}
|
||||
|
||||
.textinfo {
|
||||
color: rgba(0, 0, 0, .5);
|
||||
font: 12px/1.8 "Microsoft YaHei";
|
||||
text-align: center;
|
||||
position: relative
|
||||
}
|
||||
|
||||
.textinfo a, .textinfo span {
|
||||
color: rgba(0, 0, 0, .5);
|
||||
margin-right: 15px;
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
margin-top: -3px;
|
||||
*margin-top: -1px;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap
|
||||
}
|
||||
|
||||
.readBox {
|
||||
width: 90%;
|
||||
margin: 0 auto;
|
||||
line-height: 2;
|
||||
font-size: 16px;
|
||||
padding: 10px 0 60px; /*min-height: 469px;*/
|
||||
word-wrap: break-word;
|
||||
word-break: break-word
|
||||
}
|
||||
|
||||
.readBox p {
|
||||
line-height: 2;
|
||||
margin-top: 1em;
|
||||
text-indent: 2em;
|
||||
}
|
||||
|
||||
.orderBox {
|
||||
width: 90%;
|
||||
margin: 0 auto 10px;
|
||||
padding: 40px 0;
|
||||
font-size: 14px;
|
||||
min-height: 330px;
|
||||
border: 1px solid rgba(0, 0, 0, .1);
|
||||
border-radius: 2px;
|
||||
}
|
||||
|
||||
.orderBox h3 {
|
||||
padding: 0 50px;
|
||||
font: 18px/1 "Microsoft YaHei";
|
||||
margin: 25px 0
|
||||
}
|
||||
|
||||
.order_list {
|
||||
padding: 0 50px;
|
||||
line-height: 2.6;
|
||||
}
|
||||
|
||||
.order_list .btns {
|
||||
padding: 20px 0
|
||||
}
|
||||
|
||||
/* 作者的话 */
|
||||
.author_say {
|
||||
margin: 35px auto 10px;
|
||||
width: 90%;
|
||||
min-height: 70px;
|
||||
border-radius: 3px;
|
||||
background: url(../images/author_say.png) no-repeat;
|
||||
border: 1px solid #e3e3e3 /*rgba(0,0,0,.1)*/
|
||||
}
|
||||
|
||||
.say_bar {
|
||||
padding: 14px 14px 14px 74px;
|
||||
font-size: 14px
|
||||
}
|
||||
|
||||
/* 翻页 */
|
||||
.nextPageBox {
|
||||
margin: 30px auto;
|
||||
text-align: center;
|
||||
width: 98%
|
||||
}
|
||||
|
||||
.nextPageBox a {
|
||||
width: 26%;
|
||||
height: 58px;
|
||||
line-height: 58px;
|
||||
font-size: 18px;
|
||||
display: inline-block;
|
||||
border-radius: 3px;
|
||||
text-align: center; /*background: rgba(255,255,255,0.5);*/
|
||||
opacity: .95;
|
||||
border: 1px solid rgba(0, 0, 0, .1);
|
||||
}
|
||||
|
||||
.nextPageBox a.prev, .nextPageBox a.dir {
|
||||
margin-right: 40px
|
||||
}
|
||||
|
||||
.nextPageBox a:hover { /*background: rgba(255,255,255,.8);*/
|
||||
opacity: 1;
|
||||
color: #333
|
||||
}
|
||||
|
||||
.read_style_6 .nextPageBox a {
|
||||
color: #999;
|
||||
border: none
|
||||
}
|
||||
|
||||
/*固定悬浮图层*/
|
||||
.readPopup {
|
||||
border: 1px solid #D9D9D9;
|
||||
border-radius: 3px;
|
||||
background: #FFF;
|
||||
box-shadow: 0 1px 2px #999;
|
||||
overflow: hidden;
|
||||
padding-bottom: 20px;
|
||||
z-index: 9999;
|
||||
position: fixed;
|
||||
left: 50%;
|
||||
top: 50%
|
||||
}
|
||||
|
||||
.icon_check {
|
||||
position: absolute;
|
||||
width: 29px;
|
||||
height: 25px;
|
||||
right: -1px;
|
||||
top: -1px;
|
||||
z-index: 2;
|
||||
background-position: 0 -142px
|
||||
}
|
||||
|
||||
.closePopup {
|
||||
position: absolute;
|
||||
top: 20px;
|
||||
right: 20px;
|
||||
width: 16px;
|
||||
height: 15px;
|
||||
background-posion: -43px -126px
|
||||
}
|
||||
|
||||
.chapterBox {
|
||||
width: 600px;
|
||||
margin-left: -300px;
|
||||
margin-top: -260px
|
||||
}
|
||||
|
||||
.chapterBox .scrollWrap {
|
||||
height: 540px
|
||||
}
|
||||
|
||||
/*弹窗内容*/
|
||||
.popupTit h2 {
|
||||
text-align: center;
|
||||
letter-spacing: 15px;
|
||||
color: #333;
|
||||
font: 700 20px/30px "Microsoft Yahei";
|
||||
margin: 30px 0
|
||||
}
|
||||
|
||||
.popupTit h3 {
|
||||
font-size: 16px;
|
||||
margin: 15px 20px
|
||||
}
|
||||
|
||||
.scrollWrap {
|
||||
overflow-y: scroll;
|
||||
position: relative
|
||||
}
|
||||
|
||||
.dirWrap {
|
||||
padding: 0 40px
|
||||
}
|
||||
|
||||
.scrollWrap h3 {
|
||||
padding-left: 26px;
|
||||
font-size: 14px;
|
||||
background: #e6e6e6;
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
font-weight: normal;
|
||||
position: relative;
|
||||
cursor: pointer;
|
||||
margin: 0 0 15px;
|
||||
border-radius: 3px
|
||||
}
|
||||
|
||||
.readPopup .tc .btn_gray {
|
||||
margin-left: 30px
|
||||
}
|
||||
|
||||
/* 目录 */
|
||||
.dirList {
|
||||
overflow: hidden;
|
||||
*zoom: 1
|
||||
}
|
||||
|
||||
.dirList li {
|
||||
float: left;
|
||||
width: 40%;
|
||||
padding-left: 26px;
|
||||
height: 40px;
|
||||
line-height: 40px;
|
||||
overflow: hidden;
|
||||
margin-right: 20px;
|
||||
*zoom: 1
|
||||
}
|
||||
|
||||
.dirList li a {
|
||||
float: left;
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
width: 220px
|
||||
}
|
||||
|
||||
/* 加书架 */
|
||||
.readTipBox {
|
||||
width: 400px;
|
||||
padding-bottom: 30px;
|
||||
margin-left: -200px;
|
||||
margin-top: -105px
|
||||
}
|
||||
|
||||
.tipWrap {
|
||||
padding: 30px
|
||||
}
|
||||
|
||||
/* 设置 */
|
||||
.setupBox {
|
||||
width: 480px;
|
||||
margin-left: -240px;
|
||||
margin-top: -130px
|
||||
}
|
||||
|
||||
.setupList {
|
||||
padding: 5px 40px
|
||||
}
|
||||
|
||||
.setupList li {
|
||||
font-size: 14px;
|
||||
padding: 15px 0
|
||||
}
|
||||
|
||||
.setupList li a {
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
margin: 0 6px;
|
||||
text-align: center
|
||||
}
|
||||
|
||||
.readTheme a {
|
||||
width: 34px;
|
||||
height: 34px;
|
||||
border-radius: 50%;
|
||||
position: relative;
|
||||
border: 1px solid rgba(0, 0, 0, .1)
|
||||
}
|
||||
|
||||
.readTheme .white {
|
||||
background-color: #faf6ed;
|
||||
margin-left: 15px
|
||||
}
|
||||
|
||||
.readTheme .green {
|
||||
background-color: #e2efe2
|
||||
}
|
||||
|
||||
/*.readTheme .blue { background-color: #E8FDFE }*/
|
||||
.readTheme .pink {
|
||||
background-color: #FDD9D9
|
||||
}
|
||||
|
||||
.readTheme .yellow {
|
||||
background-color: #F1DEBD
|
||||
}
|
||||
|
||||
.readTheme .gray {
|
||||
background-color: #eee
|
||||
}
|
||||
|
||||
.readTheme .night {
|
||||
background-color: #666
|
||||
}
|
||||
|
||||
/*.readTheme a.current, .readTheme a:hover { box-shadow: 1px 3px 5px #aaa }*/
|
||||
.read_style_1 .readTheme .white, .read_style_2 .readTheme .green, .read_style_3 .readTheme .pink, .read_style_4 .readTheme .yellow, .read_style_5 .readTheme .gray, .read_style_6 .readTheme .night {
|
||||
border-color: #3eaf7c
|
||||
}
|
||||
|
||||
.setBtn a {
|
||||
border: 1px solid #D9D9D9;
|
||||
width: 53px;
|
||||
height: 28px;
|
||||
line-height: 28px;
|
||||
box-shadow: 0 1px 1px #ECECEC;
|
||||
border-radius: 3px
|
||||
}
|
||||
|
||||
.setBtn .act {
|
||||
color: #CC2931
|
||||
}
|
||||
|
||||
.setFont .setSimsun {
|
||||
font-family: Simsun;
|
||||
font-size: 13px
|
||||
}
|
||||
|
||||
.setFont .setKs {
|
||||
font-family: kaiti;
|
||||
font-size: 15px
|
||||
}
|
||||
|
||||
.setupList li.fontSize a {
|
||||
text-align: center;
|
||||
margin: 0;
|
||||
font-size: 16px;
|
||||
width: 70px;
|
||||
box-shadow: 0 1px 0 #ECECEC
|
||||
}
|
||||
|
||||
.setupList li.fontSize a.small {
|
||||
margin-left: 8px;
|
||||
border-right: none;
|
||||
border-radius: 3px 0 0 3px
|
||||
}
|
||||
|
||||
.setupList li.fontSize a.big {
|
||||
border-left: none;
|
||||
border-radius: 0 3px 3px 0
|
||||
}
|
||||
|
||||
.setupList li.fontSize .current_font {
|
||||
display: inline-block;
|
||||
padding: 0 22px;
|
||||
border: 1px solid #D9D9D9;
|
||||
height: 28px;
|
||||
line-height: 28px;
|
||||
box-shadow: 0 1px 1px #ECECEC;
|
||||
vertical-align: middle
|
||||
}
|
||||
|
||||
/* 手机阅读 */
|
||||
.qrBox {
|
||||
width: 280px;
|
||||
margin-left: -140px;
|
||||
margin-top: -120px
|
||||
}
|
||||
|
||||
.qrList {
|
||||
text-align: center;
|
||||
width: 166px;
|
||||
margin: 30px auto 15px
|
||||
}
|
||||
|
||||
.qr_img {
|
||||
width: 160px;
|
||||
height: 160px;
|
||||
margin: 0 auto 10px;
|
||||
display: block
|
||||
}
|
||||
|
||||
.qrCodeBox p {
|
||||
color: #999
|
||||
}
|
||||
|
||||
/*遮罩层*/
|
||||
.maskBox {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: 0;
|
||||
z-index: 995;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: black;
|
||||
filter: alpha(opacity=20);
|
||||
opacity: 0.2;
|
||||
animation: mask 2s ease-out 0s 1 normal
|
||||
}
|
||||
|
||||
@keyframes mask {
|
||||
0% {
|
||||
filter: alpha(opacity=0);
|
||||
opacity: 0
|
||||
}
|
||||
100% {
|
||||
filter: alpha(opacity=20);
|
||||
opacity: 0.2
|
||||
}
|
||||
}
|
||||
|
||||
.pc_bar {
|
||||
padding: 30px 0 10px;
|
||||
text-align: center;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.icon_pc {
|
||||
box-shadow: 0 1px 1px rgba(0, 0, 0, .3);
|
||||
padding: 3px;
|
||||
display: inline-block;
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
.icon_pc span {
|
||||
width: 96px;
|
||||
height: 96px;
|
||||
line-height: 1;
|
||||
border-radius: 50%;
|
||||
display: inline-block;
|
||||
background-color: #3eaf7c;
|
||||
color: #fefefe;
|
||||
font-size: 22px;
|
||||
letter-spacing: 0px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.icon_pc:hover span {
|
||||
background: #ed4259
|
||||
}
|
||||
|
||||
.icon_yb {
|
||||
width: 37px;
|
||||
height: 27px;
|
||||
display: block;
|
||||
background-position: 0 -173px;
|
||||
margin: 19px auto 7px
|
||||
}
|
||||
|
||||
.icon_pc em {
|
||||
filter: alpha(opacity=90);
|
||||
-moz-opacity: 0.9;
|
||||
opacity: 0.9;
|
||||
}
|
||||
|
||||
.read_dz {
|
||||
height: 40px;
|
||||
line-height: 40px;
|
||||
border-radius: 40px;
|
||||
padding: 0 22px;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0c000000, endColorstr=#0c000000);
|
||||
background: rgba(0, 0, 0, .07);
|
||||
display: block;
|
||||
position: absolute;
|
||||
bottom: 35px;
|
||||
right: 50px;
|
||||
color: #444;
|
||||
font-size: 18px
|
||||
}
|
||||
|
||||
.read_dz:hover {
|
||||
color: #444;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#19000000, endColorstr=#19000000);
|
||||
background: rgba(0, 0, 0, .1)
|
||||
}
|
||||
|
||||
.read_dz i {
|
||||
width: 25px;
|
||||
height: 25px;
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
top: 4px;
|
||||
margin-right: 6px;
|
||||
background: url(../images/icon_readdz.png) no-repeat
|
||||
}
|
||||
|
||||
.read_style_6 .read_dz {
|
||||
color: #aaa
|
||||
}
|
||||
|
||||
.read_dz.on {
|
||||
color: #3eaf7c;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0cff8800, endColorstr=#0cff8800);
|
||||
background: rgba(255, 136, 0, .05)
|
||||
}
|
||||
|
||||
.read_dz.on i {
|
||||
background-position: -30px 0
|
||||
}
|
||||
|
||||
.haveRead {
|
||||
border-radius: 2px; /*background: #fff;*/
|
||||
width: 98%;
|
||||
margin: 0 auto 20px;
|
||||
}
|
||||
|
||||
.haveRead h4 {
|
||||
padding: 25px 40px 0;
|
||||
font-weight: normal
|
||||
}
|
||||
|
||||
.haveRead ul {
|
||||
padding: 0 15px 10px
|
||||
}
|
||||
|
||||
.haveRead li {
|
||||
float: left;
|
||||
width: 124px;
|
||||
margin: 15px 23px
|
||||
}
|
||||
|
||||
.haveRead .items_img {
|
||||
display: block
|
||||
}
|
||||
|
||||
.haveRead .items_img img {
|
||||
width: 120px;
|
||||
height: 150px;
|
||||
background: #f6f6f6;
|
||||
border: 1px solid #ebebeb;
|
||||
padding: 1px;
|
||||
}
|
||||
|
||||
.haveRead .items_img:hover img {
|
||||
border-color: #ccc
|
||||
}
|
||||
|
||||
.haveRead .items_link {
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
width: 124px;
|
||||
overflow: hidden;
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.payFoot {
|
||||
line-height: 2.4;
|
||||
padding: 30px 0 20px;
|
||||
margin: 10px 50px 0;
|
||||
font-size: 13px;
|
||||
color: #808080;
|
||||
border-top: 1px solid #eee
|
||||
}
|
||||
|
||||
.readBanner {
|
||||
width: 98%;
|
||||
padding-top: 25px
|
||||
}
|
||||
|
||||
.readBanner img {
|
||||
max-width: 100%
|
||||
}
|
||||
|
||||
.read_style_6 .readBanner img, .read_style_6 .haveRead .items_img img {
|
||||
filter: alpha(opacity=80);
|
||||
opacity: .8
|
||||
}
|
||||
|
||||
:root .topMain {
|
||||
filter: none
|
||||
}
|
||||
|
||||
/*全本订阅*/
|
||||
.order_bar {
|
||||
text-align: center;
|
||||
padding-bottom: 30px
|
||||
}
|
||||
|
||||
.order_zj {
|
||||
width: 178px;
|
||||
padding: 15px 0;
|
||||
margin: 0 14px;
|
||||
display: inline-block;
|
||||
transition: width .3s;
|
||||
border: 1px solid #d8d8d8;
|
||||
background: rgba(255, 255, 255, .7);
|
||||
border-radius: 4px
|
||||
}
|
||||
|
||||
.order_zj:hover {
|
||||
color: #333;
|
||||
background: rgba(255, 255, 255, .2);
|
||||
border-color: #d1d1d1
|
||||
}
|
||||
|
||||
.order_zj h4 {
|
||||
font-size: 18px;
|
||||
font-weight: normal
|
||||
}
|
||||
|
||||
.order_zj .price {
|
||||
font-size: 12px;
|
||||
padding-top: 6px
|
||||
}
|
||||
|
||||
.order_zj .price .red {
|
||||
margin-left: 5px
|
||||
}
|
||||
|
||||
.order_allzj {
|
||||
background: #3eaf7c;
|
||||
color: #fff;
|
||||
border-color: #3eaf7c
|
||||
}
|
||||
|
||||
.order_allzj .red {
|
||||
color: #fff
|
||||
}
|
||||
|
||||
.order_allzj:hover {
|
||||
color: #fff;
|
||||
background: #3eaf7c;
|
||||
border-color: #3eaf7c
|
||||
}
|
||||
|
||||
.order_tip {
|
||||
padding: 25px 0 10px;
|
||||
color: #999;
|
||||
font-size: 13px
|
||||
}
|
||||
|
||||
.dqye {
|
||||
font-size:15px }
|
||||
137
templates/green/static/css/user.css
Normal file
137
templates/green/static/css/user.css
Normal file
@ -0,0 +1,137 @@
|
||||
@charset "utf-8";
|
||||
.updateTable .style a { color:#999 }
|
||||
.updateTable .author a { color:#999; cursor:text }
|
||||
.bind, .updateTable .style a:hover { color:#f65167 }
|
||||
.userBox { /*width: 998px; border: 1px solid #eaeaea;*/ margin:0 auto 50px; background: #fff; border-radius: 6px }
|
||||
.channelViewhistory .userBox { margin: 0 auto }
|
||||
.user_l { width:350px; float:left; padding:100px 124px }
|
||||
.user_l h3 { font-size:23px; font-weight:normal; line-height:1; text-align: center }
|
||||
.user_l #LabErr { color:#ff4040; display:block; height:40px; line-height:40px; text-align: center; font-size: 14px }
|
||||
.user_l .log_list { width:350px }
|
||||
.user_l .s_input { margin-bottom:25px; font-size:14px }
|
||||
.s_input { width:348px; height:38px; line-height:38px\9; vertical-align:middle; border:1px solid #ddd; border-radius:2px }
|
||||
.icon_name, .icon_key, .icon_code { width:312px; padding-left:36px; background:url(../images/icon_user.png) no-repeat 13px 13px }
|
||||
.icon_key { background-position: 13px -51px }
|
||||
.icon_code { background-position: 13px -117px; width:200px; float:left }
|
||||
.code_pic { height:38px; float:right }
|
||||
.btn_phone { height:40px; width:100px; float:right; cursor:pointer; padding:0; text-align:center; border-radius:2px; background:#dfdfdf }
|
||||
.log_code { *padding-bottom:25px }
|
||||
.user_l .btn_red { width:100%; font-size:19px; padding:12px }
|
||||
.autologin { color:#999; line-height:1; margin-bottom:18px }
|
||||
.autologin em { vertical-align:2px; margin-left:4px }
|
||||
.user_r { width:259px; margin:80px 0; padding:20px 70px; border-left:1px dotted #e3e3e3; float:right; text-align:center }
|
||||
.user_r .tit { font-size:16px; line-height:1; padding: 6px 0 25px }
|
||||
.user_r .btn_ora { padding:10px 34px }
|
||||
.fast_login { padding:60px 0 0 }
|
||||
.fast_list { text-align:center; padding:0.5rem }
|
||||
.fast_list li { display:inline-block; *display:inline; zoom:1 }
|
||||
.fast_list li .img { width:48px; height:48px; margin:20px 0 5px }
|
||||
.fast_list li a:hover { opacity:0.8; filter: alpha(opacity=80); -moz-opacity: 0.8 }
|
||||
.fast_list li span { display:block }
|
||||
.fast_list .login_qq { margin:0 42px }
|
||||
.fast_list .login_wb a { color:#f55c5b }
|
||||
.fast_list .login_qq a { color:#51b7ff }
|
||||
.fast_list .login_wx a { color:#66d65e }
|
||||
.fast_tit { position:relative; overflow:hidden }
|
||||
.fast_tit .lines { position:absolute; top:50%; left:0; width:100%; height:1px; line-height:1; background:#eaeaea }
|
||||
.fast_tit .title { background:#fff; font-size:16px; padding:3px 14px; position:relative; display:inline-block; z-index:999 }
|
||||
/*userinfo*/
|
||||
.my_l { width:198px; float:left; font-size: 13px; padding-top: 20px; }
|
||||
.my_l li a { display:block; height:42px; line-height:42px; padding-left:62px; border-left:4px solid #fff; background:url(../images/icon_user.png) no-repeat; margin-bottom:5px; color: #666 }
|
||||
.my_l li .on { background-color:#fafafa; border-left:2px solid #3eaf7c; color:#000; border-radius: 0 2px 2px 0 }
|
||||
.my_l .link_1 { background-position:32px -188px }
|
||||
.my_l .link_2 { background-position:32px -230px }
|
||||
.my_l .link_3 { background-position:32px -272px }
|
||||
.my_l .link_4 { background-position:32px -314px }
|
||||
.my_l .link_5 { background-position:32px -356px }
|
||||
.my_l .link_6 { background-position:32px -397px }
|
||||
.my_l .link_7 { background-position:32px -440px }
|
||||
.my_l .link_8 { background-position:32px -481px }
|
||||
.my_r { width:739px; padding:0 30px 30px; float:right; border-left:1px solid #efefef; min-height:470px }
|
||||
.my_info { padding:30px 0 5px }
|
||||
.user_big_head { /*width:110px; height:110px; padding:4px; border:1px solid #eaeaea;*/ margin-right:30px; float:left; width: 80px;
|
||||
height: 80px;
|
||||
border-radius: 50%; }
|
||||
.my_r .my_name { font-size:18px; line-height:1; padding:5px 0 12px 0 }
|
||||
.my_r .s_input { width:318px; padding:0 10px }
|
||||
.my_list li { line-height:28px }
|
||||
.my_list li i, .my_list li em.red { margin-right:6px }
|
||||
.my_list .binded { color:#999; margin-left:6px }
|
||||
.my_list .btn_link { margin-left:12px }
|
||||
.mytab_list li { line-height:30px; padding:10px 0; font-size:14px }
|
||||
.mytab_list li .tit { width:70px; color: #aaa; text-align:right; display:inline-block; margin-right:18px }
|
||||
.mytab_list .user_img { width:48px; height:48px; vertical-align:middle; border-radius:50% }
|
||||
.my_bookshelf .title { padding:20px 0 15px; line-height:30px }
|
||||
.my_bookshelf h4 { font-size:14px; color:#666 }
|
||||
.my_bookshelf h2 { font-size:18px; font-weight:normal }
|
||||
.updateTable { width: 739px; color: #999 }
|
||||
.updateTable table { width: 100%; margin-bottom:14px }
|
||||
.updateTable th, .updateTable td { height: 40px; line-height: 40px; vertical-align: middle; padding-left: 6px; font-weight:normal; text-align:left }
|
||||
.updateTable th { background:#f9f9f9; color:#333; border-top:1px solid #eee }
|
||||
.updateTable td { height:40px; line-height:40px }
|
||||
.updateTable .style { width:80px; padding-left:10px }
|
||||
.updateTable .name { width: 178px; padding-right: 10px }
|
||||
.updateTable .name a, .updateTable .chapter a { max-width: 168px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
|
||||
.updateTable .chapter { padding-right: 5px }
|
||||
.updateTable .chapter a { max-width:220px; float: left }
|
||||
.updateTable .author { width: 72px; text-align: left }
|
||||
.updateTable .goread { width: 80px; text-align:center }
|
||||
.updateTable .time { width: 86px }
|
||||
.updateTable .word { width: 64px; padding-right:10px; text-align: right }
|
||||
.updateTable .rank { width: 30px; padding-right:10px; text-align: center }
|
||||
.updateTable .name a, .updateTable .chapter a, .updateTable .author a { height: 40px; line-height: 40px; display: inline-block; overflow: hidden }
|
||||
.updateTable tr:nth-child(2n) td { background:#fafafa }
|
||||
.dataTable { width: 739px }
|
||||
.dataTable table { width: 100%; margin-bottom:14px; border-collapse:collapse }
|
||||
.dataTable th, .dataTable td { height: 40px; line-height: 40px; vertical-align: middle; padding:0 10px; font-weight:normal; text-align:center; border:1px solid #eaeaea }
|
||||
.dataTable th { background:#f8f8f8 }
|
||||
.nodate { border-top: 1px solid #eaeaea; padding:60px 0 }
|
||||
.viewhistoryBox { /*padding: 0 30px 30px; */ padding: 0 20px 10px }
|
||||
.viewhistoryBox .updateTable { width:100% }
|
||||
/*.btn_gray, .btn_red, .btn_ora { font-size:14px; padding:8px 28px }*/
|
||||
.book_tit { height: 48px; line-height:48px; margin: 0 14px; border-bottom: 1px solid #eaeaea; overflow:hidden }
|
||||
.book_tit .fl { font-size:14px; color:#999 }
|
||||
.book_tit .fl h3 { font-size:18px; color:#333; font-weight:normal; margin-right:5px; display:inline }
|
||||
.book_tit .fr { font-size:14px }
|
||||
|
||||
.commentBar, .feedback_list { border-top:1px solid #eee; margin-bottom:15px }
|
||||
/*.comment_list { padding: 16px 0; border-bottom: 1px solid #eee }
|
||||
.comment_list .user_head { width:54px; height:54px; border-radius:50%; float: left; margin-right: 14px }
|
||||
.comment_list .li_1 { overflow: hidden }
|
||||
.comment_list .user_name { color: #ed4259 }
|
||||
.comment_list .li_2 { padding:3px 0; color:#999 }
|
||||
.comment_list .li_3, .comment_list .li_4 { margin-left:68px }
|
||||
.comment_list .reply { padding-left: 12px }
|
||||
.comment_list .num { color: #ed4259; margin: 0 3px }
|
||||
.comment_list .li_4 { line-height:34px; padding-top:8px; margin-top:15px; border-top:1px solid #eaeaea }
|
||||
.comment_list .li_4 .more { background:#f7f7f7; border-radius:2px; color:#ed4259; text-align:center }*/
|
||||
.no_contet { padding:190px 0 40px; text-align:center; color:#999; border-top:1px solid #eee }
|
||||
.no_comment { background:url(../images/no_comment.png) no-repeat center 80px }
|
||||
|
||||
.comment_list { padding: 20px 0; border-bottom: 1px solid #eee }
|
||||
.comment_list:last-child { border: none }
|
||||
.comment_list .user_heads { /*width: 54px; height: 54px; float: left;*/ position:relative; margin-right: 20px }
|
||||
.comment_list .user_head { width: 50px; height: 50px; border-radius: 50%; background: #f6f6f6 }
|
||||
.comment_list .user_heads span { display: block; margin: 0; position: absolute; left: 12px; bottom: 0 }
|
||||
.comment_list ul { /*width: 640px;*/ width: 660px; }
|
||||
.comment_list .li_0 { font-family: "宋体" }
|
||||
.comment_list .li_0 strong { font-size: 14px; color: #f00 }
|
||||
.comment_list .li_1 { overflow: hidden }
|
||||
.comment_list .user_name { color: #ed4259 }
|
||||
.comment_list .li_2 { padding: 6px 0 }
|
||||
.comment_list .li_3 { color: #999 }
|
||||
.comment_list .reply { padding-left: 12px }
|
||||
.comment_list .num { color: #ed4259; margin: 0 3px }
|
||||
.comment_list .li_4 { line-height: 34px; padding-top: 8px; margin-top: 15px; border-top: 1px solid #eaeaea }
|
||||
.pl_bar li { display: block }
|
||||
.pl_bar .name { color: #666; padding-top: 2px; font-size: 14px }
|
||||
.pl_bar .dec { font-size: 14px; line-height: 1.8; padding: 12px 0 }
|
||||
.pl_bar .other { line-height: 24px; color: #999; font-size: 13px }
|
||||
.pl_bar .other a { display: inline-block; color: #999 }
|
||||
.pl_bar .reply { padding-left: 22px; background: url(../images/icon_reply.png) no-repeat 0 2px }
|
||||
/*.no_comment { padding: 70px 14px 115px; color: #CCCCCC; text-align: center; font-size: 14px; }*/
|
||||
.reply_bar {
|
||||
background: #f9f9f9;
|
||||
border: 1px solid #eee; border-radius: 6px;
|
||||
padding: 10px;
|
||||
line-height: 1.8;}
|
||||
Reference in New Issue
Block a user