default
This commit is contained in:
BIN
code/public/template/xiongmao/style2_m/css/font/iconfont.ttf
Normal file
BIN
code/public/template/xiongmao/style2_m/css/font/iconfont.ttf
Normal file
Binary file not shown.
247
code/public/template/xiongmao/style2_m/css/iconfont.css
Normal file
247
code/public/template/xiongmao/style2_m/css/iconfont.css
Normal file
File diff suppressed because one or more lines are too long
394
code/public/template/xiongmao/style2_m/css/style.css
Normal file
394
code/public/template/xiongmao/style2_m/css/style.css
Normal file
@@ -0,0 +1,394 @@
|
||||
/**自定义浏览器样式开始**/
|
||||
::-webkit-scrollbar-thumb{background-color:#BBBBBB;height:0px;outline-offset:-2px;-webkit-border-radius:0px;}
|
||||
::-webkit-scrollbar-thumb:hover{background-color:#F1AA00;height:0px;-webkit-border-radius:0px;}
|
||||
::-webkit-scrollbar{width:0px;height:0px;}
|
||||
::-webkit-scrollbar-track-piece{background-color:#F5F7FA;-webkit-border-radius:0;}
|
||||
::-webkit-scrollbar-thumb:active{height:0px;background-color:#27384A;-webkit-border-radius:0px;}
|
||||
/**end**/
|
||||
|
||||
/**全局**/
|
||||
*{margin:0;padding:0;}
|
||||
html,body{-webkit-overflow-scrolling:touch;}
|
||||
body{width:100%;overflow:hidden;overflow-y: auto;font-family: aaxihei,sans-serif;-webkit-user-select: none;font-size:14px;background-color:#f6f7f9;color:#777;}
|
||||
a{text-decoration:none;color:#333}
|
||||
h1,h2,h3,h4,h5,h6,h7{font-weight:normal;}
|
||||
li{list-style-type:none;}
|
||||
i{font-style:normal}
|
||||
input,textarea{-webkit-appearance: none;outline: none;}
|
||||
button{ border-radius:0;outline: none;}
|
||||
c,.c{clear: both;display:none;}
|
||||
.z{float:left}
|
||||
.y{float:right}
|
||||
.r3,.r2{border-radius:3px;}
|
||||
.gb{background:url("/images/readbg5.png") #d0d0d0;}
|
||||
.bg1,#read_bg1{background:url("/images/readbg1.jpg") #C4B397;}
|
||||
.bg2,#read_bg2{background:url("/images/readbg2.png") #e0ce9e;}
|
||||
.bg3,#read_bg3{background:url("/images/readbg3.png") #cddfcd;}
|
||||
.bg4,#read_bg4{background:url("/images/readbg4.png") #cfdde1;}
|
||||
.bg5,#read_bg5{background:url("/images/readbg5.png") #d0d0d0;}
|
||||
.bg6,#read_bg6{background:url("/images/readbg6.png") #0f1112;}
|
||||
a[href*="uu.php"]{max-height:100px !important;overflow: hidden !important;}
|
||||
#kdpoerk{position: relative;z-index: 999;width: 100%;overflow: hidden;}
|
||||
.xbk{border-color: #E2E2E2;}
|
||||
.dise {background-color: #ff689b;}
|
||||
.fc{background-color: #CCC;}
|
||||
.mt3{margin-top:3px !important;}
|
||||
.mt5{margin-top:5px !important;}
|
||||
.mt10{margin-top:10px !important;}
|
||||
.mb10{margin-bottom:10px !important;}
|
||||
.fs10{font-size:10px !important;}
|
||||
.fs12{font-size:12px !important;}
|
||||
.fs14{font-size:14px !important;}
|
||||
.fs16{font-size:16px !important;}
|
||||
.fs18{font-size:18px !important;}
|
||||
.fs20{font-size:20px !important;}
|
||||
.fs22{font-size:22px !important;}
|
||||
.fs24{font-size:24px !important;}
|
||||
.fs26{font-size:26px !important;}
|
||||
.fs28{font-size:28px !important;}
|
||||
.fs30{font-size:30px !important;}
|
||||
.fs32{font-size:32px !important;}
|
||||
.fs34{font-size:34px !important;}
|
||||
.fs36{font-size:36px !important;}
|
||||
.btn_cl_0{color:#BBA783}
|
||||
.btn_cl_1{color:#ff689b}
|
||||
.btn_cl_2{color:#D82E22}
|
||||
.btn_cl_3{color:#ff689b}
|
||||
.btn_cl_4{color:#07AF80}
|
||||
.btn_cl_5{color:#E81979}
|
||||
.btn_cl_6{color:#00BCD4}
|
||||
.btn_cl_7{color:#13B5B1}
|
||||
/**end**/
|
||||
|
||||
|
||||
|
||||
.br-1, .br-b-1, .br-t-1, .br-l-1, .br-r-1 {position: relative;}
|
||||
/*线条颜色*/
|
||||
.br-1::after, .br-b-1::after, .br-t-1::after, .br-l-1::after, .br-r-1::after {background-color:#eee;}
|
||||
/*底边边框一像素*/
|
||||
.br-b-1::after {content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;transform-origin:0 0;}
|
||||
|
||||
/*上边边框一像素*/
|
||||
.br-t-1::after {content:"";position: absolute; left: 0;top: 0;width: 100%;height: 1px;transform-origin: 0 0;
|
||||
}
|
||||
|
||||
/*左边边框一像素*/
|
||||
.br-l-1::after {content:"";position: absolute; left: 0;top: 0;width: 1px;height: 100%;transform-origin: 0 0;}
|
||||
/*右边边框1像素*/
|
||||
.br-r-1::after {content: "";box-sizing: border-box;position: absolute; right: 0;top: 0;width: 1px;height: 100%;transform-origin: 0 0;
|
||||
}
|
||||
/*边框一像素*/
|
||||
.br-1::after {content: "";box-sizing: border-box;position: absolute;left: 0;top: 0;width: 100%;height: 100%;border: 1px solid red;}
|
||||
|
||||
/*设备像素比*/
|
||||
@media only screen and (-webkit-min-device-pixel-ratio: 2.0), only screen and (min-resolution: 2dppx) {
|
||||
.br-b-1::after, .br-t-1::after {transform: scaleY(0.5);}
|
||||
.br-l-1::after, .br-r-1::after {transform: scaleX(0.5);}
|
||||
.br-1::after {width: 200%;height: 200%;transform: scale(0.5);transform-origin: 0 0;}
|
||||
}
|
||||
|
||||
/*设备像素比*/
|
||||
@media only screen and (-webkit-min-device-pixel-ratio: 3.0), only screen and (min-resolution: 3dppx) {
|
||||
.br-b-1::after, .br-t-1::after {transform: scaleY(0.333);}
|
||||
.br-l-1::after, .br-r-1::after {transform: scaleX(0.333);}
|
||||
.br-1::after {width: 300%;height: 300%;transform: scale(0.333);transform-origin: 0 0;}
|
||||
}
|
||||
|
||||
/**全局底部网址**/
|
||||
.fr_btm{text-align: center;height: 120px;width: 100%;color: #bbb;}
|
||||
|
||||
|
||||
/**页头header.top 除阅读页、小说信息页**/
|
||||
header.top{height:48px;line-height:49px;overflow:hidden;width:100%;box-sizing:border-box;background:#ff689b;padding:0;z-index: 5;position: relative;}
|
||||
header.top a{color:#fff;padding:0 10px;}
|
||||
.bg6 header.top>a{color: #b9b9b9;}
|
||||
header.top>a.sv{background: #fff;color: #ff689b;}
|
||||
header.top>div>a.sv{background: #fff;color: #ff689b;}
|
||||
.novel_search{background:#fff;box-sizing:border-box;padding:10px;overflow: hidden;}
|
||||
.novel_search #novel_search{position: relative;box-sizing: border-box;padding-right: 50px;width:100%;-webkit-appearance: none;}
|
||||
.novel_search input.bk{height:34px;line-height:35px;box-sizing: border-box;border: 1px solid #ff689b;display: block;padding:0 10px;width:100%;color:#ff689b;border-radius:3px 0 0 3px;}
|
||||
.novel_search button.submit{position: absolute;top:0;right: 0;height: 34px;line-height:35px;overflow: hidden;text-align: center;box-sizing: border-box;border: 0;background: #ff689b;color: #fff;width:50px;z-index: 2;border-radius: 0 3px 3px 0;}
|
||||
/**end**/
|
||||
|
||||
|
||||
/**小说排行榜 无封面**/
|
||||
.xs_phb,.xs_info{background: #fff;margin:10px 10px 15px;box-sizing: border-box;padding: 0 10px 0 10px;position: relative;border-radius:5px;box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15);}
|
||||
.xs_phb>span,.xs_info>span{font-size: 28px;position: absolute;left:8px;top:5px;}
|
||||
.xs_phb>i,.xs_info i{position: absolute;font-size: 12px;top:10px;right: 10px;color: #999;z-index: 2;}
|
||||
.xs_phb h2,.xs_info h2{font-size:16px;height:36px;line-height:36px;border-bottom:1px solid #eee;font-weight: normal;padding-left: 30px;}
|
||||
.ph_list li{height:38px;line-height:38px;overflow:hidden;position: relative;}
|
||||
.ph_list li>span{background:#87b72b;width:20px;height:20px;line-height:20px;display: block;position: absolute;left: 0;top:9px;text-align: center;border-radius:5px;color: #fff;font-size: 9px;}
|
||||
.ph_list li>span.id1{background: #eb6100;}
|
||||
.ph_list li>span.id2,.up_list li>span.id3{background: #d89a33;}
|
||||
.ph_list li>span.id3{background: #d89a33;}
|
||||
.ph_list li>a{color:#b3b3b3;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;transition: 0.3s;float:right;font-size: 12px;}
|
||||
.ph_list li>a.s{color:#666;float:left;font-size: 14px;}
|
||||
.ph_list li>a.s:visited{color:#666}
|
||||
.ph_list li>a:hover{color: #eb6100;}
|
||||
.qs_zx .ph_list li>a{color:#666;float:none;font-size: 13px;}
|
||||
.qs_zx .ph_list li>a.s{color:#ff689b}
|
||||
/* .qs_zx .ph_list li>a:visited{color:#eee} */
|
||||
.qs_zx .ph_list li>a:hover{color: #eb6100;}
|
||||
.index_xs .xs_phb>span,.xs_info>span{font-size: 24px;position: absolute;left:8px;top:5px;}
|
||||
.index_xs .rs{background: #fff;box-sizing: border-box;padding:0px 10px 10px;}
|
||||
.index_xs .rs a{padding:5px;color: #ff689b;}
|
||||
#xfsj{width: 120px;height: 36px;line-height: 36px;display: block;margin: 20px auto;background: #F44336;text-align: center;border-radius: 5px;color: #fff;}
|
||||
|
||||
/**end**/
|
||||
|
||||
/**小说排更新列表 无封面**/
|
||||
.up_list li{overflow:hidden;width:100%;font-size:12px;}
|
||||
.up_list li .s1{height:28px;line-height:32px;overflow:hidden}
|
||||
.up_list li .s1>a{color:#777;float:right}
|
||||
.up_list li .s1>a.a1{font-size:14px;color:#EB6100;float:left}
|
||||
.up_list li .s2{height:24px;line-height:20px;}
|
||||
.up_list li .s2>a{color:#ccc}
|
||||
/**end**/
|
||||
/**首页友情链接区块**/
|
||||
.in_yqlj{margin: 10px 0 0;}
|
||||
.link_index{width:100%;overflow:hidden}
|
||||
.link_index>a{display: block;float:left;margin:5px;padding: 0 12px;border: 1px solid #efefef;height: 24px;line-height: 24px;border-radius: 12px;color: #999;}
|
||||
/**end**/
|
||||
|
||||
/**info.html 小说详情页面**/
|
||||
.xs_info{margin:0 0 10px;}
|
||||
.xs_info i>a{color:#999}
|
||||
.xs_info h2{border:0;padding-left:25px;}
|
||||
.xs_info h2.br-b-1::after{background-color:#ddd}
|
||||
.xs_info>p{height:28px;line-height:28px;}
|
||||
.xs_introduce{font-size: 12px;padding: 5px 0;line-height:22px;color: #777;width: 100%;overflow: hidden;box-sizing: border-box;}
|
||||
.info_btn{overflow:hidden;width:100%;text-align:center;}
|
||||
.info_xs>.info_btn{background: #fefefe;position: fixed;bottom: 0;left: 0;z-index: 9;box-shadow: 0 -3px 5px rgba(0, 0, 0, 0.1);padding: 5px 0;}
|
||||
.info_btn a{display: inline-block;padding:5px 10px;color:#ff689b;box-sizing: border-box;margin:5px;border-radius:3px;border:1px solid #ff689b;}
|
||||
.info_btn a.a3{background:#eb6100;border:1px solid #eb6100;color:#fff;}
|
||||
.xs_info .ph_list{overflow:hidden;}
|
||||
.xs_info .ph_list li{padding: 0 5px 0 0;width:50%;box-sizing: border-box;display: inline-block;}
|
||||
.info_xs .header_info{overflow: hidden;background-color: rgba(0, 0, 0, 0.15);position: relative;box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);}
|
||||
.btn-normal.abt3{display: block;line-height: 36px;background: #ff689b;text-align: center;width: 180px;margin: 10px auto;color: #fff;border-radius: 18px;overflow: hidden;transition: 0.3s;}
|
||||
.btn-normal.abt3:hover{background: #ff689b;}
|
||||
.info_xs .xs_info{margin:10px 10px 15px;overflow: hidden;}
|
||||
.info_xs .b0{background: rgba(255, 0, 0, 0.15);}
|
||||
.info_xs .b1{background: rgba(255, 141, 0, 0.15);}
|
||||
.info_xs .b2{background: rgba(180, 255, 0, 0.15);}
|
||||
.info_xs .b3{background: rgba(0, 185, 6, 0.15);}
|
||||
.info_xs .b4{background: rgba(91, 208, 143, 0.15);}
|
||||
.info_xs .b5{background: rgba(23, 251, 240, 0.15);}
|
||||
.info_xs .b6{background: rgba(7, 156, 243, 0.15);}
|
||||
.info_xs .b7{background: rgba(7, 47, 243, 0.15);}
|
||||
.info_xs .b8{background: rgba(65, 31, 249, 0.15);}
|
||||
.info_xs .b9{background: rgba(249, 31, 212, 0.15);}
|
||||
.info_xs .header_info .btn_cl_2{color:#fff}
|
||||
.info_xs .header_info .xs_info i{color:#eee;}
|
||||
.info_xs .header_info .xs_info i>a{color:#fff}
|
||||
.info_xs .header_info .info_btn a{color:#fff;border: 1px solid #fff;background: rgba(0, 0, 0, 0.1);}
|
||||
.info_xs .header_info .info_btn a.a3{background: #eb6100;border: 1px solid #eb6100;}
|
||||
.info_xs .header_info header.top{background: rgba(0, 0, 0, 0.2);}
|
||||
.info_xs .header_info .xsjs{background: rgba(0, 0, 0, 0.08);margin: 0;color:#fff;border-radius: 0;padding: 0 10px 10px;}
|
||||
.info_xs .header_info .xs_introduce{color:#fff;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;text-shadow: 0 1px 3px #000;}
|
||||
.info_xs .header_info .xs_introduce>a{color:#fff;}
|
||||
.info_xs .header_info .xs_fmzz{width: 100%;overflow: hidden;height: 100%;position: absolute;z-index: -1;-webkit-filter: blur(50px);transform: translateZ(0px);background:rgba(0,0,0,0.6);;top:0;left:0;filter: blur(15px);
|
||||
background-repeat: no-repeat;background-size: 100% 150%;
|
||||
background-position: center;}
|
||||
.info_xs .qs_zx .ph_list li{height:32px;line-height:32px;font-size:13px;}
|
||||
|
||||
/**end**/
|
||||
/**chapter 目录页**/
|
||||
.chapterlist_xs>.wbj10{padding: 0 10px;box-sizing: border-box;}
|
||||
.chapterlist_xs .info_btn{background:#fff;background: #fff;padding: 2px 0 4px;}
|
||||
.chapterlist_xs .info_btn a.a3{background: #ff689b;border: 1px solid #ff689b;}
|
||||
|
||||
.fenye{overflow: hidden;text-align: center;background: #fff;padding:10px 0;}
|
||||
.chapterlist_xs .fenye{background: #fefefe;position: fixed;bottom: 0;left: 0;z-index: 9;box-shadow: 0 -3px 5px rgba(0, 0, 0, 0.1);padding:10px 0;width:100%;}
|
||||
.fenye .fy{display: inline-block;width:150px;margin:0 3px}
|
||||
.fenye .showpage{position:fixed;display:none;width:240px;height:360px;top:50%;left:50%; margin-left: -120px;margin-top: -180px;background-color:#fff;z-index:9999}
|
||||
|
||||
.fenye .showpage ul{ position:absolute;top:40px;bottom:0px;left:0px;right:0px;overflow:auto;}
|
||||
.fenye .showpage div{height:40px; line-height:40px; text-align:center}
|
||||
.fenye .showpage a{display:block;height:40px;line-height:40px;margin:0px 10px; font-size:12px;}
|
||||
.fenye .showpage a>span.iconfont{position: absolute;color:#F44336;right: 5px;}
|
||||
.fenye .showpage a.dqzj{color: #F44336;}
|
||||
#spagebg{display:none;position:fixed;left:0px;right:0px;top:0px;background-color:#000;z-index:999;}
|
||||
.fenye .spage{height:30px;line-height:30px;border:1px solid #f1749e;background:#fff no-repeat center right url('list2.png');border-radius:3px;text-align:center;position: relative;box-sizing: border-box;}
|
||||
.fenye .spage>a{margin-left:-5px;color: #16AD8F;}
|
||||
.fenye .spage>a>span.iconfont{display:none;}
|
||||
.fenye .desc{display: inline-block;margin:0 3px;}
|
||||
.fenye .desc a{display:block;color:#fff; text-align:center;height:30px; line-height:30px;padding:0 18px;}
|
||||
.fenye select{padding: 0 10px;height:28px;line-height:30px;box-sizing: border-box;border: 1px solid #ff689b;background: #fff;border-radius: 5px;margin: 0 10px;width: 140px;cursor: pointer;color: #ff689b;}
|
||||
.fenye .desc .fc{color:#fff;}
|
||||
.fenye .desc .mlbtn{color:#F47C36;background:#fff; border:1px solid #F47C36;}
|
||||
.sorttop{margin-top:10px;}
|
||||
.sorttop ul li{float:left;width:46%;margin:3px 2%;text-align:center;}
|
||||
.sorttop ul li a{padding:10px 0px; display:block;background-color:#fff}
|
||||
.sorttop a span{color:#999}
|
||||
|
||||
|
||||
|
||||
/**end**/
|
||||
/**chapter 阅读页**/
|
||||
.set{width:100%;height:32px;padding:10px 0px 0px 0px;font-size:12px;clear:both;overflow:hidden;border-bottom: 1px solid rgba(86, 86, 86, 0.1);z-index: 5;position: relative;}
|
||||
.set .set1{float:right;border:1px solid #777;padding:2px 10px;margin-right:10px;border-radius:5px;color:#777}
|
||||
.set .set2{margin-left:10px;}
|
||||
.set .set2 span{float:left;display:block;border:1px solid #777;padding:2px 7px;margin-right:5px;border-radius:3px;color:#777}
|
||||
|
||||
.content{margin:10px auto;}
|
||||
.content h1{padding:10px 5px;font-weight:700;font-size:18px;text-align:center}
|
||||
.txt{line-height:36px;padding:20px 20px 20px 15px;font-size:18px;font-family:"方正启体简体","Microsoft YaHei","宋体";text-align:justify;color: #423838;}
|
||||
.chapter-page-btn{margin:8px 10px 8px;z-index: 5;position: relative;}
|
||||
.chapter-page-btn ul{display:table;table-layout:fixed;width:100%;}
|
||||
.chapter-page-btn li{display:table-cell;box-sizing:border-box;text-align:center;}
|
||||
.chapter-page-btn li.mulu{border-left:0;}
|
||||
.chapter-page-btn li a{display:block;height:28px;line-height:28px;text-align:center;color: #777;}
|
||||
.chapter-page-btn li.next{border-left:0;}
|
||||
.novel_chapter{background:#f7ecef}
|
||||
.novel_chapter #txt>p{padding-bottom: 1em;text-indent:2em;line-height: 2em;}
|
||||
.novel_chapter .novel_search{background: rgba(255, 255, 255, 0);border-top: solid 1px rgba(10, 10, 10, 0.05);z-index: 5;position: relative;}
|
||||
.novel_chapter header.top{background:#ff689b}
|
||||
.novel_chapter .novel_search input.bk{background:rgba(0, 0, 0, 0);border: 1px solid #615b5b;}
|
||||
.novel_chapter .novel_search button.submit{background: #615b5b;color: #ccc;}
|
||||
.novel_chapter .hd_top{position: fixed;top: 0px;width: 100%;height:48%;background-color: transparent;z-index:1;}
|
||||
.novel_chapter .hd_bottom{position: fixed;bottom: 0px;width: 100%;height: 55%;background-color: transparent;z-index:2;}
|
||||
.novel_chapter .fr_btm {color: #5d4b2e;overflow: hidden;line-height:26px;padding:0 0 10px;}
|
||||
/**end**/
|
||||
|
||||
|
||||
|
||||
/**阅读记录**/
|
||||
#newcase .bookcasetip{text-align: center;padding: 20px 0;color: #de2900;background: #fff;}
|
||||
.bttl{background: #fff;border-bottom: dashed 1px #eee;overflow: hidden;}
|
||||
.bttl h2{height:22px;line-height: 22px;margin: 10px;padding: 0 10px;border-left: 5px solid #DE2900;color: #de2900;}
|
||||
.hot_sale{background: #fff;padding:10px;border-bottom: 1px solid #f3f3f3;}
|
||||
.hot_sale>p{overflow:hidden;height:20px;line-height:20px;}
|
||||
.hot_sale .tl{height:30px;line-height:30px}
|
||||
.hot_sale .tl a{font-size:16px;color: #00A898;}
|
||||
.hot_sale .anbtn{overflow:hidden;text-align: center;cursor: default;margin: 10px 0 3px;}
|
||||
.hot_sale .anbtn a{color: #fff;margin:5px 7px 0;padding:5px 6px;display:inline-block;border-radius:3px;border: 1px solid #1ABC9C;color: #1ABC9C;background:#fff;}
|
||||
.hot_sale .anbtn .a3{background: #1ABC9C;color: #fff;margin-right: 0;}
|
||||
.hot_sale .anbtn a>span{margin-right:3px;}
|
||||
.hot_sale .anbtn a.xsdel{border: 1px solid #de2900;color: #de2900;margin-left: 0;}
|
||||
.hot_sale .anbtn a.xsdel>span{margin-right:0}
|
||||
.dvfd{background: #fff;width: 200px;height: 140px;position: absolute;top: 50%;left: 50%;margin-top: -70px;margin-left: -100px;box-shadow: 0 0 5px rgba(0, 0, 0, 0.35);text-align: center;border-radius: 5px;z-index: 99999;position: fixed;}
|
||||
.dvfd .red{display: block;margin:35px 0 15px;font-size: 18px;}
|
||||
.dvfd .qdbtn{background: #00A889;display: inline-block;padding: 5px 30px;color: #fff;border-radius: 3px;font-size: 16px;border: solid 1px #009673;}
|
||||
.tmpbook .hot_sale{padding: 10px 0;}
|
||||
#newcase .xs_phb{padding: 0;}
|
||||
#newcase .xs_phb>span{left: 5px;top: 8px;}
|
||||
#newcase .hot_sale .tl,#newcase .hot_sale>p{padding: 0 10px;}
|
||||
/**end**/
|
||||
/**sort 书库分类**/
|
||||
.navpf{width:100%;position: relative;z-index: 99;background: #fff;overflow: hidden;}
|
||||
.sortChannel_nav{background: #fff;height:40px;box-sizing: border-box;overflow: hidden;overflow-x: scroll;-webkit-overflow-scrolling: touch;white-space: nowrap;position: relative;padding-left: 80px;}
|
||||
.sortChannel_nav a{white-space: nowrap;display: inline-block;padding:10px;text-decoration: none;line-height: 20px;height: 20px;border-right: 1px solid #eee;}
|
||||
.sortChannel_nav a:last-of-type{border-right:0;}
|
||||
.sortChannel_nav a.on{color: #dc0000;position: absolute;left: 0;border-right: 1px solid #eee;}
|
||||
.sortChannelG_nav a.on{color:#ff77a5;}
|
||||
.sortChannelP_nav a.on{color:#67c3a6;}
|
||||
|
||||
.index_qb{background: #fff;padding:0 10px;margin-top: 10px;}
|
||||
.index_qb .tl{background: #fff;height: 36px;line-height: 40px;font-size: 12px;color: #C3C3C3;border-bottom: solid 1px #eee;}
|
||||
.index_qb .tl span{font-size: 16px;padding: 0 5px 0 3px;height: 18px;line-height: 18px;overflow: hidden;display: block;margin-top: 9px;float: left;color: #C70000;border-left: 3px solid #C70000;}
|
||||
.index_qb .tl>i{float:right}
|
||||
.index_qb .t2 span{font-size: 16px;padding: 0 5px 0 3px;height: 18px;line-height: 18px;overflow: hidden;display: block;margin-top: 9px;float: left;color: #00A9A9;border-left: 3px solid #00C7C7;}
|
||||
.index_qb .list{display: block;position: relative;padding:5px 0;overflow: hidden;width: 100%;}
|
||||
.index_qb .list:last-child{border-bottom:0;}
|
||||
.index_xs .index_qb{background:#fff;padding:0;}
|
||||
.list .img{display: block;width:60px;height:75px;float:left;overflow: hidden;background: url(/qs_theme/defaultimg.png) 0 0 / 100% #eee;position: relative;box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3);border-radius: 3px;}
|
||||
.list .img img{width:60px;height:75px;position: relative;transform: scale(1.03);-ms-transform: scale(1.03);transition: all 0.5s;}
|
||||
.list:hover .img img{transform: scale(1.1);-ms-transform: scale(1.1);}
|
||||
.list .autho{line-height:21px;font-size:12px;display:block;}
|
||||
|
||||
.list .fmy{margin:0 0 0 70px;overflow:hidden;color: #999;font-size: 12px;}
|
||||
.list .fmy h4{color:#ff689b;letter-spacing: 2px;height: 20px;line-height: 18px;font-size: 16px;overflow: hidden;}
|
||||
.list .fmy .info{max-height:54px;line-height:18px;overflow: hidden;margin: 5px 0;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:3;-webkit-box-orient: vertical;}
|
||||
.list .fmy.author .info{height:74px;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
|
||||
.sort_list .page{text-align:center;padding:10px 0;line-height: 29px;background: #fff;}
|
||||
.sort_list .page>a{display: inline-block;text-align: center;height: 28px;line-height: 29px;padding: 0 15px;color: #1abc9c;border: 1px solid #1abc9c;background: #FFF;font-size: 14px;border-radius: 3px;margin:0 5px;}
|
||||
.sort_list .page>a:hover{border: 1px solid #D82800;color: #D82800;}
|
||||
.sort_list .page #pageinput{width: 58px;display: inline-block;height: 28px;border: 1px solid #1ABC9C;border-radius: 3px 0 0 3px;padding-left:5px;position: relative;top: -2px;color: #1abc9c;margin-left: 10px;}
|
||||
.sort_list .page .btn{height: 30px;border: 1px solid #1ABC9C;border-radius: 0 3px 3px 0;background: #1abc9c;color: #fff;padding: 0 8px;cursor:pointer;position: relative;top: -2px;margin-right: 10px;}
|
||||
.sort_list .page>span{}
|
||||
.sort_page_num{text-align: center;padding: 10px;background: #fff;clear: both;box-sizing: border-box;}
|
||||
.sort_page_num>a{padding:5px 10px;margin: 5px;display: inline-block;border-radius: 3px;background: #f3f3f3;}
|
||||
.sort_page_num>a.page_on{background:#f74582;color:#fff;}
|
||||
.sort_page_num>a:hover{background:#ff689b;color:#fff;}
|
||||
.sort_page_num>a.prev_off{background: #e4e4e4;color: #fff;}
|
||||
.qs_nav{overflow: hidden;background: #fff;padding: 5px 0;}
|
||||
.qs_nav li{float: left;width:33%;box-sizing: border-box;padding:5px;}
|
||||
.qs_nav li>a{display: block;padding: 5px 10px;border-radius: 20px;text-align: center;border: 1px solid #eee;}
|
||||
.qs_nav li>a.page_on{border: 1px solid #009688;color:#009688}
|
||||
.top_xs .qs_list{padding: 0 10px;box-sizing: border-box;width: 100%;}
|
||||
.top_xs .qs_list>.dv1{box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15); border-radius: 5px 5px 0 0;}
|
||||
.top_xs .qs_list>.dv2{box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15); border-radius: 0 0 5px 5px;}
|
||||
.top_xs .qs_list .fmy{margin: 0;}
|
||||
.top_xs .qs_list .fmy h4{color: #ff689b;}
|
||||
.index_qb.fmtj{background: #fff;box-sizing: border-box;padding:0 10px 0;margin:10px 10px 15px;border-radius:5px;box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15);overflow: hidden;}
|
||||
.chapter_xs .index_qb.fmtj{margin-bottom:0;z-index: 4;position: relative;}
|
||||
/**end**/
|
||||
/**top 分类排行榜页面**/
|
||||
.top_xs .sortChannel_nav{padding-left:112px;border-bottom: 1px solid #FBFBFB;}
|
||||
.top_xs .sortChannel_nav a{border:0;}
|
||||
.top_xs .sortChannel_nav a.on{color:#C3C3C3}
|
||||
.top_xs .sortChannel_nav a.on2{left:40px;color:#ff689b;}
|
||||
/**end**/
|
||||
/**login**/
|
||||
.login_xs .xs_info{overflow: hidden;margin: 10px;}
|
||||
.login_xs .login{line-height:50px;}
|
||||
.login_xs .login a{height:38px; line-height:38px;color: #1ABC9C;}
|
||||
.login_xs .login i{ position:absolute;left:29%;}
|
||||
.login_xs .login input[type="text"],.login input[type="password"]{width:100%;padding:0px;border:none;outline:medium;height:30px; line-height:30px;padding-left:10px;background: #F7F7F7;box-sizing: border-box;}
|
||||
.login_xs .login_name,.login_pass,.login_email,.login_code{width:100%;overflow: hidden;box-sizing: border-box;}
|
||||
.login_xs .login .l1,.login .l2{ float:left;}
|
||||
.login_xs #logintips{text-align: center;color: #de2900;}
|
||||
.login_xs .login .l1{width:75px;text-align: right;}
|
||||
.login_xs .login .l2{width:100%;text-align: left;position: absolute;box-sizing: border-box;padding-left:100px;right:10px;overflow: hidden;padding-right: 15px;}
|
||||
.login_xs .login_name input{-webkit-appearance: none;}
|
||||
.login_xs .login_pass input{-webkit-appearance: none;}
|
||||
.login_xs .login_code input{-webkit-appearance: none;}
|
||||
.login_xs .login_code2{margin:0;padding: 0;text-align:center;border-bottom: 1px solid #eee;}
|
||||
.login_xs .login_code2>img{display: block;width: 140px;margin: 0 auto;}
|
||||
.login_xs .login_code2>a.blue{font-size: 16px;display: block;height: 38px;line-height: 38px;}
|
||||
.login_xs .login_btn{text-align: center;margin:0;overflow: hidden;}
|
||||
.login_xs .login_btn a{display:block;color: #fff;border-radius: 2px;text-align: center;margin: 15px auto;width: 180px;box-sizing:border-box;border: 1px solid #ff689b;color:#ff689b;height: 40px;line-height: 40px;}
|
||||
.login_xs .login_btn a.ok{color:#fff;background:#ff689b;}
|
||||
.login_xs .login .login_save{width:20px;height:20px; padding:5px;}
|
||||
.login_xs .login_code{margin-bottom:0;}
|
||||
.login_xs header a.icon-login,.mybook header a.icon-bookshelf,.tmpbook header a.icon-liulanliang{background: #fff;color: #ff689b;}
|
||||
/**end**/
|
||||
/**作品反馈**/
|
||||
body.fankui{background:#fff;}
|
||||
.fankui_box{padding: 10px;}
|
||||
.fankui_box .tip_box {border: 1px solid #C0DEEA;border-radius: 5px;color: #7D7B7B;font-size: 12px;line-height: 25px;margin: 30px 0px 10px 0px;padding: 10px;position: relative;}
|
||||
.fankui_box .tip_box h2 {background: none repeat scroll 0 0 #FFFFFF;color: #60A1BB;font-size: 16px;padding: 0 5px;position: absolute;top: -16px;}
|
||||
.fankui_box .fk_in{display: block;width: 250px;margin: 10px auto;background: #07B1A6;height: 40px;line-height: 40px;text-align: center;border: 0;color: #fff;border-radius: 3px;font-size: 16px;}
|
||||
/**end**/
|
||||
/****/
|
||||
|
||||
@media (min-width: 992px){
|
||||
body{box-sizing: border-box;margin: 0 auto;width: 980px;overflow-x:hidden;}
|
||||
.index_body .index_qb.fmtj{margin: 10px 0px 15px;}
|
||||
.index_body .index_qb.fmtj>a{overflow: hidden;display: block;width: 50%;box-sizing: border-box;float: left;}
|
||||
.index_body .xs_phb{width:313px;margin-right:10px;float: left;}
|
||||
.index_body .index_qb.fmtj .xs_phb{width:940px;float:none;}
|
||||
.index_body .xs_phb:nth-child(3n){margin-right:0;}
|
||||
.index_body .xs_phb:nth-child(1),.index_body .xs_phb:nth-child(3n+1){margin-left:0;}
|
||||
.index_body .xs_phb.zxgx{width:980px;float:none;clear:both;margin:10px 0 25px 0;}
|
||||
.index_body .xs_phb.in_yqlj{display:none;}
|
||||
.info_xs .xs_info{margin:10px 0 15px;}
|
||||
.xs_info .ph_list li{width:33.33%}
|
||||
.index_qb.fmtj{margin: 10px 0 15px;}
|
||||
.index_qb.fmtj .list{width: 50%;float: left;}
|
||||
#chapter_head{width:980px;margin-left: -25%;left: 50%;}
|
||||
.chapterlist_xs>.wbj10{width:980px;margin:0 auto;padding:0}
|
||||
.chapterlist_xs>.zxgx{margin: 0 0 15px;}
|
||||
.novel_chapter .content #txt{width: 960px;box-sizing: border-box;margin-left: 10px;border: 10px solid rgba(0, 0, 0, 0.02);}
|
||||
.top_xs .qs_list{padding:0}
|
||||
.login_xs .xs_info{margin:10px 0}
|
||||
#newcase .xs_phb{margin:10px 0 15px;}
|
||||
}
|
||||
#firendlink a{
|
||||
color: #ccc;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
391
code/public/template/xiongmao/style2_m/js/yuedu.js
Normal file
391
code/public/template/xiongmao/style2_m/js/yuedu.js
Normal file
@@ -0,0 +1,391 @@
|
||||
var _num = 100;
|
||||
|
||||
function LastRead() {
|
||||
this.bookList = "bookList"
|
||||
}
|
||||
LastRead.prototype = {
|
||||
set: function (bid, tid, title, texttitle, read_page, author, tmpbook) {
|
||||
if (!(bid && tid && title && texttitle, read_page)) return;
|
||||
var v = bid + '#' + tid + '#' + title + '#' + texttitle + '#' + read_page + '#' + author + '#' + tmpbook;
|
||||
this.setItem(bid, v);
|
||||
this.setBook(bid)
|
||||
},
|
||||
|
||||
get: function (k) {
|
||||
return this.getItem(k) ? this.getItem(k).split("#") : "";
|
||||
},
|
||||
|
||||
remove: function (k) {
|
||||
this.removeItem(k);
|
||||
this.removeBook(k)
|
||||
},
|
||||
|
||||
setBook: function (v) {
|
||||
var reg = new RegExp("(^|#)" + v);
|
||||
var books = this.getItem(this.bookList);
|
||||
if (books == "") {
|
||||
books = v
|
||||
}
|
||||
else {
|
||||
if (books.search(reg) == -1) {
|
||||
books += "#" + v
|
||||
}
|
||||
else {
|
||||
books.replace(reg, "#" + v)
|
||||
}
|
||||
}
|
||||
this.setItem(this.bookList, books)
|
||||
|
||||
},
|
||||
|
||||
getBook: function () {
|
||||
var v = this.getItem(this.bookList) ? this.getItem(this.bookList).split("#") : Array();
|
||||
var books = Array();
|
||||
if (v.length) {
|
||||
|
||||
for (var i = 0; i < v.length; i++) {
|
||||
var tem = this.getItem(v[i]).split('#');
|
||||
if (i > v.length - (_num + 1)) {
|
||||
if (tem.length > 3) books.push(tem);
|
||||
}
|
||||
else {
|
||||
lastread.remove(tem[0]);
|
||||
}
|
||||
}
|
||||
}
|
||||
return books
|
||||
},
|
||||
|
||||
removeBook: function (v) {
|
||||
var reg = new RegExp("(^|#)" + v);
|
||||
var books = this.getItem(this.bookList);
|
||||
if (!books) {
|
||||
books = ""
|
||||
}
|
||||
else {
|
||||
if (books.search(reg) != -1) {
|
||||
books = books.replace(reg, "")
|
||||
}
|
||||
|
||||
}
|
||||
this.setItem(this.bookList, books)
|
||||
|
||||
},
|
||||
|
||||
setItem: function (k, v) {
|
||||
if (!!window.localStorage) {
|
||||
localStorage.setItem(k, v);
|
||||
}
|
||||
else {
|
||||
var expireDate = new Date();
|
||||
var EXPIR_MONTH = 30 * 24 * 3600 * 1000;
|
||||
expireDate.setTime(expireDate.getTime() + 12 * EXPIR_MONTH)
|
||||
document.cookie = k + "=" + encodeURIComponent(v) + ";expires=" + expireDate.toGMTString() + "; path=/";
|
||||
}
|
||||
},
|
||||
|
||||
getItem: function (k) {
|
||||
var value = ""
|
||||
var result = ""
|
||||
if (!!window.localStorage) {
|
||||
result = window.localStorage.getItem(k);
|
||||
value = result || "";
|
||||
}
|
||||
else {
|
||||
var reg = new RegExp("(^| )" + k + "=([^;]*)(;|\x24)");
|
||||
var result = reg.exec(document.cookie);
|
||||
if (result) {
|
||||
value = decodeURIComponent(result[2]) || ""
|
||||
}
|
||||
}
|
||||
return value
|
||||
|
||||
},
|
||||
|
||||
removeItem: function (k) {
|
||||
if (!!window.localStorage) {
|
||||
window.localStorage.removeItem(k);
|
||||
}
|
||||
else {
|
||||
var expireDate = new Date();
|
||||
expireDate.setTime(expireDate.getTime() - 1000)
|
||||
document.cookie = k + "= " + ";expires=" + expireDate.toGMTString()
|
||||
}
|
||||
},
|
||||
removeAll: function () {
|
||||
if (!!window.localStorage) {
|
||||
window.localStorage.clear();
|
||||
}
|
||||
else {
|
||||
var v = this.getItem(this.bookList) ? this.getItem(this.bookList).split("#") : Array();
|
||||
var books = Array();
|
||||
if (v.length) {
|
||||
for (i in v) {
|
||||
var tem = this.removeItem(v[k])
|
||||
}
|
||||
}
|
||||
this.removeItem(this.bookList)
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
function showbook() {
|
||||
var showbook = document.getElementById('newcase');
|
||||
var books = lastread.getBook();
|
||||
var bookhtml = '';
|
||||
if (books.length) {
|
||||
var k = 1;
|
||||
for (var i = books.length - 1; i > -1; i--) {
|
||||
var articlename = books[i][2];
|
||||
var lastchapter = books[i][3];
|
||||
var lastchapterid = books[i][1];
|
||||
var read_page = parseInt(books[i][4]);
|
||||
var tmpbook_del = books[i][0];
|
||||
var author = books[i][5];
|
||||
var read_ym = parseInt(read_page + 1);
|
||||
if (books[i][6] > 0) {
|
||||
var articleid = parseInt(books[i][0].replace('t', ''));
|
||||
var shortid = parseInt(articleid / 1000);
|
||||
var mybook_aid = parseInt(books[i][6]);
|
||||
var mybook_cid = parseInt(books[i][1] - articleid);
|
||||
info_url = tag_info_rewrite.replace(/{aid}/, articleid);
|
||||
info_url = info_url.replace(/{bid}/, shortid);
|
||||
read_url = tag_read_rewrite.replace(/{aid}/, articleid);
|
||||
read_url = read_url.replace(/{bid}/, shortid);
|
||||
read_url = read_url.replace(/{cid}/, lastchapterid);
|
||||
read_page_url = tag_read_page_rewrite.replace(/{aid}/, articleid);
|
||||
read_page_url = read_page_url.replace(/{bid}/, shortid);
|
||||
read_page_url = read_page_url.replace(/{cid}/, lastchapterid);
|
||||
read_page_url = read_page_url.replace(/{pid}/, read_page);
|
||||
} else {
|
||||
var articleid = parseInt(books[i][0]);
|
||||
var shortid = parseInt(articleid / 1000);
|
||||
var mybook_aid = articleid;
|
||||
var mybook_cid = books[i][1];
|
||||
info_url = info_rewrite.replace(/{aid}/, articleid);
|
||||
info_url = info_url.replace(/{bid}/, shortid);
|
||||
read_url = read_rewrite.replace(/{aid}/, articleid);
|
||||
read_url = read_url.replace(/{bid}/, shortid);
|
||||
read_url = read_url.replace(/{cid}/, lastchapterid);
|
||||
read_page_url = read_page_rewrite.replace(/{aid}/, articleid);
|
||||
read_page_url = read_page_url.replace(/{bid}/, shortid);
|
||||
read_page_url = read_page_url.replace(/{cid}/, lastchapterid);
|
||||
read_page_url = read_page_url.replace(/{pid}/, read_page);
|
||||
}
|
||||
var info_url, read_url;
|
||||
var c = '';
|
||||
if ((k % 2) == 0) {
|
||||
c = 'hot_saleEm';
|
||||
}
|
||||
if (read_page == 0) {
|
||||
page_word = '';
|
||||
} else {
|
||||
page_word = '第' + read_ym + '页';
|
||||
}
|
||||
if (read_page == 0) {
|
||||
jxyd = '<a href="' + read_url + '" class="a3"><span class="iconfont icon-yuedu1"></span>继续阅读</a></div></div>';
|
||||
} else {
|
||||
jxyd = '<a href="' + read_page_url + '" class="a3"><span class="iconfont icon-yuedu1"></span>继续阅读</a></div></div>';
|
||||
}
|
||||
var jxyd;
|
||||
bookhtml += '<div class="hot_sale' + ' ' + c + '"><div class="tl"><a href="' + info_url + '" class="title">' + articlename + '</a></div><p>小说作者:<span>' + author + '</span></p><p class="p2">上次阅读:' + lastchapter + page_word + '</p><div class="anbtn"><a href="javascript:removebook(' + tmpbook_del + ')" class="xsdel"><span class="iconfont icon-105"></span></a><a href="' + info_url + '" class="a4"><span class="iconfont icon-shujia1"></span>目录</a><a onclick=\'shuqian(' + mybook_aid + ',' + mybook_cid + ',"' + tmpbook_rewrite + '")\' class="a2"><span class="iconfont icon-gengxin"></span>云书签</a>' + jxyd;
|
||||
|
||||
// '<li id="'+tmpbook_del+'"><span class="s1"><a href="'+info_url+'">《'+articlename+'》</a></span><span class="s2">作 者:'+author+'</span><span class="s3">阅读至:'+lastchapter+page_word+'</span><span class="s5"><a href="javascript:removebook('+tmpbook_del+')" class="xsdel">删除</a><a onclick=\'shuqian('+mybook_aid+','+mybook_cid+',"'+tmpbook_rewrite+'")\' class="a2"><span class="iconfont icon-gengxin"></span>保存至书架</a>'+jxyd+'</span></li>';
|
||||
k++;
|
||||
}
|
||||
showbook.innerHTML = '<div class="xs_phb"><span class="iconfont icon-liulanliang fs22 btn_cl_1"></span><h2 class="btn_cl_1">阅读历史(浏览器储存记录)</h2>' + bookhtml;
|
||||
}
|
||||
else {
|
||||
showbook.innerHTML = '<li>您还木有阅读本站小说,未产生阅读记录。</li>';
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
function removebook(k) {
|
||||
lastread.remove(k);
|
||||
showbook()
|
||||
}
|
||||
|
||||
|
||||
|
||||
function yuedu() {
|
||||
//document.write("<a href='javascript:showbook();' target='_self'>点击查看阅读记录</a>");
|
||||
showbook();
|
||||
}
|
||||
|
||||
window.lastread = new LastRead();
|
||||
|
||||
|
||||
function removebook(k) {
|
||||
lastread.remove(k);
|
||||
showbook()
|
||||
}
|
||||
|
||||
|
||||
|
||||
var checkbg = "#f7ecef";
|
||||
//内容页用户设置
|
||||
function nr_setbg(intype) {
|
||||
var huyandiv = document.getElementById("huyandiv");
|
||||
var light = document.getElementById("lightdiv");
|
||||
if (intype == "huyan") {
|
||||
if (huyandiv.style.backgroundColor == "") {
|
||||
set("light", "huyan");
|
||||
document.cookie = "light=huyan;path=/";
|
||||
}
|
||||
else {
|
||||
set("light", "no");
|
||||
document.cookie = "light=no;path=/";
|
||||
}
|
||||
}
|
||||
if (intype == "light") {
|
||||
|
||||
if (light.innerHTML == "关灯") {
|
||||
set("light", "yes");
|
||||
document.cookie = "light=yes;path=/";
|
||||
}
|
||||
else {
|
||||
set("light", "no");
|
||||
document.cookie = "light=no;path=/";
|
||||
}
|
||||
}
|
||||
if (intype == "big") {
|
||||
set("font", "big");
|
||||
document.cookie = "font=big;path=/";
|
||||
}
|
||||
if (intype == "middle") {
|
||||
set("font", "middle");
|
||||
document.cookie = "font=middle;path=/";
|
||||
}
|
||||
if (intype == "small") {
|
||||
set("font", "small");
|
||||
document.cookie = "font=small;path=/";
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
//内容页读取设置
|
||||
function getset() {
|
||||
var strCookie = document.cookie;
|
||||
var arrCookie = strCookie.split("; ");
|
||||
var light;
|
||||
var font;
|
||||
|
||||
for (var i = 0; i < arrCookie.length; i++) {
|
||||
var arr = arrCookie[i].split("=");
|
||||
if ("light" == arr[0]) {
|
||||
light = arr[1];
|
||||
break;
|
||||
}
|
||||
}
|
||||
for (var i = 0; i < arrCookie.length; i++) {
|
||||
var arr = arrCookie[i].split("=");
|
||||
if ("font" == arr[0]) {
|
||||
font = arr[1];
|
||||
break;
|
||||
}
|
||||
}
|
||||
|
||||
//light
|
||||
if (light == "yes") {
|
||||
set("light", "yes");
|
||||
}
|
||||
else if (light == "no") {
|
||||
set("light", "no");
|
||||
}
|
||||
else if (light == "huyan") {
|
||||
set("light", "huyan");
|
||||
}
|
||||
//font
|
||||
if (font == "big") {
|
||||
set("font", "big");
|
||||
}
|
||||
else if (font == "middle") {
|
||||
set("font", "middle");
|
||||
}
|
||||
else if (font == "small") {
|
||||
set("font", "small");
|
||||
}
|
||||
else {
|
||||
set("", "");
|
||||
}
|
||||
}
|
||||
|
||||
//内容页应用设置
|
||||
function set(intype, p) {
|
||||
var nr_body = document.getElementById("chapterbody");//页面body
|
||||
var huyandiv = document.getElementById("huyandiv");//护眼div
|
||||
var lightdiv = document.getElementById("lightdiv");//灯光div
|
||||
var fontfont = document.getElementById("fontfont");//字体div
|
||||
var fontbig = document.getElementById("fontbig");//大字体div
|
||||
var fontmiddle = document.getElementById("fontmiddle");//中字体div
|
||||
var fontsmall = document.getElementById("fontsmall");//小字体div
|
||||
var txt = document.getElementById("txt");//内容div
|
||||
var nr_title = document.getElementById("chaptername");//文章标题
|
||||
//var shuqian_2 = document.getElementById("shuqian_2");//书签链接
|
||||
|
||||
var pt_mulu = document.getElementById("pt_mulu");
|
||||
var pt_next = document.getElementById("pt_next");
|
||||
var pb_prev = document.getElementById("pb_prev");
|
||||
var pb_mulu = document.getElementById("pb_mulu");
|
||||
var pb_next = document.getElementById("pb_next");
|
||||
|
||||
//初始化
|
||||
//document.getElementsByName("page_nr")[1].style.color = "#000";
|
||||
|
||||
//灯光
|
||||
if (intype == "light") {
|
||||
if (p == "yes") {
|
||||
//关灯
|
||||
lightdiv.innerHTML = "开灯";
|
||||
lightdiv.style.backgroundColor = "#ccc9c0";
|
||||
nr_body.style.backgroundColor = "#32373B";
|
||||
huyandiv.style.backgroundColor = "";
|
||||
nr_title.style.color = "#ccc";
|
||||
txt.style.color = "#999";
|
||||
//shuqian_2.style.color = "#999";
|
||||
}
|
||||
else if (p == "no") {
|
||||
//开灯
|
||||
lightdiv.innerHTML = "关灯";
|
||||
lightdiv.style.backgroundColor = checkbg;
|
||||
nr_body.style.backgroundColor = "#f7ecef";
|
||||
txt.style.color = "#423838";
|
||||
nr_title.style.color = "#333";
|
||||
huyandiv.style.backgroundColor = "";
|
||||
//shuqian_2.style.color = "#000";
|
||||
}
|
||||
else if (p == "huyan") {
|
||||
//护眼
|
||||
lightdiv.innerHTML = "关灯";
|
||||
huyandiv.style.backgroundColor = "#ded4b2";
|
||||
nr_body.style.backgroundColor = "#dfdbcd";
|
||||
txt.style.color = "#333";
|
||||
//shuqian_2.style.color = "#000";
|
||||
}
|
||||
}
|
||||
//字体
|
||||
if (intype == "font") {
|
||||
//alert(p);
|
||||
fontbig.style.backgroundColor = "";
|
||||
fontmiddle.style.backgroundColor = "";
|
||||
fontsmall.style.backgroundColor = "";
|
||||
if (p == "big") {
|
||||
fontbig.style.backgroundColor = "#ded4b2";
|
||||
txt.style.fontSize = "30px";
|
||||
txt.style.lineHeight = "45px"
|
||||
}
|
||||
if (p == "middle") {
|
||||
fontmiddle.style.backgroundColor = "#ded4b2";
|
||||
txt.style.fontSize = "24px";
|
||||
txt.style.lineHeight = "36px"
|
||||
}
|
||||
if (p == "small") {
|
||||
fontsmall.style.backgroundColor = "#ded4b2";
|
||||
txt.style.fontSize = "18px";
|
||||
txt.style.lineHeight = "30px"
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
BIN
code/public/template/xiongmao/style2_pc/css/font/iconfont.ttf
Normal file
BIN
code/public/template/xiongmao/style2_pc/css/font/iconfont.ttf
Normal file
Binary file not shown.
368
code/public/template/xiongmao/style2_pc/css/style.css
Normal file
368
code/public/template/xiongmao/style2_pc/css/style.css
Normal file
@@ -0,0 +1,368 @@
|
||||
/** 全局页头**/
|
||||
::-webkit-scrollbar-thumb{background-color:#999;height:15px;outline-offset:-2px;-webkit-border-radius:9px;}
|
||||
::-webkit-scrollbar-thumb:hover{background-color:#0098EF;height:15px;-webkit-border-radius:3px;}
|
||||
::-webkit-scrollbar{width:5px;height:8px;}
|
||||
::-webkit-scrollbar-track-piece{background-color:#eee;-webkit-border-radius:0;}
|
||||
::-webkit-scrollbar-thumb:active{height:15px;background-color:#0098EF;-webkit-border-radius:3px;}
|
||||
*{margin:0;padding:0;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-khtml-user-select:none;user-select:none;}
|
||||
body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143;color:#333;background: #fbf4f9;box-sizing:border-box;margin:0;padding:0;width:100%;}
|
||||
.wp{width:1220px;margin:0 auto;clear: both;padding: 0 10px;}
|
||||
.ov{overflow: hidden;}
|
||||
li{list-style:none;box-sizing:border-box;transition:all 0.3s;}
|
||||
.z{float:left}
|
||||
.y{float:right}
|
||||
.clear{clear:both}
|
||||
a,a:hover{transition:all 0.3s;text-decoration:none;}
|
||||
a{color:#f06191;}
|
||||
a:hover{color:#0cb385;}
|
||||
|
||||
div{cursor:default;box-sizing:border-box;}
|
||||
@font-face{font-family:"iconfont";
|
||||
src:url('font/iconfont.eot'); /* IE9*/
|
||||
src:url('font/iconfont.eot') format('embedded-opentype'), /* IE6-IE8 */
|
||||
url('font/iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
|
||||
url('font/iconfont.svg') format('svg'); /* iOS 4.1- */
|
||||
}
|
||||
.ico{font-family:"iconfont" !important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
|
||||
.ico-50:before{content:"\e600";}
|
||||
.ico-shangyiye:before{content:"\e620";}
|
||||
.ico-xiayiye:before{content:"\e621";}
|
||||
.ico-remen:before{content:"\e606";}
|
||||
.ico-guanbi:before{content:"\e622";}
|
||||
.ico-icon3zanpinglunzhuanfaliulan01:before{content:"\e607";}
|
||||
.ico-ruku:before{content:"\e73e";}
|
||||
.ico-tuichu1:before{content:"\e71c";}
|
||||
.ico-iconfontzuo:before{content:"\e61f";}
|
||||
.ico-pinglun:before{content:"\e60d";}
|
||||
.ico-ewm1:before{content:"\e610";}
|
||||
.ico-jiaqun:before{content:"\e611";}
|
||||
.ico-mulu:before{content:"\e612";}
|
||||
.ico-so:before{content:"\e61b";}
|
||||
.ico-shujia1:before{content:"\e61c";}
|
||||
.ico-zhuce:before{content:"\e625";}
|
||||
.ico-redu:before{content:"\e630";}
|
||||
.ico-yueduliang:before{content:"\e631";}
|
||||
.ico-gongtonglinju:before{content:"\e61a";}
|
||||
.ico-liulanliang:before{content:"\e604";}
|
||||
.ico-xiaorenshuohua:before{content:"\e617";}
|
||||
.ico-fenlei:before{content:"\e682";}
|
||||
.ico-105:before{content:"\e627";}
|
||||
.ico-shuaxin1:before{content:"\e613";}
|
||||
.ico-bangdanxin:before{content:"\e619";}
|
||||
.ico-08shuqian:before{content:"\e634";}
|
||||
.ico-daoxu:before{content:"\e632";}
|
||||
.ico-shoucang:before{content:"\e614";}
|
||||
.ico-xiaofeijilu-copy:before{content:"\e601";}
|
||||
.ico-mulu1:before{content:"\e6b5";}
|
||||
.ico-bookshelf:before{content:"\e72d";}
|
||||
.ico-iconfonticonfontshujupaixing:before{content:"\e60b";}
|
||||
.ico-shangyiye1:before{content:"\e624";}
|
||||
.ico-tuichu:before{content:"\e657";}
|
||||
.ico-shuji:before{content:"\e687";}
|
||||
.ico-tag:before{content:"\e642";}
|
||||
.ico-login:before{content:"\e60a";}
|
||||
.ico-gengxin:before{content:"\e60e";}
|
||||
.ico-xiazai1-copy-copy:before{content:"\e602";}
|
||||
.ico-xiazai:before{content:"\e623";}
|
||||
.ico-more:before{content:"\e615";}
|
||||
.ico-fanhui:before{content:"\e7a1";}
|
||||
.ico-jinggao:before{content:"\e6ac";}
|
||||
.ico-shoucang1:before{content:"\e618";}
|
||||
.ico-yuedu:before{content:"\e609";}
|
||||
.ico-zhengque-copy:before{content:"\e61d";}
|
||||
.ico-quit:before{content:"\e63a";}
|
||||
.ico-biaoqianshuqianhuixingzhen:before{content:"\e60f";}
|
||||
.ico-lily-rank:before{content:"\e656";}
|
||||
.ico-gengxin1:before{content:"\e616";}
|
||||
.ico-yuedu1:before{content:"\e68d";}
|
||||
.ico-dengpao:before{content:"\e61e";}
|
||||
.ico-zhengxu:before{content:"\e603";}
|
||||
.ico-shouye:before{content:"\e66f";}
|
||||
.ico-last-copy:before{content:"\e605";}
|
||||
.ico-tubiao114:before{content:"\e608";}
|
||||
.ico-refresh:before{content:"\e6b6";}
|
||||
.ico-zuozhe:before{content:"\e60c";}
|
||||
.tooltip{position:absolute;z-index:1070;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-style:normal;font-weight:400;line-height:1.42857143;line-break:auto;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;word-wrap:normal;white-space:normal;font-size:12px;opacity:0;}
|
||||
.tooltip.in{opacity:.9}
|
||||
.tooltip.top{padding:5px 0;margin-top:-3px}
|
||||
.tooltip.right{padding:0 5px;margin-left:3px}
|
||||
.tooltip.bottom{padding:5px 0;margin-top:3px}
|
||||
.tooltip.left{padding:0 5px;margin-left:-3px}
|
||||
.tooltip.top .tooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-width:5px 5px 0;border-top-color:#000}
|
||||
.tooltip.top-left .tooltip-arrow{right:5px;bottom:0;margin-bottom:-5px;border-width:5px 5px 0;border-top-color:#000}
|
||||
.tooltip.top-right .tooltip-arrow{bottom:0;left:5px;margin-bottom:-5px;border-width:5px 5px 0;border-top-color:#000}
|
||||
.tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-width:5px 5px 5px 0;border-right-color:#000}
|
||||
.tooltip.left .tooltip-arrow{top:50%;right:0;margin-top:-5px;border-width:5px 0 5px 5px;border-left-color:#000}
|
||||
.tooltip.bottom .tooltip-arrow{top:0;left:50%;margin-left:-5px;border-width:0 5px 5px;border-bottom-color:#000}
|
||||
.tooltip.bottom-left .tooltip-arrow{top:0;right:5px;margin-top:-5px;border-width:0 5px 5px;border-bottom-color:#000}
|
||||
.tooltip.bottom-right .tooltip-arrow{top:0;left:5px;margin-top:-5px;border-width:0 5px 5px;border-bottom-color:#000}
|
||||
.tooltip-inner{max-width:400px;padding:3px 8px;text-align:center;border-radius:3px;letter-spacing: 0.05em;box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2);}
|
||||
.tooltip.top .tooltip-inner{background-color:#000;color:#fff;}
|
||||
.tooltip.right .tooltip-inner{background-color:#000;color:#fff;}
|
||||
.tooltip.bottom .tooltip-inner{background-color:#000;color:#fff;}
|
||||
.tooltip.left .tooltip-inner{background-color:#000;color:#fff;}
|
||||
.tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}
|
||||
|
||||
.fs10{font-size:10px !important;}
|
||||
.fs12{font-size:12px !important;}
|
||||
.fs14{font-size:14px !important;}
|
||||
.fs16{font-size:16px !important;}
|
||||
.fs18{font-size:18px !important;}
|
||||
.fs20{font-size:20px !important;}
|
||||
.fs22{font-size:22px !important;}
|
||||
.fs24{font-size:24px !important;}
|
||||
.fs26{font-size:26px !important;}
|
||||
.fs28{font-size:28px !important;}
|
||||
.fs30{font-size:30px !important;}
|
||||
.fs32{font-size:32px !important;}
|
||||
.fs34{font-size:34px !important;}
|
||||
.fs36{font-size:36px !important;}
|
||||
.mt3{margin-top:3px !important;}
|
||||
.mt5{margin-top:5px !important;}
|
||||
.mt10{margin-top:10px !important;}
|
||||
.mt20{margin-top:20px !important;}
|
||||
.mt30{margin-top:30px !important;}
|
||||
.mb10{margin-bottom:10px !important;}
|
||||
.mb20{margin-bottom:20px !important;}
|
||||
.mb30{margin-bottom:30px !important;}
|
||||
.header{height:128px;width:100%;margin-bottom:10px;background:#faeaf1;overflow: hidden;box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);}
|
||||
.header .wp h1.title{width:300px;height:80px;line-height:80px;letter-spacing:5px;color:#f56092;font-size:36px;font-weight:100;font-family:Microsoft Yahei,Arial,Tahoma,Verdana,sans-serif;text-shadow:3px 3px 5px rgb(220, 184, 196);transform:scale(1,1.1);-ms-transform:scale(1,1.1);-webkit-transform:scale(1,1.1);-moz-transform:scale(1,1.1);-o-transform:scale(1,1.1);overflow:hidden;}
|
||||
.header .search{width:520px;height:88px;padding-top:25px;}
|
||||
.header .search .search-form{height:38px;display: block;width:378px;box-sizing: border-box;margin:0 auto;}
|
||||
.header .search input{float:left;padding-left:10px;height:36px;border:1px solid #f06191;border-radius:3px 0 0 3px;border-right:0;background:#fff7fd;color:#e91e63;line-height:36px;width:290px;}
|
||||
.header .search .btn-tosearch{padding:0;height:38px;border:none;border-radius:0 3px 3px 0;background:#f06191;color:#fbfbfb;font-size:16px;font-size:1.6rem;line-height:16px;cursor:pointer;width:74px;transition:all 0.3s}
|
||||
.header .search .btn-tosearch span{font-size:24px;}
|
||||
.header .search .btn-tosearch:hover{background: #da552b;}
|
||||
.header .search>p{font-size:12px;line-height: 16px;padding-top: 3px;height: 32px;overflow: hidden;}
|
||||
.header .nav{height:40px;line-height:40px;background:#e91e63;clear: both;}
|
||||
.header .nav li{float:left;padding: 0 10px;text-align:center;height:40px;line-height:40px;font-size:16px;}
|
||||
.header .nav li:hover{background:#bb0945}
|
||||
.header .nav li.home{background:#d0084c;}
|
||||
.header .nav li>a{color:#fff;width: 100%;height: 40px;display: block;}
|
||||
.header .nav .nav-right{width:150px;float: right;text-align: right;margin-top: 7px;}
|
||||
.header .nav .nav-right .a1,.header .nav .nav-right .a2{background:#a7083e}
|
||||
.header .nav .nav-right a{color: #fff;display: block;height:26px;line-height: 26px;padding: 0 8px;border-radius:3px;margin-top:7px;margin-left: 10px;}
|
||||
.header .nav .nav-right a:hover{color:#ed6741;background:#fff;}
|
||||
.header .nav .nav-right a>span{padding-right:5px;}
|
||||
.header-bd{width: 180px;float: right;height:88px;overflow: hidden;}
|
||||
.header-bd .a1{width:50px;height: 60px;display: inline-block;text-align: center;color: #d2187f;margin: 15px 10px 0;float: right;font-size: 12px; margin-left: 10px;}
|
||||
.header-bd .a1:hover{color:#ff8018}
|
||||
.header-bd .a1>span{display: block;width: 100%;height: 38px;line-height: 40px;}
|
||||
/** 全局页头end **/
|
||||
|
||||
/** 首页及区块 **/
|
||||
.phb_title{padding: 0 10px;height: 40px;line-height: 40px;font-size:16px;border-bottom: 1px solid #f1cdd9;background: #fff;}
|
||||
.phb_title>b{color: #d6064c;font-weight: 700;font-size: 16px;display: inline-block;border-bottom: 1px solid #eb6100;box-sizing: border-box;height: 40px;}
|
||||
.list_phb_z{background:#fff;width:310px;box-sizing: border-box;box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);margin: 10px 0;}
|
||||
.list_l1 li{height:36px;line-height:36px;width:100%;overflow:hidden;border-bottom: 1px solid #fff;padding: 0 10px; text-overflow: ellipsis;white-space: nowrap;}
|
||||
.list_l2 li{height:36px;line-height:36px;width:100%;overflow:hidden;border-bottom: 1px solid #fff;padding: 0 10px; text-overflow: ellipsis;white-space: nowrap;}
|
||||
.list_l1 li:nth-of-type(2n),.list_l2 li:nth-of-type(2n){background: #fffbfb;}
|
||||
.list_l1 li>span.y{color:#999;font-size:12px;}
|
||||
.list_l1 li>a,.list_l2 li>a{font-size: 16px;}
|
||||
.list_l2 li>span{display:block;height:36px;line-height:36px;float:left;}
|
||||
.list_l2 li>.s1{width:12%;text-align:left;}
|
||||
.list_l2 li>.s2{width:55%;}
|
||||
.list_l2 li>.s4{width:18%;text-align:left;color: #999;}
|
||||
.list_l2 li>.s5{width:15%;text-align:center;}
|
||||
.list_l2 li>.s2>a{font-size:16px;}
|
||||
.phb_img{width:870px;background: #fff;box-sizing: border-box;box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);margin: 10px 0;color: #666;}
|
||||
.item_img{width:50%;height:156px;padding:14px 15px;float:left;}
|
||||
.item_img .image{width:100px;height:125px;position: absolute;margin-right: 10px;border-radius: 5px;box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);transition:all 0.5s}
|
||||
.item_img .image:hover{box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);}
|
||||
.item_img .image>a{width:100px;height:125px;overflow:hidden;display:block;}
|
||||
.item_img .image img{width:100px;height:125px;transform: scale(1.03);-ms-transform: scale(1.03);transition: all 0.5s;}
|
||||
.item_img .image:hover img{transform: scale(1.1);-ms-transform: scale(1.1);}
|
||||
.item_img .phb_info{width: 285px;float: right;height: 120px;overflow: hidden;}
|
||||
.item_img .phb_info h3{font-weight:400;height: 28px;line-height: 28px;width: 100%;overflow: hidden;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 18px;}
|
||||
.item_img .phb_info p{height: 92px;line-height:23px;color:#96989e;transition:all 0.3s;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:4;-webkit-box-orient: vertical;}
|
||||
.item_img:hover .phb_info p{color:#333;}
|
||||
.phb_fm{width:100%;background:#fff;overflow: hidden;box-sizing: border-box;box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);margin: 10px 0;}
|
||||
.phb_fm .item_img{width:33.3%;padding: 15px 8px;}
|
||||
.phb_fm .item_img .phb_info{width:265px;}
|
||||
.sort_nav{padding:10px;background:#fff;}
|
||||
.sort_nav>p{height:36px;line-height:36px;font-size:16px;border-bottom: 1px dashed #f3f3f3;padding: 0 5px;color: #009688;}
|
||||
.sort_nav>p>a{padding:0 8px;color:#666;}
|
||||
.sort_nav>p>a.on{color:#F44336;}
|
||||
.sort_nav>p>a:hover{color: #ff8018;}
|
||||
|
||||
.sort_page_num{text-align: center;padding: 10px;background: #fff;clear: both;box-sizing: border-box;box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);margin: 10px 0;}
|
||||
.sort_page_num>a{padding:5px 10px;margin: 5px;display: inline-block;border-radius: 3px;background: #f3f3f3;}
|
||||
.sort_page_num>a.page_on{background:#ff85ae;color:#fff;}
|
||||
.sort_page_num>a:hover{background:#E91E63;color:#fff;}
|
||||
.sort_page_num>a.prev_off{background: #e4e4e4;color: #fff;}
|
||||
|
||||
|
||||
|
||||
/** 首页及区块end **/
|
||||
|
||||
.info_dv1{background:#fff;width:100%;padding:0 10px;position: relative;border-radius: 10px 10px 0 0;box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);}
|
||||
.novel_chapter .info_dv1{background:#f7eeed;}
|
||||
.info_dv1 i{font-style:normal}
|
||||
|
||||
.info_dv1 #mobile_read{color:#fff;padding: 0 15px;background:#a020ef;}
|
||||
.info_dv1 #mobile_read:hover{cursor: pointer;background:#e25909;}
|
||||
.info_dv1 .title{height:60px;line-height:60px;border-bottom: 1px solid #eee;margin-bottom: 10px;padding-left: 10px;}
|
||||
.info_dv1 .title>a{color:#666}
|
||||
.info_dv1 .title>a:hover{color:#E91E63}
|
||||
.info_dv1 .title>i{border-radius:15px;font-size: 16px;background: #c13d99;margin: 15px 10px;height: 30px;line-height: 30px;transition: all 0.3s;}
|
||||
.info_dv1 .title>i:hover{background:#E91E63;}
|
||||
.info_dv1 .title>i>a{color:#fff;padding: 0 15px;height: 30px;line-height: 30px;display: block;}
|
||||
.info_dv1 .title>i span{padding-right:3px;}
|
||||
.intro .btn_dv1{width:175px;}
|
||||
.intro .btn_dv1>i{border-radius:18px;font-size:16px;background: #27ad16;margin:15px;height:36px;line-height:36px;transition: all 0.3s;display: block;text-align: center;}
|
||||
.intro .btn_dv1>i:hover{background:#E91E63;}
|
||||
.intro .btn_dv1>i.sj2{background:#F44336}
|
||||
.intro .btn_dv1>i.sj2:hover{background:#E91E63}
|
||||
.intro .btn_dv1>i>a{color:#fff;height:36px;line-height:36px;display: block;}
|
||||
.intro .btn_dv1>i span{padding-right:3px;}
|
||||
.intro{overflow:hidden;}
|
||||
.intro .img{width:210px;height:220px;margin:0 10px 10px 0;padding:5px 20px 10px;}
|
||||
.intro .img>img{width:160px;height:200px;box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.7);transform: scale(1.);transition:all 0.3s;border-radius: 5px;}
|
||||
.intro .img>img:hover{transform: scale(1.06);}
|
||||
.info_dv1 .details{overflow: hidden;width:780px;height:220px;padding: 0 10px 0 0;}
|
||||
.info_dv1 .details h2{color: #fb1864;height:50px;line-height:50px;letter-spacing: 0.1em;font-size: 28px;padding-top: 5px;}
|
||||
.details p.p{height:32px;line-height:28px;font-size:16px;}
|
||||
.details p.p>i{margin-right:10px;color: #777;}
|
||||
.details p.p2{line-height:30px;height:120px;color: #9e9e9e;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:4;-webkit-box-orient: vertical;font-size: 18px;}
|
||||
.info_dv1 #ewm{display:none;position: absolute;right:10px;top:10px;background: #fff;width:210px;height: 240px;text-align: center;box-shadow: -2px 3px 5px 0px rgba(0, 0, 0, 0.5);}
|
||||
.info_dv1 #ewm>p{height:20px;line-height:10px;}
|
||||
.info_dv1 #ewm>img{width:210px;height:210px;margin-top: 5px;}
|
||||
.info_dv1 #ewm>span{position: absolute;right:5px;top: 3px;color: #07b1a6;transition:all 0.3s;cursor: pointer;}
|
||||
.info_dv1 #ewm>span:hover{color: #e2190b;}
|
||||
|
||||
.info_dv2,.info_dv3{padding:0 10px 10px;background:#fff;box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);margin: 10px 0;}
|
||||
.info_dv2 .title,.info_dv3 .title{height:42px;font-size:18px;line-height: 42px;border-bottom: 1px solid #eee;margin-bottom: 10px;color:#e20a0a;}
|
||||
.info_dv2 .first_txt{overflow:hidden;}
|
||||
.info_dv2 .first_txt>p{line-height: 22px;color: #848484;}
|
||||
|
||||
ul.section-list>li{width:25%;height:36px;line-height:36px;display: inline-block;border-bottom: 1px dashed #eee;padding: 0 8px;}
|
||||
ul.section-list>li>a{overflow:hidden;height:36px;line-height:36px;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient: vertical;font-size: 16px;color: #5a5a5a;}
|
||||
/* ul.section-list>li>a:visited{color:#eee;} */
|
||||
ul.section-list>li>a:hover{color: #ff8018;transform: scale(1.1);transition: all 0.1s;}
|
||||
.info_dv3 .btn-mulu{display: block;width: 180px;margin: 20px auto 10px;background: #f06191;color: #fff;font-size: 16px;text-align: center;height: 42px;line-height: 42px;border-radius: 21px;}
|
||||
.info_dv3 .btn-mulu:hover{background: #009688;}
|
||||
.info_dv3 .title>i.dx{font-size:14px;font-style: normal;padding: 0 10px;}
|
||||
.page_num{text-align: center;font-size: 14px;box-sizing: border-box;padding: 10px;width: 330px;margin: 0 auto;}
|
||||
.page_num select{padding: 0 10px;height: 34px;line-height: 35px;box-sizing: border-box;border: 1px solid #f06191;background: #fff;border-radius: 5px;margin: 0 10px;width: 140px;cursor: pointer;}
|
||||
.page_num a{height:34px;line-height: 35px;padding: 0 15px;display: block;margin: 0;box-sizing: border-box;background: #f06191;color: #fff;border-radius:5px;transition: all 0.3s;}
|
||||
.page_num a:hover{background: #01bfb3;}
|
||||
.novel_chapter .chapter-title{text-align: center;font-size: 32px;line-height: 60px;padding: 0 40px 20px;color: #d85424;}
|
||||
.novel_chapter .info_dv1>p{text-indent: 2em;padding-left:60px;padding-right:60px;padding-bottom: 1.5em;font-size: 24px;color: #696255;line-height: 1.8em;letter-spacing: 0.1em;}
|
||||
.read_btn{text-align: center;font-size: 16px;line-height:28px;padding-bottom: 20px;}
|
||||
.read_btn>a{padding:0 10px;margin:0 5px;cursor: pointer;}
|
||||
.dvfd{background: #fff;width: 200px;height: 140px;position: absolute;top: 50%;left: 50%;margin-top: -70px;margin-left: -100px;box-shadow: 0 0 5px rgba(0, 0, 0, 0.35);text-align: center;border-radius: 5px;z-index: 99999;position: fixed;}
|
||||
.dvfd .red{display: block;margin:35px 0 15px;font-size: 18px;}
|
||||
.dvfd .qdbtn{background: #03A9F4;display: inline-block;padding: 5px 30px;color: #fff;border-radius: 3px;font-size: 16px;border: solid 1px #2196F3;}
|
||||
.dvfd .qdbtn:hover{background: #F44336;border: solid 1px #E91E63;}
|
||||
#qs_login a{padding:0 5px;margin:0 5px;}
|
||||
|
||||
.novel_tmpbook .txt-list .s1{width: 260px;}
|
||||
.novel_tmpbook .txt-list .s2{width: 100px;}
|
||||
.novel_tmpbook .txt-list .s3{width: 260px;text-align: left;}
|
||||
.novel_tmpbook .txt-list .s5{text-align:center;width:332px;float:right}
|
||||
.novel_tmpbook .txt-list .s5>a{display: inline-block;padding: 0 10px;margin: 0 5px;background: #03A9F4;height: 26px;line-height: 26px;border-radius: 3px;color: #fff;cursor:pointer;transition: all 0.3s;}
|
||||
.novel_tmpbook .txt-list .s5>a.xsdel{background:#F44336;}
|
||||
.novel_tmpbook .txt-list .s5>a.a3{background:#00c3b1;}
|
||||
.novel_tmpbook .txt-list .s5>a:hover{background:#673AB7;}
|
||||
.novel_tmpbook .txt-list{padding:10px;background: #fff;}
|
||||
.novel_tmpbook .txt-list li{border-bottom:1px solid #f5f5f5;height:48px;line-height:48px;overflow:hidden}
|
||||
.novel_tmpbook .txt-list li>span{float:left;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;padding: 0 10px;}
|
||||
.novel_tmpbook .txt-list li:nth-of-type(2n){background: #f7f7f7;}
|
||||
.novel_tmpbook .txt-list li .s1 a{font-size:16px;}
|
||||
.novel_tmpbook .txt-list.txt-list-row5 .s4{width: 270px;}
|
||||
.novel_tmpbook .txt-list.txt-list-row5 .s5{width:190px;float:right;}
|
||||
|
||||
#qs_login a{padding:0 5px;margin:0 5px;}
|
||||
.novel_login{background: #fff;}
|
||||
.novel_login .login{line-height: 50px;background: #fff;overflow: hidden;padding: 10px;box-sizing: border-box;border:1px solid #ebf1f3;margin:50px auto;width: 350px;position: relative;}
|
||||
.novel_login .login h2{font-size: 18px;text-align: center;height: 34px;line-height: 24px;border-bottom: 1px solid #eee;color: #2c7498;letter-spacing: 0.5em;}
|
||||
.novel_login .login a{height:30px; line-height:30px;color: #F44336;}
|
||||
.novel_login .login i{ position:absolute;left:29%;}
|
||||
.novel_login .login input[type="text"],.login input[type="password"]{width:220px;padding:0px;border:none;outline:medium;height:30px; line-height:30px;padding-left:10px;background: #F7F7F7;}
|
||||
.novel_login .login_name,.login_pass,.login_email,.login_code{width:100%;overflow: hidden;box-sizing: border-box;}
|
||||
.novel_login .login .l1,.login .l2{ float:left;}
|
||||
.login_xs #logintips{text-align: center;color: #de2900;}
|
||||
.novel_login .login .l1{width:75px;text-align: right;}
|
||||
.novel_login .login .l2{width:100%;text-align: left;position: absolute;box-sizing: border-box;padding-left:100px;right:10px;overflow: hidden;}
|
||||
.novel_login .login_name input{-webkit-appearance: none;}
|
||||
.novel_login .login_pass input{-webkit-appearance: none;}
|
||||
.novel_login .login_code input{-webkit-appearance: none;}
|
||||
.novel_login .login_code2{margin:0;padding: 0 0 10px;text-align:center;border-bottom: 1px solid #eee;}
|
||||
.novel_login .login_code2>img{display: block;margin:20px auto 0;cursor: pointer;width: 150px;}
|
||||
.novel_login .login_btn{text-align: center;margin:0;overflow: hidden;}
|
||||
.novel_login .login_btn a{display:block;color: #fff;border-radius: 2px;text-align: center;margin:20px 60px;box-sizing:border-box;border: 1px solid #ca0d4d;color:#ce1f5a;height: 40px;line-height: 40px;}
|
||||
.novel_login .login_btn a:hover{box-sizing:border-box;border: 1px solid #F44336;color: #F44336;}
|
||||
.novel_login .login_btn a.ok{color:#fff;background:#e84c81;}
|
||||
.novel_login .login_btn a.ok:hover{background:#3F51B5;border: 1px solid #3F51B5;}
|
||||
.novel_login .login .login_save{width:20px;height:20px; padding:5px;}
|
||||
.novel_login .login_code{margin-bottom:0;}
|
||||
.novel_author .info_dv1 .phb_title{}
|
||||
.author-list{padding: 10px;}
|
||||
.author-list>li{padding: 10px 0;}
|
||||
|
||||
#novel-search{background:#fff; padding: 10px;}
|
||||
#novel-search>li{height:42px;line-height:42px;padding:0 10px;}
|
||||
#novel-search>li:nth-of-type(2n){background: #f7f7f7;}
|
||||
#novel-search>li>span{display: inline-block;}
|
||||
#novel-search>li>span.s1{width:80px;}
|
||||
#novel-search>li>span.s2{width:300px;}
|
||||
#novel-search>li>span.s3{width:160px;}
|
||||
#novel-search>li>span.s4{width:380px;}
|
||||
#novel-search>li>span.s5{width: 50px;float: right;text-align: right;}
|
||||
|
||||
|
||||
|
||||
#links,#tag_news{background:#fff;box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);margin: 10px 0;}
|
||||
.link_a{padding:10px;}
|
||||
.link_a>a{margin: 10px 5px;color: #666;}
|
||||
.link_a>a:hover {color: #0cb385;}
|
||||
.footer{clear: both;text-align:center;padding: 20px;background: #c72159;color: #fff;margin-top: 50px;overflow: hidden;}
|
||||
.footer>p.wp{padding: 0 10px;box-sizing: border-box;line-height: 22px;font-size: 12px;}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
Reference in New Issue
Block a user