-
Notifications
You must be signed in to change notification settings - Fork 112
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
fd9b44d
commit 53ebc4d
Showing
3 changed files
with
873 additions
and
210 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,179 +1 @@ | ||
| @charset "utf-8"; | ||
| a { color: #333 } | ||
| a:hover, .redFont, .current, .bookNav a:hover, .textinfo a:hover { color: #f70 } | ||
| .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 } | ||
| /* 作者的话 */ | ||
| .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: #f80 } | ||
| .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: #f80; 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_style_6 .read_dz { color:#aaa } | ||
| .read_dz.on { color:#f70; 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:#f80; color:#fff; border-color:#f80 } | ||
| .order_allzj .red { color:#fff } | ||
| .order_allzj:hover { color:#fff; background:#f70; border-color:#f70 } | ||
| .order_tip { padding:25px 0 10px; color:#999; font-size:13px } | ||
| .dqye { font-size:15px } |
Oops, something went wrong.