From 8937b762466bec4217799a165d0abc8398c4d63b Mon Sep 17 00:00:00 2001 From: Van Date: Wed, 2 Jan 2019 12:34:03 +0800 Subject: [PATCH] fix https://github.com/b3log/solo/issues/12611 --- Bruce/css/Bruce.css | 7 +- Bruce/css/Bruce.min.css | 2 +- Finding/css/Finding.css | 157 ++++++++++++++++++++++++++- Finding/css/Finding.min.css | 2 +- Jane/css/base.css | 15 +-- Jane/css/base.min.css | 2 +- Jane/css/base.scss | 2 +- Medium/css/base.css | 21 +++- Medium/css/base.min.css | 2 +- NeoEase/css/NeoEase.css | 169 ++++++++++++++++++++++++++--- NeoEase/css/NeoEase.min.css | 2 +- ease/css/ease.css | 172 +++++++++++++++++++++++++++++- ease/css/ease.min.css | 2 +- ease/js/ease.min.js | 2 +- metro-hot/css/metro-hot.css | 182 +++++++++++++++++++++++++++++++- metro-hot/css/metro-hot.min.css | 2 +- mobile/themes/default/style.css | 180 +++++++++++++++++++++++++++++++ next/css/next.css | 26 ++++- next/css/next.min.css | 2 +- nijigen/css/_icon.scss | 2 +- nijigen/css/base.css | 15 +-- nijigen/css/base.min.css | 2 +- timeline/css/timeline.css | 182 +++++++++++++++++++++++++++++++- timeline/css/timeline.min.css | 2 +- yilia/css/yilia.css | 18 ++-- yilia/css/yilia.min.css | 2 +- 26 files changed, 1112 insertions(+), 60 deletions(-) diff --git a/Bruce/css/Bruce.css b/Bruce/css/Bruce.css index f10faae..7ee95fa 100644 --- a/Bruce/css/Bruce.css +++ b/Bruce/css/Bruce.css @@ -21,7 +21,7 @@ * * @author Liang Ding * @author Liyuan Li - * @version 1.1.0.0, Sep 21, 2017 + * @version 1.1.0.1, Jan 2, 2019 */ body, button, input, select, textarea { @@ -63,8 +63,9 @@ h4, h5, h6 { font-size: 1.1em; } -.code-highlight { - +.article-content .task-list-item { + list-style: none; + margin-left: -1em; } .article-content img { diff --git a/Bruce/css/Bruce.min.css b/Bruce/css/Bruce.min.css index 4dd8c02..de51fad 100644 --- a/Bruce/css/Bruce.min.css +++ b/Bruce/css/Bruce.min.css @@ -15,4 +15,4 @@ * You should have received a copy of the GNU Affero General Public License * along with this program. If not, see . */ -@charset "utf-8";.article-date,.article-tags,.article-title,.footer{text-align:center}.footer,.header{background-color:#f9f9f9}body,button,input,select,textarea{font:400 1em/1.8 Avenir,Microsoft Yahei,Hiragino Sans GB,Microsoft Sans Serif,WenQuanYi Micro Hei,sans-serif;letter-spacing:.01rem}.site{padding:0 2em;margin:0 auto;font-size:16px}h4,h5,h6{font-weight:700}.article{margin-bottom:90px}.article-tags{font-size:14px}.article-date{font-size:12px;margin-top:6px;margin-bottom:12px}.article-content{font-size:1.1em}.article-content img{max-width:100%}.header{border-bottom:1px solid #ddd;margin-bottom:20px}.nav-item{position:relative;display:inline-block;padding:10px;font-weight:500}.nav-item .page-icon{float:left;height:14px;width:14px;margin:2px 3px 0 0}.comment{margin-bottom:32px}.comment p{margin-bottom:0}#captcha,#captchaReply,#emotions span,#emotionsReply span,.form-control{margin-top:15px}.cmtFromSym{font-size:12px;color:#ccc;margin-bottom:1em}.cmtForm{margin-top:24px}.gray{color:#ccc}.em00,.em01,.em02,.em03,.em04,.em05,.em06,.em07,.em08,.em09,.em10,.em11,.em12,.em13,.em14{cursor:pointer;background-image:url(../../../images/emotions/emotions.png);background-size:120px;float:left;height:24px;margin-right:5px;width:24px;transition:all .2s ease-out;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out}#emotions span:hover{transform:scale(1.2) rotate(360deg);-webkit-transform:scale(1.2) rotate(360deg);-moz-transform:scale(1.2) rotate(360deg)}.em01{background-position:-24px 0}.em02{background-position:-48px 0}.em03{background-position:-72px 0}.em04{background-position:-96px 1px}.em05{background-position:0 -24px}.em06{background-position:-24px -24px}.em07{background-position:-48px -24px}.em08{background-position:-72px -24px}.em09{background-position:-96px -24px}.em10{background-position:0 -48px}.em11{background-position:-24px -48px}.em12{background-position:-48px -48px}.em13{background-position:-72px -48px}.em14{background-position:-96px -48px}.footer{padding:40px 0;margin-top:20px;color:#999;border-top:1px solid #e5e5e5}.article-relative{margin-top:48px}.right{float:right} \ No newline at end of file +@charset "utf-8";.article-date,.article-tags,.article-title,.footer{text-align:center}.footer,.header{background-color:#f9f9f9}body,button,input,select,textarea{font:400 1em/1.8 Avenir,Microsoft Yahei,Hiragino Sans GB,Microsoft Sans Serif,WenQuanYi Micro Hei,sans-serif;letter-spacing:.01rem}.site{padding:0 2em;margin:0 auto;font-size:16px}h4,h5,h6{font-weight:700}.article{margin-bottom:90px}.article-tags{font-size:14px}.article-date{font-size:12px;margin-top:6px;margin-bottom:12px}.article-content{font-size:1.1em}.article-content .task-list-item{list-style:none;margin-left:-1em}.article-content img{max-width:100%}.header{border-bottom:1px solid #ddd;margin-bottom:20px}.nav-item{position:relative;display:inline-block;padding:10px;font-weight:500}.nav-item .page-icon{float:left;height:14px;width:14px;margin:2px 3px 0 0}.comment{margin-bottom:32px}.comment p{margin-bottom:0}#captcha,#captchaReply,#emotions span,#emotionsReply span,.form-control{margin-top:15px}.cmtFromSym{font-size:12px;color:#ccc;margin-bottom:1em}.cmtForm{margin-top:24px}.gray{color:#ccc}.em00,.em01,.em02,.em03,.em04,.em05,.em06,.em07,.em08,.em09,.em10,.em11,.em12,.em13,.em14{cursor:pointer;background-image:url(../../../images/emotions/emotions.png);background-size:120px;float:left;height:24px;margin-right:5px;width:24px;transition:all .2s ease-out;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out}#emotions span:hover{transform:scale(1.2) rotate(360deg);-webkit-transform:scale(1.2) rotate(360deg);-moz-transform:scale(1.2) rotate(360deg)}.em01{background-position:-24px 0}.em02{background-position:-48px 0}.em03{background-position:-72px 0}.em04{background-position:-96px 1px}.em05{background-position:0 -24px}.em06{background-position:-24px -24px}.em07{background-position:-48px -24px}.em08{background-position:-72px -24px}.em09{background-position:-96px -24px}.em10{background-position:0 -48px}.em11{background-position:-24px -48px}.em12{background-position:-48px -48px}.em13{background-position:-72px -48px}.em14{background-position:-96px -48px}.footer{padding:40px 0;margin-top:20px;color:#999;border-top:1px solid #e5e5e5}.article-relative{margin-top:48px}.right{float:right} \ No newline at end of file diff --git a/Finding/css/Finding.css b/Finding/css/Finding.css index dcc24f1..38c715c 100644 --- a/Finding/css/Finding.css +++ b/Finding/css/Finding.css @@ -21,7 +21,7 @@ * * @author Liyuan Li * @author Liang Ding - * @version 1.2.0.1, Sep 21, 2017 + * @version 1.3.0.0, Jan 2, 2019 */ /* start reset */ html { @@ -220,6 +220,161 @@ pre code, pre tt { } /* end reset */ +/* start article-body */ +.article-body { + word-wrap: break-word; + overflow: auto; + line-height: 1.65; + font-size: 16px; + word-break: break-word; +} + +.article-body ul, +.article-body ol { + padding-left: 2em; + margin-top: 0; + margin-bottom: 16px; +} + +.article-body li { + margin-top: 0.25em; +} + +.article-body img { + cursor: zoom-in; +} + +.article-body img.emoji { + cursor: auto; + max-width: 18px; +} + +.article-body h1, +.article-body h2, +.article-body h3, +.article-body h4, +.article-body h5, +.article-body h6 { + margin-top: 24px; + margin-bottom: 16px; + font-weight: 600; + line-height: 1.25; +} + +.article-body h1 { + padding-bottom: 0.3em; + font-size: 1.7em; + border-bottom: 1px solid #eee; +} + +.article-body h2 { + padding-bottom: 0.3em; + font-size: 1.5em; + border-bottom: 1px solid #eee; +} + +.article-body h3 { + font-size: 1.25em; +} + +.article-body h4 { + font-size: 1em; +} + +.article-body h5 { + font-size: 0.875em; +} + +.article-body h6 { + font-size: 0.85em; +} + +.article-body hr { + height: 0.15em; + padding: 0; + margin: 24px 0; + background-color: #e7e7e7; + border: 0; +} + +.article-body p { + margin-top: 0; + margin-bottom: 16px; +} + +.article-body blockquote { + padding: 0 1em; + color: #777; + border-left: 0.25em solid #ddd; + margin-bottom: 16px; +} + +.article-body blockquote p { + margin: 0; +} + +.article-body ins > iframe { + border: 0; +} + +.article-body iframe { + border: 1px solid rgba(0, 0, 0, 0.38); +} + +.article-body table { + width: 100%; + border: 1px solid #dedede; + margin: 15px auto; + border-collapse: collapse; + empty-cells: show; +} + +.article-body thead { + text-align: center; +} + +.article-body td, +.article-body th { + height: 35px; + border: 1px solid #dedede; + padding: 0 10px; +} + +.article-body th { + font-weight: bold; + text-align: center !important; + background: rgba(158, 188, 226, 0.2); +} + +.article-body tbody tr:nth-child(2n) { + background: rgba(158, 188, 226, 0.12); +} + +.article-body tr:hover { + background: #efefef; +} + +.article-body kbd { + display: inline-block; + padding: 3px 5px; + font: 11px Consolas, "Liberation Mono", Menlo, Courier, monospace; + line-height: 10px; + color: #555; + vertical-align: middle; + background-color: #fcfcfc; + border: solid 1px rgba(0, 0, 0, 0.38); + border-bottom-color: #bbb; + border-radius: 3px; + box-shadow: inset 0 -1px 0 #bbb; +} + +.article-body__task, +.article-body .task-list-item { + list-style: none; + margin-left: -1em; +} +/* end article-body */ + /* start function */ .fn-clear:before, .fn-clear:after { diff --git a/Finding/css/Finding.min.css b/Finding/css/Finding.min.css index afd69b3..12d8d69 100644 --- a/Finding/css/Finding.min.css +++ b/Finding/css/Finding.min.css @@ -15,4 +15,4 @@ * You should have received a copy of the GNU Affero General Public License * along with this program. If not, see . */ -@charset "utf-8";body,html{height:100%;max-height:100%}body,dl,h1,h2,h3,h4,h5,h6,ol,p,ul{text-rendering:geometricPrecision}.nav li a,dl dt{text-overflow:ellipsis}dl dd,dl dt{margin-bottom:1em}body,li li{margin:0}blockquote cite,dl dt{font-weight:700}dl,ol,p,pre,ul{margin:0 0 1.75em}.fn-left,dl dt{float:left}html{font-size:62.5%;-webkit-tap-highlight-color:transparent}body{font-family:Merriweather,"Microsoft Yahei",Helvetica;letter-spacing:.01rem;font-size:1.8rem;line-height:1.75em;color:#3A4145;-webkit-font-feature-settings:'kern' 1;-moz-font-feature-settings:'kern' 1;-o-font-feature-settings:'kern' 1}::-moz-selection{background:#D6EDFF}::selection{background:#D6EDFF}a{color:#4A4A4A;transition:color .3s ease}a:hover{color:#111}h1,h2,h3,h4,h5,h6{-webkit-font-feature-settings:'dlig' 1,'liga' 1,'lnum' 1,'kern' 1;-moz-font-feature-settings:'dlig' 1,'liga' 1,'lnum' 1,'kern' 1;-o-font-feature-settings:'dlig' 1,'liga' 1,'lnum' 1,'kern' 1;color:#2E2E2E;line-height:1.15em;font-family:"Open Sans","Microsoft Yahei",Helvetica}code,pre,tt{font-family:Inconsolata,monospace,"Microsoft Yahei",Helvetica;background:#F7FAFB}h1{font-size:5rem;letter-spacing:-2px;text-indent:-3px}.page-title a,h2{letter-spacing:-1px}h2{font-size:3.6rem}h3{font-size:3rem}h4{font-size:2.5rem}h5,h6{font-size:2rem}img{max-width:100%;height:auto}dl,ol,p,ul{-webkit-font-feature-settings:'liga' 1,'onum' 1,'kern' 1;-moz-font-feature-settings:'liga' 1,'onum' 1,'kern' 1;-o-font-feature-settings:'liga' 1,'onum' 1,'kern' 1}ol,ul{padding-left:3rem}ol ol,ol ul,ul ol,ul ul{padding-left:2em;margin-bottom:0}dl dt{width:180px;overflow:hidden;clear:left;text-align:right;white-space:nowrap}dl dd{margin-left:200px}hr{display:block;height:1px;border:0;border-top:#EFEFEF 1px solid;margin:3.2em 0;padding:0}blockquote{-moz-box-sizing:border-box;box-sizing:border-box;margin:1.75em 0;padding:0 0 0 1.75em;border-left:#4A4A4A .4em solid}blockquote p{margin:.8em 0;font-style:italic}blockquote small{display:inline-block;margin:.8em 0 .8em 1.5em;font-size:.9em;color:#CCC}blockquote small:before{content:"\2014 \00A0"}blockquote cite a{font-weight:400}mark{background-color:#fdffb6}code,tt{padding:1px 3px;font-size:.85em;white-space:pre-wrap;border:1px solid #E3EDF3;border-radius:2px}pre{-moz-box-sizing:border-box;box-sizing:border-box;border:1px solid #E3EDF3;width:100%;padding:10px;font-size:.9em;white-space:pre;overflow:auto;border-radius:3px}pre code,pre tt{font-size:inherit;white-space:pre-wrap;background:0 0;border:none;padding:0}.fn-clear:after,.fn-clear:before{display:table;content:""}.fn-clear:after{clear:both}.fn-right{float:right}.fn-none{display:none}.fn-vertical{display:table-cell;vertical-align:middle}.fn-wrap{width:80%;max-width:768px;margin:0 auto}@-webkit-keyframes fade-in-down{0%{opacity:0;-webkit-transform:translateY(-10px);transform:translateY(-10px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fade-in-down{0%{opacity:0;-webkit-transform:translateY(-10px);transform:translateY(-10px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes bounce{0%,10%,25%,40%,50%{-webkit-transform:translateY(0);transform:translateY(0)}20%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}30%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}}@keyframes bounce{0%,100%,20%,50%,80%{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}60%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}}@-webkit-keyframes upbounce{0%,10%,25%,40%,50%{-webkit-transform:translateY(0);transform:translateY(0)}20%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}30%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}}@keyframes upbounce{0%,100%,20%,50%,80%{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}60%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}}@font-face{font-family:icomoon;src:url(fonts/icomoon.eot?v=1);src:url(fonts/icomoon.eot?v=1#iefix) format("embedded-opentype"),url(fonts/icomoon.woff?v=1) format("woff"),url(fonts/icomoon.ttf?v=1) format("truetype"),url(fonts/icomoon.svg?v=1#icons) format("svg");font-weight:400;font-style:normal}[class*=" icon-"]:before,[class^=icon-]:before{font-size:2rem;font-family:icomoon,"Open Sans","Microsoft Yahei",Helvetica;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;text-decoration:none!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.menu-button,.nav a,.page-title a,.post-meta a,.post-title a,.scroll-down{text-decoration:none}.icon-sitemap:before{content:"\e900"}.icon-list:before{content:"\e901"}.icon-arrow-left:before{content:"\f605";font-size:3.5rem}.icon-menu:before{content:"\f609"}.main-header .icon-menu:before{vertical-align:-4px}.icon-login:before{content:"\e611"}.icon-logout:before{content:"\e601"}.icon-setting:before{content:"\e602"}.icon-register:before{content:"\e600"}.avatar{border-radius:100%;float:left;height:24px;margin-right:9px;width:24px}.avatar-warp{width:10%;padding-right:10px;box-sizing:border-box}.avatar-48{box-shadow:0 0 2px #ddd;height:auto;width:48px;margin-right:10px;border-radius:24px}.form{width:100%;margin-top:50px}.form button,.form input,.form textarea{border:1px solid #CCC;background-color:#FAFAFA;border-radius:3px;box-shadow:0 1px 2px rgba(0,0,0,.075) inset;padding:7px 8px;width:100%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;font-family:"Microsoft Yahei",Helvetica;outline:0}.form button{width:auto;vertical-align:bottom}.form input:focus,.form textarea:focus{background-color:#FFF;box-shadow:0 1px 2px rgba(0,0,0,.075) inset,0 0 5px rgba(81,167,232,.5);border:1px solid #51A7E8}.error-msg{font-size:1.5rem;color:#9EABB3}.cmtFromSym{font-size:1rem;color:#9EABB3}.em00,.em01,.em02,.em03,.em04,.em05,.em06,.em07,.em08,.em09,.em10,.em11,.em12,.em13,.em14{cursor:pointer;background-image:url(../../../images/emotions/emotions.png);background-size:120px;float:left;height:24px;margin-right:5px;width:24px;transition:all .2s ease-out;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out}#emotions span:hover{transform:scale(1.2) rotate(360deg);-webkit-transform:scale(1.2) rotate(360deg);-moz-transform:scale(1.2) rotate(360deg)}.em01{background-position:-24px 0}.em02{background-position:-48px 0}.em03{background-position:-72px 0}.em04{background-position:-96px 0}.em05{background-position:0 -24px}.em06{background-position:-24px -24px}.em07{background-position:-48px -24px}.em08{background-position:-72px -24px}.em09{background-position:-96px -24px}.em10{background-position:0 -48px}.em11{background-position:-24px -48px}.em12{background-position:-48px -48px}.em13{background-position:-72px -48px}.em14{background-position:-96px -48px}.main-header{position:relative;display:table;width:100%;height:100vh;margin-bottom:5rem;text-align:center;background:url(../images/header-bg.jpg) center center no-repeat #222;background-size:cover;overflow:hidden;min-height:50vh}.site-wrapper{position:relative;z-index:10;min-height:100%;background:#fff;-webkit-transition:-webkit-transform .5s ease;transition:transform .5s ease}.nav-opened .site-wrapper{overflow-x:hidden;-webkit-transform:translate3D(-240px,0,0);-ms-transform:translate3D(-240px,0,0);transform:translate3D(-240px,0,0);-webkit-transition:-webkit-transform .3s ease;transition:transform .3s ease}.page-title a{-webkit-animation:fade-in-down .6s;animation:fade-in-down .6s;-webkit-animation-delay:.2s;animation-delay:.2s;margin:10px 0;font-size:5rem;font-weight:700;font-family:"Open Sans","Microsoft Yahei",Helvetica;color:#fff;text-shadow:0 0 3px rgba(0,0,0,.9)}.page-description,.page-description a{-webkit-animation:fade-in-down .9s;animation:fade-in-down .9s;-webkit-animation-delay:.1s;animation-delay:.1s;margin:0;font-size:2rem;line-height:1.5em;font-weight:400;letter-spacing:.01rem;color:rgba(255,255,255,.8)}.scroll-down{display:block;position:absolute;z-index:100;bottom:45px;left:50%;margin-left:-16px;width:34px;height:34px;font-size:34px;text-align:center;color:rgba(255,255,255,.7);-webkit-animation:bounce 4s 2s infinite;animation:bounce 4s 2s infinite}.scroll-down:hover{color:#fff;-webkit-animation:none;animation:none}.menu-button{position:fixed;box-sizing:border-box;display:inline-block;float:right;height:38px;padding:0 15px;opacity:1;font-size:12px;text-transform:uppercase;line-height:46px;border-radius:3px;transition:all .5s ease;right:20px;top:40px;font-family:'Open Sans',"Microsoft Yahei",Helvetica;z-index:30;overflow:hidden;background-color:#111;border:1px solid #111;color:#fff;cursor:pointer}.pagination,.post-meta,.read-next-story .post:before,.site-footer{font-family:"Open Sans","Microsoft Yahei",Helvetica}.menu-button:hover{background:#fff}.menu-button:focus{outline:0}.nav-closed .menu-button:hover{color:#222}.nav-opened .menu-button{padding:0 12px;background:#111;border-color:#111;color:#fff;-webkit-transform:translate3D(50px,0,0);-ms-transform:translate3D(50px,0,0);transform:translate3D(50px,0,0);transition:all .3s ease;right:287px;z-index:10;width:46px;border-radius:3px 0 0 3px}.menu-button .word{float:right;margin:-4px 0 0 10px}.nav{position:fixed;top:0;right:0;bottom:0;z-index:5;width:220px;padding:10px 10px 0;opacity:0;background:#111;margin-bottom:0;text-align:left;overflow-y:auto;color:#FFF;-webkit-transition:-webkit-transform .5s ease,opacity .3s ease .7s;transition:transform .5s ease,opacity .3s ease .7s;overflow-x:hidden}.nav ul{margin:0;padding:0 0 5%;list-style:none;counter-reset:item}.nav li{height:30px;line-height:1.4rem}.nav li:before{display:block;float:right;padding-right:4%;padding-left:5px;text-align:right;font-size:1.2rem;vertical-align:bottom;color:#B8B8B8;content:counter(item,lower-roman);counter-increment:item;line-height:2.5rem}.nav a{color:#989898;line-height:1.4;font-size:1.4rem}.nav a.current,.nav a:hover{color:#FFF}.nav li a{display:block;padding:.6rem 4%;overflow:hidden;white-space:nowrap}.nav li a:after{display:inline-block;content:" .......................................................";color:rgba(255,255,255,.2);margin-left:5px}.nav .count{position:absolute;bottom:10px;font-size:1rem;width:100%;word-wrap:normal;word-break:break-all;white-space:nowrap}.nav .b3-solo-list li.current a{color:#fff}.nav .page-icon{float:left;height:14px;width:14px;margin:3px 4px 0 0}body.nav-closed .nav{-webkit-transform:translate3D(97px,0,0);-ms-transform:translate3D(97px,0,0);transform:translate3D(97px,0,0)}body.nav-opened .nav{opacity:1;-webkit-transition:-webkit-transform .3s ease,opacity 0s ease 0s;transition:transform .3s ease,opacity 0s ease 0s;-webkit-transform:translate3D(0,0,0);-ms-transform:translate3D(0,0,0);transform:translate3D(0,0,0)}article.post{position:relative;margin:4rem auto;padding-bottom:4rem;border-bottom:#EBF2F6 1px solid;word-wrap:break-word;width:80%}article.post:after{display:block;content:"";width:7px;height:7px;border:1px solid #E7EEF2;position:absolute;bottom:-5px;left:50%;margin-left:-5px;background:#FFF;border-radius:100%;box-shadow:#FFF 0 0 0 5px}.post-meta time,.post-tip{display:inline-block;white-space:nowrap;text-transform:uppercase}.post-tip{font-size:1.3rem;color:#9EABB3}.post-excerpt p{margin:0;font-size:.9em;line-height:1.7em}.post-meta{color:#9eabb3;font-size:1.5rem;line-height:2.2rem;margin:1.75rem 0 0}.post-meta a{color:#9EABB3}.post-meta a:hover{text-decoration:underline}#tags li a,.dynamic a,.icon-gotop,.pagination a,.read-next-story,.site-footer a{text-decoration:none}.post-meta time{border-left:1px solid #d5dbde;font-size:1.3rem;margin-left:8px;padding-left:12px}.post-author{box-sizing:border-box;display:block;position:absolute;bottom:-57px;left:50%;margin-left:-40px;width:80px;height:80px;border-radius:100%;overflow:hidden;padding:6px;background:#fff;z-index:2;box-shadow:#E7EEF2 0 0 0 1px}.post-author a{background-size:cover;background-position:center center;width:68px;height:68px;display:block;border-radius:35px}.share .icon{cursor:pointer;transition:all .2s ease-out 0s;display:inline-block;font-size:16px;margin-top:15px}.share .icon:hover{transform:rotate(360deg);color:#9EABB3}.icon-weibo:before{content:"\e605"}.icon-twitter:before{content:"\e60b"}.icon-tencent:before{content:"\e60d"}.icon-google:before{content:"\e603"}.icon-gotop:before{content:"\E60A";font-weight:700}.icon-gotop{cursor:pointer;position:fixed;bottom:30px;right:30px;-webkit-animation:upbounce 4s 2s infinite;animation:upbounce 4s 2s infinite;z-index:10}.icon-gotop:hover{color:#B8B8B8;-webkit-animation:none;animation:none}.pagination{font-size:1.3rem;color:#9eabb3;text-align:center}.pagination a{color:#9EABB3;transition:all .2s ease;padding:0 15px;border:1px solid #bfc8cd;display:inline-block;border-radius:4px}.pagination a:hover{border-color:#98a0a4;color:#889093}ul.comments{padding:0;list-style:none;margin-top:100px;position:relative}.comments li{padding:10px;white-space:normal;word-wrap:break-word;position:relative;border-bottom:#EBF2F6 1px solid}.comments li:hover{background-color:#F7F7F7}.comments li img{vertical-align:sub}.comments .comment-content{margin:8px 0 0}.comments li.comment-body-ref{position:absolute;z-index:10;background-color:#EBF2F6;border:1px solid #d5dbde;width:86%;left:69px}.comments .post-meta{margin-top:0}#captcha,#captchaReply{height:27px;display:inline-block;vertical-align:inherit}.read-next{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:stretch;-webkit-align-items:stretch;-ms-flex-align:stretch;align-items:stretch;margin-top:10rem}.read-next-story{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;min-width:50%;position:relative;text-align:center;color:#fff;background:center center no-repeat #222;background-size:cover;overflow:hidden}.read-next-story a{color:#BBB}.read-next-story a:hover{color:#FFF}.read-next-story:hover:before{background:rgba(0,0,0,.8);transition:all .2s ease}.read-next-story:hover .post:before{color:#222;background:#fff;transition:all .2s ease}.read-next-story:before{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.7);transition:all .5s ease}.read-next-story .post{padding-top:6rem;padding-bottom:6rem;width:80%;position:relative;margin:0 auto}.read-next-story .post:before{content:"Read This Next";padding:4px 10px 5px;text-transform:uppercase;font-size:1.1rem;color:rgba(255,255,255,.8);border:1px solid rgba(255,255,255,.5);border-radius:4px;transition:all .5s ease}.read-next-story.prev .post:before{content:"Read This Before"}.read-next-story h2{margin-top:1rem;color:#fff}.read-next-story p{margin:0;color:rgba(255,255,255,.8)}.read-next+.site-footer{position:absolute;bottom:0;left:0;right:0;margin:0}#tags{padding:0}#tags li{list-style:none;float:left}#tags li a{border:1px solid #4A4A4A;display:inline-block;padding:10px;margin:1rem;border-radius:5px}#tags li a:hover{border:1px solid #FFF;color:#FFF;background-color:#4A4A4A}.dynamic .read-next-story>div{position:relative;width:60%;margin:50px auto;text-align:left}.dynamic a{margin:0;color:rgba(255,255,255,.8)}.dynamic a:hover{color:rgba(255,255,255,.5)}.site-footer{position:relative;margin:8rem 0 0;padding:1rem 15px;font-size:1rem;line-height:1.75em;color:#BBC7CC}.site-footer a{color:#BBC7CC;font-weight:700}.site-footer a:hover{text-decoration:underline}@media only screen and (max-width:900px){blockquote{margin-left:0}.main-header{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;min-height:240px;height:60vh;padding:15% 0}.scroll-down{display:none}.page-title,.page-title a{font-size:4rem;letter-spacing:-1px}.page-description,.page-description a{font-size:1.8rem;line-height:1.5em}.post{font-size:.95em}hr{margin:2.4em 0}ol,ul{padding-left:2em}h1{font-size:4.5rem;text-indent:-2px}h2{font-size:3.6rem}h3{font-size:3.1rem}h4{font-size:2.5rem}h5{font-size:2.2rem}h6{font-size:1.8rem}.read-next{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;margin-top:4rem}}@media only screen and (max-width:500px){.main-header{margin-bottom:15px;height:40vh}.pagination{width:auto;margin:2rem auto}.post{width:auto;padding-bottom:2rem;line-height:1.65em;margin:2rem 16px}hr{margin:1.75em 0}dl,ol,p,ul{font-size:.95em;margin:0 0 2.5rem}.page-title,.page-title a{font-size:3rem}.post-excerpt p{font-size:.85em}.page-description,.page-description a{font-size:1.6rem}h1,h2,h3,h4,h5,h6{margin:0 0 .3em}h1{font-size:2.8rem;letter-spacing:-1px}h2{font-size:2.4rem;letter-spacing:0}h3{font-size:2.1rem}h4{font-size:1.9rem}h5,h6{font-size:1.8rem}.post-content img{padding:0;width:calc(100% + 32px);min-width:0;max-width:112%}.post-meta{font-size:1.3rem;margin-top:1rem}.site-footer{margin-top:3rem}.read-next{margin-top:2rem;margin-bottom:-37px}.read-next .post{width:100%}.menu-button{border:0;top:0;right:0}.nav-closed .menu-button:hover{color:#FFF;background-color:transparent}.post-author{width:40px;height:40px;bottom:-37px;padding:3px;margin-left:-20px}.post-author a{width:34px;height:34px;display:block;border-radius:17px}.nav .count{line-height:1.5rem}#tags li a{padding:0 5px}} \ No newline at end of file +@charset "utf-8";body,html{height:100%;max-height:100%}body,dl,h1,h2,h3,h4,h5,h6,ol,p,ul{text-rendering:geometricPrecision}.nav li a,dl dt{text-overflow:ellipsis}dl dd,dl dt{margin-bottom:1em}body,li li{margin:0}blockquote cite,dl dt{font-weight:700}dl,ol,p,pre,ul{margin:0 0 1.75em}#tags li,.nav ul,ul.comments{list-style:none}.fn-left,dl dt{float:left}html{font-size:62.5%;-webkit-tap-highlight-color:transparent}body{font-family:Merriweather,"Microsoft Yahei",Helvetica;letter-spacing:.01rem;font-size:1.8rem;line-height:1.75em;color:#3A4145;-webkit-font-feature-settings:'kern' 1;-moz-font-feature-settings:'kern' 1;-o-font-feature-settings:'kern' 1}::-moz-selection{background:#D6EDFF}::selection{background:#D6EDFF}a{color:#4A4A4A;transition:color .3s ease}a:hover{color:#111}h1,h2,h3,h4,h5,h6{-webkit-font-feature-settings:'dlig' 1,'liga' 1,'lnum' 1,'kern' 1;-moz-font-feature-settings:'dlig' 1,'liga' 1,'lnum' 1,'kern' 1;-o-font-feature-settings:'dlig' 1,'liga' 1,'lnum' 1,'kern' 1;color:#2E2E2E;line-height:1.15em;font-family:"Open Sans","Microsoft Yahei",Helvetica}code,pre,tt{font-family:Inconsolata,monospace,"Microsoft Yahei",Helvetica;background:#F7FAFB}h1{font-size:5rem;letter-spacing:-2px;text-indent:-3px}.page-title a,h2{letter-spacing:-1px}h2{font-size:3.6rem}h3{font-size:3rem}h4{font-size:2.5rem}h5,h6{font-size:2rem}img{max-width:100%;height:auto}dl,ol,p,ul{-webkit-font-feature-settings:'liga' 1,'onum' 1,'kern' 1;-moz-font-feature-settings:'liga' 1,'onum' 1,'kern' 1;-o-font-feature-settings:'liga' 1,'onum' 1,'kern' 1}ol,ul{padding-left:3rem}ol ol,ol ul,ul ol,ul ul{padding-left:2em;margin-bottom:0}dl dt{width:180px;overflow:hidden;clear:left;text-align:right;white-space:nowrap}dl dd{margin-left:200px}hr{display:block;height:1px;border:0;border-top:#EFEFEF 1px solid;margin:3.2em 0;padding:0}blockquote{-moz-box-sizing:border-box;box-sizing:border-box;margin:1.75em 0;padding:0 0 0 1.75em;border-left:#4A4A4A .4em solid}blockquote p{margin:.8em 0;font-style:italic}blockquote small{display:inline-block;margin:.8em 0 .8em 1.5em;font-size:.9em;color:#CCC}blockquote small:before{content:"\2014 \00A0"}blockquote cite a{font-weight:400}mark{background-color:#fdffb6}code,tt{padding:1px 3px;font-size:.85em;white-space:pre-wrap;border:1px solid #E3EDF3;border-radius:2px}pre{-moz-box-sizing:border-box;box-sizing:border-box;border:1px solid #E3EDF3;width:100%;padding:10px;font-size:.9em;white-space:pre;overflow:auto;border-radius:3px}pre code,pre tt{font-size:inherit;white-space:pre-wrap;background:0 0;border:none;padding:0}.article-body h1,.article-body h2{padding-bottom:.3em;border-bottom:1px solid #eee}.article-body{word-wrap:break-word;overflow:auto;line-height:1.65;font-size:16px;word-break:break-word}.article-body ol,.article-body ul{padding-left:2em;margin-top:0;margin-bottom:16px}.article-body li{margin-top:.25em}.article-body img{cursor:zoom-in}.article-body img.emoji{cursor:auto;max-width:18px}.article-body h1,.article-body h2,.article-body h3,.article-body h4,.article-body h5,.article-body h6{margin-top:24px;margin-bottom:16px;font-weight:600;line-height:1.25}.article-body h1{font-size:1.7em}.article-body h2{font-size:1.5em}.article-body h3{font-size:1.25em}.article-body h4{font-size:1em}.article-body h5{font-size:.875em}.article-body h6{font-size:.85em}.article-body hr{height:.15em;padding:0;margin:24px 0;background-color:#e7e7e7;border:0}.article-body p{margin-top:0;margin-bottom:16px}.article-body blockquote{padding:0 1em;color:#777;border-left:.25em solid #ddd;margin-bottom:16px}.article-body blockquote p{margin:0}.article-body ins>iframe{border:0}.article-body iframe{border:1px solid rgba(0,0,0,.38)}.article-body table{width:100%;border:1px solid #dedede;margin:15px auto;border-collapse:collapse;empty-cells:show}.article-body thead{text-align:center}.article-body td,.article-body th{height:35px;border:1px solid #dedede;padding:0 10px}.article-body th{font-weight:700;text-align:center!important;background:rgba(158,188,226,.2)}.article-body tbody tr:nth-child(2n){background:rgba(158,188,226,.12)}.article-body tr:hover{background:#efefef}.article-body kbd{display:inline-block;padding:3px 5px;font:11px Consolas,"Liberation Mono",Menlo,Courier,monospace;line-height:10px;color:#555;vertical-align:middle;background-color:#fcfcfc;border:1px solid rgba(0,0,0,.38);border-bottom-color:#bbb;border-radius:3px;box-shadow:inset 0 -1px 0 #bbb}.article-body .task-list-item,.article-body__task{list-style:none;margin-left:-1em}.fn-clear:after,.fn-clear:before{display:table;content:""}.fn-clear:after{clear:both}.fn-right{float:right}.fn-none{display:none}.fn-vertical{display:table-cell;vertical-align:middle}.fn-wrap{width:80%;max-width:768px;margin:0 auto}@-webkit-keyframes fade-in-down{0%{opacity:0;-webkit-transform:translateY(-10px);transform:translateY(-10px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fade-in-down{0%{opacity:0;-webkit-transform:translateY(-10px);transform:translateY(-10px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes bounce{0%,10%,25%,40%,50%{-webkit-transform:translateY(0);transform:translateY(0)}20%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}30%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}}@keyframes bounce{0%,100%,20%,50%,80%{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}60%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}}@-webkit-keyframes upbounce{0%,10%,25%,40%,50%{-webkit-transform:translateY(0);transform:translateY(0)}20%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}30%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}}@keyframes upbounce{0%,100%,20%,50%,80%{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}60%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}}@font-face{font-family:icomoon;src:url(fonts/icomoon.eot?v=1);src:url(fonts/icomoon.eot?v=1#iefix) format("embedded-opentype"),url(fonts/icomoon.woff?v=1) format("woff"),url(fonts/icomoon.ttf?v=1) format("truetype"),url(fonts/icomoon.svg?v=1#icons) format("svg");font-weight:400;font-style:normal}[class*=" icon-"]:before,[class^=icon-]:before{font-size:2rem;font-family:icomoon,"Open Sans","Microsoft Yahei",Helvetica;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;text-decoration:none!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.menu-button,.nav a,.page-title a,.post-meta a,.post-title a,.scroll-down{text-decoration:none}.icon-sitemap:before{content:"\e900"}.icon-list:before{content:"\e901"}.icon-arrow-left:before{content:"\f605";font-size:3.5rem}.icon-menu:before{content:"\f609"}.main-header .icon-menu:before{vertical-align:-4px}.icon-login:before{content:"\e611"}.icon-logout:before{content:"\e601"}.icon-setting:before{content:"\e602"}.icon-register:before{content:"\e600"}.avatar{border-radius:100%;float:left;height:24px;margin-right:9px;width:24px}.avatar-warp{width:10%;padding-right:10px;box-sizing:border-box}.avatar-48{box-shadow:0 0 2px #ddd;height:auto;width:48px;margin-right:10px;border-radius:24px}.form{width:100%;margin-top:50px}.form button,.form input,.form textarea{border:1px solid #CCC;background-color:#FAFAFA;border-radius:3px;box-shadow:0 1px 2px rgba(0,0,0,.075) inset;padding:7px 8px;width:100%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;font-family:"Microsoft Yahei",Helvetica;outline:0}.form button{width:auto;vertical-align:bottom}.form input:focus,.form textarea:focus{background-color:#FFF;box-shadow:0 1px 2px rgba(0,0,0,.075) inset,0 0 5px rgba(81,167,232,.5);border:1px solid #51A7E8}.error-msg{font-size:1.5rem;color:#9EABB3}.cmtFromSym{font-size:1rem;color:#9EABB3}.em00,.em01,.em02,.em03,.em04,.em05,.em06,.em07,.em08,.em09,.em10,.em11,.em12,.em13,.em14{cursor:pointer;background-image:url(../../../images/emotions/emotions.png);background-size:120px;float:left;height:24px;margin-right:5px;width:24px;transition:all .2s ease-out;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out}#emotions span:hover{transform:scale(1.2) rotate(360deg);-webkit-transform:scale(1.2) rotate(360deg);-moz-transform:scale(1.2) rotate(360deg)}.em01{background-position:-24px 0}.em02{background-position:-48px 0}.em03{background-position:-72px 0}.em04{background-position:-96px 0}.em05{background-position:0 -24px}.em06{background-position:-24px -24px}.em07{background-position:-48px -24px}.em08{background-position:-72px -24px}.em09{background-position:-96px -24px}.em10{background-position:0 -48px}.em11{background-position:-24px -48px}.em12{background-position:-48px -48px}.em13{background-position:-72px -48px}.em14{background-position:-96px -48px}.main-header{position:relative;display:table;width:100%;height:100vh;margin-bottom:5rem;text-align:center;background:url(../images/header-bg.jpg) center center no-repeat #222;background-size:cover;overflow:hidden;min-height:50vh}.site-wrapper{position:relative;z-index:10;min-height:100%;background:#fff;-webkit-transition:-webkit-transform .5s ease;transition:transform .5s ease}.nav-opened .site-wrapper{overflow-x:hidden;-webkit-transform:translate3D(-240px,0,0);-ms-transform:translate3D(-240px,0,0);transform:translate3D(-240px,0,0);-webkit-transition:-webkit-transform .3s ease;transition:transform .3s ease}.page-title a{-webkit-animation:fade-in-down .6s;animation:fade-in-down .6s;-webkit-animation-delay:.2s;animation-delay:.2s;margin:10px 0;font-size:5rem;font-weight:700;font-family:"Open Sans","Microsoft Yahei",Helvetica;color:#fff;text-shadow:0 0 3px rgba(0,0,0,.9)}.page-description,.page-description a{-webkit-animation:fade-in-down .9s;animation:fade-in-down .9s;-webkit-animation-delay:.1s;animation-delay:.1s;margin:0;font-size:2rem;line-height:1.5em;font-weight:400;letter-spacing:.01rem;color:rgba(255,255,255,.8)}.scroll-down{display:block;position:absolute;z-index:100;bottom:45px;left:50%;margin-left:-16px;width:34px;height:34px;font-size:34px;text-align:center;color:rgba(255,255,255,.7);-webkit-animation:bounce 4s 2s infinite;animation:bounce 4s 2s infinite}.scroll-down:hover{color:#fff;-webkit-animation:none;animation:none}.menu-button{position:fixed;box-sizing:border-box;display:inline-block;float:right;height:38px;padding:0 15px;opacity:1;font-size:12px;text-transform:uppercase;line-height:46px;border-radius:3px;transition:all .5s ease;right:20px;top:40px;font-family:'Open Sans',"Microsoft Yahei",Helvetica;z-index:30;overflow:hidden;background-color:#111;border:1px solid #111;color:#fff;cursor:pointer}.pagination,.post-meta,.read-next-story .post:before,.site-footer{font-family:"Open Sans","Microsoft Yahei",Helvetica}.menu-button:hover{background:#fff}.menu-button:focus{outline:0}.nav-closed .menu-button:hover{color:#222}.nav-opened .menu-button{padding:0 12px;background:#111;border-color:#111;color:#fff;-webkit-transform:translate3D(50px,0,0);-ms-transform:translate3D(50px,0,0);transform:translate3D(50px,0,0);transition:all .3s ease;right:287px;z-index:10;width:46px;border-radius:3px 0 0 3px}.menu-button .word{float:right;margin:-4px 0 0 10px}.nav{position:fixed;top:0;right:0;bottom:0;z-index:5;width:220px;padding:10px 10px 0;opacity:0;background:#111;margin-bottom:0;text-align:left;overflow-y:auto;color:#FFF;-webkit-transition:-webkit-transform .5s ease,opacity .3s ease .7s;transition:transform .5s ease,opacity .3s ease .7s;overflow-x:hidden}.nav ul{margin:0;padding:0 0 5%;counter-reset:item}.nav li{height:30px;line-height:1.4rem}.nav li:before{display:block;float:right;padding-right:4%;padding-left:5px;text-align:right;font-size:1.2rem;vertical-align:bottom;color:#B8B8B8;content:counter(item,lower-roman);counter-increment:item;line-height:2.5rem}.nav a{color:#989898;line-height:1.4;font-size:1.4rem}.nav a.current,.nav a:hover{color:#FFF}.nav li a{display:block;padding:.6rem 4%;overflow:hidden;white-space:nowrap}.nav li a:after{display:inline-block;content:" .......................................................";color:rgba(255,255,255,.2);margin-left:5px}.nav .count{position:absolute;bottom:10px;font-size:1rem;width:100%;word-wrap:normal;word-break:break-all;white-space:nowrap}.nav .b3-solo-list li.current a{color:#fff}.nav .page-icon{float:left;height:14px;width:14px;margin:3px 4px 0 0}body.nav-closed .nav{-webkit-transform:translate3D(97px,0,0);-ms-transform:translate3D(97px,0,0);transform:translate3D(97px,0,0)}body.nav-opened .nav{opacity:1;-webkit-transition:-webkit-transform .3s ease,opacity 0s ease 0s;transition:transform .3s ease,opacity 0s ease 0s;-webkit-transform:translate3D(0,0,0);-ms-transform:translate3D(0,0,0);transform:translate3D(0,0,0)}article.post{position:relative;margin:4rem auto;padding-bottom:4rem;border-bottom:#EBF2F6 1px solid;word-wrap:break-word;width:80%}article.post:after{display:block;content:"";width:7px;height:7px;border:1px solid #E7EEF2;position:absolute;bottom:-5px;left:50%;margin-left:-5px;background:#FFF;border-radius:100%;box-shadow:#FFF 0 0 0 5px}.post-meta time,.post-tip{display:inline-block;white-space:nowrap;text-transform:uppercase}.post-tip{font-size:1.3rem;color:#9EABB3}.post-excerpt p{margin:0;font-size:.9em;line-height:1.7em}.post-meta{color:#9eabb3;font-size:1.5rem;line-height:2.2rem;margin:1.75rem 0 0}.post-meta a{color:#9EABB3}.post-meta a:hover{text-decoration:underline}#tags li a,.dynamic a,.icon-gotop,.pagination a,.read-next-story,.site-footer a{text-decoration:none}.post-meta time{border-left:1px solid #d5dbde;font-size:1.3rem;margin-left:8px;padding-left:12px}.post-author{box-sizing:border-box;display:block;position:absolute;bottom:-57px;left:50%;margin-left:-40px;width:80px;height:80px;border-radius:100%;overflow:hidden;padding:6px;background:#fff;z-index:2;box-shadow:#E7EEF2 0 0 0 1px}.post-author a{background-size:cover;background-position:center center;width:68px;height:68px;display:block;border-radius:35px}.share .icon{cursor:pointer;transition:all .2s ease-out 0s;display:inline-block;font-size:16px;margin-top:15px}.share .icon:hover{transform:rotate(360deg);color:#9EABB3}.icon-weibo:before{content:"\e605"}.icon-twitter:before{content:"\e60b"}.icon-tencent:before{content:"\e60d"}.icon-google:before{content:"\e603"}.icon-gotop:before{content:"\E60A";font-weight:700}.icon-gotop{cursor:pointer;position:fixed;bottom:30px;right:30px;-webkit-animation:upbounce 4s 2s infinite;animation:upbounce 4s 2s infinite;z-index:10}.icon-gotop:hover{color:#B8B8B8;-webkit-animation:none;animation:none}.pagination{font-size:1.3rem;color:#9eabb3;text-align:center}.pagination a{color:#9EABB3;transition:all .2s ease;padding:0 15px;border:1px solid #bfc8cd;display:inline-block;border-radius:4px}.pagination a:hover{border-color:#98a0a4;color:#889093}ul.comments{padding:0;margin-top:100px;position:relative}.comments li{padding:10px;white-space:normal;word-wrap:break-word;position:relative;border-bottom:#EBF2F6 1px solid}.comments li:hover{background-color:#F7F7F7}.comments li img{vertical-align:sub}.comments .comment-content{margin:8px 0 0}.comments li.comment-body-ref{position:absolute;z-index:10;background-color:#EBF2F6;border:1px solid #d5dbde;width:86%;left:69px}.comments .post-meta{margin-top:0}#captcha,#captchaReply{height:27px;display:inline-block;vertical-align:inherit}.read-next{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:stretch;-webkit-align-items:stretch;-ms-flex-align:stretch;align-items:stretch;margin-top:10rem}.read-next-story{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;min-width:50%;position:relative;text-align:center;color:#fff;background:center center no-repeat #222;background-size:cover;overflow:hidden}.read-next-story a{color:#BBB}.read-next-story a:hover{color:#FFF}.read-next-story:hover:before{background:rgba(0,0,0,.8);transition:all .2s ease}.read-next-story:hover .post:before{color:#222;background:#fff;transition:all .2s ease}.read-next-story:before{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.7);transition:all .5s ease}.read-next-story .post{padding-top:6rem;padding-bottom:6rem;width:80%;position:relative;margin:0 auto}.read-next-story .post:before{content:"Read This Next";padding:4px 10px 5px;text-transform:uppercase;font-size:1.1rem;color:rgba(255,255,255,.8);border:1px solid rgba(255,255,255,.5);border-radius:4px;transition:all .5s ease}.read-next-story.prev .post:before{content:"Read This Before"}.read-next-story h2{margin-top:1rem;color:#fff}.read-next-story p{margin:0;color:rgba(255,255,255,.8)}.read-next+.site-footer{position:absolute;bottom:0;left:0;right:0;margin:0}#tags{padding:0}#tags li{float:left}#tags li a{border:1px solid #4A4A4A;display:inline-block;padding:10px;margin:1rem;border-radius:5px}#tags li a:hover{border:1px solid #FFF;color:#FFF;background-color:#4A4A4A}.dynamic .read-next-story>div{position:relative;width:60%;margin:50px auto;text-align:left}.dynamic a{margin:0;color:rgba(255,255,255,.8)}.dynamic a:hover{color:rgba(255,255,255,.5)}.site-footer{position:relative;margin:8rem 0 0;padding:1rem 15px;font-size:1rem;line-height:1.75em;color:#BBC7CC}.site-footer a{color:#BBC7CC;font-weight:700}.site-footer a:hover{text-decoration:underline}@media only screen and (max-width:900px){blockquote{margin-left:0}.main-header{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;min-height:240px;height:60vh;padding:15% 0}.scroll-down{display:none}.page-title,.page-title a{font-size:4rem;letter-spacing:-1px}.page-description,.page-description a{font-size:1.8rem;line-height:1.5em}.post{font-size:.95em}hr{margin:2.4em 0}ol,ul{padding-left:2em}h1{font-size:4.5rem;text-indent:-2px}h2{font-size:3.6rem}h3{font-size:3.1rem}h4{font-size:2.5rem}h5{font-size:2.2rem}h6{font-size:1.8rem}.read-next{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;margin-top:4rem}}@media only screen and (max-width:500px){.main-header{margin-bottom:15px;height:40vh}.pagination{width:auto;margin:2rem auto}.post{width:auto;padding-bottom:2rem;line-height:1.65em;margin:2rem 16px}hr{margin:1.75em 0}dl,ol,p,ul{font-size:.95em;margin:0 0 2.5rem}.page-title,.page-title a{font-size:3rem}.post-excerpt p{font-size:.85em}.page-description,.page-description a{font-size:1.6rem}h1,h2,h3,h4,h5,h6{margin:0 0 .3em}h1{font-size:2.8rem;letter-spacing:-1px}h2{font-size:2.4rem;letter-spacing:0}h3{font-size:2.1rem}h4{font-size:1.9rem}h5,h6{font-size:1.8rem}.post-content img{padding:0;width:calc(100% + 32px);min-width:0;max-width:112%}.post-meta{font-size:1.3rem;margin-top:1rem}.site-footer{margin-top:3rem}.read-next{margin-top:2rem;margin-bottom:-37px}.read-next .post{width:100%}.menu-button{border:0;top:0;right:0}.nav-closed .menu-button:hover{color:#FFF;background-color:transparent}.post-author{width:40px;height:40px;bottom:-37px;padding:3px;margin-left:-20px}.post-author a{width:34px;height:34px;display:block;border-radius:17px}.nav .count{line-height:1.5rem}#tags li a{padding:0 5px}} \ No newline at end of file diff --git a/Jane/css/base.css b/Jane/css/base.css index d8dce8f..3621d8a 100644 --- a/Jane/css/base.css +++ b/Jane/css/base.css @@ -179,7 +179,7 @@ blockquote { * Article reset style * * @author Liyuan Li - * @version 0.2.0.2, Jul 6, 2018 + * @version 0.2.0.3, Jan 2, 2019 */ .content-reset { word-wrap: break-word; @@ -226,7 +226,7 @@ blockquote { .content-reset h6 { font-size: 0.85em; } .content-reset hr { - height: 0.25em; + height: 0.15em; padding: 0; margin: 24px 0; background-color: #e7e7e7; @@ -241,6 +241,8 @@ blockquote { margin-bottom: 16px; } .content-reset blockquote p { margin: 0; } + .content-reset ins > iframe { + border: 0; } .content-reset iframe { border: 1px solid rgba(0, 0, 0, 0.38); } .content-reset table { @@ -293,11 +295,10 @@ blockquote { border-bottom-color: #bbb; border-radius: 3px; box-shadow: inset 0 -1px 0 #bbb; } - .content-reset li.task-list-item { - list-style: none; } - .content-reset li.task-list-item > input { - margin-left: -2em; - vertical-align: middle; } + .content-reset__task, + .content-reset .task-list-item { + list-style: none; + margin-left: -1em; } .img-preview { width: 100%; diff --git a/Jane/css/base.min.css b/Jane/css/base.min.css index f7098fe..1692a1a 100644 --- a/Jane/css/base.min.css +++ b/Jane/css/base.min.css @@ -15,4 +15,4 @@ * You should have received a copy of the GNU Affero General Public License * along with this program. If not, see . */ -@charset "UTF-8";body,button,input,select,textarea{margin:0;font-family:"Helvetica Neue","Luxi Sans","DejaVu Sans",Tahoma,"Hiragino Sans GB","Microsoft Yahei",sans-serif}.content-reset pre,sub,sup{position:relative}.fn__ellipsis,.ft__nowrap{white-space:nowrap}.comment__item,.content-reset li.task-list-item{list-style:none}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;height:100%}body{font-size:14px;background-color:#fff;-webkit-font-smoothing:antialiased;-webkit-overflow-scrolling:touch}::-moz-selection{text-shadow:none;background:rgba(65,131,196,.4)}::selection{text-shadow:none;background:rgba(66,133,244,.4)}ol,ul{margin:0;padding:0}blockquote,dd,dl,h1,h2,h3,h4,h5,h6,p{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none}a:hover{text-decoration:underline}sub,sup{font-size:75%;line-height:0;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{max-width:100%;vertical-align:middle;border:0;height:auto;-ms-interpolation-mode:bicubic;overflow:hidden;font-size:12px}button,input,select,textarea{font-size:100%;vertical-align:middle;outline:0}button,input{line-height:normal}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}.content-reset h1,.content-reset h2{padding-bottom:.3em;border-bottom:1px solid #eee}button,input[type=button],input[type=reset],input[type=submit]{cursor:pointer;-webkit-appearance:button}input[type=search]{box-sizing:content-box;-webkit-appearance:textfield}#nprogress .spinner-icon,.header,.wrapper{box-sizing:border-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}textarea{overflow:auto;resize:vertical}svg{fill:currentColor;display:inline-block;stroke-width:0;stroke:currentColor;width:14px;height:14px}.content-reset{word-wrap:break-word;line-height:1.65;word-break:break-word}.content-reset ol,.content-reset ul{padding-left:2em;margin-top:0;margin-bottom:16px}.content-reset li{margin-top:.25em}.content-reset img{cursor:zoom-in}.content-reset img.emoji{cursor:auto;max-width:18px}.content-reset h1,.content-reset h2,.content-reset h3,.content-reset h4,.content-reset h5,.content-reset h6{margin-top:24px;margin-bottom:16px;font-weight:600;line-height:1.25}.content-reset h1{font-size:1.7em}.content-reset h2{font-size:1.5em}.content-reset h3{font-size:1.25em}.content-reset h4{font-size:1em}.content-reset h5{font-size:.875em}.content-reset h6{font-size:.85em}.content-reset hr{height:.25em;padding:0;margin:24px 0;background-color:#e7e7e7;border:0}.content-reset p{margin-top:0;margin-bottom:16px}.content-reset blockquote{color:#777;margin-bottom:16px}.content-reset blockquote p{margin:0}.content-reset iframe{border:1px solid rgba(0,0,0,.38)}.content-reset table{width:100%;border:1px solid #dedede;margin:15px auto;border-collapse:collapse;empty-cells:show}.content-reset thead{text-align:center}.content-reset td,.content-reset th{height:35px;border:1px solid #dedede;padding:0 10px}.content-reset th{font-weight:700;text-align:center!important;background:rgba(158,188,226,.2)}.content-reset tbody tr:nth-child(2n){background:rgba(158,188,226,.12)}.content-reset tr:hover{background:#efefef}.content-reset code{padding:.2em .4em;margin:0;font-size:85%;background-color:rgba(252,41,41,.12);border-radius:3px;word-break:break-word}.content-reset pre textarea{position:absolute;top:-100000px}.content-reset pre>code{background-size:20px 20px;border-radius:5px}.content-reset kbd{display:inline-block;padding:3px 5px;font:11px Consolas,"Liberation Mono",Menlo,Courier,monospace;line-height:10px;color:#555;vertical-align:middle;background-color:#fcfcfc;border:1px solid rgba(0,0,0,.38);border-bottom-color:#bbb;border-radius:3px;box-shadow:inset 0 -1px 0 #bbb}.content-reset li.task-list-item>input{margin-left:-2em;vertical-align:middle}.img-preview{width:100%;height:100%;top:0;z-index:211;overflow:auto;cursor:zoom-out;transition:background-color .2s ease-in-out}.comment__btn,.fn__pointer,.form button,.tooltipped{cursor:pointer}.img-preview img{max-width:inherit;transition:transform .3s ease-in-out}.fn__flex{display:flex}.fn__flex-center{align-self:center}.fn__flex-inline{display:inline-flex;align-items:center}.fn__flex-1{flex:1;min-width:1px}.fn__flex-column{min-height:100%;display:flex;flex-direction:column}.fn__clear:after,.fn__clear:before{display:table;content:""}.fn__clear:after{clear:both}.fn__left{float:left}.fn__right{float:right}.fn__none{display:none}.fn__hidden{visibility:hidden}.fn__ellipsis{overflow:hidden;text-overflow:ellipsis;word-wrap:normal}.ft__13{font-size:13px}.ft__smaller{font-size:12px}.ft__center{text-align:center}@-webkit-keyframes tooltip-appear{from{opacity:0}to{opacity:1}}@keyframes tooltip-appear{from{opacity:0}to{opacity:1}}.tooltipped{position:relative}.tooltipped::after{position:absolute;z-index:1000000;display:none;padding:5px 8px;font-size:11px;font-weight:400;-webkit-font-smoothing:subpixel-antialiased;color:#fff;text-align:center;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-wrap:break-word;white-space:pre;pointer-events:none;content:attr(aria-label);background:rgba(0,0,0,.8);border-radius:3px;line-height:16px;opacity:0}.tooltipped::before{position:absolute;z-index:1000001;display:none;width:0;height:0;color:rgba(0,0,0,.8);pointer-events:none;content:"";border:5px solid transparent;opacity:0}.tooltipped--hover::after,.tooltipped--hover::before,.tooltipped:active::after,.tooltipped:active::before,.tooltipped:focus::after,.tooltipped:focus::before,.tooltipped:hover::after,.tooltipped:hover::before{display:inline-block;text-decoration:none;animation-name:tooltip-appear;animation-duration:.1s;animation-fill-mode:forwards;animation-timing-function:ease-in;animation-delay:.4s}.tooltipped__s::after,.tooltipped__se::after,.tooltipped__sw::after{top:100%;right:50%;margin-top:5px}.tooltipped__s::before,.tooltipped__se::before,.tooltipped__sw::before{top:auto;right:50%;bottom:-5px;margin-right:-5px;border-bottom-color:rgba(0,0,0,.8)}.tooltipped__se::after{right:auto;left:50%;margin-left:-15px}.tooltipped__sw::after{margin-right:-15px}.tooltipped__n::after,.tooltipped__ne::after,.tooltipped__nw::after{right:50%;bottom:100%;margin-bottom:5px}.tooltipped__n::before,.tooltipped__ne::before,.tooltipped__nw::before{top:-5px;right:50%;bottom:auto;margin-right:-5px;border-top-color:rgba(0,0,0,.8)}.tooltipped__ne::after{right:auto;left:50%;margin-left:-15px}.tooltipped__nw::after{margin-right:-15px}.tooltipped__n::after,.tooltipped__s::after{transform:translateX(50%)}.tooltipped__w::after{right:100%;bottom:50%;margin-right:5px;transform:translateY(50%)}.tooltipped__w::before{top:50%;bottom:50%;left:-5px;margin-top:-5px;border-left-color:rgba(0,0,0,.8)}.tooltipped__e::after{bottom:50%;left:100%;margin-left:5px;transform:translateY(50%)}.tooltipped__e::before{top:50%;right:-5px;bottom:50%;margin-top:-5px;border-right-color:rgba(0,0,0,.8)}.em00,.em01,.em02,.em03,.em04,.em05,.em06,.em07,.em08,.em09,.em10,.em11,.em12,.em13,.em14{cursor:pointer;background-image:url(../../../images/emotions/emotions.png);background-size:120px;float:left;height:24px;margin-right:5px;width:24px;transition:all .2s ease-out;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out}#emotions span:hover,#emotionsReply span:hover{transform:scale(1.2) rotate(360deg);-webkit-transform:scale(1.2) rotate(360deg);-moz-transform:scale(1.2) rotate(360deg)}.em01{background-position:-24px 0}.em02{background-position:-48px 0}.em03{background-position:-72px 0}.em04{background-position:-96px 0}.em05{background-position:0 -24px}.em06{background-position:-24px -24px}.em07{background-position:-48px -24px}.em08{background-position:-72px -24px}.em09{background-position:-96px -24px}.em10{background-position:0 -48px}.em11{background-position:-24px -48px}.em12{background-position:-48px -48px}.em13{background-position:-72px -48px}.em14{background-position:-96px -48px}#nprogress{pointer-events:none}#nprogress .bar{background:#d23f31;position:fixed;z-index:1031;top:0;left:0;width:100%;height:2px}#nprogress .peg{display:block;position:absolute;right:0;width:100px;height:100%;box-shadow:0 0 10px #d23f31,0 0 5px #d23f31;opacity:1;-webkit-transform:rotate(3deg) translate(0,-4px);-ms-transform:rotate(3deg) translate(0,-4px);transform:rotate(3deg) translate(0,-4px)}#nprogress .spinner{display:block;position:fixed;z-index:1031;top:15px;right:15px}#nprogress .spinner-icon{width:18px;height:18px;border:2px solid transparent;border-top-color:#d23f31;border-left-color:#d23f31;border-radius:50%;-webkit-animation:nprogress-spinner .4s linear infinite;animation:nprogress-spinner .4s linear infinite}.nprogress-custom-parent{overflow:hidden;position:relative}.nprogress-custom-parent #nprogress .bar,.nprogress-custom-parent #nprogress .spinner{position:absolute}@-webkit-keyframes nprogress-spinner{0%{-webkit-transform:rotate(0)}100%{-webkit-transform:rotate(360deg)}}@keyframes nprogress-spinner{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@font-face{font-family:icomoon;src:url(fonts/icomoon.eot?oyqnlj);src:url(fonts/icomoon.eot?oyqnlj#iefix) format("embedded-opentype"),url(fonts/icomoon.ttf?oyqnlj) format("truetype"),url(fonts/icomoon.woff?oyqnlj) format("woff"),url(fonts/icomoon.svg?oyqnlj#icomoon) format("svg");font-weight:400;font-style:normal}[class*=" icon__"],[class^=icon__]{font-family:icomoon!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon__page:before{content:"\e902"}.icon__list:before{content:"\f0ca"}.icon__home:before{content:"\f015"}.icon__comments:before{content:"\f0e6"}.icon__date:before{content:"\f073"}.icon__search:before{content:"\f002"}.icon__up:before{content:"\f077"}.icon__inbox:before{content:"\f01c"}.icon__tags:before{content:"\f02c"}.icon__link:before{content:"\f0c1"}.icon__refresh:before{content:"\f021"}.icon__category:before{content:"\e9bc"}.icon__logout:before{content:"\ea14"}.icon__views:before{content:"\e900"}.icon__register:before{content:"\e973"}.icon__setting:before{content:"\e994"}.icon__login:before{content:"\ea13"}.icon__rss:before{content:"\e901"}body::-webkit-scrollbar{display:none}a{outline:0;text-decoration:none;transition:all .3s}.ft__red{color:#991a1a}.ft__gray{color:#999}.content-reset{overflow:hidden;color:#555;font-size:14px}.content-reset a{color:#991a1a}.content-reset blockquote{font-family:Georgia,"Times New Roman",serif;background:#f7f7f7;margin:20px 0;padding:10px 20px;border-left:4px solid #991a1a}.content-reset pre>code{color:#555;background-color:#f7f7f7;padding:10px}.b3-solo-list{display:none}.header{padding:10px 0;top:0;background-color:#2a2a2a;color:#fff;position:fixed;right:0;height:100%;width:50px;display:flex;flex-direction:column}.header a,.header span{color:#fff;padding:10px 0;display:block;text-align:center;font-size:16px;width:100%}.header a img,.header span img{height:17px;width:17px}.header a.current,.header a:hover,.header span.current,.header span:hover{text-decoration:none;color:#999}.wrapper{max-width:768px;margin:0 auto;padding:0 70px 0 20px}.footer{color:#999;margin:30px auto;line-height:1.6em;font-size:.85em}.footer a{color:#991a1a}.article__item{margin:50px 0;border-bottom:1px dashed #d9d9d9;text-align:justify}.article__title{padding:20px 0}.article__title a{text-decoration:none;font-size:25px;font-weight:700;color:#555;transition:color .2s}.article__title a:hover{color:#991a1a}.article__title sup{font-weight:400;color:#999;font-size:12px;top:-10px}.article__content{margin:20px 0}.article__content>p:last-child{margin-bottom:0}.article__more{margin-bottom:70px;text-decoration:none;color:#991a1a;display:block}.article__near{margin:50px 0 70px;position:relative}.article__near:before{width:8px;height:8px;position:absolute;top:50%;left:50%;margin-top:-4px;margin-left:-4px;content:"";border-radius:50%;background:#ddd;box-shadow:0 1px 2px #fff}.article__near a{font-size:12px;line-height:1.6em;color:#999;padding:0 20px}.article__near a:hover{text-decoration:none;color:#555}.article__near a.first{text-align:right}.article__near strong{margin-bottom:6px;font-size:14px;letter-spacing:2px;color:#ddd;font-weight:700;display:block}.pagination{margin:20px 0 40px}.pagination__item{padding:10px;color:#999;display:inline-block}.pagination__item--current{color:#991a1a;font-weight:700}.pagination a.pagination__item:hover{text-decoration:none;background:#991a1a;color:#fff}.tags{line-height:32px;margin:20px 0 70px}.tags--align a{width:180px;margin-right:0!important}.tags a{margin-right:20px;float:left}#comments{position:relative}.comment-body-ref{position:absolute;width:80%;left:84px}.comments__title{padding-top:20px}.comment__item{margin:20px 0}.comment__avatar{position:relative;width:44px;height:44px;border-radius:3px;background-size:cover;background-repeat:no-repeat;background-position:50%;margin-right:20px}.comment__avatar:after,.comment__avatar:before{position:absolute;top:11px;left:49px;display:block;width:0;height:0;pointer-events:none;content:"";border-color:transparent #CFD8DC transparent transparent;border-style:solid solid outset;border-width:8px}.comment__avatar:after{margin-top:1px;margin-left:2px;border-width:7px;border-right-color:#fff}.comment__content,.form button{margin-top:20px}.comment__main{border:1px solid #CFD8DC;border-radius:0;padding:20px;background-color:#fff}.comment__btn{color:#666}.comment__btn:hover{color:#333}.comment__content>p:last-child{margin-bottom:0}.form{width:100%;padding:0 0 0 64px}.form #commentErrorTip,.form #commentErrorTipReply{line-height:37px}.form #captcha,.form #captchaReply{height:32px;display:inline-block;vertical-align:inherit}.form button,.form input,.form textarea{background-color:#fff;padding:7px 8px;border:1px solid #CFD8DC;width:100%;box-sizing:border-box;font-size:14px;outline:0;font-family:"Helvetica Neue","Luxi Sans","DejaVu Sans",Tahoma,"Hiragino Sans GB","Microsoft Yahei",sans-serif}.form button:hover,.form input:focus,.form textarea:focus{border-color:#2a2a2a}.form button{width:auto;vertical-align:bottom;transition:all .3s ease}.form button:hover{background-color:#2a2a2a;color:#FFF}@media (max-width:768px){.article__item .tag,.icon__up,.mobile__none{display:none}.header{position:inherit;width:100%;height:45px;flex-direction:row;padding-right:10px}.header a,.header span{float:left;width:auto;padding:0;line-height:25px;margin-left:10px}.wrapper{padding-right:20px}.article__item{margin:20px 0}.article__more{margin-bottom:40px}.footer{text-align:right}.pagination>.ft__center{visibility:hidden;height:36px}} \ No newline at end of file +@charset "UTF-8";body,button,input,select,textarea{margin:0;font-family:"Helvetica Neue","Luxi Sans","DejaVu Sans",Tahoma,"Hiragino Sans GB","Microsoft Yahei",sans-serif}.content-reset kbd,audio,canvas,svg,video{display:inline-block}.content-reset thead,.ft__center,.tooltipped::after{text-align:center}.content-reset pre,sub,sup{position:relative}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;height:100%}body{font-size:14px;background-color:#fff;-webkit-font-smoothing:antialiased;-webkit-overflow-scrolling:touch}::-moz-selection{text-shadow:none;background:rgba(65,131,196,.4)}::selection{text-shadow:none;background:rgba(66,133,244,.4)}ol,ul{margin:0;padding:0}blockquote,dd,dl,h1,h2,h3,h4,h5,h6,p{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}audio:not([controls]){display:none}a:hover{text-decoration:underline}sub,sup{font-size:75%;line-height:0;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{max-width:100%;vertical-align:middle;border:0;height:auto;-ms-interpolation-mode:bicubic;overflow:hidden;font-size:12px}button,input,select,textarea{font-size:100%;vertical-align:middle;outline:0}button,input{line-height:normal}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}.content-reset h1,.content-reset h2{padding-bottom:.3em;border-bottom:1px solid #eee}button,input[type=button],input[type=reset],input[type=submit]{cursor:pointer;-webkit-appearance:button}input[type=search]{box-sizing:content-box;-webkit-appearance:textfield}#nprogress .spinner-icon,.header,.wrapper{box-sizing:border-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}textarea{overflow:auto;resize:vertical}svg{fill:currentColor;stroke-width:0;stroke:currentColor;width:14px;height:14px}.content-reset{word-wrap:break-word;line-height:1.65;word-break:break-word}.content-reset ol,.content-reset ul{padding-left:2em;margin-top:0;margin-bottom:16px}.content-reset li{margin-top:.25em}.content-reset img{cursor:zoom-in}.content-reset img.emoji{cursor:auto;max-width:18px}.content-reset h1,.content-reset h2,.content-reset h3,.content-reset h4,.content-reset h5,.content-reset h6{margin-top:24px;margin-bottom:16px;font-weight:600;line-height:1.25}.content-reset h1{font-size:1.7em}.content-reset h2{font-size:1.5em}.content-reset h3{font-size:1.25em}.content-reset h4{font-size:1em}.content-reset h5{font-size:.875em}.content-reset h6{font-size:.85em}.content-reset hr{height:.15em;padding:0;margin:24px 0;background-color:#e7e7e7;border:0}.content-reset p{margin-top:0;margin-bottom:16px}.content-reset blockquote{color:#777;margin-bottom:16px}.content-reset blockquote p{margin:0}.content-reset ins>iframe{border:0}.content-reset iframe{border:1px solid rgba(0,0,0,.38)}.content-reset table{width:100%;border:1px solid #dedede;margin:15px auto;border-collapse:collapse;empty-cells:show}.content-reset td,.content-reset th{height:35px;border:1px solid #dedede;padding:0 10px}.content-reset th{font-weight:700;text-align:center!important;background:rgba(158,188,226,.2)}.content-reset tbody tr:nth-child(2n){background:rgba(158,188,226,.12)}.content-reset tr:hover{background:#efefef}.content-reset code{padding:.2em .4em;margin:0;font-size:85%;background-color:rgba(252,41,41,.12);border-radius:3px;word-break:break-word}.content-reset pre textarea{position:absolute;top:-100000px}.content-reset pre>code{background-size:20px 20px;border-radius:5px}.content-reset kbd{padding:3px 5px;font:11px Consolas,"Liberation Mono",Menlo,Courier,monospace;line-height:10px;color:#555;vertical-align:middle;background-color:#fcfcfc;border:1px solid rgba(0,0,0,.38);border-bottom-color:#bbb;border-radius:3px;box-shadow:inset 0 -1px 0 #bbb}.content-reset .task-list-item,.content-reset__task{list-style:none;margin-left:-1em}.img-preview{width:100%;height:100%;top:0;z-index:211;overflow:auto;cursor:zoom-out;transition:background-color .2s ease-in-out}.comment__btn,.fn__pointer,.form button,.tooltipped{cursor:pointer}.img-preview img{max-width:inherit;transition:transform .3s ease-in-out}.fn__flex{display:flex}.fn__flex-center{align-self:center}.fn__flex-inline{display:inline-flex;align-items:center}.fn__flex-1{flex:1;min-width:1px}.fn__flex-column{min-height:100%;display:flex;flex-direction:column}.fn__clear:after,.fn__clear:before{display:table;content:""}.fn__clear:after{clear:both}.fn__left{float:left}.fn__right{float:right}.fn__none{display:none}.fn__hidden{visibility:hidden}.fn__ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal}.ft__13{font-size:13px}.ft__smaller{font-size:12px}.ft__nowrap{white-space:nowrap}@-webkit-keyframes tooltip-appear{from{opacity:0}to{opacity:1}}@keyframes tooltip-appear{from{opacity:0}to{opacity:1}}.tooltipped{position:relative}.tooltipped::after{position:absolute;z-index:1000000;display:none;padding:5px 8px;font-size:11px;font-weight:400;-webkit-font-smoothing:subpixel-antialiased;color:#fff;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-wrap:break-word;white-space:pre;pointer-events:none;content:attr(aria-label);background:rgba(0,0,0,.8);border-radius:3px;line-height:16px;opacity:0}.tooltipped::before{position:absolute;z-index:1000001;display:none;width:0;height:0;color:rgba(0,0,0,.8);pointer-events:none;content:"";border:5px solid transparent;opacity:0}.tooltipped--hover::after,.tooltipped--hover::before,.tooltipped:active::after,.tooltipped:active::before,.tooltipped:focus::after,.tooltipped:focus::before,.tooltipped:hover::after,.tooltipped:hover::before{display:inline-block;text-decoration:none;animation-name:tooltip-appear;animation-duration:.1s;animation-fill-mode:forwards;animation-timing-function:ease-in;animation-delay:.4s}.tooltipped__s::after,.tooltipped__se::after,.tooltipped__sw::after{top:100%;right:50%;margin-top:5px}.tooltipped__s::before,.tooltipped__se::before,.tooltipped__sw::before{top:auto;right:50%;bottom:-5px;margin-right:-5px;border-bottom-color:rgba(0,0,0,.8)}.tooltipped__se::after{right:auto;left:50%;margin-left:-15px}.tooltipped__sw::after{margin-right:-15px}.tooltipped__n::after,.tooltipped__ne::after,.tooltipped__nw::after{right:50%;bottom:100%;margin-bottom:5px}.tooltipped__n::before,.tooltipped__ne::before,.tooltipped__nw::before{top:-5px;right:50%;bottom:auto;margin-right:-5px;border-top-color:rgba(0,0,0,.8)}.tooltipped__ne::after{right:auto;left:50%;margin-left:-15px}.tooltipped__nw::after{margin-right:-15px}.tooltipped__n::after,.tooltipped__s::after{transform:translateX(50%)}.tooltipped__w::after{right:100%;bottom:50%;margin-right:5px;transform:translateY(50%)}.tooltipped__w::before{top:50%;bottom:50%;left:-5px;margin-top:-5px;border-left-color:rgba(0,0,0,.8)}.tooltipped__e::after{bottom:50%;left:100%;margin-left:5px;transform:translateY(50%)}.tooltipped__e::before{top:50%;right:-5px;bottom:50%;margin-top:-5px;border-right-color:rgba(0,0,0,.8)}.em00,.em01,.em02,.em03,.em04,.em05,.em06,.em07,.em08,.em09,.em10,.em11,.em12,.em13,.em14{cursor:pointer;background-image:url(../../../images/emotions/emotions.png);background-size:120px;float:left;height:24px;margin-right:5px;width:24px;transition:all .2s ease-out;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out}#emotions span:hover,#emotionsReply span:hover{transform:scale(1.2) rotate(360deg);-webkit-transform:scale(1.2) rotate(360deg);-moz-transform:scale(1.2) rotate(360deg)}.em01{background-position:-24px 0}.em02{background-position:-48px 0}.em03{background-position:-72px 0}.em04{background-position:-96px 0}.em05{background-position:0 -24px}.em06{background-position:-24px -24px}.em07{background-position:-48px -24px}.em08{background-position:-72px -24px}.em09{background-position:-96px -24px}.em10{background-position:0 -48px}.em11{background-position:-24px -48px}.em12{background-position:-48px -48px}.em13{background-position:-72px -48px}.em14{background-position:-96px -48px}#nprogress{pointer-events:none}#nprogress .bar{background:#d23f31;position:fixed;z-index:1031;top:0;left:0;width:100%;height:2px}#nprogress .peg{display:block;position:absolute;right:0;width:100px;height:100%;box-shadow:0 0 10px #d23f31,0 0 5px #d23f31;opacity:1;-webkit-transform:rotate(3deg) translate(0,-4px);-ms-transform:rotate(3deg) translate(0,-4px);transform:rotate(3deg) translate(0,-4px)}#nprogress .spinner{display:block;position:fixed;z-index:1031;top:15px;right:15px}#nprogress .spinner-icon{width:18px;height:18px;border:2px solid transparent;border-top-color:#d23f31;border-left-color:#d23f31;border-radius:50%;-webkit-animation:nprogress-spinner .4s linear infinite;animation:nprogress-spinner .4s linear infinite}.nprogress-custom-parent{overflow:hidden;position:relative}.nprogress-custom-parent #nprogress .bar,.nprogress-custom-parent #nprogress .spinner{position:absolute}@-webkit-keyframes nprogress-spinner{0%{-webkit-transform:rotate(0)}100%{-webkit-transform:rotate(360deg)}}@keyframes nprogress-spinner{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@font-face{font-family:icomoon;src:url(fonts/icomoon.eot?oyqnlj);src:url(fonts/icomoon.eot?oyqnlj#iefix) format("embedded-opentype"),url(fonts/icomoon.ttf?oyqnlj) format("truetype"),url(fonts/icomoon.woff?oyqnlj) format("woff"),url(fonts/icomoon.svg?oyqnlj#icomoon) format("svg");font-weight:400;font-style:normal}[class*=" icon__"],[class^=icon__]{font-family:icomoon!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon__page:before{content:"\e902"}.icon__list:before{content:"\f0ca"}.icon__home:before{content:"\f015"}.icon__comments:before{content:"\f0e6"}.icon__date:before{content:"\f073"}.icon__search:before{content:"\f002"}.icon__up:before{content:"\f077"}.icon__inbox:before{content:"\f01c"}.icon__tags:before{content:"\f02c"}.icon__link:before{content:"\f0c1"}.icon__refresh:before{content:"\f021"}.icon__category:before{content:"\e9bc"}.icon__logout:before{content:"\ea14"}.icon__views:before{content:"\e900"}.icon__register:before{content:"\e973"}.icon__setting:before{content:"\e994"}.icon__login:before{content:"\ea13"}.icon__rss:before{content:"\e901"}body::-webkit-scrollbar{display:none}a{outline:0;text-decoration:none;transition:all .3s}.ft__red{color:#991a1a}.ft__gray{color:#999}.content-reset{overflow:hidden;color:#555;font-size:14px}.content-reset a{color:#991a1a}.content-reset blockquote{font-family:Georgia,"Times New Roman",serif;background:#f7f7f7;margin:20px 0;padding:10px 20px;border-left:4px solid #991a1a}.content-reset pre>code{color:#555;background-color:#f7f7f7;padding:10px}.b3-solo-list{display:none}.header{padding:10px 0;top:0;background-color:#2a2a2a;color:#fff;position:fixed;right:0;height:100%;width:50px;display:flex;flex-direction:column}.header a,.header span{color:#fff;padding:10px 0;display:block;text-align:center;font-size:16px;width:100%}.header a img,.header span img{height:17px;width:17px}.header a.current,.header a:hover,.header span.current,.header span:hover{text-decoration:none;color:#999}.wrapper{max-width:768px;margin:0 auto;padding:0 70px 0 20px}.footer{color:#999;margin:30px auto;line-height:1.6em;font-size:.85em}.footer a{color:#991a1a}.article__item{margin:50px 0;border-bottom:1px dashed #d9d9d9;text-align:justify}.article__title{padding:20px 0}.article__title a{text-decoration:none;font-size:25px;font-weight:700;color:#555;transition:color .2s}.article__title a:hover{color:#991a1a}.article__title sup{font-weight:400;color:#999;font-size:12px;top:-10px}.article__content{margin:20px 0}.article__content>p:last-child{margin-bottom:0}.article__more{margin-bottom:70px;text-decoration:none;color:#991a1a;display:block}.article__near{margin:50px 0 70px;position:relative}.article__near:before{width:8px;height:8px;position:absolute;top:50%;left:50%;margin-top:-4px;margin-left:-4px;content:"";border-radius:50%;background:#ddd;box-shadow:0 1px 2px #fff}.article__near a{font-size:12px;line-height:1.6em;color:#999;padding:0 20px}.article__near a:hover{text-decoration:none;color:#555}.article__near a.first{text-align:right}.article__near strong{margin-bottom:6px;font-size:14px;letter-spacing:2px;color:#ddd;font-weight:700;display:block}.pagination{margin:20px 0 40px}.pagination__item{padding:10px;color:#999;display:inline-block}.pagination__item--current{color:#991a1a;font-weight:700}.pagination a.pagination__item:hover{text-decoration:none;background:#991a1a;color:#fff}.tags{line-height:32px;margin:20px 0 70px}.tags--align a{width:180px;margin-right:0!important}.tags a{margin-right:20px;float:left}#comments{position:relative}.comment-body-ref{position:absolute;width:80%;left:84px}.comments__title{padding-top:20px}.comment__item{list-style:none;margin:20px 0}.comment__avatar{position:relative;width:44px;height:44px;border-radius:3px;background-size:cover;background-repeat:no-repeat;background-position:50%;margin-right:20px}.comment__avatar:after,.comment__avatar:before{position:absolute;top:11px;left:49px;display:block;width:0;height:0;pointer-events:none;content:"";border-color:transparent #CFD8DC transparent transparent;border-style:solid solid outset;border-width:8px}.comment__avatar:after{margin-top:1px;margin-left:2px;border-width:7px;border-right-color:#fff}.comment__content,.form button{margin-top:20px}.comment__main{border:1px solid #CFD8DC;border-radius:0;padding:20px;background-color:#fff}.comment__btn{color:#666}.comment__btn:hover{color:#333}.comment__content>p:last-child{margin-bottom:0}.form{width:100%;padding:0 0 0 64px}.form #commentErrorTip,.form #commentErrorTipReply{line-height:37px}.form #captcha,.form #captchaReply{height:32px;display:inline-block;vertical-align:inherit}.form button,.form input,.form textarea{background-color:#fff;padding:7px 8px;border:1px solid #CFD8DC;width:100%;box-sizing:border-box;font-size:14px;outline:0;font-family:"Helvetica Neue","Luxi Sans","DejaVu Sans",Tahoma,"Hiragino Sans GB","Microsoft Yahei",sans-serif}.form button:hover,.form input:focus,.form textarea:focus{border-color:#2a2a2a}.form button{width:auto;vertical-align:bottom;transition:all .3s ease}.form button:hover{background-color:#2a2a2a;color:#FFF}@media (max-width:768px){.article__item .tag,.icon__up,.mobile__none{display:none}.header{position:inherit;width:100%;height:45px;flex-direction:row;padding-right:10px}.header a,.header span{float:left;width:auto;padding:0;line-height:25px;margin-left:10px}.wrapper{padding-right:20px}.article__item{margin:20px 0}.article__more{margin-bottom:40px}.footer{text-align:right}.pagination>.ft__center{visibility:hidden;height:36px}} \ No newline at end of file diff --git a/Jane/css/base.scss b/Jane/css/base.scss index 11863e5..3d10b6c 100644 --- a/Jane/css/base.scss +++ b/Jane/css/base.scss @@ -19,7 +19,7 @@ * skin style * * @author Liyuan Li - * @version 0.1.0.0, Dec 7, 2018 + * @version 0.1.0.1, Jan 2, 2019 */ @import "../../../scss/reset"; @import "../../../scss/reset-content"; diff --git a/Medium/css/base.css b/Medium/css/base.css index 08e41bf..15c38a3 100644 --- a/Medium/css/base.css +++ b/Medium/css/base.css @@ -19,7 +19,7 @@ * skin style * * @author Liyuan Li - * @version 0.1.0.0, Jan 29, 2018 + * @version 0.1.0.1, Jan 2, 2019 */ /* start common */ html { @@ -334,6 +334,25 @@ blockquote { box-shadow: inset 0 -1px 0 #bbb } +.content-reset__task, +.content-reset .task-list-item { + list-style: none; + margin-left: -1em; +} + +.content-reset img { + cursor: zoom-in; +} + +.content-reset img.emoji { + cursor: auto; + max-width: 18px; +} + +.content-reset ins > iframe { + border: 0; +} + .fn-flex { display: flex } diff --git a/Medium/css/base.min.css b/Medium/css/base.min.css index edf4de2..5074090 100644 --- a/Medium/css/base.min.css +++ b/Medium/css/base.min.css @@ -15,4 +15,4 @@ * You should have received a copy of the GNU Affero General Public License * along with this program. If not, see . */ -blockquote,body,dd,dl,h1,h2,h3,h4,h5,h6,ol,p,ul{margin:0}.content-reset,body,button,input,select,textarea{font-family:"Helvetica Neue","Luxi Sans","DejaVu Sans",Tahoma,"Hiragino Sans GB","Microsoft Yahei",sans-serif}.ft-green,.header,.header__a,.header__icon,.post__view,.tag{transition:all .1s}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;height:100%}body{-webkit-font-smoothing:antialiased}::-moz-selection{text-shadow:none;background:rgba(65,131,196,.4)}::selection{text-shadow:none;background:rgba(66,133,244,.4)}ol,ul{padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none}a{outline:0;text-decoration:none;color:#4285f4}a:hover{text-decoration:underline}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{max-width:100%;vertical-align:middle;border:0;height:auto;-ms-interpolation-mode:bicubic}button,input,select,textarea{margin:0;font-size:100%;vertical-align:middle;outline:0}button,input{line-height:normal}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}.content-reset h1,.content-reset h2{padding-bottom:.3em;border-bottom:1px solid #eee}button,input[type=button],input[type=reset],input[type=submit]{cursor:pointer;-webkit-appearance:button}input[type=search]{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}textarea{overflow:auto;resize:vertical}svg{fill:currentColor;display:inline-block;stroke-width:0;stroke:currentColor;width:14px;height:14px}.content-reset{word-wrap:break-word;overflow:auto;line-height:1.5;font-size:16px;word-break:break-all}.content-reset ol,.content-reset ul{padding-left:2em;margin-top:0;margin-bottom:16px}.content-reset li{margin-top:.25em}.content-reset h1,.content-reset h2,.content-reset h3,.content-reset h4,.content-reset h5,.content-reset h6{margin-top:24px;margin-bottom:16px;font-weight:600;line-height:1.25}.content-reset h1{font-size:2em}.content-reset h2{font-size:1.5em}.content-reset h3{font-size:1.25em}.content-reset h4{font-size:1em}.content-reset h5{font-size:.875em}.content-reset h6{font-size:.85em}.content-reset hr{height:.25em;padding:0;margin:24px 0;background-color:#e7e7e7;border:0}.content-reset p{margin-top:0;margin-bottom:16px}.content-reset blockquote{padding:0 1em;color:#777;border-left:.25em solid #ddd;margin-bottom:16px}.content-reset blockquote p{margin:0}.content-reset iframe{border:1px solid #ccc}.content-reset table{width:100%;border:1px solid #dedede;margin:15px auto;border-collapse:collapse;empty-cells:show}.content-reset thead{text-align:center}.content-reset td,.content-reset th{height:35px;border:1px solid #dedede;padding:0 10px}.content-reset th{font-weight:700;text-align:center!important;background:rgba(158,188,226,.2)}.board,.header,.pagination__item,.post__side{text-align:center}.content-reset tbody tr:nth-child(2n){background:rgba(158,188,226,.12)}.content-reset tr:hover{background:#efefef}.content-reset code{padding:.2em .4em;margin:0;font-size:85%;background-color:rgba(252,41,41,.12);border-radius:3px;color:#d23f31;font-family:mononoki,Consolas,"Liberation Mono",Menlo,Courier,monospace}.content-reset pre>code{padding:.5em;color:#333;background-color:rgba(0,0,0,.04);background-image:url(../images/code-bg.png);background-size:20px 20px;border-radius:5px}.content-reset kbd{display:inline-block;padding:3px 5px;font:11px Consolas,"Liberation Mono",Menlo,Courier,monospace;line-height:10px;color:#555;vertical-align:middle;background-color:#fcfcfc;border:1px solid #ccc;border-bottom-color:#bbb;border-radius:3px;box-shadow:inset 0 -1px 0 #bbb}.ft-12,.tag{font-weight:400}.fn-flex{display:flex}.fn-flex-1{flex:1;min-width:1px}.fn-clear:after,.fn-clear:before{display:table;content:""}.fn-clear:after{clear:both}.fn-left{float:left}.fn-right{float:right}.ft-12{font-size:12px}.ft-gray{color:rgba(0,0,0,.54)}.ft-fade{color:rgba(0,0,0,.38)}.ft-green{color:#03a87c!important}.ft-green:hover{color:#018f69!important}.pipe-tooltipped{position:relative;cursor:pointer}.pipe-tooltipped::after,.pipe-tooltipped::before{position:absolute;display:none;pointer-events:none}.pipe-tooltipped::after{z-index:1000;padding:5px 8px;font-size:11px;font-weight:400;color:#fff;text-align:center;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-wrap:break-word;white-space:pre;content:attr(aria-label);background:rgba(0,0,0,.8);border-radius:3px;line-height:16px;opacity:0}.footer__tag li a,.header h1,.tag{white-space:nowrap}.pipe-tooltipped::before{z-index:1000001;width:0;height:0;color:rgba(0,0,0,.8);content:"";border:5px solid transparent;opacity:0}.header h1,.tag{display:inline-block}.tag,.tag:hover{color:rgba(0,0,0,.68)}@keyframes tooltip-appear{from{opacity:0}to{opacity:1}}.pipe-tooltipped:active::after,.pipe-tooltipped:active::before,.pipe-tooltipped:focus::after,.pipe-tooltipped:focus::before,.pipe-tooltipped:hover::after,.pipe-tooltipped:hover::before{display:inline-block;text-decoration:none;animation-name:tooltip-appear;animation-duration:.1s;animation-fill-mode:forwards;animation-timing-function:ease-in;animation-delay:.4s}.pipe-tooltipped--s::after,.pipe-tooltipped--se::after,.pipe-tooltipped--sw::after{top:100%;right:50%;margin-top:5px}.pipe-tooltipped--s::before,.pipe-tooltipped--se::before,.pipe-tooltipped--sw::before{top:auto;right:50%;bottom:-5px;margin-right:-5px;border-bottom-color:rgba(0,0,0,.8)}.pipe-tooltipped--se::after{right:auto;left:50%;margin-left:-15px}.pipe-tooltipped--sw::after{margin-right:-15px}.pipe-tooltipped--n::after,.pipe-tooltipped--ne::after,.pipe-tooltipped--nw::after{right:50%;bottom:100%;margin-bottom:5px}.pipe-tooltipped--n::before,.pipe-tooltipped--ne::before,.pipe-tooltipped--nw::before{top:-5px;right:50%;bottom:auto;margin-right:-5px;border-top-color:rgba(0,0,0,.8)}.pipe-tooltipped--ne::after{right:auto;left:50%;margin-left:-15px}.pipe-tooltipped--nw::after{margin-right:-15px}.pipe-tooltipped--n::after,.pipe-tooltipped--s::after{transform:translateX(50%)}.pipe-tooltipped--w::after{right:100%;bottom:50%;margin-right:5px;transform:translateY(50%)}.pipe-tooltipped--w::before{top:50%;bottom:50%;left:-5px;margin-top:-5px;border-left-color:rgba(0,0,0,.8)}.pipe-tooltipped--e::after{bottom:50%;left:100%;margin-left:5px;transform:translateY(50%)}.pipe-tooltipped--e::before{top:50%;right:-5px;bottom:50%;margin-top:-5px;border-right-color:rgba(0,0,0,.8)}.tag{background-color:rgba(0,0,0,.05);padding:5px 10px;line-height:22px;border-radius:3px;margin:0 8px 8px 0;font-size:15px}.tag__level0,.tag__level1,.tag__level2,.tag__level3,.tag__level4{line-height:inherit}.tag:hover{text-decoration:none;background:rgba(0,0,0,.1)}.header__icon.avatar,.header__logo{background-size:cover;background-repeat:no-repeat;background-position:center center}.tag__level0{font-size:12px;color:rgba(0,0,0,.38)}.tag__level1{font-size:16px;color:rgba(0,0,0,.54)}.tag__level2{font-size:21px;color:#6f6f6f}.tag__level3{font-size:24px;color:#3b3e43}.tag__level4{font-size:30px;color:#000}.module__title{border-bottom:1px solid rgba(0,0,0,.15);margin-bottom:25px;line-height:26px;font-size:22px;position:relative;height:46px}.module__title>span{border-bottom:1px solid rgba(0,0,0,.54);position:absolute;padding-bottom:20px;height:26px}.header--fixed,.header__nav--fixed{position:fixed;background-color:#fff;box-shadow:0 2px 2px -2px rgba(0,0,0,.15)}.header,.header__nav{padding:0 20px;box-sizing:border-box}.wrapper{max-width:1000px;margin:0 auto;box-sizing:border-box}.article__toolbar .wrapper,.post{max-width:740px}.header{height:64px;z-index:11}.header h1{line-height:61px;width:50%;overflow:auto}.header h1::-webkit-scrollbar{display:none}.header--fixed{width:100%;top:-64px}.header__logo{float:left;height:32px;width:32px;margin:16px 0}.header__title{overflow:hidden;font-size:26px;color:rgba(0,0,0,.84)}.header__title:hover{text-decoration:none}.header__icon{color:rgba(0,0,0,.54);text-decoration:none;width:25px;margin-left:10px;float:left;margin-top:25px}.header__icon:hover{text-decoration:none;color:rgba(0,0,0,.68)}.header__icon svg{height:16px;width:16px}.header__icon.avatar{display:inline-block;height:32px;width:32px;border-radius:16px;margin-top:16px;margin-left:14px}.header__a{color:#03a87c;font-size:16px;float:left;margin:16px 0 0 16px;line-height:32px}.footer,.footer__tag{margin-top:50px}.header__a:hover{text-decoration:none;color:#018f69;border-color:#018f69}.header__nav{height:50px}.header__nav .wrapper{overflow:auto;word-wrap:normal;white-space:nowrap}.header__nav .wrapper::-webkit-scrollbar{display:none}.header__nav a{color:rgba(0,0,0,.76);font-size:15px;padding:0 10px;line-height:50px;text-decoration:none}.header__nav a img{height:16px;width:16px;vertical-align:text-top}.header__nav a:first-child{padding-left:0}.header__nav--fixed{z-index:11;width:100%;top:0}.post,.post__share #articleShare{position:relative}.article__item--big,.article__item--small{width:318px;margin-right:20px}.footer{padding:10px 20px 25px;font-size:14px;border-top:1px solid rgba(0,0,0,.05);color:rgba(0,0,0,.38)}.footer a,.footer__tag li a{color:rgba(0,0,0,.54)}.footer__tag>div{margin-right:20px}.footer__tag>div:last-child{margin-right:0}.footer__tag li{list-style:none}.footer__tag li a{display:block;line-height:30px;word-break:keep-all;overflow:hidden;text-overflow:ellipsis;padding:0 25px}.footer__tag li a:hover{color:rgba(0,0,0,.68)}.main{margin:50px 20px 0}.main .content{margin-top:50px}.board{padding:12px 0}.article__wrap{margin-right:-20px}.article__item{border:1px solid rgba(0,0,0,.1);border-radius:2px;margin-bottom:20px;float:left}.article__item--big .article__main{height:275px;overflow:hidden;margin-bottom:10px}.article__item--small .article__main{height:94px;overflow:hidden;margin-bottom:10px}.article__item--mid{width:488px;margin-right:20px}.article__item--mid .article__main{height:195px;overflow:hidden;margin-bottom:10px}.article__panel{padding:16px}.article__title{overflow:hidden;line-height:24px;font-size:21px;font-weight:600;word-break:break-all}.article__title a{color:rgba(0,0,0,.84)}.article__title a:hover{text-decoration:none}.article__title sup{top:-6px;font-size:12px;color:#03a87c}.article__content{margin-top:4px;font-size:16px;color:rgba(0,0,0,.54);overflow:hidden;line-height:23px;word-break:break-all}.article__meta{font-size:15px;line-height:23px}.b3-solo-list{display:none}.post{margin:50px auto 20px}.post__main{margin:20px 0 0}.post__title{font-weight:700;font-size:42px;margin:0 -20px 10px;word-break:break-all}.post__title sup{font-size:16px;top:-20px;color:#03a87c}.post__tags{padding:4px 0 22px;border-bottom:1px solid rgba(0,0,0,.05)}.post__share{padding:20px 0;margin-bottom:20px;font-size:16px}.post__share svg{height:20px;width:20px;vertical-align:bottom}.post__share #articleShare .article__code{position:absolute;height:130px;width:130px;left:-2px;top:22px}.post__share-icon{color:rgba(0,0,0,.54);cursor:pointer}.post__share-icon:hover{color:rgba(0,0,0,.68)}.post__view{color:#03a87c}.post__view:hover{color:#018f69;text-decoration:none}.post__side{position:fixed;top:50%;left:10%;width:55px;font-size:16px;margin-top:-125px;transition:opacity .1s;opacity:0}.post__side svg{height:25px;width:25px}.post__side .ft-green svg{height:55px;width:55px;vertical-align:bottom;margin-bottom:10px}.post__side .article__code{position:absolute;height:130px;width:130px;left:45px;top:90px}#articleSideShare{width:26px;margin:0 auto}.article__bottom{background-color:#fafafa;padding:40px 20px}.article__bottom .footer__tag{margin-bottom:50px}.article__comment{width:640px;margin:45px auto 0;position:relative}.article__comment .comment__title{font-size:16px;margin-bottom:15px;color:rgba(0,0,0,.68)}.article__comment .comment__item{background-color:#fff;box-shadow:rgba(0,0,0,.04) 0 1px 4px;border:1px solid rgba(0,0,0,.09);border-radius:3px;padding:10px 20px 10px 77px;margin:0 0 20px}.article__comment .comment__avatar{position:absolute;left:10px;height:57px;width:57px;display:inline-block;z-index:10;border:2px solid #fff;border-radius:50%}.article__comment .comment__body svg.ft-gray{height:12px;width:12px;vertical-align:text-top;margin-left:5px}.article__comment .comment__body .content-reset{min-height:40px}.article__comment .comment__user,.article__comment .comment__user a{color:#03a87c}.article__comment .comment__user a:hover{color:#018f69;text-decoration:none}.comment-body-ref{position:absolute;width:559px;box-sizing:border-box;left:101px}.comment-body-ref .ft-green{display:none}.em00,.em01,.em02,.em03,.em04,.em05,.em06,.em07,.em08,.em09,.em10,.em11,.em12,.em13,.em14{cursor:pointer;background-image:url(../../../images/emotions/emotions.png);background-size:120px;float:left;height:24px;margin-right:10px;margin-bottom:5px;width:24px;transition:all .2s ease-out;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out}#emotions span:hover{transform:scale(1.2) rotate(360deg);-webkit-transform:scale(1.2) rotate(360deg);-moz-transform:scale(1.2) rotate(360deg)}.em01{background-position:-24px 0}.em02{background-position:-48px 0}.em03{background-position:-72px 0}.em04{background-position:-96px 0}.em05{background-position:0 -24px}.em06{background-position:-24px -24px}.em07{background-position:-48px -24px}.em08{background-position:-72px -24px}.em09{background-position:-96px -24px}.em10{background-position:0 -48px}.em11{background-position:-24px -48px}.em12{background-position:-48px -48px}.em13{background-position:-72px -48px}.em14{background-position:-96px -48px}#commentForm,#replyForm{width:100%}#replyForm{margin-top:20px}.comment__textarea{background-color:#fff;box-shadow:rgba(0,0,0,.04) 0 1px 4px;border:1px solid rgba(0,0,0,.09);border-radius:3px;padding:10px;margin:0 0 5px;width:100%;box-sizing:border-box}.captcha{height:35px;margin:-5px 0 0 7px;border:1px solid rgba(0,0,0,.04);border-radius:3px}#submitCommentButton,#submitCommentButtonReply{background-color:#fff;border:1px solid #03a87c;color:#03a87c;border-radius:3px;padding:5px 10px;transition:all .1s}#submitCommentButton:hover,#submitCommentButtonReply:hover{background-color:#fff;border-color:#018f69;color:#018f69}.article__toolbar{box-shadow:0 0 1px rgba(0,0,0,.54);position:fixed;bottom:-44px;width:100%;background-color:#fff;height:44px;font-size:16px;line-height:44px;transition:all .1s;opacity:0}.article__toolbar svg{height:20px;width:20px;vertical-align:middle}.article__toolbar .fn-right{position:absolute;top:0;right:20px}.article__toolbar .article__code{position:absolute;height:130px;width:130px;left:50px;bottom:30px}.article__next{border-left:1px solid rgba(0,0,0,.38);line-height:14px;margin-top:7px;color:rgba(0,0,0,.84);font-size:18px;display:inline-block;padding-left:20px;margin-left:20px;transition:all .2s;float:right}.article__next:hover{text-decoration:none;color:rgba(0,0,0,.54)}.pagination{margin-top:30px;font-size:16px;border-top:1px solid rgba(0,0,0,.15)}.pagination__item{border-top:1px solid transparent;transition:all .1s;display:inline-block;position:relative;top:-1px;margin:0 10px;padding:0 10px;line-height:30px;color:rgba(0,0,0,.54)}.pagination__item:hover{border-top-color:rgba(0,0,0,.54);color:rgba(0,0,0,.84);text-decoration:none}.pagination__item--active{background:rgba(0,0,0,.05);border-top-color:rgba(0,0,0,.54)}.pagination__item--active:hover{color:rgba(0,0,0,.54);border-top-color:rgba(0,0,0,.54)}.pagination__item:first-child{margin-left:0}.pagination__item:last-child{margin-right:0}.pagination__omit{top:-5px;margin:0;border:0;padding:0;color:#ccc}.page__item{display:block;border-bottom:1px solid rgba(0,0,0,.05);padding:40px 0 35px}@media (max-width:768px){.header{text-align:left}#articleBottomShare,#articleShare,.article__comment .comment__avatar,.article__next,.header__logo,.post__side{display:none}.post{margin:50px 20px 20px}.article__toolbar{padding-left:20px;box-sizing:border-box}.article__item{width:100%;margin-bottom:20px}.article__wrap{margin:0}.article__comment{width:100%}.article__main{height:auto!important}.footer .fn-right{float:none}.footer__tag{display:block}.footer__tag>div{margin:0 0 50px}.footer__tag>div:last-child,.pagination__item{margin:0}.emotions span{margin:0;transform:scale(.7)}.article__comment .comment__item{padding-left:10px}}#nprogress{pointer-events:none}#nprogress .bar{background:#d23f31;position:fixed;z-index:1031;top:0;left:0;width:100%;height:2px}#nprogress .peg{display:block;position:absolute;right:0;width:100px;height:100%;box-shadow:0 0 10px #d23f31,0 0 5px #d23f31;opacity:1;-webkit-transform:rotate(3deg) translate(0,-4px);-ms-transform:rotate(3deg) translate(0,-4px);transform:rotate(3deg) translate(0,-4px)}#nprogress .spinner{display:block;position:fixed;z-index:1031;top:15px;right:15px}#nprogress .spinner-icon{width:18px;height:18px;box-sizing:border-box;border:2px solid transparent;border-top-color:#d23f31;border-left-color:#d23f31;border-radius:50%;-webkit-animation:nprogress-spinner .4s linear infinite;animation:nprogress-spinner .4s linear infinite}.nprogress-custom-parent{overflow:hidden;position:relative}.nprogress-custom-parent #nprogress .bar,.nprogress-custom-parent #nprogress .spinner{position:absolute}@-webkit-keyframes nprogress-spinner{0%{-webkit-transform:rotate(0)}100%{-webkit-transform:rotate(360deg)}}@keyframes nprogress-spinner{0%{transform:rotate(0)}100%{transform:rotate(360deg)}} \ No newline at end of file +blockquote,body,dd,dl,h1,h2,h3,h4,h5,h6,ol,p,ul{margin:0}.content-reset,body,button,input,select,textarea{font-family:"Helvetica Neue","Luxi Sans","DejaVu Sans",Tahoma,"Hiragino Sans GB","Microsoft Yahei",sans-serif}.ft-green,.header,.header__a,.header__icon,.post__view,.tag{transition:all .1s}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;height:100%}body{-webkit-font-smoothing:antialiased}::-moz-selection{text-shadow:none;background:rgba(65,131,196,.4)}::selection{text-shadow:none;background:rgba(66,133,244,.4)}ol,ul{padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none}a{outline:0;text-decoration:none;color:#4285f4}a:hover{text-decoration:underline}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{max-width:100%;vertical-align:middle;border:0;height:auto;-ms-interpolation-mode:bicubic}button,input,select,textarea{margin:0;font-size:100%;vertical-align:middle;outline:0}button,input{line-height:normal}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}.content-reset h1,.content-reset h2{padding-bottom:.3em;border-bottom:1px solid #eee}button,input[type=button],input[type=reset],input[type=submit]{cursor:pointer;-webkit-appearance:button}input[type=search]{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}textarea{overflow:auto;resize:vertical}svg{fill:currentColor;display:inline-block;stroke-width:0;stroke:currentColor;width:14px;height:14px}.content-reset{word-wrap:break-word;overflow:auto;line-height:1.5;font-size:16px;word-break:break-all}.content-reset ol,.content-reset ul{padding-left:2em;margin-top:0;margin-bottom:16px}.content-reset li{margin-top:.25em}.content-reset h1,.content-reset h2,.content-reset h3,.content-reset h4,.content-reset h5,.content-reset h6{margin-top:24px;margin-bottom:16px;font-weight:600;line-height:1.25}.content-reset h1{font-size:2em}.content-reset h2{font-size:1.5em}.content-reset h3{font-size:1.25em}.content-reset h4{font-size:1em}.content-reset h5{font-size:.875em}.content-reset h6{font-size:.85em}.content-reset hr{height:.25em;padding:0;margin:24px 0;background-color:#e7e7e7;border:0}.content-reset p{margin-top:0;margin-bottom:16px}.content-reset blockquote{padding:0 1em;color:#777;border-left:.25em solid #ddd;margin-bottom:16px}.content-reset blockquote p{margin:0}.content-reset iframe{border:1px solid #ccc}.content-reset table{width:100%;border:1px solid #dedede;margin:15px auto;border-collapse:collapse;empty-cells:show}.content-reset thead{text-align:center}.content-reset td,.content-reset th{height:35px;border:1px solid #dedede;padding:0 10px}.content-reset th{font-weight:700;text-align:center!important;background:rgba(158,188,226,.2)}.board,.header,.pagination__item,.post__side{text-align:center}.content-reset tbody tr:nth-child(2n){background:rgba(158,188,226,.12)}.content-reset tr:hover{background:#efefef}.content-reset code{padding:.2em .4em;margin:0;font-size:85%;background-color:rgba(252,41,41,.12);border-radius:3px;color:#d23f31;font-family:mononoki,Consolas,"Liberation Mono",Menlo,Courier,monospace}.content-reset pre>code{padding:.5em;color:#333;background-color:rgba(0,0,0,.04);background-image:url(../images/code-bg.png);background-size:20px 20px;border-radius:5px}.content-reset kbd{display:inline-block;padding:3px 5px;font:11px Consolas,"Liberation Mono",Menlo,Courier,monospace;line-height:10px;color:#555;vertical-align:middle;background-color:#fcfcfc;border:1px solid #ccc;border-bottom-color:#bbb;border-radius:3px;box-shadow:inset 0 -1px 0 #bbb}.ft-12,.tag{font-weight:400}.content-reset .task-list-item,.content-reset__task{list-style:none;margin-left:-1em}.content-reset img{cursor:zoom-in}.content-reset img.emoji{cursor:auto;max-width:18px}.content-reset ins>iframe{border:0}.fn-flex{display:flex}.fn-flex-1{flex:1;min-width:1px}.fn-clear:after,.fn-clear:before{display:table;content:""}.fn-clear:after{clear:both}.fn-left{float:left}.fn-right{float:right}.ft-12{font-size:12px}.ft-gray{color:rgba(0,0,0,.54)}.ft-fade{color:rgba(0,0,0,.38)}.ft-green{color:#03a87c!important}.ft-green:hover{color:#018f69!important}.pipe-tooltipped{position:relative;cursor:pointer}.pipe-tooltipped::after,.pipe-tooltipped::before{position:absolute;display:none;pointer-events:none}.pipe-tooltipped::after{z-index:1000;padding:5px 8px;font-size:11px;font-weight:400;color:#fff;text-align:center;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-wrap:break-word;white-space:pre;content:attr(aria-label);background:rgba(0,0,0,.8);border-radius:3px;line-height:16px;opacity:0}.footer__tag li a,.header h1,.tag{white-space:nowrap}.pipe-tooltipped::before{z-index:1000001;width:0;height:0;color:rgba(0,0,0,.8);content:"";border:5px solid transparent;opacity:0}.header h1,.tag{display:inline-block}.tag,.tag:hover{color:rgba(0,0,0,.68)}@keyframes tooltip-appear{from{opacity:0}to{opacity:1}}.pipe-tooltipped:active::after,.pipe-tooltipped:active::before,.pipe-tooltipped:focus::after,.pipe-tooltipped:focus::before,.pipe-tooltipped:hover::after,.pipe-tooltipped:hover::before{display:inline-block;text-decoration:none;animation-name:tooltip-appear;animation-duration:.1s;animation-fill-mode:forwards;animation-timing-function:ease-in;animation-delay:.4s}.pipe-tooltipped--s::after,.pipe-tooltipped--se::after,.pipe-tooltipped--sw::after{top:100%;right:50%;margin-top:5px}.pipe-tooltipped--s::before,.pipe-tooltipped--se::before,.pipe-tooltipped--sw::before{top:auto;right:50%;bottom:-5px;margin-right:-5px;border-bottom-color:rgba(0,0,0,.8)}.pipe-tooltipped--se::after{right:auto;left:50%;margin-left:-15px}.pipe-tooltipped--sw::after{margin-right:-15px}.pipe-tooltipped--n::after,.pipe-tooltipped--ne::after,.pipe-tooltipped--nw::after{right:50%;bottom:100%;margin-bottom:5px}.pipe-tooltipped--n::before,.pipe-tooltipped--ne::before,.pipe-tooltipped--nw::before{top:-5px;right:50%;bottom:auto;margin-right:-5px;border-top-color:rgba(0,0,0,.8)}.pipe-tooltipped--ne::after{right:auto;left:50%;margin-left:-15px}.pipe-tooltipped--nw::after{margin-right:-15px}.pipe-tooltipped--n::after,.pipe-tooltipped--s::after{transform:translateX(50%)}.pipe-tooltipped--w::after{right:100%;bottom:50%;margin-right:5px;transform:translateY(50%)}.pipe-tooltipped--w::before{top:50%;bottom:50%;left:-5px;margin-top:-5px;border-left-color:rgba(0,0,0,.8)}.pipe-tooltipped--e::after{bottom:50%;left:100%;margin-left:5px;transform:translateY(50%)}.pipe-tooltipped--e::before{top:50%;right:-5px;bottom:50%;margin-top:-5px;border-right-color:rgba(0,0,0,.8)}.tag{background-color:rgba(0,0,0,.05);padding:5px 10px;line-height:22px;border-radius:3px;margin:0 8px 8px 0;font-size:15px}.tag__level0,.tag__level1,.tag__level2,.tag__level3,.tag__level4{line-height:inherit}.tag:hover{text-decoration:none;background:rgba(0,0,0,.1)}.header__icon.avatar,.header__logo{background-size:cover;background-repeat:no-repeat;background-position:center center}.tag__level0{font-size:12px;color:rgba(0,0,0,.38)}.tag__level1{font-size:16px;color:rgba(0,0,0,.54)}.tag__level2{font-size:21px;color:#6f6f6f}.tag__level3{font-size:24px;color:#3b3e43}.tag__level4{font-size:30px;color:#000}.module__title{border-bottom:1px solid rgba(0,0,0,.15);margin-bottom:25px;line-height:26px;font-size:22px;position:relative;height:46px}.module__title>span{border-bottom:1px solid rgba(0,0,0,.54);position:absolute;padding-bottom:20px;height:26px}.header--fixed,.header__nav--fixed{position:fixed;background-color:#fff;box-shadow:0 2px 2px -2px rgba(0,0,0,.15)}.header,.header__nav{padding:0 20px;box-sizing:border-box}.wrapper{max-width:1000px;margin:0 auto;box-sizing:border-box}.article__toolbar .wrapper,.post{max-width:740px}.header{height:64px;z-index:11}.header h1{line-height:61px;width:50%;overflow:auto}.header h1::-webkit-scrollbar{display:none}.header--fixed{width:100%;top:-64px}.header__logo{float:left;height:32px;width:32px;margin:16px 0}.header__title{overflow:hidden;font-size:26px;color:rgba(0,0,0,.84)}.header__title:hover{text-decoration:none}.header__icon{color:rgba(0,0,0,.54);text-decoration:none;width:25px;margin-left:10px;float:left;margin-top:25px}.header__icon:hover{text-decoration:none;color:rgba(0,0,0,.68)}.header__icon svg{height:16px;width:16px}.header__icon.avatar{display:inline-block;height:32px;width:32px;border-radius:16px;margin-top:16px;margin-left:14px}.header__a{color:#03a87c;font-size:16px;float:left;margin:16px 0 0 16px;line-height:32px}.footer,.footer__tag{margin-top:50px}.header__a:hover{text-decoration:none;color:#018f69;border-color:#018f69}.header__nav{height:50px}.header__nav .wrapper{overflow:auto;word-wrap:normal;white-space:nowrap}.header__nav .wrapper::-webkit-scrollbar{display:none}.header__nav a{color:rgba(0,0,0,.76);font-size:15px;padding:0 10px;line-height:50px;text-decoration:none}.header__nav a img{height:16px;width:16px;vertical-align:text-top}.header__nav a:first-child{padding-left:0}.header__nav--fixed{z-index:11;width:100%;top:0}.post,.post__share #articleShare{position:relative}.article__item--big,.article__item--small{width:318px;margin-right:20px}.footer{padding:10px 20px 25px;font-size:14px;border-top:1px solid rgba(0,0,0,.05);color:rgba(0,0,0,.38)}.footer a,.footer__tag li a{color:rgba(0,0,0,.54)}.footer__tag>div{margin-right:20px}.footer__tag>div:last-child{margin-right:0}.footer__tag li{list-style:none}.footer__tag li a{display:block;line-height:30px;word-break:keep-all;overflow:hidden;text-overflow:ellipsis;padding:0 25px}.footer__tag li a:hover{color:rgba(0,0,0,.68)}.main{margin:50px 20px 0}.main .content{margin-top:50px}.board{padding:12px 0}.article__wrap{margin-right:-20px}.article__item{border:1px solid rgba(0,0,0,.1);border-radius:2px;margin-bottom:20px;float:left}.article__item--big .article__main{height:275px;overflow:hidden;margin-bottom:10px}.article__item--small .article__main{height:94px;overflow:hidden;margin-bottom:10px}.article__item--mid{width:488px;margin-right:20px}.article__item--mid .article__main{height:195px;overflow:hidden;margin-bottom:10px}.article__panel{padding:16px}.article__title{overflow:hidden;line-height:24px;font-size:21px;font-weight:600;word-break:break-all}.article__title a{color:rgba(0,0,0,.84)}.article__title a:hover{text-decoration:none}.article__title sup{top:-6px;font-size:12px;color:#03a87c}.article__content{margin-top:4px;font-size:16px;color:rgba(0,0,0,.54);overflow:hidden;line-height:23px;word-break:break-all}.article__meta{font-size:15px;line-height:23px}.b3-solo-list{display:none}.post{margin:50px auto 20px}.post__main{margin:20px 0 0}.post__title{font-weight:700;font-size:42px;margin:0 -20px 10px;word-break:break-all}.post__title sup{font-size:16px;top:-20px;color:#03a87c}.post__tags{padding:4px 0 22px;border-bottom:1px solid rgba(0,0,0,.05)}.post__share{padding:20px 0;margin-bottom:20px;font-size:16px}.post__share svg{height:20px;width:20px;vertical-align:bottom}.post__share #articleShare .article__code{position:absolute;height:130px;width:130px;left:-2px;top:22px}.post__share-icon{color:rgba(0,0,0,.54);cursor:pointer}.post__share-icon:hover{color:rgba(0,0,0,.68)}.post__view{color:#03a87c}.post__view:hover{color:#018f69;text-decoration:none}.post__side{position:fixed;top:50%;left:10%;width:55px;font-size:16px;margin-top:-125px;transition:opacity .1s;opacity:0}.post__side svg{height:25px;width:25px}.post__side .ft-green svg{height:55px;width:55px;vertical-align:bottom;margin-bottom:10px}.post__side .article__code{position:absolute;height:130px;width:130px;left:45px;top:90px}#articleSideShare{width:26px;margin:0 auto}.article__bottom{background-color:#fafafa;padding:40px 20px}.article__bottom .footer__tag{margin-bottom:50px}.article__comment{width:640px;margin:45px auto 0;position:relative}.article__comment .comment__title{font-size:16px;margin-bottom:15px;color:rgba(0,0,0,.68)}.article__comment .comment__item{background-color:#fff;box-shadow:rgba(0,0,0,.04) 0 1px 4px;border:1px solid rgba(0,0,0,.09);border-radius:3px;padding:10px 20px 10px 77px;margin:0 0 20px}.article__comment .comment__avatar{position:absolute;left:10px;height:57px;width:57px;display:inline-block;z-index:10;border:2px solid #fff;border-radius:50%}.article__comment .comment__body svg.ft-gray{height:12px;width:12px;vertical-align:text-top;margin-left:5px}.article__comment .comment__body .content-reset{min-height:40px}.article__comment .comment__user,.article__comment .comment__user a{color:#03a87c}.article__comment .comment__user a:hover{color:#018f69;text-decoration:none}.comment-body-ref{position:absolute;width:559px;box-sizing:border-box;left:101px}.comment-body-ref .ft-green{display:none}.em00,.em01,.em02,.em03,.em04,.em05,.em06,.em07,.em08,.em09,.em10,.em11,.em12,.em13,.em14{cursor:pointer;background-image:url(../../../images/emotions/emotions.png);background-size:120px;float:left;height:24px;margin-right:10px;margin-bottom:5px;width:24px;transition:all .2s ease-out;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out}#emotions span:hover{transform:scale(1.2) rotate(360deg);-webkit-transform:scale(1.2) rotate(360deg);-moz-transform:scale(1.2) rotate(360deg)}.em01{background-position:-24px 0}.em02{background-position:-48px 0}.em03{background-position:-72px 0}.em04{background-position:-96px 0}.em05{background-position:0 -24px}.em06{background-position:-24px -24px}.em07{background-position:-48px -24px}.em08{background-position:-72px -24px}.em09{background-position:-96px -24px}.em10{background-position:0 -48px}.em11{background-position:-24px -48px}.em12{background-position:-48px -48px}.em13{background-position:-72px -48px}.em14{background-position:-96px -48px}#commentForm,#replyForm{width:100%}#replyForm{margin-top:20px}.comment__textarea{background-color:#fff;box-shadow:rgba(0,0,0,.04) 0 1px 4px;border:1px solid rgba(0,0,0,.09);border-radius:3px;padding:10px;margin:0 0 5px;width:100%;box-sizing:border-box}.captcha{height:35px;margin:-5px 0 0 7px;border:1px solid rgba(0,0,0,.04);border-radius:3px}#submitCommentButton,#submitCommentButtonReply{background-color:#fff;border:1px solid #03a87c;color:#03a87c;border-radius:3px;padding:5px 10px;transition:all .1s}#submitCommentButton:hover,#submitCommentButtonReply:hover{background-color:#fff;border-color:#018f69;color:#018f69}.article__toolbar{box-shadow:0 0 1px rgba(0,0,0,.54);position:fixed;bottom:-44px;width:100%;background-color:#fff;height:44px;font-size:16px;line-height:44px;transition:all .1s;opacity:0}.article__toolbar svg{height:20px;width:20px;vertical-align:middle}.article__toolbar .fn-right{position:absolute;top:0;right:20px}.article__toolbar .article__code{position:absolute;height:130px;width:130px;left:50px;bottom:30px}.article__next{border-left:1px solid rgba(0,0,0,.38);line-height:14px;margin-top:7px;color:rgba(0,0,0,.84);font-size:18px;display:inline-block;padding-left:20px;margin-left:20px;transition:all .2s;float:right}.article__next:hover{text-decoration:none;color:rgba(0,0,0,.54)}.pagination{margin-top:30px;font-size:16px;border-top:1px solid rgba(0,0,0,.15)}.pagination__item{border-top:1px solid transparent;transition:all .1s;display:inline-block;position:relative;top:-1px;margin:0 10px;padding:0 10px;line-height:30px;color:rgba(0,0,0,.54)}.pagination__item:hover{border-top-color:rgba(0,0,0,.54);color:rgba(0,0,0,.84);text-decoration:none}.pagination__item--active{background:rgba(0,0,0,.05);border-top-color:rgba(0,0,0,.54)}.pagination__item--active:hover{color:rgba(0,0,0,.54);border-top-color:rgba(0,0,0,.54)}.pagination__item:first-child{margin-left:0}.pagination__item:last-child{margin-right:0}.pagination__omit{top:-5px;margin:0;border:0;padding:0;color:#ccc}.page__item{display:block;border-bottom:1px solid rgba(0,0,0,.05);padding:40px 0 35px}@media (max-width:768px){.header{text-align:left}#articleBottomShare,#articleShare,.article__comment .comment__avatar,.article__next,.header__logo,.post__side{display:none}.post{margin:50px 20px 20px}.article__toolbar{padding-left:20px;box-sizing:border-box}.article__item{width:100%;margin-bottom:20px}.article__wrap{margin:0}.article__comment{width:100%}.article__main{height:auto!important}.footer .fn-right{float:none}.footer__tag{display:block}.footer__tag>div{margin:0 0 50px}.footer__tag>div:last-child,.pagination__item{margin:0}.emotions span{margin:0;transform:scale(.7)}.article__comment .comment__item{padding-left:10px}}#nprogress{pointer-events:none}#nprogress .bar{background:#d23f31;position:fixed;z-index:1031;top:0;left:0;width:100%;height:2px}#nprogress .peg{display:block;position:absolute;right:0;width:100px;height:100%;box-shadow:0 0 10px #d23f31,0 0 5px #d23f31;opacity:1;-webkit-transform:rotate(3deg) translate(0,-4px);-ms-transform:rotate(3deg) translate(0,-4px);transform:rotate(3deg) translate(0,-4px)}#nprogress .spinner{display:block;position:fixed;z-index:1031;top:15px;right:15px}#nprogress .spinner-icon{width:18px;height:18px;box-sizing:border-box;border:2px solid transparent;border-top-color:#d23f31;border-left-color:#d23f31;border-radius:50%;-webkit-animation:nprogress-spinner .4s linear infinite;animation:nprogress-spinner .4s linear infinite}.nprogress-custom-parent{overflow:hidden;position:relative}.nprogress-custom-parent #nprogress .bar,.nprogress-custom-parent #nprogress .spinner{position:absolute}@-webkit-keyframes nprogress-spinner{0%{-webkit-transform:rotate(0)}100%{-webkit-transform:rotate(360deg)}}@keyframes nprogress-spinner{0%{transform:rotate(0)}100%{transform:rotate(360deg)}} \ No newline at end of file diff --git a/NeoEase/css/NeoEase.css b/NeoEase/css/NeoEase.css index 535e5fb..5b2ba8e 100644 --- a/NeoEase/css/NeoEase.css +++ b/NeoEase/css/NeoEase.css @@ -19,7 +19,7 @@ * skin neoease style * * @author Liyuan Li - * @version 1.1.0.0, Sep 21, 2017 + * @version 1.2.0.0, Jan 2, 2019 */ /* start base */ html, body, div, ul, li, h1, h2, h3, h4, h5, h6 { @@ -560,12 +560,61 @@ textarea, input { background-position: 0 -70px; } +/* start article-body */ .article-body { + font-size: 16px; + word-break: break-word; line-height: 145%; overflow: hidden; word-wrap: break-word; } +.article-body a { + border-bottom: 1px solid #DFDFDF; +} + +.article-body a:hover { + color: #D54E21; + border-bottom: 1px solid #D54E21; +} + +.article-body p { + line-height: 18px; +} + +.article-body ul, +.article-body ol { + margin-top: 0; + margin-bottom: 16px; + margin-left: 40px; +} + +.article-body li { + margin-top: 0.25em; +} + +.article-body img { + cursor: zoom-in; +} + +.article-body img.emoji { + cursor: auto; + max-width: 18px; +} + +.article-body h1, +.article-body h2, +.article-body h3, +.article-body h4, +.article-body h5, +.article-body h6 { + margin-top: 24px; + margin-bottom: 16px; + font-weight: 600; + line-height: 1.25; +} + + .article-body h1 { font-size: 2em; margin: .67em 0; @@ -595,23 +644,117 @@ textarea, input { margin: 1.67em 0; } -.article-body ol, .article-body ul { - margin-left: 40px; -} - -.article-body a { - border-bottom: 1px solid #DFDFDF; -} - -.article-body a:hover { - color: #D54E21; - border-bottom: 1px solid #D54E21; +.article-body hr { + height: 0.15em; + padding: 0; + margin: 24px 0; + background-color: #e7e7e7; + border: 0; } .article-body p { - line-height: 18px; + margin-top: 0; + margin-bottom: 16px; } +.article-body blockquote { + padding: 0 1em; + color: #777; + border-left: 0.25em solid #ddd; + margin-bottom: 16px; +} + +.article-body blockquote p { + margin: 0; +} + +.article-body ins > iframe { + border: 0; +} + +.article-body iframe { + border: 1px solid rgba(0, 0, 0, 0.38); +} + +.article-body table { + width: 100%; + border: 1px solid #dedede; + margin: 15px auto; + border-collapse: collapse; + empty-cells: show; +} + +.article-body thead { + text-align: center; +} + +.article-body td, +.article-body th { + height: 35px; + border: 1px solid #dedede; + padding: 0 10px; +} + +.article-body th { + font-weight: bold; + text-align: center !important; + background: rgba(158, 188, 226, 0.2); +} + +.article-body tbody tr:nth-child(2n) { + background: rgba(158, 188, 226, 0.12); +} + +.article-body tr:hover { + background: #efefef; +} + +.article-body code { + padding: 0.2em 0.4em; + margin: 0; + font-size: 85%; + background-color: rgba(252, 41, 41, 0.12); + border-radius: 3px; + word-break: break-word; +} + +.article-body pre { + position: relative; +} + +.article-body pre textarea { + position: absolute; + top: -100000px; +} + +.article-body pre > code { + padding: 0.5em; + background-color: rgba(0, 0, 0, 0.04); + background-size: 20px 20px; + border-radius: 5px; +} + +.article-body kbd { + display: inline-block; + padding: 3px 5px; + font: 11px Consolas, "Liberation Mono", Menlo, Courier, monospace; + line-height: 10px; + color: #555; + vertical-align: middle; + background-color: #fcfcfc; + border: solid 1px rgba(0, 0, 0, 0.38); + border-bottom-color: #bbb; + border-radius: 3px; + box-shadow: inset 0 -1px 0 #bbb; +} + +.article-body__task, +.article-body .task-list-item { + list-style: none; + margin-left: -1em; +} +/* end article-body */ + .pagination { margin-top: 30px; line-height: 21px; diff --git a/NeoEase/css/NeoEase.min.css b/NeoEase/css/NeoEase.min.css index 4f1b06d..79f2eaa 100644 --- a/NeoEase/css/NeoEase.min.css +++ b/NeoEase/css/NeoEase.min.css @@ -15,4 +15,4 @@ * You should have received a copy of the GNU Affero General Public License * along with this program. If not, see . */ -a:active,body{color:#333}.nav ul,.side ul{list-style:none}.recent-comments-content,.side .side-li li{text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow:hidden}.article-body,.clear,.main,.side,.side .side-li li{overflow:hidden}#goTop,.form img,.translate-ico{cursor:pointer}a:link,input,textarea{outline:0}#tagsSide li a,.form th,.side .side-li a{white-space:nowrap}body,div,h1,h2,h3,h4,h5,h6,html,li,ul{margin:0;padding:0}::selection{background-color:#ccc;color:#fff}::-moz-selection{background-color:#ccc;color:#fff}body{font-family:"Lucida Grande",Verdana,"\5fae\8f6f\96c5\9ed1";font-size:12px;background-color:#F9F9F9}a:link{color:#21759B;text-decoration:none}a:visited{color:#555777}a:hover{color:#D54E21}img{max-width:100%;vertical-align:middle;border:0;height:auto;-ms-interpolation-mode:bicubic}.left{float:left}.right{float:right}.clear{background-color:transparent;border:0;clear:both;display:block;font-size:0;height:0;line-height:0}.em-br,.em-span{line-height:24px}.none{display:none}.logo{padding:0 5px;text-shadow:0 0 1px #EEE}.tip{color:#D54E21;font-size:11px}.em00,.em01,.em02,.em03,.em04,.em05,.em06,.em07,.em08,.em09,.em10,.em11,.em12,.em13,.em14{background-image:url(../../../images/emotions/emotions.png);background-size:120px;float:left;height:24px;margin-right:5px;width:24px}.collapse-ico,.date-ico,.expand-ico,.tag-ico,.translate-ico,.user-ico{background-repeat:no-repeat;height:16px}.em01{background-position:-24px 0}.em02{background-position:-48px 0}.em03{background-position:-72px 0}.em04{background-position:-96px 0}.em05{background-position:0 -24px}.em06{background-position:-24px -24px}.em07{background-position:-48px -24px}.em08{background-position:-72px -24px}.em09{background-position:-96px -24px}.em10{background-position:0 -48px}.em11{background-position:-24px -48px}.em12{background-position:-48px -48px}.em13{background-position:-72px -48px}.em14{background-position:-96px -48px}.em-span{float:left}#search,.collapse-ico,.date-ico,.expand-ico,.feed-ico,.tag-ico,.translate-ico,.user-ico{background-image:url(../images/icons.png)}.feed-ico{background-position:right -146px;background-repeat:no-repeat;color:#333;padding-right:24px}.translate-ico{background-position:1px -125px;border:1px solid #999;border-radius:3px;float:right;margin:6px 0 0 18px;padding:1px;width:16px}.translate-ico:hover{border-color:#D54E21;box-shadow:0 0 1px #999;background-color:#F2F2F2}.collapse-ico,.expand-ico{background-position:54px -84px;cursor:pointer}.collapse-ico{background-position:54px -69px}.date-ico,.tag-ico,.user-ico{display:block;padding-left:20px}.tag-ico{margin:6px 6px 0 0}.date-ico{float:left;background-position:0 -16px}.user-ico{background-position:0 -32px;float:left;margin-left:12px}.wrapper{margin:0 auto;width:960px}.body{border-top:2px solid #DDD}.main{float:left;margin:16px 0 50px;width:667px}.header{background:url(../images/icons.png) 0 -220px repeat-x #F2F2F2;padding:20px 0}.header .title{border-bottom:1px solid #242424;color:#000;font-size:26px;font-weight:400}.header .sub-title{color:#242424;font-size:11px}#search,.nav a{font-size:14px}.nav .page-icon{float:left;height:14px;width:14px;margin:8px 3px 0 0}#search{background-position:7px -99px;background-repeat:no-repeat;background-color:#FFF;border:1px solid #DDD;border-radius:2px;box-shadow:0 1px 1px rgba(0,0,0,.1) inset;color:#888;float:right;height:20px;line-height:145%;padding:3px 10px 3px 28px;width:24px;-moz-transition:width .4s ease,background .4s ease;-webkit-transition:width .4s ease,background .4s ease;transition:width .4s ease,background .4s ease}.nav a,.nav li,.nav ul{float:left}#search:focus{background-color:#F9F9F9;width:196px}.nav{background-color:#E9E9E9;border-bottom:1px solid #CCC}.nav a{color:#666;display:block;height:30px;line-height:30px;padding:0 15px;text-shadow:0 1px 0 #EEE}#goTop,.footer{font-size:11px}.nav a:hover{color:#D54E21;background-color:#DDD}.nav .current{background-color:#DDD;margin:-1px 0;padding-right:2px}.nav .current a{background-color:#F9F9F9;border-color:#CCC #CCC #F9F9F9;border-style:solid;border-width:1px 1px 3px;font-weight:700;height:33px;line-height:33px;margin:-2px 0 -3px;color:#333;text-shadow:1px 1px 1px #C6D9E9}.nav img{margin-left:3px}.nav .right{line-height:29px}.footer{background-color:#E9E9E9;border-top:3px solid #DDD;color:#999;padding:12px 0}.footer a{color:#787878}.footer a:hover{color:#D54E21}#goTop{background:url(../images/icons.png) 5px -51px no-repeat #DDD;border-radius:2px 2px 0 0;height:21px;line-height:21px;padding:0 10px 0 23px;position:absolute;right:56px;display:none}#goTop:hover{background-color:#EAEAEA}.side{float:right;width:278px;margin-bottom:50px}.side>div{border-bottom:1px solid #DEDEDE;padding:10px 5px 15px}.side h4{font-size:14px;line-height:32px}#archiveSide{list-style:square;margin-left:18px}#archiveSide .archive-year{color:#D54E21;font-weight:700;height:18px;line-height:18px;list-style:none}.side a{line-height:18px;color:#21759B}.side a:hover{text-decoration:underline}.article-element a,.pagination a,.recent-comments-content a:hover{text-decoration:none}.side sup{color:#333}.side .side-li li{width:268px}.recent-comments li>img{background-color:#FFF;border:1px solid #999;padding:1px;width:32px;height:32px;margin-top:1px}.recent-comments-main{float:left;margin:0 0 9px 3px;width:229px}.recent-comments-main .collapse-ico,.recent-comments-main .expand-ico{background-position:0 -86px;float:right;width:16px;-moz-transition:opacity .4s ease;-webkit-transition:opacity .4s ease;transition:opacity .4s ease;opacity:0;filter:alpha(opacity=0)}.recent-comments li:hover .collapse-ico,.recent-comments li:hover .expand-ico{opacity:1;filter:alpha(opacity=100)}.recent-comments-main .collapse-ico{background-position:0 -70px}.recent-comments-content{height:18px}.recent-comments-content img{width:16px}.recent-comments-content a{color:#555777}.recent-comments-content p{margin:0}.article{border-bottom:1px solid #CCC;padding:0 5px 10px;margin-top:20px}.article-element{font-size:11px;line-height:16px;margin:12px 0}.article-element a{border-bottom:1px solid #DFDFDF;color:#555;padding-bottom:1px}.article-element a:hover{color:#D54E21;border-bottom-color:#D54E21}.article-title{color:#21759B;font-size:20px;font-weight:400}.article-title:hover{color:#D54E21}.article .collapse-ico,.article .expand-ico{float:right;margin-top:9px;padding-right:6px;width:15px;background-position:0 -86px}.article .collapse-ico{background-position:0 -70px}.article-body{line-height:145%;word-wrap:break-word}.article-body h1{font-size:2em;margin:.67em 0}.article-body h2{font-size:1.5em;margin:.75em 0}.article-body h3{font-size:1.17em;margin:.83em 0}.article-body h4{font-size:.83em;margin:1.5em 0}.article-body h6{font-size:.75em;margin:1.67em 0}.article-body ol,.article-body ul{margin-left:40px}.article-body a{border-bottom:1px solid #DFDFDF}.article-body a:hover{color:#D54E21;border-bottom:1px solid #D54E21}.article-body p{line-height:18px}.pagination{margin-top:30px;line-height:21px}.pagination a{border:1px solid #C5C3C2;font-size:10px;margin:2px;padding:1px 5px;background-color:#F2F2F2}.pagination a.current{background-color:#FFF;font-weight:700;padding:2px 6px;color:#000}.pagination a:hover{background-color:#F3DEDD;color:#D54E21;border:1px solid #D54E21}#comments>div,.share{border-bottom:1px solid #DEDEDE}.page{margin-top:20px;padding:0 5px 5px}.article-panel1{background-color:#F2F2F2;padding:5px 10px}.article-panel2{background-color:#FFF;margin-top:12px;padding:5px 10px}.article-panel2 ul{line-height:18px;list-style:square;margin-left:18px}.share{margin-top:15px}.share-comment{background-color:#DDD;border-radius:2px 2px 0 0;float:right;font-size:11px;height:21px;line-height:21px;margin-right:16px;padding:0 10px}.share-comment:hover{background-color:#EAEAEA}#comments{position:relative}#comments>div{padding:10px;width:647px;background-color:#F5F5F5}#comments>div:nth-child(2n){background-color:#F8F8F8}#comments .comment-panel>.right{-moz-transition:opacity .4s ease;-webkit-transition:opacity .4s ease;transition:opacity .4s ease;opacity:0;filter:alpha(opacity=0)}#comments>div:hover .comment-panel>.right{opacity:1;filter:alpha(opacity=100)}.comment-header{height:50px;width:50px;float:left;background-color:#FFF;border:1px solid #DEDEDE;padding:1px}.comment-panel{float:left;margin:0 10px;width:573px;line-height:16px}.comment-panel .article-body{margin-top:5px}#comments .comment-body-ref{border-bottom:0;background-color:#FFF;border-radius:5px;left:73px;position:absolute;box-shadow:1px 0 3px #DEDEDE;width:560px}.comment-body-ref .comment-panel{width:486px}.comment-body-ref .arrow{border-color:#F5F5F5 #FFF #F5F5F5 #F5F5F5;border-style:solid;border-width:6px 8px 10px 0;display:block;left:-8px;position:absolute;top:5px}.form{margin:10px}.form h4{margin:10px 0 5px 5px}.form th{text-align:right}.form input[type=text],.form input[type=password],.form textarea{border-color:silver #D9D9D9 #D9D9D9;border-style:solid;border-width:1px;font-family:"Lucida Grande",Verdana,'微软雅黑';font-size:12px;outline:0;padding:0 3px}.form input:focus,.form textarea:focus{box-shadow:0 1px 2px rgba(0,0,0,.3) inset}.form textarea{overflow:auto;resize:vertical;padding:3px;width:634px}.form input{height:24px;line-height:16px;width:260px}.form button{background-color:#B4D666;border-color:#B4D666 #81B840 #81B840 #B4D666;border-style:solid;border-width:1px;color:#2970A6;height:28px;line-height:28px;padding:0 12px}.form button:hover{background-color:#98C64C;border-color:#76B33A #98C64C #98C64C #76B33A;color:#074A7E}#tags li{float:left;list-style:none;height:38px}#tags a:hover{text-shadow:0 0 2px}#tags a{border-radius:3px;box-shadow:1px 1px 3px #333;float:left;margin:3px 6px;padding:3px 12px}#tagsSide li a{float:left;line-height:145%;margin-right:7px}.tags1{font-size:12px;color:#A1A1A1}.tags2{font-size:14px;color:#687F95}.tags3{font-size:16px;color:#4C6E90}.tags4{font-size:18px;color:#258}.tags5{font-size:20px}#tagsSide .tags2{font-size:14px}#tagsSide .tags3{font-size:16px}#tagsSide .tags4{font-size:18px}#tagsSide .tags5{font-size:20px}.main>h2{margin-top:16px}.error{background-image:url(../images/404.png);float:left;height:536px;margin:50px 80px;position:relative;width:363px}.error h2{left:-68px;position:absolute;top:-20px}.error a{background-color:#9CD941;border:265px;bottom:12px;color:#333555;float:left;padding:10px 15px;position:absolute;right:-106px}.error a:hover{background-color:#ADEb51} \ No newline at end of file +a:active,body{color:#333}.nav ul,.side ul{list-style:none}.recent-comments-content,.side .side-li li{text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow:hidden}.article-body,.clear,.main,.side,.side .side-li li{overflow:hidden}.article-body kbd,img{vertical-align:middle}a:link,input,textarea{outline:0}#tagsSide li a,.form th,.side .side-li a{white-space:nowrap}body,div,h1,h2,h3,h4,h5,h6,html,li,ul{margin:0;padding:0}::selection{background-color:#ccc;color:#fff}::-moz-selection{background-color:#ccc;color:#fff}body{font-family:"Lucida Grande",Verdana,"\5fae\8f6f\96c5\9ed1";font-size:12px;background-color:#F9F9F9}a:link{color:#21759B;text-decoration:none}a:visited{color:#555777}a:hover{color:#D54E21}img{max-width:100%;border:0;height:auto;-ms-interpolation-mode:bicubic}.left{float:left}.right{float:right}.clear{background-color:transparent;border:0;clear:both;display:block;font-size:0;height:0;line-height:0}.em-br,.em-span{line-height:24px}.none{display:none}.logo{padding:0 5px;text-shadow:0 0 1px #EEE}.tip{color:#D54E21;font-size:11px}.em00,.em01,.em02,.em03,.em04,.em05,.em06,.em07,.em08,.em09,.em10,.em11,.em12,.em13,.em14{background-image:url(../../../images/emotions/emotions.png);background-size:120px;float:left;height:24px;margin-right:5px;width:24px}.collapse-ico,.date-ico,.expand-ico,.tag-ico,.translate-ico,.user-ico{background-repeat:no-repeat;height:16px}.em01{background-position:-24px 0}.em02{background-position:-48px 0}.em03{background-position:-72px 0}.em04{background-position:-96px 0}.em05{background-position:0 -24px}.em06{background-position:-24px -24px}.em07{background-position:-48px -24px}.em08{background-position:-72px -24px}.em09{background-position:-96px -24px}.em10{background-position:0 -48px}.em11{background-position:-24px -48px}.em12{background-position:-48px -48px}.em13{background-position:-72px -48px}.em14{background-position:-96px -48px}.em-span{float:left}#search,.collapse-ico,.date-ico,.expand-ico,.feed-ico,.tag-ico,.translate-ico,.user-ico{background-image:url(../images/icons.png)}.feed-ico{background-position:right -146px;background-repeat:no-repeat;color:#333;padding-right:24px}.translate-ico{background-position:1px -125px;border:1px solid #999;border-radius:3px;cursor:pointer;float:right;margin:6px 0 0 18px;padding:1px;width:16px}.translate-ico:hover{border-color:#D54E21;box-shadow:0 0 1px #999;background-color:#F2F2F2}.collapse-ico,.expand-ico{background-position:54px -84px;cursor:pointer}.collapse-ico{background-position:54px -69px}.date-ico,.tag-ico,.user-ico{display:block;padding-left:20px}.tag-ico{margin:6px 6px 0 0}.date-ico{float:left;background-position:0 -16px}.user-ico{background-position:0 -32px;float:left;margin-left:12px}.wrapper{margin:0 auto;width:960px}.body{border-top:2px solid #DDD}.main{float:left;margin:16px 0 50px;width:667px}.header{background:url(../images/icons.png) 0 -220px repeat-x #F2F2F2;padding:20px 0}.header .title{border-bottom:1px solid #242424;color:#000;font-size:26px;font-weight:400}.header .sub-title{color:#242424;font-size:11px}#search,.nav a{font-size:14px}.nav .page-icon{float:left;height:14px;width:14px;margin:8px 3px 0 0}#search{background-position:7px -99px;background-repeat:no-repeat;background-color:#FFF;border:1px solid #DDD;border-radius:2px;box-shadow:0 1px 1px rgba(0,0,0,.1) inset;color:#888;float:right;height:20px;line-height:145%;padding:3px 10px 3px 28px;width:24px;-moz-transition:width .4s ease,background .4s ease;-webkit-transition:width .4s ease,background .4s ease;transition:width .4s ease,background .4s ease}.nav a,.nav li,.nav ul{float:left}#search:focus{background-color:#F9F9F9;width:196px}.nav{background-color:#E9E9E9;border-bottom:1px solid #CCC}.nav a{color:#666;display:block;height:30px;line-height:30px;padding:0 15px;text-shadow:0 1px 0 #EEE}#goTop,.footer{font-size:11px}.nav a:hover{color:#D54E21;background-color:#DDD}.nav .current{background-color:#DDD;margin:-1px 0;padding-right:2px}.nav .current a{background-color:#F9F9F9;border-color:#CCC #CCC #F9F9F9;border-style:solid;border-width:1px 1px 3px;font-weight:700;height:33px;line-height:33px;margin:-2px 0 -3px;color:#333;text-shadow:1px 1px 1px #C6D9E9}.nav img{margin-left:3px}.nav .right{line-height:29px}.footer{background-color:#E9E9E9;border-top:3px solid #DDD;color:#999;padding:12px 0}.footer a{color:#787878}.footer a:hover{color:#D54E21}#goTop{background:url(../images/icons.png) 5px -51px no-repeat #DDD;border-radius:2px 2px 0 0;cursor:pointer;height:21px;line-height:21px;padding:0 10px 0 23px;position:absolute;right:56px;display:none}#goTop:hover{background-color:#EAEAEA}.side{float:right;width:278px;margin-bottom:50px}.side>div{border-bottom:1px solid #DEDEDE;padding:10px 5px 15px}.side h4{font-size:14px;line-height:32px}#archiveSide{list-style:square;margin-left:18px}#archiveSide .archive-year{color:#D54E21;font-weight:700;height:18px;line-height:18px;list-style:none}.side a{line-height:18px;color:#21759B}.side a:hover{text-decoration:underline}.article-element a,.pagination a,.recent-comments-content a:hover{text-decoration:none}.side sup{color:#333}.side .side-li li{width:268px}.recent-comments li>img{background-color:#FFF;border:1px solid #999;padding:1px;width:32px;height:32px;margin-top:1px}.recent-comments-main{float:left;margin:0 0 9px 3px;width:229px}.recent-comments-main .collapse-ico,.recent-comments-main .expand-ico{background-position:0 -86px;float:right;width:16px;-moz-transition:opacity .4s ease;-webkit-transition:opacity .4s ease;transition:opacity .4s ease;opacity:0;filter:alpha(opacity=0)}.recent-comments li:hover .collapse-ico,.recent-comments li:hover .expand-ico{opacity:1;filter:alpha(opacity=100)}.recent-comments-main .collapse-ico{background-position:0 -70px}.recent-comments-content{height:18px}.recent-comments-content img{width:16px}.recent-comments-content a{color:#555777}.recent-comments-content p{margin:0}.article{border-bottom:1px solid #CCC;padding:0 5px 10px;margin-top:20px}.article-element{font-size:11px;line-height:16px;margin:12px 0}.article-element a{border-bottom:1px solid #DFDFDF;color:#555;padding-bottom:1px}.article-element a:hover{color:#D54E21;border-bottom-color:#D54E21}.article-title{color:#21759B;font-size:20px;font-weight:400}.article-title:hover{color:#D54E21}.article .collapse-ico,.article .expand-ico{float:right;margin-top:9px;padding-right:6px;width:15px;background-position:0 -86px}.article .collapse-ico{background-position:0 -70px}.article-body{font-size:16px;word-break:break-word;line-height:145%;word-wrap:break-word}.article-body a{border-bottom:1px solid #DFDFDF}.article-body a:hover{color:#D54E21;border-bottom:1px solid #D54E21}.article-body p{line-height:18px}.article-body ol,.article-body ul{margin-top:0;margin-bottom:16px;margin-left:40px}.article-body li{margin-top:.25em}.article-body img{cursor:zoom-in}.article-body img.emoji{cursor:auto;max-width:18px}.article-body h1,.article-body h2,.article-body h3,.article-body h4,.article-body h5,.article-body h6{margin-top:24px;margin-bottom:16px;font-weight:600;line-height:1.25}.article-body h1{font-size:2em;margin:.67em 0}.article-body h2{font-size:1.5em;margin:.75em 0}.article-body h3{font-size:1.17em;margin:.83em 0}.article-body h4{font-size:.83em;margin:1.5em 0}.article-body h6{font-size:.75em;margin:1.67em 0}.article-body hr{height:.15em;padding:0;margin:24px 0;background-color:#e7e7e7;border:0}.article-body p{margin-top:0;margin-bottom:16px}.article-body blockquote{padding:0 1em;color:#777;border-left:.25em solid #ddd;margin-bottom:16px}.article-body blockquote p{margin:0}.article-body ins>iframe{border:0}.article-body iframe{border:1px solid rgba(0,0,0,.38)}.article-body table{width:100%;border:1px solid #dedede;margin:15px auto;border-collapse:collapse;empty-cells:show}.article-body thead{text-align:center}.article-body td,.article-body th{height:35px;border:1px solid #dedede;padding:0 10px}.article-body th{font-weight:700;text-align:center!important;background:rgba(158,188,226,.2)}.article-body tbody tr:nth-child(2n){background:rgba(158,188,226,.12)}.article-body tr:hover{background:#efefef}.article-body code{padding:.2em .4em;margin:0;font-size:85%;background-color:rgba(252,41,41,.12);border-radius:3px;word-break:break-word}.article-body pre{position:relative}.article-body pre textarea{position:absolute;top:-100000px}.article-body pre>code{padding:.5em;background-color:rgba(0,0,0,.04);background-size:20px 20px;border-radius:5px}.article-body kbd{display:inline-block;padding:3px 5px;font:11px Consolas,"Liberation Mono",Menlo,Courier,monospace;line-height:10px;color:#555;background-color:#fcfcfc;border:1px solid rgba(0,0,0,.38);border-bottom-color:#bbb;border-radius:3px;box-shadow:inset 0 -1px 0 #bbb}.article-body .task-list-item,.article-body__task{list-style:none;margin-left:-1em}.pagination{margin-top:30px;line-height:21px}.pagination a{border:1px solid #C5C3C2;font-size:10px;margin:2px;padding:1px 5px;background-color:#F2F2F2}.pagination a.current{background-color:#FFF;font-weight:700;padding:2px 6px;color:#000}.pagination a:hover{background-color:#F3DEDD;color:#D54E21;border:1px solid #D54E21}#comments>div,.share{border-bottom:1px solid #DEDEDE}.page{margin-top:20px;padding:0 5px 5px}.article-panel1{background-color:#F2F2F2;padding:5px 10px}.article-panel2{background-color:#FFF;margin-top:12px;padding:5px 10px}.article-panel2 ul{line-height:18px;list-style:square;margin-left:18px}.share{margin-top:15px}.share-comment{background-color:#DDD;border-radius:2px 2px 0 0;float:right;font-size:11px;height:21px;line-height:21px;margin-right:16px;padding:0 10px}.share-comment:hover{background-color:#EAEAEA}#comments{position:relative}#comments>div{padding:10px;width:647px;background-color:#F5F5F5}#comments>div:nth-child(2n){background-color:#F8F8F8}#comments .comment-panel>.right{-moz-transition:opacity .4s ease;-webkit-transition:opacity .4s ease;transition:opacity .4s ease;opacity:0;filter:alpha(opacity=0)}#comments>div:hover .comment-panel>.right{opacity:1;filter:alpha(opacity=100)}.comment-header{height:50px;width:50px;float:left;background-color:#FFF;border:1px solid #DEDEDE;padding:1px}.comment-panel{float:left;margin:0 10px;width:573px;line-height:16px}.comment-panel .article-body{margin-top:5px}#comments .comment-body-ref{border-bottom:0;background-color:#FFF;border-radius:5px;left:73px;position:absolute;box-shadow:1px 0 3px #DEDEDE;width:560px}.comment-body-ref .comment-panel{width:486px}.comment-body-ref .arrow{border-color:#F5F5F5 #FFF #F5F5F5 #F5F5F5;border-style:solid;border-width:6px 8px 10px 0;display:block;left:-8px;position:absolute;top:5px}.form{margin:10px}.form img{cursor:pointer}.form h4{margin:10px 0 5px 5px}.form th{text-align:right}.form input[type=text],.form input[type=password],.form textarea{border-color:silver #D9D9D9 #D9D9D9;border-style:solid;border-width:1px;font-family:"Lucida Grande",Verdana,'微软雅黑';font-size:12px;outline:0;padding:0 3px}.form input:focus,.form textarea:focus{box-shadow:0 1px 2px rgba(0,0,0,.3) inset}.form textarea{overflow:auto;resize:vertical;padding:3px;width:634px}.form input{height:24px;line-height:16px;width:260px}.form button{background-color:#B4D666;border-color:#B4D666 #81B840 #81B840 #B4D666;border-style:solid;border-width:1px;color:#2970A6;height:28px;line-height:28px;padding:0 12px}.form button:hover{background-color:#98C64C;border-color:#76B33A #98C64C #98C64C #76B33A;color:#074A7E}#tags li{float:left;list-style:none;height:38px}#tags a:hover{text-shadow:0 0 2px}#tags a{border-radius:3px;box-shadow:1px 1px 3px #333;float:left;margin:3px 6px;padding:3px 12px}#tagsSide li a{float:left;line-height:145%;margin-right:7px}.tags1{font-size:12px;color:#A1A1A1}.tags2{font-size:14px;color:#687F95}.tags3{font-size:16px;color:#4C6E90}.tags4{font-size:18px;color:#258}.tags5{font-size:20px}#tagsSide .tags2{font-size:14px}#tagsSide .tags3{font-size:16px}#tagsSide .tags4{font-size:18px}#tagsSide .tags5{font-size:20px}.main>h2{margin-top:16px}.error{background-image:url(../images/404.png);float:left;height:536px;margin:50px 80px;position:relative;width:363px}.error h2{left:-68px;position:absolute;top:-20px}.error a{background-color:#9CD941;border:265px;bottom:12px;color:#333555;float:left;padding:10px 15px;position:absolute;right:-106px}.error a:hover{background-color:#ADEb51} \ No newline at end of file diff --git a/ease/css/ease.css b/ease/css/ease.css index c13c889..9af853f 100644 --- a/ease/css/ease.css +++ b/ease/css/ease.css @@ -19,7 +19,7 @@ * Skin ease style. * * @author Liyuan Li -* @version 1.2.0.0, Jun 4, 2018 +* @version 1.2.0.1, Jan 2, 2019 */ /* start base */ html, body, div, ul, li { @@ -383,7 +383,9 @@ sup { background-color: #FCFCFC; } +/* start article-body */ .article-body { + word-break: break-word; line-height: 145%; overflow: hidden; word-wrap: break-word; @@ -391,11 +393,177 @@ sup { font-size: 14px; } -.article-body ol, .article-body ul { +.article-body ul, +.article-body ol { + margin-top: 0; + margin-bottom: 16px; margin-left: 40px; padding-left: 0; } +.article-body li { + margin-top: 0.25em; +} + +.article-body img { + cursor: zoom-in; +} + +.article-body img.emoji { + cursor: auto; + max-width: 18px; +} + +.article-body h1, +.article-body h2, +.article-body h3, +.article-body h4, +.article-body h5, +.article-body h6 { + margin-top: 24px; + margin-bottom: 16px; + font-weight: 600; + line-height: 1.25; +} + +.article-body h1 { + padding-bottom: 0.3em; + font-size: 1.7em; + border-bottom: 1px solid #eee; +} + +.article-body h2 { + padding-bottom: 0.3em; + font-size: 1.5em; + border-bottom: 1px solid #eee; +} + +.article-body h3 { + font-size: 1.25em; +} + +.article-body h4 { + font-size: 1em; +} + +.article-body h5 { + font-size: 0.875em; +} + +.article-body h6 { + font-size: 0.85em; +} + +.article-body hr { + height: 0.15em; + padding: 0; + margin: 24px 0; + background-color: #e7e7e7; + border: 0; +} + +.article-body p { + margin-top: 0; + margin-bottom: 16px; +} + +.article-body blockquote { + padding: 0 1em; + color: #777; + border-left: 0.25em solid #ddd; + margin-bottom: 16px; +} + +.article-body blockquote p { + margin: 0; +} + +.article-body ins > iframe { + border: 0; +} + +.article-body iframe { + border: 1px solid rgba(0, 0, 0, 0.38); +} + +.article-body table { + width: 100%; + border: 1px solid #dedede; + margin: 15px auto; + border-collapse: collapse; + empty-cells: show; +} + +.article-body thead { + text-align: center; +} + +.article-body td, +.article-body th { + height: 35px; + border: 1px solid #dedede; + padding: 0 10px; +} + +.article-body th { + font-weight: bold; + text-align: center !important; + background: rgba(158, 188, 226, 0.2); +} + +.article-body tbody tr:nth-child(2n) { + background: rgba(158, 188, 226, 0.12); +} + +.article-body tr:hover { + background: #efefef; +} + +.article-body code { + padding: 0.2em 0.4em; + margin: 0; + font-size: 85%; + background-color: rgba(252, 41, 41, 0.12); + border-radius: 3px; + word-break: break-word; +} + +.article-body pre { + position: relative; +} + +.article-body pre textarea { + position: absolute; + top: -100000px; +} + +.article-body pre > code { + padding: 0.5em; + background-color: rgba(0, 0, 0, 0.04); + background-size: 20px 20px; + border-radius: 5px; +} + +.article-body kbd { + display: inline-block; + padding: 3px 5px; + font: 11px Consolas, "Liberation Mono", Menlo, Courier, monospace; + line-height: 10px; + color: #555; + vertical-align: middle; + background-color: #fcfcfc; + border: solid 1px rgba(0, 0, 0, 0.38); + border-bottom-color: #bbb; + border-radius: 3px; + box-shadow: inset 0 -1px 0 #bbb; +} + +.article-body__task, +.article-body .task-list-item { + list-style: none; + margin-left: -1em; +} +/* end article-body */ .article-body a { color: #808080; text-decoration: underline; diff --git a/ease/css/ease.min.css b/ease/css/ease.min.css index 848260f..0039593 100644 --- a/ease/css/ease.min.css +++ b/ease/css/ease.min.css @@ -15,4 +15,4 @@ * You should have received a copy of the GNU Affero General Public License * along with this program. If not, see . */ -body,img{font-size:12px}.footer,sup{-webkit-text-size-adjust:none}.clear,img{border:0;overflow:hidden}.article-body,.clear,.comment-panel,img{overflow:hidden}a,input,textarea{outline:0}#goTop,.article-next,.article-title span,.form img,.translate-ico{cursor:pointer}.article-relative ul,.dynamic ul,.nav ul,.wrapper>ul{list-style:none}body,div,html,li,ul{margin:0;padding:0}body{font-family:Verdana,arial,'\5fae\8f6f\96c5\9ed1';background-color:#FCFCFC}::selection{background-color:#D5D5D5;color:#FCFCFC}::-moz-selection{background-color:#D5D5D5;color:#FCFCFC}a{color:#009EB8;text-decoration:none}a:visited{color:#00b4d2}a:hover{text-decoration:underline}a:active{color:#00889f}img{vertical-align:middle;max-width:100%;height:auto;-ms-interpolation-mode:bicubic}sup{font-size:10px;font-weight:400}.left{float:left}.right{float:right}.clear{background-color:transparent;clear:both;display:block;font-size:0;height:0;line-height:0}.none{display:none}.ft-gray{color:grey}.ft-gray:visited{color:#9a9a9a}.ft-gray:hover{color:#676767;text-decoration:none}.fn-mgtb10{margin:10px 0}.logo{padding:0 5px;text-shadow:0 0 1px #D5D5D5}.em00,.em01,.em02,.em03,.em04,.em05,.em06,.em07,.em08,.em09,.em10,.em11,.em12,.em13,.em14{cursor:pointer;background-image:url(../../../images/emotions/emotions.png);background-size:120px;float:left;height:24px;margin-right:5px;width:24px;transition:all .2s ease-out;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out}#search,.translate-ico{background-repeat:no-repeat;float:right}#emotions span:hover{transform:scale(1.2) rotate(360deg);-webkit-transform:scale(1.2) rotate(360deg);-moz-transform:scale(1.2) rotate(360deg)}.em01{background-position:-24px 0}.em02{background-position:-48px 0}.em03{background-position:-72px 0}.em04{background-position:-96px 1px}.em05{background-position:0 -24px}.em06{background-position:-24px -24px}.em07{background-position:-48px -24px}.em08{background-position:-72px -24px}.em09{background-position:-96px -24px}.em10{background-position:0 -48px}.em11{background-position:-24px -48px}.em12{background-position:-48px -48px}.em13{background-position:-72px -48px}.em14{background-position:-96px -48px}#search,.translate-ico{background-image:url(/skins/ease/images/icons.png)}.translate-ico{background-position:1px -125px;border:1px solid #D5D5D5;border-radius:3px;height:16px;margin:-3px 0 0 15px;padding:1px;width:16px}.translate-ico:hover{border-color:#9a9a9a;box-shadow:0 0 1px grey;background-color:#FCFCFC}#search,.main{background-color:#FFF}.wrapper{margin:0 auto;width:990px}.main{padding-bottom:50px}.header{width:100%;z-index:1}.header .title{border-bottom:1px solid grey;font-size:26px;font-weight:400}.header .sub-title{font-size:11px}#search,.nav a{font-size:14px}#search{background-position:7px -99px;border:1px solid #D5D5D5;border-radius:2px;box-shadow:0 1px 1px rgba(0,0,0,.1) inset;color:grey;height:19px;line-height:145%;padding:4px 10px 4px 28px;width:24px;-moz-transition:width .4s ease,background .4s ease;-webkit-transition:width .4s ease,background .4s ease;transition:width .4s ease,background .4s ease}#search:focus{width:150px}.banner{margin-bottom:20px}.banner .notice{float:left;margin:20px 0 0 50px}.nav{background-color:#2C2C2C;box-shadow:0 2px 2px #D5D5D5,0 3px 3px -3px #D5D5D5 inset;border-top:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2;height:29px;top:0;width:100%;z-index:1}.nav li,.nav ul{float:left}.nav a{color:#C9C9C9;display:block;float:left;font-weight:700;line-height:29px;margin-right:20px;padding:0 10px;text-decoration:none;transition:color .4s ease,background-color .8s ease;-webkit-transition:color .4s ease,background-color .8s ease;-moz-transition:color .4s ease,background-color .8s ease}#goTop,.footer{font-size:11px}.nav a:hover{color:#FFF;background-color:#535353}.nav a.current{background-color:#FFF;box-shadow:0 -1px 1px rgba(0,0,0,.1) inset,0 1px 1px rgba(0,0,0,.1) inset;color:grey}.nav img{margin-left:3px}.nav .page-icon{float:left;height:14px;width:14px;margin:8px 5px 0 0}.footer{border-top:1px solid #D5D5D5;box-shadow:0 -1px 1px #D5D5D5;padding:12px 0}#goTop{background:url(/skins/ease/images/icons.png) 5px -51px no-repeat #D5D5D5;border-radius:2px 2px 0 0;box-shadow:0 0 3px #D5D5D5;height:21px;line-height:21px;padding:0 10px 0 23px;position:absolute;right:50px;display:none}#goTop:hover{background-color:#c8c8c8;box-shadow:0 0 3px #c8c8c8}.main>.wrapper>h2{margin:0;padding:14px 0}.article{border-bottom:1px solid #f6f6f6;padding:30px 50px}.article:hover{border-bottom-color:#ddd;box-shadow:0 0 1px #f6f6f6 inset;background-color:#FCFCFC}.article-body{line-height:145%;word-wrap:break-word;margin-bottom:10px;font-size:14px}.article-body ol,.article-body ul{margin-left:40px;padding-left:0}.article-body a{color:grey;text-decoration:underline}.article-body a:vidited{color:#9a9a9a}.article-body a:hover{color:#676767}.article-body>div{min-height:32px}.article-title h2{display:inline}.article-last:hover{border-bottom:1px solid #f6f6f6}.article-next{border:1px solid #eee;background-color:#F9F9F9;font-size:14px;line-height:36px;text-align:center}.article-next:hover,.article-relative{background-color:#FCFCFC}.article-relative{box-shadow:0 0 2px #D5D5D5;float:left;margin:10px 0;padding:0 20px 10px;width:382px}.article-relative:hover{background-color:#fff;box-shadow:0 0 4px #D5D5D5}#relevantArticles{margin-right:40px}#externalRelevantArticles{width:357px;margin-top:13px}#comments{padding:20px 50px;position:relative}.comment-header{float:left;background-color:#FFF;border:1px solid #DEDEDE;padding:2px;height:60px;width:60px}.comment-panel{float:left;line-height:16px;margin:0 0 20px 10px;min-height:64px;width:814px}.comment-body-ref{background-color:#FCFCFC;box-shadow:0 0 2px #D5D5D5;display:block;left:127px;padding:10px;opacity:.9;filter:alpha(opacity=90);position:absolute;border:1px solid #e2e2e2}.comment-body-ref>.comment-header{border:0;float:right;height:48px;width:48px;padding:0}#tags a,#tags li,.dynamic .module,.links li,.wrapper>.form{float:left}.comment-body-ref>.comment-panel{margin:0 20px 0 0;min-height:48px;width:725px}.comment-body-ref>.comment-panel>.right{display:none}#replyForm{margin-left:25px}.form{padding:0 50px 20px}.form th{text-align:right;white-space:nowrap}.archives h3,.dynamic h3{text-align:center}.form input[type=text],.form input[type=password],.form textarea{background-color:#FCFCFC;border-width:0;box-shadow:0 0 2px #BCBCBC;font-family:Verdana,arial,\5fae\8f6f\96c5\9ed1;font-size:12px;margin:0 5px 10px 0;outline:0;padding:0 3px;height:28px;line-height:28px;width:260px}.form input:focus,.form textarea:focus{box-shadow:0 0 4px #D5D5D5}.form textarea{height:120px;overflow:auto;width:426px;line-height:16px}.form button{background-color:#F6F6F6;border:0;box-shadow:0 0 2px #D5D5D5;height:28px;line-height:28px;padding:0 12px;color:grey}.form button:hover{box-shadow:0 0 4px #D5D5D5;text-shadow:0 0 2px}#tags a,.form img{box-shadow:0 0 2px #D5D5D5;background-color:#FCFCFC}.form img{height:24px;padding:1px}#tags.other-main{margin:47px 44px 0;width:902px}#tags li{height:38px}#tags a{margin:3px 6px;padding:3px 12px}#tags a:hover{text-shadow:0 0 2px;text-decoration:none;box-shadow:0 0 4px #D5D5D5}.tags1,.tags1:visited{font-size:12px;color:#a7a7a7}.tags2,.tags2:visited{font-size:14px;color:grey}.tags3,.tags3:visited{font-size:16px;color:#595959}.tags4,.tags4:visited{font-size:18px;color:#323232}.tags5,.tags5:visited{font-size:20px;color:#0a0a0a}.archives{position:relative}.archives>div{background-color:#FCFCFC;box-shadow:0 0 2px #D5D5D5;padding-bottom:20px;line-height:20px;margin:20px;width:270px;position:absolute;top:0}.archives>div:hover{box-shadow:0 0 4px #D5D5D5}.archives a{display:block;margin-left:77px}.dynamic .module{background-color:#FCFCFC;box-shadow:0 0 2px #D5D5D5;line-height:20px;margin:20px;padding:10px 20px 20px;width:380px}.dynamic .module:hover{box-shadow:0 0 4px #D5D5D5}.dynamic .side-comments{width:840px}.dynamic .side-comments .comment-panel{width:760px}.dynamic .side-tags li{float:left;margin:0 5px}.dynamic .side-most-comment,.dynamic .side-most-view{margin-bottom:0}.other-main.links{margin-top:45px}.links li{line-height:22px;margin:0 20px;width:270px}.other-main{display:inline-block;margin:30px 30px 0;width:930px}#tags a,.archives>div,.article-relative,.dynamic .module,.form input[type=text],.form input[type=password],.form textarea{border:1px solid #f2f2f2}#tags a:hover,.archives>div:hover,.article-relative:hover,.dynamic .module:hover,.form input:focus,.form textarea:focus{border:1px solid #e2e2e2} \ No newline at end of file +body,img{font-size:12px}.footer,sup{-webkit-text-size-adjust:none}.clear,img{border:0;overflow:hidden}.article-body kbd,img{vertical-align:middle}.article-body,.clear,.comment-panel,img{overflow:hidden}a,input,textarea{outline:0}.article-relative ul,.dynamic ul,.nav ul,.wrapper>ul{list-style:none}body,div,html,li,ul{margin:0;padding:0}body{font-family:Verdana,arial,'\5fae\8f6f\96c5\9ed1';background-color:#FCFCFC}::selection{background-color:#D5D5D5;color:#FCFCFC}::-moz-selection{background-color:#D5D5D5;color:#FCFCFC}a{color:#009EB8;text-decoration:none}a:visited{color:#00b4d2}a:hover{text-decoration:underline}a:active{color:#00889f}img{max-width:100%;height:auto;-ms-interpolation-mode:bicubic}sup{font-size:10px;font-weight:400}.left{float:left}.right{float:right}.clear{background-color:transparent;clear:both;display:block;font-size:0;height:0;line-height:0}.none{display:none}.ft-gray{color:grey}.ft-gray:visited{color:#9a9a9a}.ft-gray:hover{color:#676767;text-decoration:none}.fn-mgtb10{margin:10px 0}.logo{padding:0 5px;text-shadow:0 0 1px #D5D5D5}.em00,.em01,.em02,.em03,.em04,.em05,.em06,.em07,.em08,.em09,.em10,.em11,.em12,.em13,.em14{cursor:pointer;background-image:url(../../../images/emotions/emotions.png);background-size:120px;float:left;height:24px;margin-right:5px;width:24px;transition:all .2s ease-out;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out}#search,.translate-ico{background-repeat:no-repeat;float:right}#emotions span:hover{transform:scale(1.2) rotate(360deg);-webkit-transform:scale(1.2) rotate(360deg);-moz-transform:scale(1.2) rotate(360deg)}.em01{background-position:-24px 0}.em02{background-position:-48px 0}.em03{background-position:-72px 0}.em04{background-position:-96px 1px}.em05{background-position:0 -24px}.em06{background-position:-24px -24px}.em07{background-position:-48px -24px}.em08{background-position:-72px -24px}.em09{background-position:-96px -24px}.em10{background-position:0 -48px}.em11{background-position:-24px -48px}.em12{background-position:-48px -48px}.em13{background-position:-72px -48px}.em14{background-position:-96px -48px}#search,.translate-ico{background-image:url(/skins/ease/images/icons.png)}.translate-ico{background-position:1px -125px;border:1px solid #D5D5D5;border-radius:3px;cursor:pointer;height:16px;margin:-3px 0 0 15px;padding:1px;width:16px}.translate-ico:hover{border-color:#9a9a9a;box-shadow:0 0 1px grey;background-color:#FCFCFC}#search,.main{background-color:#FFF}.wrapper{margin:0 auto;width:990px}.main{padding-bottom:50px}.header{width:100%;z-index:1}.header .title{border-bottom:1px solid grey;font-size:26px;font-weight:400}.header .sub-title{font-size:11px}#search,.nav a{font-size:14px}#search{background-position:7px -99px;border:1px solid #D5D5D5;border-radius:2px;box-shadow:0 1px 1px rgba(0,0,0,.1) inset;color:grey;height:19px;line-height:145%;padding:4px 10px 4px 28px;width:24px;-moz-transition:width .4s ease,background .4s ease;-webkit-transition:width .4s ease,background .4s ease;transition:width .4s ease,background .4s ease}#search:focus{width:150px}.banner{margin-bottom:20px}.banner .notice{float:left;margin:20px 0 0 50px}.nav{background-color:#2C2C2C;box-shadow:0 2px 2px #D5D5D5,0 3px 3px -3px #D5D5D5 inset;border-top:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2;height:29px;top:0;width:100%;z-index:1}.nav li,.nav ul{float:left}.nav a{color:#C9C9C9;display:block;float:left;font-weight:700;line-height:29px;margin-right:20px;padding:0 10px;text-decoration:none;transition:color .4s ease,background-color .8s ease;-webkit-transition:color .4s ease,background-color .8s ease;-moz-transition:color .4s ease,background-color .8s ease}#goTop,.footer{font-size:11px}.nav a:hover{color:#FFF;background-color:#535353}.nav a.current{background-color:#FFF;box-shadow:0 -1px 1px rgba(0,0,0,.1) inset,0 1px 1px rgba(0,0,0,.1) inset;color:grey}.nav img{margin-left:3px}.nav .page-icon{float:left;height:14px;width:14px;margin:8px 5px 0 0}.footer{border-top:1px solid #D5D5D5;box-shadow:0 -1px 1px #D5D5D5;padding:12px 0}#goTop{background:url(/skins/ease/images/icons.png) 5px -51px no-repeat #D5D5D5;border-radius:2px 2px 0 0;box-shadow:0 0 3px #D5D5D5;cursor:pointer;height:21px;line-height:21px;padding:0 10px 0 23px;position:absolute;right:50px;display:none}#goTop:hover{background-color:#c8c8c8;box-shadow:0 0 3px #c8c8c8}.main>.wrapper>h2{margin:0;padding:14px 0}.article{border-bottom:1px solid #f6f6f6;padding:30px 50px}.article:hover{border-bottom-color:#ddd;box-shadow:0 0 1px #f6f6f6 inset;background-color:#FCFCFC}.article-body h1,.article-body h2{padding-bottom:.3em;border-bottom:1px solid #eee}.article-body{word-break:break-word;line-height:145%;word-wrap:break-word;margin-bottom:10px;font-size:14px}.article-body ol,.article-body ul{margin-top:0;margin-bottom:16px;margin-left:40px;padding-left:0}.article-body li{margin-top:.25em}.article-body img{cursor:zoom-in}.article-body img.emoji{cursor:auto;max-width:18px}.article-next,.article-title span,.form img{cursor:pointer}.article-body h1,.article-body h2,.article-body h3,.article-body h4,.article-body h5,.article-body h6{margin-top:24px;margin-bottom:16px;font-weight:600;line-height:1.25}.article-body h1{font-size:1.7em}.article-body h2{font-size:1.5em}.article-body h3{font-size:1.25em}.article-body h4{font-size:1em}.article-body h5{font-size:.875em}.article-body h6{font-size:.85em}.article-body hr{height:.15em;padding:0;margin:24px 0;background-color:#e7e7e7;border:0}.article-body p{margin-top:0;margin-bottom:16px}.article-body blockquote{padding:0 1em;color:#777;border-left:.25em solid #ddd;margin-bottom:16px}.article-body blockquote p{margin:0}.article-body ins>iframe{border:0}.article-body iframe{border:1px solid rgba(0,0,0,.38)}.article-body table{width:100%;border:1px solid #dedede;margin:15px auto;border-collapse:collapse;empty-cells:show}.article-body thead{text-align:center}.article-body td,.article-body th{height:35px;border:1px solid #dedede;padding:0 10px}.article-body th{font-weight:700;text-align:center!important;background:rgba(158,188,226,.2)}.article-body tbody tr:nth-child(2n){background:rgba(158,188,226,.12)}.article-body tr:hover{background:#efefef}.article-body code{padding:.2em .4em;margin:0;font-size:85%;background-color:rgba(252,41,41,.12);border-radius:3px;word-break:break-word}.article-body pre{position:relative}.article-body pre textarea{position:absolute;top:-100000px}.article-body pre>code{padding:.5em;background-color:rgba(0,0,0,.04);background-size:20px 20px;border-radius:5px}.article-body kbd{display:inline-block;padding:3px 5px;font:11px Consolas,"Liberation Mono",Menlo,Courier,monospace;line-height:10px;color:#555;background-color:#fcfcfc;border:1px solid rgba(0,0,0,.38);border-bottom-color:#bbb;border-radius:3px;box-shadow:inset 0 -1px 0 #bbb}.article-body .task-list-item,.article-body__task{list-style:none;margin-left:-1em}.article-body a{color:grey;text-decoration:underline}.article-body a:vidited{color:#9a9a9a}.article-body a:hover{color:#676767}.article-body>div{min-height:32px}.article-title h2{display:inline}.article-last:hover{border-bottom:1px solid #f6f6f6}.article-next{border:1px solid #eee;background-color:#F9F9F9;font-size:14px;line-height:36px;text-align:center}.article-next:hover,.article-relative{background-color:#FCFCFC}.article-relative{box-shadow:0 0 2px #D5D5D5;float:left;margin:10px 0;padding:0 20px 10px;width:382px}.article-relative:hover{background-color:#fff;box-shadow:0 0 4px #D5D5D5}#relevantArticles{margin-right:40px}#externalRelevantArticles{width:357px;margin-top:13px}#comments{padding:20px 50px;position:relative}.comment-header{float:left;background-color:#FFF;border:1px solid #DEDEDE;padding:2px;height:60px;width:60px}.comment-panel{float:left;line-height:16px;margin:0 0 20px 10px;min-height:64px;width:814px}.comment-body-ref{background-color:#FCFCFC;box-shadow:0 0 2px #D5D5D5;display:block;left:127px;padding:10px;opacity:.9;filter:alpha(opacity=90);position:absolute;border:1px solid #e2e2e2}.comment-body-ref>.comment-header{border:0;float:right;height:48px;width:48px;padding:0}#tags a,#tags li,.dynamic .module,.links li,.wrapper>.form{float:left}.comment-body-ref>.comment-panel{margin:0 20px 0 0;min-height:48px;width:725px}.comment-body-ref>.comment-panel>.right{display:none}#replyForm{margin-left:25px}.form{padding:0 50px 20px}.form th{text-align:right;white-space:nowrap}.archives h3,.dynamic h3{text-align:center}.form input[type=text],.form input[type=password],.form textarea{background-color:#FCFCFC;border-width:0;box-shadow:0 0 2px #BCBCBC;font-family:Verdana,arial,\5fae\8f6f\96c5\9ed1;font-size:12px;margin:0 5px 10px 0;outline:0;padding:0 3px;height:28px;line-height:28px;width:260px}.form input:focus,.form textarea:focus{box-shadow:0 0 4px #D5D5D5}.form textarea{height:120px;overflow:auto;width:426px;line-height:16px}.form button{background-color:#F6F6F6;border:0;box-shadow:0 0 2px #D5D5D5;height:28px;line-height:28px;padding:0 12px;color:grey}.form button:hover{box-shadow:0 0 4px #D5D5D5;text-shadow:0 0 2px}#tags a,.form img{box-shadow:0 0 2px #D5D5D5;background-color:#FCFCFC}.form img{height:24px;padding:1px}#tags.other-main{margin:47px 44px 0;width:902px}#tags li{height:38px}#tags a{margin:3px 6px;padding:3px 12px}#tags a:hover{text-shadow:0 0 2px;text-decoration:none;box-shadow:0 0 4px #D5D5D5}.tags1,.tags1:visited{font-size:12px;color:#a7a7a7}.tags2,.tags2:visited{font-size:14px;color:grey}.tags3,.tags3:visited{font-size:16px;color:#595959}.tags4,.tags4:visited{font-size:18px;color:#323232}.tags5,.tags5:visited{font-size:20px;color:#0a0a0a}.archives{position:relative}.archives>div{background-color:#FCFCFC;box-shadow:0 0 2px #D5D5D5;padding-bottom:20px;line-height:20px;margin:20px;width:270px;position:absolute;top:0}.archives>div:hover{box-shadow:0 0 4px #D5D5D5}.archives a{display:block;margin-left:77px}.dynamic .module{background-color:#FCFCFC;box-shadow:0 0 2px #D5D5D5;line-height:20px;margin:20px;padding:10px 20px 20px;width:380px}.dynamic .module:hover{box-shadow:0 0 4px #D5D5D5}.dynamic .side-comments{width:840px}.dynamic .side-comments .comment-panel{width:760px}.dynamic .side-tags li{float:left;margin:0 5px}.dynamic .side-most-comment,.dynamic .side-most-view{margin-bottom:0}.other-main.links{margin-top:45px}.links li{line-height:22px;margin:0 20px;width:270px}.other-main{display:inline-block;margin:30px 30px 0;width:930px}#tags a,.archives>div,.article-relative,.dynamic .module,.form input[type=text],.form input[type=password],.form textarea{border:1px solid #f2f2f2}#tags a:hover,.archives>div:hover,.article-relative:hover,.dynamic .module:hover,.form input:focus,.form textarea:focus{border:1px solid #e2e2e2} \ No newline at end of file diff --git a/ease/js/ease.min.js b/ease/js/ease.min.js index 90e6a1c..da2c495 100644 --- a/ease/js/ease.min.js +++ b/ease/js/ease.min.js @@ -15,4 +15,4 @@ * You should have received a copy of the GNU Affero General Public License * along with this program. If not, see . */ -var goTranslate=function(){window.open("http://translate.google.com/translate?sl=auto&tl=auto&u="+location.href)},getNextPage=function(){var c=$(".article-next");currentPage+=1;var e="/articles/";if(1===$("#tag").length)e="/articles/tags/"+(t=location.pathname.split("/"))[t.length-1]+"/";else if(1===$("#archive").length){e="/articles/archives/"+(t=location.pathname.split("/"))[t.length-2]+"/"+t[t.length-1]+"/"}else if(1===$("#author").length){var t;e="/articles/authors/"+(t=location.pathname.split("/"))[t.length-1]+"/"}$.ajax({url:latkeConfig.servePath+e+"?p="+currentPage,type:"GET",beforeSend:function(){c.css("background","url("+latkeConfig.staticServePath+"/skins/ease/images/ajax-loader.gif) no-repeat scroll center center #fefefe")},success:function(e,t){if(e.sc){for(var a="",i=e.rslts.pagination,r=0;r

'+l.articleTitle+"",l.hasUpdated&&(a+=""+Label.updatedLabel+""),l.articlePutTop&&(a+=""+Label.topArticleLabel+""),a+='

'+ +l.articleCommentCount+"  "+Label.commentLabel+'  '+l.articleViewCount+"  "+Label.viewLabel+'
'+l.articleAbstract+'
',l.hasUpdated?a+=Util.toDate(l.articleUpdateTime,"yy-MM-dd HH:mm"):a+=Util.toDate(l.articleCreateTime,"yy-MM-dd HH:mm"),a+=' '+l.authorName+'
'+Label.tag1Label+" ";for(var s=l.articleTags.split(","),o=0;o
"}e.html(a);for(var o=$(".archives>div"),c=0,h=0,g=[],d=0;d=o.length);f++)o[d].style.left=310*f+"px",g[f]=0i.headerH){var t=$(window).height(),a=e+t-21;$("body").height()-58<=e+t&&(a=$(".footer").offset().top-21),$("#goTop").fadeIn("slow").css("top",a)}else $("#goTop").hide()})},setDynamic:function(){var e=$(".dynamic");if(!($(".dynamic").length<1)){var t=e.find(".side-categories"),a=e.find(".side-tags"),i=e.find(".side-most-comment"),r=e.find(".side-most-view");t.height()>a.height()?a.height(t.height()):t.height(a.height()),i.height()>r.height()?r.height(i.height()):i.height(r.height()),$(".article-body").each(function(){this.innerHTML=Util.replaceEmString($(this).html())})}}};ease.getCurrentPage(),ease.initCommon(),ease.scrollEvent(),ease.setNavCurrent(),ease.initArchives(),ease.setDynamic(); \ No newline at end of file +var goTranslate=function(){window.open("http://translate.google.com/translate?sl=auto&tl=auto&u="+location.href)},getNextPage=function(){var c=$(".article-next");currentPage+=1;var e="/articles";if(1===$("#tag").length)e="/articles/tags/"+(t=location.pathname.split("/"))[t.length-1]+"/";else if(1===$("#archive").length){e="/articles/archives/"+(t=location.pathname.split("/"))[t.length-2]+"/"+t[t.length-1]+"/"}else if(1===$("#author").length){var t;e="/articles/authors/"+(t=location.pathname.split("/"))[t.length-1]+"/"}$.ajax({url:latkeConfig.servePath+e+"?p="+currentPage,type:"GET",beforeSend:function(){c.css("background","url("+latkeConfig.staticServePath+"/skins/ease/images/ajax-loader.gif) no-repeat scroll center center #fefefe")},success:function(e,t){if(e.sc){for(var a="",i=e.rslts.pagination,r=0;r

'+l.articleTitle+"",l.hasUpdated&&(a+=""+Label.updatedLabel+""),l.articlePutTop&&(a+=""+Label.topArticleLabel+""),a+='

'+ +l.articleCommentCount+"  "+Label.commentLabel+'  '+l.articleViewCount+"  "+Label.viewLabel+'
'+l.articleAbstract+'
',l.hasUpdated?a+=Util.toDate(l.articleUpdateTime,"yy-MM-dd HH:mm"):a+=Util.toDate(l.articleCreateTime,"yy-MM-dd HH:mm"),a+=' '+l.authorName+'
'+Label.tag1Label+" ";for(var s=l.articleTags.split(","),o=0;o
"}e.html(a);for(var o=$(".archives>div"),c=0,h=0,g=[],d=0;d=o.length);f++)o[d].style.left=310*f+"px",g[f]=0i.headerH){var t=$(window).height(),a=e+t-21;$("body").height()-58<=e+t&&(a=$(".footer").offset().top-21),$("#goTop").fadeIn("slow").css("top",a)}else $("#goTop").hide()})},setDynamic:function(){var e=$(".dynamic");if(!($(".dynamic").length<1)){var t=e.find(".side-categories"),a=e.find(".side-tags"),i=e.find(".side-most-comment"),r=e.find(".side-most-view");t.height()>a.height()?a.height(t.height()):t.height(a.height()),i.height()>r.height()?r.height(i.height()):i.height(r.height()),$(".article-body").each(function(){this.innerHTML=Util.replaceEmString($(this).html())})}}};ease.getCurrentPage(),ease.initCommon(),ease.scrollEvent(),ease.setNavCurrent(),ease.initArchives(),ease.setDynamic(); \ No newline at end of file diff --git a/metro-hot/css/metro-hot.css b/metro-hot/css/metro-hot.css index 699ce33..db41318 100644 --- a/metro-hot/css/metro-hot.css +++ b/metro-hot/css/metro-hot.css @@ -20,7 +20,7 @@ * skin metro-hot style * * @author Liyuan Li -* @version 1.1.0.0, Sep 21, 2017 +* @version 1.2.0.0, Jan 2, 2019 */ /* start base */ @font-face { @@ -150,6 +150,186 @@ textarea { color: #FCFCFC; } +/* start article-body */ +.article-body { + word-wrap: break-word; + overflow: auto; + line-height: 1.65; + font-size: 16px; + word-break: break-word; +} + +.article-body ul, +.article-body ol { + padding-left: 2em; + margin-top: 0; + margin-bottom: 16px; +} + +.article-body li { + margin-top: 0.25em; +} + +.article-body img { + cursor: zoom-in; +} + +.article-body img.emoji { + cursor: auto; + max-width: 18px; +} + +.article-body h1, +.article-body h2, +.article-body h3, +.article-body h4, +.article-body h5, +.article-body h6 { + margin-top: 24px; + margin-bottom: 16px; + font-weight: 600; + line-height: 1.25; +} + +.article-body h1 { + padding-bottom: 0.3em; + font-size: 1.7em; + border-bottom: 1px solid #eee; +} + +.article-body h2 { + padding-bottom: 0.3em; + font-size: 1.5em; + border-bottom: 1px solid #eee; +} + +.article-body h3 { + font-size: 1.25em; +} + +.article-body h4 { + font-size: 1em; +} + +.article-body h5 { + font-size: 0.875em; +} + +.article-body h6 { + font-size: 0.85em; +} + +.article-body hr { + height: 0.15em; + padding: 0; + margin: 24px 0; + background-color: #e7e7e7; + border: 0; +} + +.article-body p { + margin-top: 0; + margin-bottom: 16px; +} + +.article-body blockquote { + padding: 0 1em; + color: #777; + border-left: 0.25em solid #ddd; + margin-bottom: 16px; +} + +.article-body blockquote p { + margin: 0; +} + +.article-body ins > iframe { + border: 0; +} + +.article-body iframe { + border: 1px solid rgba(0, 0, 0, 0.38); +} + +.article-body table { + width: 100%; + border: 1px solid #dedede; + margin: 15px auto; + border-collapse: collapse; + empty-cells: show; +} + +.article-body thead { + text-align: center; +} + +.article-body td, +.article-body th { + height: 35px; + border: 1px solid #dedede; + padding: 0 10px; +} + +.article-body th { + font-weight: bold; + text-align: center !important; + background: rgba(158, 188, 226, 0.2); +} + +.article-body tbody tr:nth-child(2n) { + background: rgba(158, 188, 226, 0.12); +} + +.article-body tr:hover { + background: #efefef; +} + +.article-body code { + padding: 0.2em 0.4em; + margin: 0; + font-size: 85%; + background-color: rgba(252, 41, 41, 0.12); + border-radius: 3px; + word-break: break-word; +} + +.article-body pre { + position: relative; +} + +.article-body pre textarea { + position: absolute; + top: -100000px; +} + +.article-body pre > code { + padding: 0.5em; + background-color: rgba(0, 0, 0, 0.04); + background-size: 20px 20px; + border-radius: 5px; +} + +.article-body kbd { + display: inline-block; + padding: 3px 5px; + font: 11px Consolas, "Liberation Mono", Menlo, Courier, monospace; + line-height: 10px; + color: #555; + vertical-align: middle; + background-color: #fcfcfc; + border: solid 1px rgba(0, 0, 0, 0.38); + border-bottom-color: #bbb; + border-radius: 3px; + box-shadow: inset 0 -1px 0 #bbb; +} + +.article-body__task, +.article-body .task-list-item { + list-style: none; + margin-left: -1em; +} +/* end article-body */ + .fn-clear:before, .fn-clear:after { display: table; diff --git a/metro-hot/css/metro-hot.min.css b/metro-hot/css/metro-hot.min.css index b33edd9..f934374 100644 --- a/metro-hot/css/metro-hot.min.css +++ b/metro-hot/css/metro-hot.min.css @@ -15,4 +15,4 @@ * You should have received a copy of the GNU Affero General Public License * along with this program. If not, see . */ -@charset "utf-8";.header,sub,sup{position:relative}.article-title,.fn-ellipsis{text-overflow:ellipsis;white-space:nowrap}@font-face{font-family:IcoMoon;src:url(font/IcoMoon.eot);src:url(font/IcoMoon.eot?#iefix) format('embedded-opentype'),url(font/IcoMoon.svg#IcoMoon) format('svg'),url(font/IcoMoon.woff) format('woff'),url(font/IcoMoon.ttf) format('truetype');font-weight:400;font-style:normal}[data-ico]:before{font-family:IcoMoon;content:attr(data-ico);speak:none;cursor:pointer}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{font-family:Verdana,arial,'\5fae\8f6f\96c5\9ed1';font-size:12px;background-color:#292929;min-height:1990px;margin:0;color:#D1D2D1}a{outline:0;text-decoration:none;color:#BDBEBD}a:hover{color:#FFF}a:focus{color:#9E0B0E!important}sub,sup{font-size:70%;line-height:0;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{max-width:100%;vertical-align:middle;border:0;-ms-interpolation-mode:bicubic}button,input,select,textarea{margin:0;font-size:100%;vertical-align:middle;font-family:'\5fae\8f6f\96c5\9ed1';outline:0}button,input{line-height:normal}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}button,input[type=button],input[type=reset],input[type=submit]{cursor:pointer;-webkit-appearance:button}input[type=search]{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}textarea{overflow:auto;vertical-align:top}::selection{background-color:#D5D5D5;color:#FCFCFC}::-moz-selection{background-color:#D5D5D5;color:#FCFCFC}.fn-clear:after,.fn-clear:before{display:table;content:""}.fn-clear:after{clear:both}.fn-left{float:left}.fn-right{float:right}.fn-none{display:none}.fn-ellipsis{overflow:hidden;word-wrap:normal}.em00,.em01,.em02,.em03,.em04,.em05,.em06,.em07,.em08,.em09,.em10,.em11,.em12,.em13,.em14{cursor:pointer;background-image:url(../../../images/emotions/emotions.png);background-size:120px;float:left;height:24px;margin-right:8px;width:24px;transition:all .2s ease-out;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out}#emotions span:hover{transform:scale(1.2) rotate(360deg);-webkit-transform:scale(1.2) rotate(360deg);-moz-transform:scale(1.2) rotate(360deg)}.em01{background-position:-24px 0}.em02{background-position:-48px 0}.em03{background-position:-72px 0}.em04{background-position:-96px 1px}.em05{background-position:0 -24px}.em06{background-position:-24px -24px}.em07{background-position:-48px -24px}.em08{background-position:-72px -24px}.em09{background-position:-96px -24px}.em10{background-position:0 -48px}.em11{background-position:-24px -48px}.em12{background-position:-48px -48px}.em13{background-position:-72px -48px}.em14{background-position:-96px -48px}.article-abstract .article-tags a:hover,.article-abstract .article-title a:hover,.article-body a,.article-relative a:hover,.footer a:hover{text-decoration:underline}.article-body a:hover{text-decoration:none}.wrapper{height:auto;margin:30px auto 10px;width:1190px}.footer{background-color:#141414;color:#FFF;padding:30px;margin-right:10px}.main{float:left;width:920px}.header .title{color:#E61E1E;padding:30px 0}.header .title:hover{color:#CA1B1E}.header .title>span:before{color:inherit}.top-info{font-size:38px;height:46px;line-height:46px}.top-info>hr{background-color:#7B7B7B;border:0;display:inline-block;height:42px;margin:2px 10px;padding:0;vertical-align:top;width:1px}#showTop,.navigation{display:none}.top-info a{color:#FFF}.top-info a:hover{color:#CA1B1E}.sub-nav{background-color:#E61E1E;color:#FFF;padding:30px;margin:30px 0}.sub-nav>h2{float:left;margin:0}.pagination{float:right;margin-top:5px}.pagination>a,.pagination>span{background-color:#EA4040;color:#FFF;padding:6px 7px;text-align:center;font-weight:700}.pagination>a:hover,.pagination>span{color:#E61E1E;background-color:#FFF}.navigation{background-color:#FFF;border:2px solid #BABABA;left:0;list-style:none;margin:0;min-width:223px;padding:0;position:absolute;top:63px;z-index:1}.navigation a{background-color:#FFF;border-bottom:1px solid #BABABA;color:#333;display:block;padding:10px 15px}.navigation a:hover{background-color:#E61E1E;color:#FFF}.navigation a.lats{border-bottom-width:0}.navigation .page-icon{float:left;height:14px;width:14px;margin:2px 5px 0 0}.main .pagination{float:none;padding:20px 0 25px;text-align:right;margin-right:10px;line-height:34px}.article-list>div{background-color:#323232;float:left;height:220px;margin:5px 10px 5px 0;overflow:hidden;position:relative;width:450px}.article-abstract{background-color:#3E3E3E;opacity:.9;filter:alpha(opacity=90);position:absolute;top:0;width:100%;transition:all 1.2s;height:100%}.article-image{top:151px}.article-list>div:hover .article-image{top:0}.article-list>div>img{max-width:100%;transition:all 1.2s;display:block;margin:0 auto}.article-list>div:hover>img{transform:scale(1.2)}.article-date{float:left;margin:10px}.article-title{height:24px;line-height:24px;margin:0 10px;overflow:hidden;width:430px;font-weight:400}.article-title span{color:#E61E1E}.article-title a{color:#F8F7F7}.article-title sup{color:#9E0B0E}.article-abstract .fn-right{display:none;position:absolute;right:0}.article-abstract:hover .fn-right{display:block}.article-abstract .fn-right>a{background-color:#FFF;color:#E61E1E;float:left;padding:10px;transition:all .8s}#search,.side-tile{transition:all .3s ease-out 0s}.article-abstract .fn-right>a:hover{color:#FFF;background-color:#E61E1E}.article-abstract>.article-tags{margin:10px 0 0 10px}.article-abstract>.article-body{margin:10px;overflow:hidden;white-space:inherit;word-wrap:break-word;padding:10px;height:95px}#search,.side form>span{background-color:#FFF;color:#3A3A3A;margin-top:5px}.side{float:right;width:240px}#search{border:0;height:50px;padding:0 10px;width:177px}.side form>span{float:right;font-size:25px;height:32px;padding:9px}.side-tile,.side-tile>.text a{color:#FFF}.side-tile{float:left;margin-top:20px;padding:15px 25px;position:relative;background-color:#F09609;width:65px}.archives a,.article-info>a{transition:all .8s;float:left}#dynamic .footer:hover,.form button:hover,.form input:focus,.form textarea:focus,.side form input:focus,.side-tile:hover{outline:#BABABA solid 3px}.side-tile>span{display:block;font-size:60px;text-align:center;width:60px}.side-tile>.title{line-height:17px}.side-tile>.text{font-size:15px;font-weight:700;left:93px;line-height:30px;position:absolute;top:20px}.article-relative,.notice-board,.online-count,.share,.user{width:188px}.logout,.prev,.prev-disabled,.register,.translate{margin-left:10px}.translate{background-color:#2E8BCC}.login,.settings{background-color:#008641}.logout,.register{background-color:#7B4F9D}.next,.prev{background-color:#E61E1E}.next-disabled,.prev-disabled{color:#BDBEBD;background-color:#EA4040}.user{background-color:#393}.user img{margin:0 10px 10px 0;height:60px;width:60px}.online-count,.share{background-color:#20608E}.share div.text{color:#BDBEBD;font-size:43px;font-weight:400;left:128px;line-height:54px;top:5px;width:105px}.share .text span:hover{color:#FFF}.article-relative .text,.online-count .text{font-size:12px;font-weight:400;left:104px;line-height:19px;text-align:left;top:12px}.article-relative .text{left:70px;overflow:hidden;top:10px;white-space:nowrap;width:158px;word-break:keep-all}.article-relative .text ul{margin:0}.notice-board{background-color:#2E8BCC;overflow:hidden;height:auto}.notice-board .text,.user .text{top:36px}#goCmt,#goTop{background-color:#141414;bottom:10px;font-size:30px;height:35px;padding:5px 7px;position:fixed;right:30px;width:30px;z-index:10}#goCmt{bottom:55px}.archives{background-color:#323232;padding:10px;margin:5px 10px 30px 0}.archives li{list-style:none;float:left}.archives a{background-color:#E61E1E;color:#FFF;line-height:15px;margin:10px;padding:10px 15px;white-space:nowrap}.archives a:hover{background-color:#FFF;color:#E61E1E}.article-header{background-color:#E61E1E;margin:30px 0;padding:20px 30px;position:relative}.article-info{position:absolute;right:0;top:0}.article-info>a{background-color:#FFF;color:#E61E1E;font-size:14px;padding:14px;border-bottom:1px solid #FFF;border-left:1px solid #FFF}#dynamic .footer,.form button,.form input,.form textarea{transition:all .3s ease-out 0s}.article-info>a:hover{background-color:#E61E1E;color:#FFF}.article-header h2{color:#FFF}.article-header h2>span{font-weight:400;color:#D1D2D1}.article-header .article-date{float:none;margin:0}.article-body{background-color:#323232;margin-bottom:30px;overflow:hidden;padding:10px;white-space:normal;word-break:break-all;font-size:14px;word-wrap:break-word}.at,.form button{font-size:15px;color:#FFF}.main>.article-body{margin-right:10px;margin-top:20px}pre.prettyprint{background-color:#F7F7F7}#comments{position:relative}#comments>div{margin-bottom:20px;margin-right:10px}#comments>div.fn-clear>img{width:80px}#comments .article-body{margin:10px 0;width:800px}#comments .user-name{color:#E61E1E;font-weight:700}#comments .user-name:hover{color:#CA1B1E}.comment-info a{color:#F8F7F7}.at{font-weight:700}.comment-main{float:right}.comment-body-ref{background-color:#EA4040;left:79px;padding:10px;position:absolute;width:900px;z-index:1}.comment-disabled{background-color:#EA4040;color:#FFF;margin:0 10px 30px 0;padding:5px 20px}.form{width:600px;margin-bottom:30px}.form input,.form textarea{height:30px;margin:5px 10px 5px 0;padding:0 5px;width:456px}.form textarea{width:600px;height:300px;margin:0 0 10px}.form button{background-color:#E61E1E;border:0;cursor:pointer;padding:10px 50px}.tip{color:#CA1B1E}#dynamic #comments{background-color:#EA4040;margin-top:5px;padding:25px 15px 15px 25px}#dynamic #comments .article-body{width:743px}#dynamic .article-relative .text{left:110px}#dynamic .footer{margin:20px 0 10px;float:left}.links-tile,.most-comment,.most-view,.tags-tile{position:static;background-color:#F09609;width:535px;margin-top:20px}.most-view{margin-left:20px;background-color:#2E8BCC}.tags-tile{margin-left:20px;background-color:#393}.links-tile{background-color:#7B4F9D}.links-tile span,.most-comment span,.most-view span,.tags-tile span{font-size:60px}.links-tile .text,.most-comment .text,.most-view .text,.tags-tile .text{position:static;width:430px}.links-tile a,.tags-tile a{background-color:#EA4040;color:#D1D2D1;float:left;font-size:12px;line-height:20px;margin:6px;padding:5px 10px;transition:all .8s ease 0s;white-space:nowrap}.links-tile a:hover,.tags-tile a:hover{background-color:#FFF;color:#EA4040}.most-comment .text,.most-view .text{margin-right:20px;line-height:24px}.most-comment .text a:hover,.most-view .text a:hover{text-decoration:underline}.most-comment .text span,.most-view .text span{color:#D1D2D1;font-size:13px;font-weight:400} \ No newline at end of file +@charset "utf-8";.article-body pre,sub,sup{position:relative}.article-title,.fn-ellipsis{text-overflow:ellipsis;white-space:nowrap}@font-face{font-family:IcoMoon;src:url(font/IcoMoon.eot);src:url(font/IcoMoon.eot?#iefix) format('embedded-opentype'),url(font/IcoMoon.svg#IcoMoon) format('svg'),url(font/IcoMoon.woff) format('woff'),url(font/IcoMoon.ttf) format('truetype');font-weight:400;font-style:normal}[data-ico]:before{font-family:IcoMoon;content:attr(data-ico);speak:none;cursor:pointer}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{font-family:Verdana,arial,'\5fae\8f6f\96c5\9ed1';font-size:12px;background-color:#292929;min-height:1990px;margin:0;color:#D1D2D1}a{outline:0;text-decoration:none;color:#BDBEBD}a:hover{color:#FFF}a:focus{color:#9E0B0E!important}sub,sup{font-size:70%;line-height:0;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{max-width:100%;vertical-align:middle;border:0;-ms-interpolation-mode:bicubic}button,input,select,textarea{margin:0;font-size:100%;vertical-align:middle;font-family:'\5fae\8f6f\96c5\9ed1';outline:0}button,input{line-height:normal}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}.article-body h1,.article-body h2{padding-bottom:.3em;border-bottom:1px solid #eee}button,input[type=button],input[type=reset],input[type=submit]{cursor:pointer;-webkit-appearance:button}input[type=search]{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}textarea{overflow:auto;vertical-align:top}::selection{background-color:#D5D5D5;color:#FCFCFC}::-moz-selection{background-color:#D5D5D5;color:#FCFCFC}.article-body{line-height:1.65}.article-body ol,.article-body ul{padding-left:2em;margin-top:0;margin-bottom:16px}.article-body li{margin-top:.25em}.article-body img{cursor:zoom-in}.article-body img.emoji{cursor:auto;max-width:18px}.article-body h1,.article-body h2,.article-body h3,.article-body h4,.article-body h5,.article-body h6{margin-top:24px;margin-bottom:16px;font-weight:600;line-height:1.25}.article-body h1{font-size:1.7em}.article-body h2{font-size:1.5em}.article-body h3{font-size:1.25em}.article-body h4{font-size:1em}.article-body h5{font-size:.875em}.article-body h6{font-size:.85em}.article-body hr{height:.15em;padding:0;margin:24px 0;background-color:#e7e7e7;border:0}.article-body p{margin-top:0;margin-bottom:16px}.article-body blockquote{padding:0 1em;color:#777;border-left:.25em solid #ddd;margin-bottom:16px}.article-body blockquote p{margin:0}.article-body ins>iframe{border:0}.article-body iframe{border:1px solid rgba(0,0,0,.38)}.article-body table{width:100%;border:1px solid #dedede;margin:15px auto;border-collapse:collapse;empty-cells:show}.article-body thead{text-align:center}.article-body td,.article-body th{height:35px;border:1px solid #dedede;padding:0 10px}.article-body th{font-weight:700;text-align:center!important;background:rgba(158,188,226,.2)}.article-body tbody tr:nth-child(2n){background:rgba(158,188,226,.12)}.article-body tr:hover{background:#efefef}.article-body code{padding:.2em .4em;margin:0;font-size:85%;background-color:rgba(252,41,41,.12);border-radius:3px;word-break:break-word}.article-body pre textarea{position:absolute;top:-100000px}.article-body pre>code{padding:.5em;background-color:rgba(0,0,0,.04);background-size:20px 20px;border-radius:5px}.article-body kbd{display:inline-block;padding:3px 5px;font:11px Consolas,"Liberation Mono",Menlo,Courier,monospace;line-height:10px;color:#555;vertical-align:middle;background-color:#fcfcfc;border:1px solid rgba(0,0,0,.38);border-bottom-color:#bbb;border-radius:3px;box-shadow:inset 0 -1px 0 #bbb}.article-body .task-list-item,.article-body__task{list-style:none;margin-left:-1em}.fn-clear:after,.fn-clear:before{display:table;content:""}.fn-clear:after{clear:both}.fn-left{float:left}.fn-right{float:right}.fn-none{display:none}.fn-ellipsis{overflow:hidden;word-wrap:normal}.em00,.em01,.em02,.em03,.em04,.em05,.em06,.em07,.em08,.em09,.em10,.em11,.em12,.em13,.em14{cursor:pointer;background-image:url(../../../images/emotions/emotions.png);background-size:120px;float:left;height:24px;margin-right:8px;width:24px;transition:all .2s ease-out;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out}#emotions span:hover{transform:scale(1.2) rotate(360deg);-webkit-transform:scale(1.2) rotate(360deg);-moz-transform:scale(1.2) rotate(360deg)}.em01{background-position:-24px 0}.em02{background-position:-48px 0}.em03{background-position:-72px 0}.em04{background-position:-96px 1px}.em05{background-position:0 -24px}.em06{background-position:-24px -24px}.em07{background-position:-48px -24px}.em08{background-position:-72px -24px}.em09{background-position:-96px -24px}.em10{background-position:0 -48px}.em11{background-position:-24px -48px}.em12{background-position:-48px -48px}.em13{background-position:-72px -48px}.em14{background-position:-96px -48px}.article-abstract .article-tags a:hover,.article-abstract .article-title a:hover,.article-body a,.article-relative a:hover,.footer a:hover{text-decoration:underline}.article-body a:hover{text-decoration:none}.wrapper{height:auto;margin:30px auto 10px;width:1190px}.footer{background-color:#141414;color:#FFF;padding:30px;margin-right:10px}.main{float:left;width:920px}.header{position:relative}.header .title{color:#E61E1E;padding:30px 0}.header .title:hover{color:#CA1B1E}.header .title>span:before{color:inherit}.top-info{font-size:38px;height:46px;line-height:46px}.top-info>hr{background-color:#7B7B7B;border:0;display:inline-block;height:42px;margin:2px 10px;padding:0;vertical-align:top;width:1px}#showTop,.navigation{display:none}.top-info a{color:#FFF}.top-info a:hover{color:#CA1B1E}.sub-nav{background-color:#E61E1E;color:#FFF;padding:30px;margin:30px 0}.sub-nav>h2{float:left;margin:0}.pagination{float:right;margin-top:5px}.pagination>a,.pagination>span{background-color:#EA4040;color:#FFF;padding:6px 7px;text-align:center;font-weight:700}.pagination>a:hover,.pagination>span{color:#E61E1E;background-color:#FFF}.navigation{background-color:#FFF;border:2px solid #BABABA;left:0;list-style:none;margin:0;min-width:223px;padding:0;position:absolute;top:63px;z-index:1}.navigation a{background-color:#FFF;border-bottom:1px solid #BABABA;color:#333;display:block;padding:10px 15px}.navigation a:hover{background-color:#E61E1E;color:#FFF}.navigation a.lats{border-bottom-width:0}.navigation .page-icon{float:left;height:14px;width:14px;margin:2px 5px 0 0}.main .pagination{float:none;padding:20px 0 25px;text-align:right;margin-right:10px;line-height:34px}.article-list>div{background-color:#323232;float:left;height:220px;margin:5px 10px 5px 0;overflow:hidden;position:relative;width:450px}.article-abstract{background-color:#3E3E3E;opacity:.9;filter:alpha(opacity=90);position:absolute;top:0;width:100%;transition:all 1.2s;height:100%}.article-image{top:151px}.article-list>div:hover .article-image{top:0}.article-list>div>img{max-width:100%;transition:all 1.2s;display:block;margin:0 auto}.article-list>div:hover>img{transform:scale(1.2)}.article-date{float:left;margin:10px}.article-title{height:24px;line-height:24px;margin:0 10px;overflow:hidden;width:430px;font-weight:400}.article-title span{color:#E61E1E}.article-title a{color:#F8F7F7}.article-title sup{color:#9E0B0E}.article-abstract .fn-right{display:none;position:absolute;right:0}.article-abstract:hover .fn-right{display:block}.article-abstract .fn-right>a{background-color:#FFF;color:#E61E1E;float:left;padding:10px;transition:all .8s}#search,.side-tile{transition:all .3s ease-out 0s}.article-abstract .fn-right>a:hover{color:#FFF;background-color:#E61E1E}.article-abstract>.article-tags{margin:10px 0 0 10px}.article-abstract>.article-body{margin:10px;overflow:hidden;white-space:inherit;word-wrap:break-word;padding:10px;height:95px}#search,.side form>span{background-color:#FFF;color:#3A3A3A;margin-top:5px}.side{float:right;width:240px}#search{border:0;height:50px;padding:0 10px;width:177px}.side form>span{float:right;font-size:25px;height:32px;padding:9px}.side-tile,.side-tile>.text a{color:#FFF}.side-tile{float:left;margin-top:20px;padding:15px 25px;position:relative;background-color:#F09609;width:65px}.archives a,.article-info>a{transition:all .8s;float:left}#dynamic .footer:hover,.form button:hover,.form input:focus,.form textarea:focus,.side form input:focus,.side-tile:hover{outline:#BABABA solid 3px}.side-tile>span{display:block;font-size:60px;text-align:center;width:60px}.side-tile>.title{line-height:17px}.side-tile>.text{font-size:15px;font-weight:700;left:93px;line-height:30px;position:absolute;top:20px}.article-relative,.notice-board,.online-count,.share,.user{width:188px}.logout,.prev,.prev-disabled,.register,.translate{margin-left:10px}.translate{background-color:#2E8BCC}.login,.settings{background-color:#008641}.logout,.register{background-color:#7B4F9D}.next,.prev{background-color:#E61E1E}.next-disabled,.prev-disabled{color:#BDBEBD;background-color:#EA4040}.user{background-color:#393}.user img{margin:0 10px 10px 0;height:60px;width:60px}.online-count,.share{background-color:#20608E}.share div.text{color:#BDBEBD;font-size:43px;font-weight:400;left:128px;line-height:54px;top:5px;width:105px}.share .text span:hover{color:#FFF}.article-relative .text,.online-count .text{font-size:12px;font-weight:400;left:104px;line-height:19px;text-align:left;top:12px}.article-relative .text{left:70px;overflow:hidden;top:10px;white-space:nowrap;width:158px;word-break:keep-all}.article-relative .text ul{margin:0}.notice-board{background-color:#2E8BCC;overflow:hidden;height:auto}.notice-board .text,.user .text{top:36px}#goCmt,#goTop{background-color:#141414;bottom:10px;font-size:30px;height:35px;padding:5px 7px;position:fixed;right:30px;width:30px;z-index:10}#goCmt{bottom:55px}.archives{background-color:#323232;padding:10px;margin:5px 10px 30px 0}.archives li{list-style:none;float:left}.archives a{background-color:#E61E1E;color:#FFF;line-height:15px;margin:10px;padding:10px 15px;white-space:nowrap}.archives a:hover{background-color:#FFF;color:#E61E1E}.article-header{background-color:#E61E1E;margin:30px 0;padding:20px 30px;position:relative}.article-info{position:absolute;right:0;top:0}.article-info>a{background-color:#FFF;color:#E61E1E;font-size:14px;padding:14px;border-bottom:1px solid #FFF;border-left:1px solid #FFF}#dynamic .footer,.form button,.form input,.form textarea{transition:all .3s ease-out 0s}.article-info>a:hover{background-color:#E61E1E;color:#FFF}.article-header h2{color:#FFF}.article-header h2>span{font-weight:400;color:#D1D2D1}.article-header .article-date{float:none;margin:0}.article-body{background-color:#323232;margin-bottom:30px;overflow:hidden;padding:10px;white-space:normal;word-break:break-all;font-size:14px;word-wrap:break-word}.at,.form button{font-size:15px;color:#FFF}.main>.article-body{margin-right:10px;margin-top:20px}pre.prettyprint{background-color:#F7F7F7}#comments{position:relative}#comments>div{margin-bottom:20px;margin-right:10px}#comments>div.fn-clear>img{width:80px}#comments .article-body{margin:10px 0;width:800px}#comments .user-name{color:#E61E1E;font-weight:700}#comments .user-name:hover{color:#CA1B1E}.comment-info a{color:#F8F7F7}.at{font-weight:700}.comment-main{float:right}.comment-body-ref{background-color:#EA4040;left:79px;padding:10px;position:absolute;width:900px;z-index:1}.comment-disabled{background-color:#EA4040;color:#FFF;margin:0 10px 30px 0;padding:5px 20px}.form{width:600px;margin-bottom:30px}.form input,.form textarea{height:30px;margin:5px 10px 5px 0;padding:0 5px;width:456px}.form textarea{width:600px;height:300px;margin:0 0 10px}.form button{background-color:#E61E1E;border:0;cursor:pointer;padding:10px 50px}.tip{color:#CA1B1E}#dynamic #comments{background-color:#EA4040;margin-top:5px;padding:25px 15px 15px 25px}#dynamic #comments .article-body{width:743px}#dynamic .article-relative .text{left:110px}#dynamic .footer{margin:20px 0 10px;float:left}.links-tile,.most-comment,.most-view,.tags-tile{position:static;background-color:#F09609;width:535px;margin-top:20px}.most-view{margin-left:20px;background-color:#2E8BCC}.tags-tile{margin-left:20px;background-color:#393}.links-tile{background-color:#7B4F9D}.links-tile span,.most-comment span,.most-view span,.tags-tile span{font-size:60px}.links-tile .text,.most-comment .text,.most-view .text,.tags-tile .text{position:static;width:430px}.links-tile a,.tags-tile a{background-color:#EA4040;color:#D1D2D1;float:left;font-size:12px;line-height:20px;margin:6px;padding:5px 10px;transition:all .8s ease 0s;white-space:nowrap}.links-tile a:hover,.tags-tile a:hover{background-color:#FFF;color:#EA4040}.most-comment .text,.most-view .text{margin-right:20px;line-height:24px}.most-comment .text a:hover,.most-view .text a:hover{text-decoration:underline}.most-comment .text span,.most-view .text span{color:#D1D2D1;font-size:13px;font-weight:400} \ No newline at end of file diff --git a/mobile/themes/default/style.css b/mobile/themes/default/style.css index 008cc3b..560c35c 100644 --- a/mobile/themes/default/style.css +++ b/mobile/themes/default/style.css @@ -74,6 +74,186 @@ blockquote { margin: 5px 15px; } +/* start article-body */ +.article-body { + word-wrap: break-word; + overflow: auto; + line-height: 1.65; + font-size: 16px; + word-break: break-word; +} + +.article-body ul, +.article-body ol { + padding-left: 2em; + margin-top: 0; + margin-bottom: 16px; +} + +.article-body li { + margin-top: 0.25em; +} + +.article-body img { + cursor: zoom-in; +} + +.article-body img.emoji { + cursor: auto; + max-width: 18px; +} + +.article-body h1, +.article-body h2, +.article-body h3, +.article-body h4, +.article-body h5, +.article-body h6 { + margin-top: 24px; + margin-bottom: 16px; + font-weight: 600; + line-height: 1.25; +} + +.article-body h1 { + padding-bottom: 0.3em; + font-size: 1.7em; + border-bottom: 1px solid #eee; +} + +.article-body h2 { + padding-bottom: 0.3em; + font-size: 1.5em; + border-bottom: 1px solid #eee; +} + +.article-body h3 { + font-size: 1.25em; +} + +.article-body h4 { + font-size: 1em; +} + +.article-body h5 { + font-size: 0.875em; +} + +.article-body h6 { + font-size: 0.85em; +} + +.article-body hr { + height: 0.15em; + padding: 0; + margin: 24px 0; + background-color: #e7e7e7; + border: 0; +} + +.article-body p { + margin-top: 0; + margin-bottom: 16px; +} + +.article-body blockquote { + padding: 0 1em; + color: #777; + border-left: 0.25em solid #ddd; + margin-bottom: 16px; +} + +.article-body blockquote p { + margin: 0; +} + +.article-body ins > iframe { + border: 0; +} + +.article-body iframe { + border: 1px solid rgba(0, 0, 0, 0.38); +} + +.article-body table { + width: 100%; + border: 1px solid #dedede; + margin: 15px auto; + border-collapse: collapse; + empty-cells: show; +} + +.article-body thead { + text-align: center; +} + +.article-body td, +.article-body th { + height: 35px; + border: 1px solid #dedede; + padding: 0 10px; +} + +.article-body th { + font-weight: bold; + text-align: center !important; + background: rgba(158, 188, 226, 0.2); +} + +.article-body tbody tr:nth-child(2n) { + background: rgba(158, 188, 226, 0.12); +} + +.article-body tr:hover { + background: #efefef; +} + +.article-body code { + padding: 0.2em 0.4em; + margin: 0; + font-size: 85%; + background-color: rgba(252, 41, 41, 0.12); + border-radius: 3px; + word-break: break-word; +} + +.article-body pre { + position: relative; +} + +.article-body pre textarea { + position: absolute; + top: -100000px; +} + +.article-body pre > code { + padding: 0.5em; + background-color: rgba(0, 0, 0, 0.04); + background-size: 20px 20px; + border-radius: 5px; +} + +.article-body kbd { + display: inline-block; + padding: 3px 5px; + font: 11px Consolas, "Liberation Mono", Menlo, Courier, monospace; + line-height: 10px; + color: #555; + vertical-align: middle; + background-color: #fcfcfc; + border: solid 1px rgba(0, 0, 0, 0.38); + border-bottom-color: #bbb; + border-radius: 3px; + box-shadow: inset 0 -1px 0 #bbb; +} + +.article-body__task, +.article-body .task-list-item { + list-style: none; + margin-left: -1em; +} +/* end article-body */ + .clearer { clear: both; } diff --git a/next/css/next.css b/next/css/next.css index 3953a95..0772749 100644 --- a/next/css/next.css +++ b/next/css/next.css @@ -20,7 +20,7 @@ * skin next style * * @author Liyuan Li - * @version 0.6.0.1, Aug 27, 2018 + * @version 0.6.0.2, Jan 2, 2019 */ /* start reset */ html { @@ -723,6 +723,11 @@ img { cursor: pointer; } +.article-body img.emoji { + cursor: auto; + max-width: 18px; +} + .article-body ul,.article-body ol { padding-left: 2em; margin-top: 0; @@ -771,6 +776,14 @@ img { margin-bottom: 16px } +.article-body hr { + height: 0.15em; + padding: 0; + margin: 24px 0; + background-color: #e7e7e7; + border: 0; +} + .article-body blockquote { padding: 0 1em; color: #777; @@ -782,6 +795,10 @@ img { margin: 0 } +.article-body ins > iframe { + border: 0; +} + .article-body iframe { border: 1px solid #ccc } @@ -830,7 +847,6 @@ img { .article-body pre>code { padding: 0.5em; - border-radius: 0; color: #333; background-color: rgba(0,0,0,0.04); background-image: url(../images/code-bg.png); @@ -852,7 +868,11 @@ img { box-shadow: inset 0 -1px 0 #bbb } - +.article-body__task, +.article-body .task-list-item { + list-style: none; + margin-left: -1em; +} .post-header { text-align: center; diff --git a/next/css/next.min.css b/next/css/next.min.css index 8f34125..36c4a0f 100644 --- a/next/css/next.min.css +++ b/next/css/next.min.css @@ -15,4 +15,4 @@ * You should have received a copy of the GNU Affero General Public License * along with this program. If not, see . */ -@charset "utf-8";a,body{color:#555}.article-body,.post-body,ul.comments li{word-wrap:break-word}html{background-color:#f5f5f5}body{margin:0;font-family:Lato,"PingFang SC","Microsoft YaHei",sans-serif;font-size:14px;background:#fff}a{text-decoration:none;border-bottom:1px solid #999}a:active,a:hover{outline:0}a:hover{color:#222;border-bottom-color:#222}hr{margin:40px 0;height:3px;border:none;background-color:#ddd;background-image:repeating-linear-gradient(-45deg,#fff,#fff 4px,transparent 4px,transparent 8px)}blockquote{padding:0 15px;color:#666;border-left:4px solid #ddd}img{max-width:100%;height:auto}.fn-clear:after,.fn-clear:before{display:table;content:"";line-height:0}.fn-clear:after{clear:both;line-height:0}.fn-left{float:left}.fn-right{float:right}.fn-none{display:none}@font-face{font-family:icomoon;src:url(fonts/icomoon.eot?a0psdo);src:url(fonts/icomoon.eot?a0psdo#iefix) format('embedded-opentype'),url(fonts/icomoon.ttf?a0psdo) format('truetype'),url(fonts/icomoon.woff?a0psdo) format('woff'),url(fonts/icomoon.svg?a0psdo#icomoon) format('svg');font-weight:400;font-style:normal}[class*=" icon-"],[class^=icon-]{font-family:icomoon!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-register:before{content:"\e973"}.icon-setting:before{content:"\e994"}.icon-login:before{content:"\ea13"}.icon-logout:before{content:"\ea14"}.icon-rss:before{content:"\e901"}.form{width:100%;margin-top:50px}.form button,.form input,.form textarea{border:1px solid #CCC;background-color:#FAFAFA;border-radius:3px;box-shadow:0 1px 2px rgba(0,0,0,.075) inset;padding:7px 8px;width:100%;box-sizing:border-box;outline:0}.form button{width:auto}.form input:focus,.form textarea:focus{background-color:#FFF;box-shadow:0 1px 2px rgba(0,0,0,.075) inset,0 0 5px rgba(81,167,232,.5);border:1px solid #51A7E8}.error-msg{color:#9EABB3;margin-right:10px}.em00,.em01,.em02,.em03,.em04,.em05,.em06,.em07,.em08,.em09,.em10,.em11,.em12,.em13,.em14{cursor:pointer;background-image:url(../../../images/emotions/emotions.png);background-size:120px;float:left;height:24px;margin-right:5px;width:24px;transition:all .2s ease-out;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out}.menu .menu-item a,.pagination .next,.pagination .page-number,.post-title-link::before,.posts-collapse .post-header,.posts-collapse .post-header::before,.sidebar-toggle-line{transition-duration:.2s;transition-timing-function:ease-in-out;transition-delay:0s}#emotions span:hover{transform:scale(1.2) rotate(360deg);-webkit-transform:scale(1.2) rotate(360deg);-moz-transform:scale(1.2) rotate(360deg)}.em01{background-position:-24px 0}.em02{background-position:-48px 0}.em03{background-position:-72px 0}.em04{background-position:-96px 0}.em05{background-position:0 -24px}.em06{background-position:-24px -24px}.em07{background-position:-48px -24px}.em08{background-position:-72px -24px}.em09{background-position:-96px -24px}.em10{background-position:0 -48px}.em11{background-position:-24px -48px}.em12{background-position:-48px -48px}.em13{background-position:-72px -48px}.em14{background-position:-96px -48px}.wrapper{max-width:700px;min-width:600px;margin:0 auto;padding:0 10px}.main{position:relative;top:-50px;opacity:0}.header{background:#f5f5f5;margin-bottom:80px;padding:40px 0}.logo-wrap{float:left;overflow:hidden;top:0;opacity:0}.logo-line-after,.logo-line-before{display:block;overflow:hidden;margin:0 auto;width:75%}.logo-line-after i,.logo-line-before i{position:relative;display:block;height:2px;background:#222;left:-100%}.logo-line-after i{left:auto;right:-100%}.logo-wrap .site-title{font-size:22px;font-weight:bolder;opacity:0;top:-10px;position:relative}.logo-wrap>a{position:relative;display:inline-block;padding:2px 1px;color:#222;line-height:2;border-bottom:none;font-family:Lato,"PingFang SC","Microsoft YaHei",sans-serif}.site-nav-toggle{display:none}.menu .menu-item,.sidebar-toggle-line{display:inline-block}.menu{float:left;margin:5px 0 0 20px;padding:0 20px;opacity:0}.menu .menu-item a{padding:5px 10px;border:none;transition-property:background}.menu .menu-item a:hover{background:#e1e1e1}.menu .page-icon{float:left;height:14px;width:14px;margin:4px -4px 0 0}.site-search{float:right;margin-top:15px}.site-search input{padding:3px 3px 3px 18px;border:none;border-radius:0;width:140px;background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGhlaWdodD0iMTZweCIgaWQ9IkxheWVyXzEiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDE2IDE2OyIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgMTYgMTYiIHdpZHRoPSIxNnB4IiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48cGF0aCBkPSJNMTUuNywxNC4zbC0zLjEwNS0zLjEwNUMxMy40NzMsMTAuMDI0LDE0LDguNTc2LDE0LDdjMC0zLjg2Ni0zLjEzNC03LTctN1MwLDMuMTM0LDAsN3MzLjEzNCw3LDcsNyAgYzEuNTc2LDAsMy4wMjQtMC41MjcsNC4xOTQtMS40MDVMMTQuMywxNS43YzAuMTg0LDAuMTg0LDAuMzgsMC4zLDAuNywwLjNjMC41NTMsMCwxLTAuNDQ3LDEtMUMxNiwxNC43ODEsMTUuOTQ2LDE0LjU0NiwxNS43LDE0LjN6ICAgTTIsN2MwLTIuNzYyLDIuMjM4LTUsNS01czUsMi4yMzgsNSw1cy0yLjIzOCw1LTUsNVMyLDkuNzYyLDIsN3oiLz48L3N2Zz4=) 0 50% no-repeat;background-size:12px 12px;outline:0;border-bottom:1px solid #999;opacity:.5}.site-search input:focus{opacity:1}.footer{margin-top:80px;padding:10px 20px;background:#f5f5f5;color:#666;line-height:2}.back-to-top,.sidebar-toggle{right:50px;z-index:1050;padding:5px;cursor:pointer}.sidebar-toggle{position:fixed;bottom:45px;width:15px;height:15px;background:#222;line-height:0;-webkit-transform:translateZ(0)}.sidebar-toggle.has-toc .sidebar-toggle-line{background:#87daff}.sidebar-toggle-line{position:relative;vertical-align:top;height:2px;width:100%;background:#fff;margin-top:4px}.sidebar-toggle-line:first-child{margin-top:0}.sidebar-toggle:hover .sidebar-toggle-line-first{width:50%;transform:rotateZ(-45deg);top:3px}.sidebar-toggle:hover .sidebar-toggle-line-middle{width:90%}.sidebar-toggle:hover .sidebar-toggle-line-last{width:50%;transform:rotateZ(45deg);top:-3px}.sidebar-toggle.sidebar-active .sidebar-toggle-line-first{width:100%;transform:rotateZ(-45deg);top:6px}.sidebar-toggle.sidebar-active .sidebar-toggle-line-middle{opacity:0}.sidebar-toggle.sidebar-active .sidebar-toggle-line-last{width:100%;transform:rotateZ(45deg);top:-6px}.back-to-top,.sidebar{position:fixed;background:#222;-webkit-transform:translateZ(0)}.back-to-top{bottom:19px;width:15px;height:13px;color:#fff}.back-to-top:before{display:block;content:" ";margin-top:2px;width:0;height:0;border-width:0 7px 8px;border-color:transparent transparent #fff;border-style:solid}.sidebar{overflow:auto;width:320px;right:-320px;top:0;bottom:0;z-index:1040;box-shadow:inset 0 2px 6px #000;padding:20px 10px;color:#999;text-align:center;box-sizing:border-box}.sidebar::-webkit-scrollbar{display:none}.sidebar a{color:#999;border-bottom-color:#555}.sidebar a:hover{color:#eee}.sidebar .site-author-image{display:block;margin:20px auto 0;max-width:96px;height:auto;border:2px solid #333;padding:2px}.sidebar .site-author-name{margin:5px 0 0;color:#f5f5f5}.sidebar .site-description{margin-top:5px;font-size:14px;color:#555}.sidebar .feed-link,.sidebar .links-of-author{margin-top:20px}.sidebar .site-state-item{display:inline-block;padding:0 15px;border-left:1px solid #333}.sidebar .site-state-item:first-child{border-left:none}.sidebar .site-state-item a{border-bottom:none}.sidebar .site-state-item-count{display:block;text-align:center;font-size:18px}.sidebar .site-state-item-name{font-size:13px}.sidebar .feed-link a{display:inline-block;padding:3px 15px;color:#fc6423;border:1px solid #fc6423;border-radius:4px}.sidebar .feed-link a:hover{color:#fff;background:#fc6423}.sidebar .links-of-author a{display:inline-block;vertical-align:middle;margin-right:10px;margin-bottom:10px;border-bottom-color:#555;font-size:13px}.sidebar .links-of-author a:before{display:inline-block;vertical-align:middle;margin-right:3px;content:" ";width:4px;height:4px;border-radius:50%;background:#0dd5ff}.sidebar .b3-solo-list{margin:20px;list-style:none;text-align:left;padding:0;font-size:14px;line-height:2}.sidebar .b3-solo-list li.current a{color:#87daff}.sidebar section{opacity:0;position:relative;overflow:auto}.sidebar>ul>li{display:inline-block;cursor:pointer;border-bottom:1px solid transparent;font-size:14px;color:#555}.sidebar>ul>li:hover{color:#f5f5f5}.sidebar>ul>li.current{color:#87daff;border-bottom-color:#87daff}.sidebar>ul>li:last-child{margin-left:10px}.posts-expand .post-item{margin-top:120px}.posts-expand .post-item:first-child{margin-top:0}.post-title-link{display:inline-block;position:relative;color:#555;border-bottom:none;line-height:1.2;vertical-align:top;font-size:26px;font-weight:400}.post-title-link::before{content:"";position:absolute;width:100%;height:2px;bottom:0;left:0;background-color:#000;visibility:hidden;transform:scaleX(0)}.post-title-link:hover::before{visibility:visible;transform:scaleX(1)}.posts-expand .post-meta{margin:3px 0 60px;color:#999;font-size:12px}.post-more-link a{color:#666;border:none;border-bottom:2px solid #666;transition-property:border}.post-more-link a:hover{border-bottom-color:#222}.pagination{border-top:1px solid #eee;margin:120px 0 0;text-align:left}.pagination .next,.pagination .page-number{display:inline-block;position:relative;top:-1px;margin:0 5px;padding:0 10px;line-height:30px;border-bottom:0;border-top:1px solid #eee;transition-property:border-color}.pagination .next:hover,.pagination .page-number:hover{border-top-color:#222}.pagination .page-number.current{color:#fff;background:#ccc;border-top-color:#ccc}.article-body{font-family:"Helvetica Neue","Luxi Sans","DejaVu Sans",Tahoma,"Hiragino Sans GB","Microsoft Yahei",sans-serif;overflow:hidden;line-height:1.5}.article-body img{cursor:pointer}.article-body ol,.article-body ul{padding-left:2em;margin-top:0;margin-bottom:16px}.article-body li{margin-top:.25em}.article-body h1,.article-body h2,.article-body h3,.article-body h4,.article-body h5,.article-body h6{margin-top:24px;margin-bottom:16px;font-weight:600;line-height:1.25}.article-body h1{padding-bottom:.3em;font-size:2em}.article-body h2{padding-bottom:.3em;font-size:1.5em}.article-body h3{font-size:1.25em}.article-body h4{font-size:1em}.article-body h5{font-size:.875em}.article-body h6{font-size:.85em}.article-body p{margin-top:0;margin-bottom:16px}.article-body blockquote{padding:0 1em;color:#777;border-left:.25em solid #ddd;margin:1em 0}.article-body blockquote p{margin:0}.article-body iframe{border:1px solid #ccc}.article-body table{width:100%;border:1px solid #dedede;margin:15px auto;border-collapse:collapse;empty-cells:show}.article-body thead{text-align:center}.article-body td,.article-body th{height:35px;border:1px solid #dedede;padding:0 10px}.article-body th{font-weight:700;text-align:center!important;background:rgba(158,188,226,.2)}.article-body tbody tr:nth-child(2n){background:rgba(158,188,226,.12)}.article-body tr:hover{background:#efefef}.article-body code{padding:.2em .4em;margin:0;font-size:85%;background-color:rgba(252,41,41,.12);border-radius:3px;color:#d23f31;font-family:mononoki,Consolas,"Liberation Mono",Menlo,Courier,monospace}.article-body pre>code{padding:.5em;color:#333;background-color:rgba(0,0,0,.04);background-image:url(../images/code-bg.png);background-size:20px 20px;border-radius:5px}.article-body kbd{display:inline-block;padding:3px 5px;font:11px Consolas,"Liberation Mono",Menlo,Courier,monospace;line-height:10px;color:#555;vertical-align:middle;background-color:#fcfcfc;border:1px solid #ccc;border-bottom-color:#bbb;border-radius:3px;box-shadow:inset 0 -1px 0 #bbb}.post-header{text-align:center}.post-body img{box-sizing:border-box;margin:auto}.posts-expand .post-tags{margin-top:40px}.posts-expand .post-tags a{padding:1px 5px;background:#f5f5f5;border-bottom:none}.posts-expand .post-tags a:hover{background:#ccc}.posts-expand .post-nav{margin-top:40px;overflow:hidden;padding:10px;white-space:nowrap;border-top:1px solid #eee}.post-nav-item a:hover{color:#222;border-bottom:none}.post-nav-item a{position:relative;display:inline-block;line-height:25px;font-size:14px;color:#555;border-bottom:none;width:50%}#externalRelevantArticles h4{margin-bottom:0}#externalRelevantArticles ul{margin-top:5px}.article-body{text-align:justify}.article-body p{margin:0 0 25px}ul.comments{padding:0;list-style:none;margin-top:50px;position:relative}ul.comments li{padding:10px;white-space:normal;position:relative;border-bottom:#EBF2F6 1px solid}ul.comments li:hover{background-color:#F7F7F7}ul.comments .avatar-48{position:absolute;box-shadow:0 0 2px #ddd;height:48px;width:48px;margin:8px 10px 0 0;border-radius:24px}ul.comments .comment-body{margin:8px 0 0 60px;min-height:50px}ul.comments li.comment-body-ref{position:absolute;z-index:10;background-color:#EBF2F6;border:1px solid #d5dbde;width:80%;left:69px}.posts-collapse .collection-title::before,.posts-collapse .post-header::before{left:0;background:#bbb;border-radius:50%;content:" "}ul.comments .comment-meta{font-family:"Open Sans","Microsoft Yahei",Helvetica;color:#9eabb3;font-size:13px}ul.comments .comment-meta a{color:#9EABB3;text-decoration:none;border-bottom-width:0}ul.comments .post-meta a:hover{text-decoration:underline}ul.comments .comment-meta time{border-left:1px solid #d5dbde;margin-left:8px;padding-left:12px}#captcha,#captchaReply{height:27px;vertical-align:inherit}.tag-cloud{text-align:center}.tag-cloud ul.tag-cloud-tags{padding-left:0}#tags li{list-style:none;display:inline-block;margin:10px}#tags .tags1{font-size:12px;color:#CCC}#tags .tags2{font-size:16px;color:#999}#tags .tags3{font-size:21px;color:#6f6f6f}#tags .tags4{font-size:24px;color:#333}#tags .tags5{font-size:30px;color:#111}.posts-collapse .collection-title::before{position:absolute;top:50%;margin-left:-4px;margin-top:-4px;width:8px;height:8px}.posts-collapse .collection-title{position:relative;margin:60px 0}.posts-collapse .collection-title h2{margin-left:20px}.posts-collapse .collection-title small{color:#bbb}.posts-collapse .post-header::before{position:absolute;top:12px;width:6px;height:6px;margin-left:-4px;border:1px solid #fff;transition-property:background}.posts-collapse .post-header{position:relative;transition-property:border;border-bottom:1px dashed #ccc;text-align:left}.posts-collapse .post-header:hover{border-bottom-color:#666}.posts-collapse .post-header:hover::before{background:#222}.posts-collapse .post-time{position:absolute;font-size:12px;left:20px;top:8px}.posts-collapse .post-title{margin-left:70px;font-size:16px;font-weight:400;font-family:Lato,"PingFang SC","Microsoft YaHei",sans-serif;line-height:inherit;text-decoration:none;border-bottom:0;color:#666}.page-archive .archive-page-counter{position:relative;top:7px;left:20px;margin-bottom:50px;display:block}.page-archive .posts-collapse .archive-move-on{position:absolute;top:11px;left:0;margin-left:-6px;width:10px;height:10px;opacity:.5;background:#555;border:1px solid #fff;border-radius:50%}.page-archive .post-title{margin-left:20px}.page-archive .posts-collapse .post-header::before{top:8px}.page-archive .posts-collapse::after{top:20px;left:0;margin-left:-2px;width:4px;height:100%;background:#f5f5f5;z-index:-1;content:" ";position:absolute}@media (max-width:1000px){.sidebar,.sidebar-toggle{display:none}body{padding-right:0!important}}@media (max-width:700px){.page-archive .posts-collapse .archive-move-on{margin-left:5px}.posts-collapse{margin-left:10px}.page-archive .archive-page-counter{margin-right:10px}.site-nav-toggle{display:block;margin-top:16px}.back-to-top,.header-line,.logo-line-after,.logo-line-before,.menu,.site-search{display:none}.header{margin-bottom:50px;padding:5px 0}.header-line{position:relative;top:52px;height:1px;width:100%;background-color:#ddd}.btn-bar,.menu .menu-item{display:block}.wrapper{min-width:inherit}.btn-bar{width:22px;height:2px;background:#555;border-radius:1px}.btn-bar+.btn-bar{margin-top:4px}.menu{width:100%;margin:0 0 0 -20px;padding:0 5px;line-height:26px}.menu .page-icon{margin:6px -4px 0 10px}.footer{text-align:center;font-size:12px;padding:10px 0}.footer .fn-right{float:none}} \ No newline at end of file +@charset "utf-8";a,body{color:#555}.article-body,.post-body,ul.comments li{word-wrap:break-word}html{background-color:#f5f5f5}body{margin:0;font-family:Lato,"PingFang SC","Microsoft YaHei",sans-serif;font-size:14px;background:#fff}a{text-decoration:none;border-bottom:1px solid #999}a:active,a:hover{outline:0}a:hover{color:#222;border-bottom-color:#222}hr{margin:40px 0;height:3px;border:none;background-color:#ddd;background-image:repeating-linear-gradient(-45deg,#fff,#fff 4px,transparent 4px,transparent 8px)}blockquote{padding:0 15px;color:#666;border-left:4px solid #ddd}img{max-width:100%;height:auto}.fn-clear:after,.fn-clear:before{display:table;content:"";line-height:0}.fn-clear:after{clear:both;line-height:0}.fn-left{float:left}.fn-right{float:right}.fn-none{display:none}@font-face{font-family:icomoon;src:url(fonts/icomoon.eot?a0psdo);src:url(fonts/icomoon.eot?a0psdo#iefix) format('embedded-opentype'),url(fonts/icomoon.ttf?a0psdo) format('truetype'),url(fonts/icomoon.woff?a0psdo) format('woff'),url(fonts/icomoon.svg?a0psdo#icomoon) format('svg');font-weight:400;font-style:normal}[class*=" icon-"],[class^=icon-]{font-family:icomoon!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-register:before{content:"\e973"}.icon-setting:before{content:"\e994"}.icon-login:before{content:"\ea13"}.icon-logout:before{content:"\ea14"}.icon-rss:before{content:"\e901"}.form{width:100%;margin-top:50px}.form button,.form input,.form textarea{border:1px solid #CCC;background-color:#FAFAFA;border-radius:3px;box-shadow:0 1px 2px rgba(0,0,0,.075) inset;padding:7px 8px;width:100%;box-sizing:border-box;outline:0}.form button{width:auto}.form input:focus,.form textarea:focus{background-color:#FFF;box-shadow:0 1px 2px rgba(0,0,0,.075) inset,0 0 5px rgba(81,167,232,.5);border:1px solid #51A7E8}.error-msg{color:#9EABB3;margin-right:10px}.em00,.em01,.em02,.em03,.em04,.em05,.em06,.em07,.em08,.em09,.em10,.em11,.em12,.em13,.em14{cursor:pointer;background-image:url(../../../images/emotions/emotions.png);background-size:120px;float:left;height:24px;margin-right:5px;width:24px;transition:all .2s ease-out;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out}.menu .menu-item a,.pagination .next,.pagination .page-number,.post-title-link::before,.posts-collapse .post-header,.posts-collapse .post-header::before,.sidebar-toggle-line{transition-duration:.2s;transition-timing-function:ease-in-out;transition-delay:0s}#emotions span:hover{transform:scale(1.2) rotate(360deg);-webkit-transform:scale(1.2) rotate(360deg);-moz-transform:scale(1.2) rotate(360deg)}.em01{background-position:-24px 0}.em02{background-position:-48px 0}.em03{background-position:-72px 0}.em04{background-position:-96px 0}.em05{background-position:0 -24px}.em06{background-position:-24px -24px}.em07{background-position:-48px -24px}.em08{background-position:-72px -24px}.em09{background-position:-96px -24px}.em10{background-position:0 -48px}.em11{background-position:-24px -48px}.em12{background-position:-48px -48px}.em13{background-position:-72px -48px}.em14{background-position:-96px -48px}.wrapper{max-width:700px;min-width:600px;margin:0 auto;padding:0 10px}.main{position:relative;top:-50px;opacity:0}.header{background:#f5f5f5;margin-bottom:80px;padding:40px 0}.logo-wrap{float:left;overflow:hidden;top:0;opacity:0}.logo-line-after,.logo-line-before{display:block;overflow:hidden;margin:0 auto;width:75%}.logo-line-after i,.logo-line-before i{position:relative;display:block;height:2px;background:#222;left:-100%}.logo-line-after i{left:auto;right:-100%}.logo-wrap .site-title{font-size:22px;font-weight:bolder;opacity:0;top:-10px;position:relative}.logo-wrap>a{position:relative;display:inline-block;padding:2px 1px;color:#222;line-height:2;border-bottom:none;font-family:Lato,"PingFang SC","Microsoft YaHei",sans-serif}.site-nav-toggle{display:none}.menu .menu-item,.sidebar-toggle-line{display:inline-block}.menu{float:left;margin:5px 0 0 20px;padding:0 20px;opacity:0}.menu .menu-item a{padding:5px 10px;border:none;transition-property:background}.menu .menu-item a:hover{background:#e1e1e1}.menu .page-icon{float:left;height:14px;width:14px;margin:4px -4px 0 0}.site-search{float:right;margin-top:15px}.site-search input{padding:3px 3px 3px 18px;border:none;border-radius:0;width:140px;background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGhlaWdodD0iMTZweCIgaWQ9IkxheWVyXzEiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDE2IDE2OyIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgMTYgMTYiIHdpZHRoPSIxNnB4IiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48cGF0aCBkPSJNMTUuNywxNC4zbC0zLjEwNS0zLjEwNUMxMy40NzMsMTAuMDI0LDE0LDguNTc2LDE0LDdjMC0zLjg2Ni0zLjEzNC03LTctN1MwLDMuMTM0LDAsN3MzLjEzNCw3LDcsNyAgYzEuNTc2LDAsMy4wMjQtMC41MjcsNC4xOTQtMS40MDVMMTQuMywxNS43YzAuMTg0LDAuMTg0LDAuMzgsMC4zLDAuNywwLjNjMC41NTMsMCwxLTAuNDQ3LDEtMUMxNiwxNC43ODEsMTUuOTQ2LDE0LjU0NiwxNS43LDE0LjN6ICAgTTIsN2MwLTIuNzYyLDIuMjM4LTUsNS01czUsMi4yMzgsNSw1cy0yLjIzOCw1LTUsNVMyLDkuNzYyLDIsN3oiLz48L3N2Zz4=) 0 50% no-repeat;background-size:12px 12px;outline:0;border-bottom:1px solid #999;opacity:.5}.site-search input:focus{opacity:1}.footer{margin-top:80px;padding:10px 20px;background:#f5f5f5;color:#666;line-height:2}.back-to-top,.sidebar-toggle{right:50px;z-index:1050;padding:5px;cursor:pointer}.sidebar-toggle{position:fixed;bottom:45px;width:15px;height:15px;background:#222;line-height:0;-webkit-transform:translateZ(0)}.sidebar-toggle.has-toc .sidebar-toggle-line{background:#87daff}.sidebar-toggle-line{position:relative;vertical-align:top;height:2px;width:100%;background:#fff;margin-top:4px}.sidebar-toggle-line:first-child{margin-top:0}.sidebar-toggle:hover .sidebar-toggle-line-first{width:50%;transform:rotateZ(-45deg);top:3px}.sidebar-toggle:hover .sidebar-toggle-line-middle{width:90%}.sidebar-toggle:hover .sidebar-toggle-line-last{width:50%;transform:rotateZ(45deg);top:-3px}.sidebar-toggle.sidebar-active .sidebar-toggle-line-first{width:100%;transform:rotateZ(-45deg);top:6px}.sidebar-toggle.sidebar-active .sidebar-toggle-line-middle{opacity:0}.sidebar-toggle.sidebar-active .sidebar-toggle-line-last{width:100%;transform:rotateZ(45deg);top:-6px}.back-to-top,.sidebar{position:fixed;background:#222;-webkit-transform:translateZ(0)}.back-to-top{bottom:19px;width:15px;height:13px;color:#fff}.back-to-top:before{display:block;content:" ";margin-top:2px;width:0;height:0;border-width:0 7px 8px;border-color:transparent transparent #fff;border-style:solid}.sidebar{overflow:auto;width:320px;right:-320px;top:0;bottom:0;z-index:1040;box-shadow:inset 0 2px 6px #000;padding:20px 10px;color:#999;text-align:center;box-sizing:border-box}.sidebar::-webkit-scrollbar{display:none}.sidebar a{color:#999;border-bottom-color:#555}.sidebar a:hover{color:#eee}.sidebar .site-author-image{display:block;margin:20px auto 0;max-width:96px;height:auto;border:2px solid #333;padding:2px}.sidebar .site-author-name{margin:5px 0 0;color:#f5f5f5}.sidebar .site-description{margin-top:5px;font-size:14px;color:#555}.sidebar .feed-link,.sidebar .links-of-author{margin-top:20px}.sidebar .site-state-item{display:inline-block;padding:0 15px;border-left:1px solid #333}.sidebar .site-state-item:first-child{border-left:none}.sidebar .site-state-item a{border-bottom:none}.sidebar .site-state-item-count{display:block;text-align:center;font-size:18px}.sidebar .site-state-item-name{font-size:13px}.sidebar .feed-link a{display:inline-block;padding:3px 15px;color:#fc6423;border:1px solid #fc6423;border-radius:4px}.sidebar .feed-link a:hover{color:#fff;background:#fc6423}.sidebar .links-of-author a{display:inline-block;vertical-align:middle;margin-right:10px;margin-bottom:10px;border-bottom-color:#555;font-size:13px}.sidebar .links-of-author a:before{display:inline-block;vertical-align:middle;margin-right:3px;content:" ";width:4px;height:4px;border-radius:50%;background:#0dd5ff}.sidebar .b3-solo-list{margin:20px;list-style:none;text-align:left;padding:0;font-size:14px;line-height:2}.sidebar .b3-solo-list li.current a{color:#87daff}.sidebar section{opacity:0;position:relative;overflow:auto}.sidebar>ul>li{display:inline-block;cursor:pointer;border-bottom:1px solid transparent;font-size:14px;color:#555}.sidebar>ul>li:hover{color:#f5f5f5}.sidebar>ul>li.current{color:#87daff;border-bottom-color:#87daff}.sidebar>ul>li:last-child{margin-left:10px}.posts-expand .post-item{margin-top:120px}.posts-expand .post-item:first-child{margin-top:0}.post-title-link{display:inline-block;position:relative;color:#555;border-bottom:none;line-height:1.2;vertical-align:top;font-size:26px;font-weight:400}.post-title-link::before{content:"";position:absolute;width:100%;height:2px;bottom:0;left:0;background-color:#000;visibility:hidden;transform:scaleX(0)}.post-title-link:hover::before{visibility:visible;transform:scaleX(1)}.posts-expand .post-meta{margin:3px 0 60px;color:#999;font-size:12px}.post-more-link a{color:#666;border:none;border-bottom:2px solid #666;transition-property:border}.post-more-link a:hover{border-bottom-color:#222}.pagination{border-top:1px solid #eee;margin:120px 0 0;text-align:left}.pagination .next,.pagination .page-number{display:inline-block;position:relative;top:-1px;margin:0 5px;padding:0 10px;line-height:30px;border-bottom:0;border-top:1px solid #eee;transition-property:border-color}.pagination .next:hover,.pagination .page-number:hover{border-top-color:#222}.pagination .page-number.current{color:#fff;background:#ccc;border-top-color:#ccc}.article-body{font-family:"Helvetica Neue","Luxi Sans","DejaVu Sans",Tahoma,"Hiragino Sans GB","Microsoft Yahei",sans-serif;overflow:hidden;line-height:1.5}.article-body img{cursor:pointer}.article-body img.emoji{cursor:auto;max-width:18px}.article-body ol,.article-body ul{padding-left:2em;margin-top:0;margin-bottom:16px}.article-body li{margin-top:.25em}.article-body h1,.article-body h2,.article-body h3,.article-body h4,.article-body h5,.article-body h6{margin-top:24px;margin-bottom:16px;font-weight:600;line-height:1.25}.article-body h1{padding-bottom:.3em;font-size:2em}.article-body h2{padding-bottom:.3em;font-size:1.5em}.article-body h3{font-size:1.25em}.article-body h4{font-size:1em}.article-body h5{font-size:.875em}.article-body h6{font-size:.85em}.article-body p{margin-top:0;margin-bottom:16px}.article-body hr{height:.15em;padding:0;margin:24px 0;background-color:#e7e7e7;border:0}.article-body blockquote{padding:0 1em;color:#777;border-left:.25em solid #ddd;margin:1em 0}.article-body blockquote p{margin:0}.article-body ins>iframe{border:0}.article-body iframe{border:1px solid #ccc}.article-body table{width:100%;border:1px solid #dedede;margin:15px auto;border-collapse:collapse;empty-cells:show}.article-body thead{text-align:center}.article-body td,.article-body th{height:35px;border:1px solid #dedede;padding:0 10px}.article-body th{font-weight:700;text-align:center!important;background:rgba(158,188,226,.2)}.article-body tbody tr:nth-child(2n){background:rgba(158,188,226,.12)}.article-body tr:hover{background:#efefef}.article-body code{padding:.2em .4em;margin:0;font-size:85%;background-color:rgba(252,41,41,.12);border-radius:3px;color:#d23f31;font-family:mononoki,Consolas,"Liberation Mono",Menlo,Courier,monospace}.article-body pre>code{padding:.5em;color:#333;background-color:rgba(0,0,0,.04);background-image:url(../images/code-bg.png);background-size:20px 20px;border-radius:5px}.article-body kbd{display:inline-block;padding:3px 5px;font:11px Consolas,"Liberation Mono",Menlo,Courier,monospace;line-height:10px;color:#555;vertical-align:middle;background-color:#fcfcfc;border:1px solid #ccc;border-bottom-color:#bbb;border-radius:3px;box-shadow:inset 0 -1px 0 #bbb}.article-body .task-list-item,.article-body__task{list-style:none;margin-left:-1em}.post-header{text-align:center}.post-body img{box-sizing:border-box;margin:auto}.posts-expand .post-tags{margin-top:40px}.posts-expand .post-tags a{padding:1px 5px;background:#f5f5f5;border-bottom:none}.posts-expand .post-tags a:hover{background:#ccc}.posts-expand .post-nav{margin-top:40px;overflow:hidden;padding:10px;white-space:nowrap;border-top:1px solid #eee}.post-nav-item a:hover{color:#222;border-bottom:none}.post-nav-item a{position:relative;display:inline-block;line-height:25px;font-size:14px;color:#555;border-bottom:none;width:50%}#externalRelevantArticles h4{margin-bottom:0}#externalRelevantArticles ul{margin-top:5px}.article-body{text-align:justify}.article-body p{margin:0 0 25px}ul.comments{padding:0;list-style:none;margin-top:50px;position:relative}ul.comments li{padding:10px;white-space:normal;position:relative;border-bottom:#EBF2F6 1px solid}ul.comments li:hover{background-color:#F7F7F7}ul.comments .avatar-48{position:absolute;box-shadow:0 0 2px #ddd;height:48px;width:48px;margin:8px 10px 0 0;border-radius:24px}ul.comments .comment-body{margin:8px 0 0 60px;min-height:50px}ul.comments li.comment-body-ref{position:absolute;z-index:10;background-color:#EBF2F6;border:1px solid #d5dbde;width:80%;left:69px}.posts-collapse .collection-title::before,.posts-collapse .post-header::before{left:0;background:#bbb;border-radius:50%;content:" "}ul.comments .comment-meta{font-family:"Open Sans","Microsoft Yahei",Helvetica;color:#9eabb3;font-size:13px}ul.comments .comment-meta a{color:#9EABB3;text-decoration:none;border-bottom-width:0}ul.comments .post-meta a:hover{text-decoration:underline}ul.comments .comment-meta time{border-left:1px solid #d5dbde;margin-left:8px;padding-left:12px}#captcha,#captchaReply{height:27px;vertical-align:inherit}.tag-cloud{text-align:center}.tag-cloud ul.tag-cloud-tags{padding-left:0}#tags li{list-style:none;display:inline-block;margin:10px}#tags .tags1{font-size:12px;color:#CCC}#tags .tags2{font-size:16px;color:#999}#tags .tags3{font-size:21px;color:#6f6f6f}#tags .tags4{font-size:24px;color:#333}#tags .tags5{font-size:30px;color:#111}.posts-collapse .collection-title::before{position:absolute;top:50%;margin-left:-4px;margin-top:-4px;width:8px;height:8px}.posts-collapse .collection-title{position:relative;margin:60px 0}.posts-collapse .collection-title h2{margin-left:20px}.posts-collapse .collection-title small{color:#bbb}.posts-collapse .post-header::before{position:absolute;top:12px;width:6px;height:6px;margin-left:-4px;border:1px solid #fff;transition-property:background}.posts-collapse .post-header{position:relative;transition-property:border;border-bottom:1px dashed #ccc;text-align:left}.posts-collapse .post-header:hover{border-bottom-color:#666}.posts-collapse .post-header:hover::before{background:#222}.posts-collapse .post-time{position:absolute;font-size:12px;left:20px;top:8px}.posts-collapse .post-title{margin-left:70px;font-size:16px;font-weight:400;font-family:Lato,"PingFang SC","Microsoft YaHei",sans-serif;line-height:inherit;text-decoration:none;border-bottom:0;color:#666}.page-archive .archive-page-counter{position:relative;top:7px;left:20px;margin-bottom:50px;display:block}.page-archive .posts-collapse .archive-move-on{position:absolute;top:11px;left:0;margin-left:-6px;width:10px;height:10px;opacity:.5;background:#555;border:1px solid #fff;border-radius:50%}.page-archive .post-title{margin-left:20px}.page-archive .posts-collapse .post-header::before{top:8px}.page-archive .posts-collapse::after{top:20px;left:0;margin-left:-2px;width:4px;height:100%;background:#f5f5f5;z-index:-1;content:" ";position:absolute}@media (max-width:1000px){.sidebar,.sidebar-toggle{display:none}body{padding-right:0!important}}@media (max-width:700px){.page-archive .posts-collapse .archive-move-on{margin-left:5px}.posts-collapse{margin-left:10px}.page-archive .archive-page-counter{margin-right:10px}.site-nav-toggle{display:block;margin-top:16px}.back-to-top,.header-line,.logo-line-after,.logo-line-before,.menu,.site-search{display:none}.header{margin-bottom:50px;padding:5px 0}.header-line{position:relative;top:52px;height:1px;width:100%;background-color:#ddd}.btn-bar,.menu .menu-item{display:block}.wrapper{min-width:inherit}.btn-bar{width:22px;height:2px;background:#555;border-radius:1px}.btn-bar+.btn-bar{margin-top:4px}.menu{width:100%;margin:0 0 0 -20px;padding:0 5px;line-height:26px}.menu .page-icon{margin:6px -4px 0 10px}.footer{text-align:center;font-size:12px;padding:10px 0}.footer .fn-right{float:none}} \ No newline at end of file diff --git a/nijigen/css/_icon.scss b/nijigen/css/_icon.scss index d33c9c2..bc5736b 100644 --- a/nijigen/css/_icon.scss +++ b/nijigen/css/_icon.scss @@ -20,7 +20,7 @@ * icon font * * @author Liyuan Li - * @version 0.2.0.0, Dec 17, 2018 + * @version 0.2.0.1, Jan 2, 2019 */ @font-face { font-family: 'icomoon'; diff --git a/nijigen/css/base.css b/nijigen/css/base.css index e347857..7b8236e 100644 --- a/nijigen/css/base.css +++ b/nijigen/css/base.css @@ -179,7 +179,7 @@ blockquote { * Article reset style * * @author Liyuan Li - * @version 0.2.0.2, Jul 6, 2018 + * @version 0.2.0.3, Jan 2, 2019 */ .content-reset { word-wrap: break-word; @@ -226,7 +226,7 @@ blockquote { .content-reset h6 { font-size: 0.85em; } .content-reset hr { - height: 0.25em; + height: 0.15em; padding: 0; margin: 24px 0; background-color: #e7e7e7; @@ -241,6 +241,8 @@ blockquote { margin-bottom: 16px; } .content-reset blockquote p { margin: 0; } + .content-reset ins > iframe { + border: 0; } .content-reset iframe { border: 1px solid rgba(0, 0, 0, 0.38); } .content-reset table { @@ -293,11 +295,10 @@ blockquote { border-bottom-color: #bbb; border-radius: 3px; box-shadow: inset 0 -1px 0 #bbb; } - .content-reset li.task-list-item { - list-style: none; } - .content-reset li.task-list-item > input { - margin-left: -2em; - vertical-align: middle; } + .content-reset__task, + .content-reset .task-list-item { + list-style: none; + margin-left: -1em; } .img-preview { width: 100%; diff --git a/nijigen/css/base.min.css b/nijigen/css/base.min.css index 39961cf..8320a17 100644 --- a/nijigen/css/base.min.css +++ b/nijigen/css/base.min.css @@ -15,4 +15,4 @@ * You should have received a copy of the GNU Affero General Public License * along with this program. If not, see . */ -@charset "UTF-8";body,button,input,select,textarea{margin:0;font-family:"Helvetica Neue","Luxi Sans","DejaVu Sans",Tahoma,"Hiragino Sans GB","Microsoft Yahei",sans-serif}.content-reset pre,sub,sup{position:relative}.fn__ellipsis,.ft__nowrap{white-space:nowrap}.comments__item,.content-reset li.task-list-item{list-style:none}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;height:100%}body{font-size:14px;background-color:#fff;-webkit-font-smoothing:antialiased;-webkit-overflow-scrolling:touch}::-moz-selection{text-shadow:none;background:rgba(65,131,196,.4)}::selection{text-shadow:none;background:rgba(66,133,244,.4)}ol,ul{margin:0;padding:0}blockquote,dd,dl,h1,h2,h3,h4,h5,h6,p{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none}a:hover{text-decoration:underline}sub,sup{font-size:75%;line-height:0;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{max-width:100%;vertical-align:middle;border:0;height:auto;-ms-interpolation-mode:bicubic;overflow:hidden;font-size:12px}button,input,select,textarea{font-size:100%;vertical-align:middle;outline:0}button,input{line-height:normal}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}.content-reset h1,.content-reset h2{padding-bottom:.3em;border-bottom:1px solid #eee}button,input[type=button],input[type=reset],input[type=submit]{cursor:pointer;-webkit-appearance:button}input[type=search]{box-sizing:content-box;-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}textarea{overflow:auto;resize:vertical}svg{fill:currentColor;display:inline-block;stroke-width:0;stroke:currentColor;width:14px;height:14px}.content-reset{word-wrap:break-word;overflow:auto;line-height:1.65;font-size:16px;word-break:break-word}.content-reset ol,.content-reset ul{padding-left:2em;margin-top:0;margin-bottom:16px}.content-reset li{margin-top:.25em}.content-reset img{cursor:zoom-in}.content-reset img.emoji{cursor:auto;max-width:18px}.content-reset h1,.content-reset h2,.content-reset h3,.content-reset h4,.content-reset h5,.content-reset h6{margin-top:24px;margin-bottom:16px;font-weight:600;line-height:1.25}.content-reset h1{font-size:1.7em}.content-reset h2{font-size:1.5em}.content-reset h3{font-size:1.25em}.content-reset h4{font-size:1em}.content-reset h5{font-size:.875em}.content-reset h6{font-size:.85em}.content-reset hr{height:.25em;padding:0;margin:24px 0;background-color:#e7e7e7;border:0}.content-reset p{margin-top:0;margin-bottom:16px}.content-reset blockquote{padding:0 1em;color:#777;border-left:.25em solid #ddd;margin-bottom:16px}.content-reset blockquote p{margin:0}.content-reset iframe{border:1px solid rgba(0,0,0,.38)}.content-reset table{width:100%;border:1px solid #dedede;margin:15px auto;border-collapse:collapse;empty-cells:show}.content-reset thead{text-align:center}.content-reset td,.content-reset th{height:35px;border:1px solid #dedede;padding:0 10px}.content-reset th{font-weight:700;text-align:center!important;background:rgba(158,188,226,.2)}.article-list .item__date,.footer,.ft__center,.header__nav,.icon__up,.tooltipped::after{text-align:center}.content-reset tbody tr:nth-child(2n){background:rgba(158,188,226,.12)}.content-reset tr:hover{background:#efefef}.content-reset code{padding:.2em .4em;margin:0;font-size:85%;background-color:rgba(252,41,41,.12);border-radius:3px;word-break:break-word}.content-reset pre textarea{position:absolute;top:-100000px}.content-reset pre>code{padding:.5em;background-color:rgba(0,0,0,.04);background-size:20px 20px;border-radius:5px}.content-reset kbd{display:inline-block;padding:3px 5px;font:11px Consolas,"Liberation Mono",Menlo,Courier,monospace;line-height:10px;color:#555;vertical-align:middle;background-color:#fcfcfc;border:1px solid rgba(0,0,0,.38);border-bottom-color:#bbb;border-radius:3px;box-shadow:inset 0 -1px 0 #bbb}.content-reset li.task-list-item>input{margin-left:-2em;vertical-align:middle}.img-preview{width:100%;height:100%;top:0;z-index:211;overflow:auto;cursor:zoom-out;transition:background-color .2s ease-in-out}.fn__pointer,.tooltipped{cursor:pointer}.img-preview img{max-width:inherit;transition:transform .3s ease-in-out}.fn__flex{display:flex}.fn__flex-center{align-self:center}.fn__flex-inline{display:inline-flex;align-items:center}.fn__flex-1{flex:1;min-width:1px}.fn__flex-column{min-height:100%;display:flex;flex-direction:column}.fn__clear:after,.fn__clear:before{display:table;content:""}.fn__clear:after{clear:both}.fn__left{float:left}.fn__right{float:right}.fn__none{display:none}.fn__hidden{visibility:hidden}.fn__ellipsis{overflow:hidden;text-overflow:ellipsis;word-wrap:normal}.ft__13{font-size:13px}.ft__smaller{font-size:12px}@-webkit-keyframes tooltip-appear{from{opacity:0}to{opacity:1}}@keyframes tooltip-appear{from{opacity:0}to{opacity:1}}.tooltipped{position:relative}.tooltipped::after,.tooltipped::before{position:absolute;display:none;opacity:0;pointer-events:none}.tooltipped::after{z-index:1000000;padding:5px 8px;font-size:11px;font-weight:400;-webkit-font-smoothing:subpixel-antialiased;color:#fff;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-wrap:break-word;white-space:pre;content:attr(aria-label);background:rgba(0,0,0,.8);border-radius:3px;line-height:16px}.tooltipped::before{z-index:1000001;width:0;height:0;color:rgba(0,0,0,.8);content:"";border:5px solid transparent}.tooltipped--hover::after,.tooltipped--hover::before,.tooltipped:active::after,.tooltipped:active::before,.tooltipped:focus::after,.tooltipped:focus::before,.tooltipped:hover::after,.tooltipped:hover::before{display:inline-block;text-decoration:none;animation-name:tooltip-appear;animation-duration:.1s;animation-fill-mode:forwards;animation-timing-function:ease-in;animation-delay:.4s}.tooltipped__s::after,.tooltipped__se::after,.tooltipped__sw::after{top:100%;right:50%;margin-top:5px}.tooltipped__s::before,.tooltipped__se::before,.tooltipped__sw::before{top:auto;right:50%;bottom:-5px;margin-right:-5px;border-bottom-color:rgba(0,0,0,.8)}.tooltipped__se::after{right:auto;left:50%;margin-left:-15px}.tooltipped__sw::after{margin-right:-15px}.tooltipped__n::after,.tooltipped__ne::after,.tooltipped__nw::after{right:50%;bottom:100%;margin-bottom:5px}.tooltipped__n::before,.tooltipped__ne::before,.tooltipped__nw::before{top:-5px;right:50%;bottom:auto;margin-right:-5px;border-top-color:rgba(0,0,0,.8)}.tooltipped__ne::after{right:auto;left:50%;margin-left:-15px}.tooltipped__nw::after{margin-right:-15px}.tooltipped__n::after,.tooltipped__s::after{transform:translateX(50%)}.tooltipped__w::after{right:100%;bottom:50%;margin-right:5px;transform:translateY(50%)}.tooltipped__w::before{top:50%;bottom:50%;left:-5px;margin-top:-5px;border-left-color:rgba(0,0,0,.8)}.tooltipped__e::after{bottom:50%;left:100%;margin-left:5px;transform:translateY(50%)}.tooltipped__e::before{top:50%;right:-5px;bottom:50%;margin-top:-5px;border-right-color:rgba(0,0,0,.8)}.em00,.em01,.em02,.em03,.em04,.em05,.em06,.em07,.em08,.em09,.em10,.em11,.em12,.em13,.em14{cursor:pointer;background-image:url(../../../images/emotions/emotions.png);background-size:120px;float:left;height:24px;margin-right:5px;width:24px;transition:all .2s ease-out;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out}.module,a{transition:all .3s}#emotions span:hover,#emotionsReply span:hover{transform:scale(1.2) rotate(360deg);-webkit-transform:scale(1.2) rotate(360deg);-moz-transform:scale(1.2) rotate(360deg)}.em01{background-position:-24px 0}.em02{background-position:-48px 0}.em03{background-position:-72px 0}.em04{background-position:-96px 0}.em05{background-position:0 -24px}.em06{background-position:-24px -24px}.em07{background-position:-48px -24px}.em08{background-position:-72px -24px}.em09{background-position:-96px -24px}.em10{background-position:0 -48px}.em11{background-position:-24px -48px}.em12{background-position:-48px -48px}.em13{background-position:-72px -48px}.em14{background-position:-96px -48px}#nprogress{pointer-events:none}#nprogress .bar{background:#d23f31;position:fixed;z-index:1031;top:0;left:0;width:100%;height:2px}#nprogress .peg{display:block;position:absolute;right:0;width:100px;height:100%;box-shadow:0 0 10px #d23f31,0 0 5px #d23f31;opacity:1;-webkit-transform:rotate(3deg) translate(0,-4px);-ms-transform:rotate(3deg) translate(0,-4px);transform:rotate(3deg) translate(0,-4px)}#nprogress .spinner{display:block;position:fixed;z-index:1031;top:15px;right:15px}#nprogress .spinner-icon{width:18px;height:18px;box-sizing:border-box;border:2px solid transparent;border-top-color:#d23f31;border-left-color:#d23f31;border-radius:50%;-webkit-animation:nprogress-spinner .4s linear infinite;animation:nprogress-spinner .4s linear infinite}.nprogress-custom-parent{overflow:hidden;position:relative}.nprogress-custom-parent #nprogress .bar,.nprogress-custom-parent #nprogress .spinner{position:absolute}@-webkit-keyframes nprogress-spinner{0%{-webkit-transform:rotate(0)}100%{-webkit-transform:rotate(360deg)}}@keyframes nprogress-spinner{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@font-face{font-family:icomoon;src:url(fonts/icomoon.eot?oyqnlj);src:url(fonts/icomoon.eot?oyqnlj#iefix) format("embedded-opentype"),url(fonts/icomoon.ttf?oyqnlj) format("truetype"),url(fonts/icomoon.woff?oyqnlj) format("woff"),url(fonts/icomoon.svg?oyqnlj#icomoon) format("svg");font-weight:400;font-style:normal}[class*=" icon__"],[class^=icon__]{font-family:icomoon!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon__list:before{content:"\f0ca"}.icon__home:before{content:"\f015"}.icon__comments:before{content:"\f0e6"}.icon__date:before{content:"\f073"}.icon__search:before{content:"\f002"}.icon__up:before{content:"\f077"}.icon__inbox:before{content:"\f01c"}.icon__tags:before{content:"\f02c"}.icon__link:before{content:"\f0c1"}.icon__refresh:before{content:"\f021"}.icon__category:before{content:"\e9bc"}.icon__logout:before{content:"\ea14"}.icon__views:before{content:"\e900"}.icon__register:before{content:"\e973"}.icon__setting:before{content:"\e994"}.icon__login:before{content:"\ea13"}.icon__rss:before{content:"\e901"}.icon__more:before{content:"\e902"}body{cursor:url(../images/cursor.cur),url(../images/cursor.cur),auto}a{outline:0;text-decoration:none;cursor:url(../images/pointer.cur),url(../images/pointer.cur),auto}.content-reset img{vertical-align:sub}.ft__red{color:#b94a48}.module{border-radius:5px;overflow:hidden;margin-bottom:30px;box-shadow:1px 1px 3px 1px rgba(0,0,0,.2)}.module.item{transform:translateY(30px);transition:transform 2s cubic-bezier(.175,.885,.32,1.275)}.module.item--active{transform:translate(0)}.module:hover{box-shadow:0 0 20px 0 rgba(0,0,0,.8)}.module__content{background-color:rgba(255,255,255,.8);padding:15px;color:#3d4450;display:block}.module__content:hover{background-color:#fff}.module__content--three{padding-bottom:0}.module__header{background-color:rgba(10,10,0,.7);padding:15px;color:#fff}.module__header a{color:#fff}.module__header:hover{background-color:rgba(10,10,0,.9)}.module__list li{border-bottom:1px solid #ddd;background-color:rgba(255,255,255,.8);line-height:20px}.module__list li a{padding:15px;display:block;color:#3d4450}.module__list li a:hover{text-decoration:none;color:#b94a48;background-color:#fff}.header,.header a,.tag,.tag a{color:#fff}.form{position:relative}.form__input{border:1px solid #7266BA;height:30px;line-height:30px;padding:0 15px;border-radius:15px;width:100%;box-sizing:border-box}.bg{height:100%;width:100%;position:fixed;top:0;left:0;background-image:url(../images/background1.jpg);background-size:cover;background-position:center center;z-index:-1;animation:imageAnimation 36s linear infinite 0s;opacity:0}.bg--1{background-image:url(../images/background2.jpg);animation-delay:6s}.bg--2{background-image:url(../images/background3.jpg);animation-delay:12s}.bg--3{background-image:url(../images/background4.jpg);animation-delay:18s}.bg--4{background-image:url(../images/background5.jpg);animation-delay:24s}.bg--5{background-image:url(../images/background6.jpg);animation-delay:30s}@keyframes imageAnimation{0%{opacity:0;animation-timing-function:ease-in}8%{opacity:1;transform:scale(1.05);animation-timing-function:ease-out}17%{opacity:1;transform:scale(1.1) rotate(0)}25%{opacity:0;transform:scale(1.1) rotate(0)}100%{opacity:0}}.header{background-color:rgba(10,10,0,.7);height:50px;line-height:50px;transition:all .3s;box-shadow:0 0 8px #000}.header:hover{background-color:rgba(10,10,0,.9)}.header a{padding:0 15px;display:inline-block}.header a.current,.header a:hover{text-decoration:none;background-color:rgba(102,88,184,.8)}.header__logo{position:absolute;left:30px}.header__nav img{float:left;height:20px;width:20px;margin:15px 5px 0 0}.header__login{position:absolute;right:30px;top:0}.main{max-width:1170px;padding:30px;margin:auto;display:flex}.content{flex:1;min-width:1px}.side{width:280px;min-width:280px;margin-left:30px;border-radius:5px}.side::-webkit-scrollbar{display:none}.side__btn{background-color:transparent;border:0;top:5px;position:absolute;right:10px}.side__avatar{border-radius:50%;height:100px;width:100px;display:block;margin:10px auto 15px;transition:transform .3s}.side__avatar:hover{transform:rotate(360deg) scale(1.2);border:5px solid rgba(114,102,186,.36);margin-top:0}.tag{float:left;padding:2px 5px;border:1px solid transparent;height:20px;white-space:nowrap;word-wrap:normal;background-color:rgba(10,10,0,.7);border-radius:3px;line-height:21px;margin:0 15px 15px 0}.article-list .item,.footer{margin-bottom:30px;padding:15px}.tag:hover{background-color:#b94a48;box-shadow:0 1px 1px rgba(0,0,0,.2);text-decoration:none}.breadcrumb{color:#7266BA!important}.breadcrumb:hover{color:#3d4450!important}.footer{color:#fff}.footer a{color:#7266BA}.article-list .item{border-radius:5px;box-shadow:1px 1px 3px 1px rgba(0,0,0,.2);background-color:rgba(255,255,255,.8);position:relative;transition:all .3s,transform 1s cubic-bezier(.175,.885,.32,1.275);transform:perspective(2500px) rotateX(-100deg)}.article-list .item--active{transform:perspective(2500px) rotateX(0)}.article-list .item:hover{background-color:#fff;box-shadow:0 0 20px 0 rgba(0,0,0,.8)}.article-list .item .tag{float:none;display:inline-block}.article-list .item__title{text-align:center;font-size:24px;font-weight:500}.article-list .item__title a{color:rgba(10,10,0,.7);padding:0 15px;border-radius:5px;display:inline-block;margin-bottom:15px;line-height:36px}.article-list .item__title a:hover{color:#fff;text-decoration:none;background-color:#6658b8}.article-list .item__title>sup{color:#b94a48}.article-list .item__date{position:absolute;background-color:#7266BA;color:#fff;height:70px;width:70px;font-size:12px;top:-20px;border-radius:35px;left:-20px;padding-top:9px;box-sizing:border-box}.article-list .item__day{font-size:30px;display:block}.pagination__item{color:#fff;border-radius:3px;padding:0 10px;line-height:24px;display:inline-block;margin:0 0 10px 10px;background-color:rgba(114,102,186,.58)}.comment-body-ref .breadcrumb,.icon__up{display:none}.pagination__item--text{background-color:rgba(255,255,255,.8);color:#7266BA}.pagination__item--current{background-color:#6658b8}.pagination a.pagination__item:hover{text-decoration:none;background-color:#6658b8}.comments{position:relative}.comments__item{border-radius:5px;margin-bottom:30px;box-shadow:1px 1px 3px 1px rgba(0,0,0,.2);transition:all .3s}.comments__item:hover{box-shadow:0 0 20px 0 rgba(0,0,0,.8)}.comments__item:hover .comments__avatar{transform:rotate(720deg);border-radius:0}.comments__item:hover .comments__content{background-color:#fff}.comments__item:hover .comments__meta,.comments__item:hover .comments__reply:after{background-color:#d9edf7}.comments__meta{border-radius:5px 5px 0 0;min-height:37px;line-height:37px;padding-left:45px;background:rgba(217,237,247,.6);color:#3d4450;padding-right:15px}.comments__meta a{font-weight:700;color:#3d4450}.comments__meta a:hover{color:#b94a48}.comments__meta--only{border-radius:5px}.comments__content{border-radius:0 0 5px 5px;background-color:rgba(255,255,255,.8);padding:15px 45px;position:relative}.comments__content textarea{margin:15px 0}.comments__avatar{position:absolute;height:54px;width:54px;background-position:center center;background-size:cover;border:2px solid #fff;border-radius:35px;left:-29px;top:-23px;transition:all .8s ease}.comments__captcha{height:30px}.comments__reply{border-radius:5px;margin:15px auto 0}.comments__reply #cancelCommentButton{line-height:34px}.comments__reply:after{content:" ";position:absolute;height:15px;width:5px;right:60px;top:-15px;background-color:rgba(217,237,247,.6)}.comment-body-ref{right:0;position:absolute;left:64px}.form{width:100%}.form input,.form textarea{border:1px solid #d1d5da;background-color:#fafafa;border-radius:3px;box-shadow:inset 0 1px 2px rgba(27,31,35,.075);padding:7px 8px;width:100%;line-height:17px;box-sizing:border-box}.form input:focus,.form textarea:focus{background-color:#fff;box-shadow:inset 0 1px 2px rgba(27,31,35,.075),0 0 0 .2em #dbedff;border:1px solid #4285f4}.form .ft__red{line-height:34px}.form .btn{float:right;height:34px;margin:0 0 0 10px;padding:0 15px}.b3-solo-list,.b3-solo-list-h1,.b3-solo-list-h2,.b3-solo-list-h3,.b3-solo-list-h4,.b3-solo-list-h5{margin:0!important}.icon__up{position:fixed;bottom:30px;right:30px;color:#fff;background-color:rgba(114,102,186,.8);height:30px;width:30px;line-height:28px;border-radius:15px;cursor:pointer}.icon__up:hover{background-color:#6658b8}.content .b3-solo-list{display:none!important}.b3-solo-list{font-size:14px!important}.b3-solo-list-h2 a{padding-left:30px!important}.b3-solo-list-h3 a{padding-left:45px!important}.b3-solo-list-h4 a{padding-left:60px!important}.b3-solo-list-h5 a{padding-left:75px!important}.article__relevant{margin-bottom:30px}.article__relevant .module{height:100%;background-color:rgba(255,255,255,.8);margin-bottom:0}@media (max-width:768px){.mobile__hidden{display:none}.main,.mobile__hidden.fn__none{display:block}.main{margin:15px;padding:0}.side{margin:0;width:auto}.article-list{overflow:hidden}.article-list .item__title{font-size:20px}.article-list .item__date--m{text-align:center;margin-bottom:10px;color:#3d4450;display:block}.article-list .item__date,.footer .fn__none--m{display:none}.article-list .item,.comments__item,.module{margin-bottom:15px}.footer{margin:0 15px 15px;background-color:rgba(255,255,255,.8);border-radius:5px;color:#3d4450;line-height:20px}.footer a{text-decoration:underline}.footer .fn__none{display:block}.tag{margin:0 5px 10px 0;font-size:12px}.header__logo{left:0}.header__login{display:none}.header__m{display:block;position:absolute;width:100%;z-index:1}.header__m img{float:left;height:20px;width:20px;margin:0 5px 0 0}.header__m a.current{color:#b94a48}.header__m .icon__list,.header__m .icon__more{position:absolute;top:-35px;right:15px;font-size:20px;color:#fff}.header__m .icon__list{right:50px}.header__m .module__list{display:none}.header__m .module__list li{background-color:#fff}.module__content.ft__center{text-align:left}.comments__avatar{height:34px;width:34px;left:-7px}.comments__content{padding:15px}.content-reset{font-size:14px}.article__relevant{display:block;margin-bottom:0}.article__relevant .module{margin-bottom:15px}.article__near a{display:block;float:none}} \ No newline at end of file +@charset "UTF-8";body,button,input,select,textarea{margin:0;font-family:"Helvetica Neue","Luxi Sans","DejaVu Sans",Tahoma,"Hiragino Sans GB","Microsoft Yahei",sans-serif}.content-reset pre,sub,sup{position:relative}.fn__ellipsis,.ft__nowrap{white-space:nowrap}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;height:100%}body{font-size:14px;background-color:#fff;-webkit-font-smoothing:antialiased;-webkit-overflow-scrolling:touch}::-moz-selection{text-shadow:none;background:rgba(65,131,196,.4)}::selection{text-shadow:none;background:rgba(66,133,244,.4)}ol,ul{margin:0;padding:0}blockquote,dd,dl,h1,h2,h3,h4,h5,h6,p{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none}a:hover{text-decoration:underline}sub,sup{font-size:75%;line-height:0;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{max-width:100%;vertical-align:middle;border:0;height:auto;-ms-interpolation-mode:bicubic;overflow:hidden;font-size:12px}button,input,select,textarea{font-size:100%;vertical-align:middle;outline:0}button,input{line-height:normal}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}.content-reset h1,.content-reset h2{padding-bottom:.3em;border-bottom:1px solid #eee}button,input[type=button],input[type=reset],input[type=submit]{cursor:pointer;-webkit-appearance:button}input[type=search]{box-sizing:content-box;-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}textarea{overflow:auto;resize:vertical}svg{fill:currentColor;display:inline-block;stroke-width:0;stroke:currentColor;width:14px;height:14px}.content-reset{word-wrap:break-word;overflow:auto;line-height:1.65;font-size:16px;word-break:break-word}.content-reset ol,.content-reset ul{padding-left:2em;margin-top:0;margin-bottom:16px}.content-reset li{margin-top:.25em}.content-reset img{cursor:zoom-in}.content-reset img.emoji{cursor:auto;max-width:18px}.content-reset h1,.content-reset h2,.content-reset h3,.content-reset h4,.content-reset h5,.content-reset h6{margin-top:24px;margin-bottom:16px;font-weight:600;line-height:1.25}.content-reset h1{font-size:1.7em}.content-reset h2{font-size:1.5em}.content-reset h3{font-size:1.25em}.content-reset h4{font-size:1em}.content-reset h5{font-size:.875em}.content-reset h6{font-size:.85em}.content-reset hr{height:.15em;padding:0;margin:24px 0;background-color:#e7e7e7;border:0}.content-reset p{margin-top:0;margin-bottom:16px}.content-reset blockquote{padding:0 1em;color:#777;border-left:.25em solid #ddd;margin-bottom:16px}.content-reset blockquote p{margin:0}.content-reset ins>iframe{border:0}.content-reset iframe{border:1px solid rgba(0,0,0,.38)}.content-reset table{width:100%;border:1px solid #dedede;margin:15px auto;border-collapse:collapse;empty-cells:show}.content-reset thead{text-align:center}.content-reset td,.content-reset th{height:35px;border:1px solid #dedede;padding:0 10px}.content-reset th{font-weight:700;text-align:center!important;background:rgba(158,188,226,.2)}.article-list .item__date,.footer,.ft__center,.header__nav,.icon__up,.tooltipped::after{text-align:center}.content-reset tbody tr:nth-child(2n){background:rgba(158,188,226,.12)}.content-reset tr:hover{background:#efefef}.content-reset code{padding:.2em .4em;margin:0;font-size:85%;background-color:rgba(252,41,41,.12);border-radius:3px;word-break:break-word}.content-reset pre textarea{position:absolute;top:-100000px}.content-reset pre>code{padding:.5em;background-color:rgba(0,0,0,.04);background-size:20px 20px;border-radius:5px}.content-reset kbd{display:inline-block;padding:3px 5px;font:11px Consolas,"Liberation Mono",Menlo,Courier,monospace;line-height:10px;color:#555;vertical-align:middle;background-color:#fcfcfc;border:1px solid rgba(0,0,0,.38);border-bottom-color:#bbb;border-radius:3px;box-shadow:inset 0 -1px 0 #bbb}.content-reset .task-list-item,.content-reset__task{list-style:none;margin-left:-1em}.img-preview{width:100%;height:100%;top:0;z-index:211;overflow:auto;cursor:zoom-out;transition:background-color .2s ease-in-out}.fn__pointer,.tooltipped{cursor:pointer}.img-preview img{max-width:inherit;transition:transform .3s ease-in-out}.fn__flex{display:flex}.fn__flex-center{align-self:center}.fn__flex-inline{display:inline-flex;align-items:center}.fn__flex-1{flex:1;min-width:1px}.fn__flex-column{min-height:100%;display:flex;flex-direction:column}.fn__clear:after,.fn__clear:before{display:table;content:""}.fn__clear:after{clear:both}.fn__left{float:left}.fn__right{float:right}.fn__none{display:none}.fn__hidden{visibility:hidden}.fn__ellipsis{overflow:hidden;text-overflow:ellipsis;word-wrap:normal}.ft__13{font-size:13px}.ft__smaller{font-size:12px}@-webkit-keyframes tooltip-appear{from{opacity:0}to{opacity:1}}@keyframes tooltip-appear{from{opacity:0}to{opacity:1}}.tooltipped{position:relative}.tooltipped::after,.tooltipped::before{position:absolute;display:none;opacity:0;pointer-events:none}.tooltipped::after{z-index:1000000;padding:5px 8px;font-size:11px;font-weight:400;-webkit-font-smoothing:subpixel-antialiased;color:#fff;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-wrap:break-word;white-space:pre;content:attr(aria-label);background:rgba(0,0,0,.8);border-radius:3px;line-height:16px}.tooltipped::before{z-index:1000001;width:0;height:0;color:rgba(0,0,0,.8);content:"";border:5px solid transparent}.tooltipped--hover::after,.tooltipped--hover::before,.tooltipped:active::after,.tooltipped:active::before,.tooltipped:focus::after,.tooltipped:focus::before,.tooltipped:hover::after,.tooltipped:hover::before{display:inline-block;text-decoration:none;animation-name:tooltip-appear;animation-duration:.1s;animation-fill-mode:forwards;animation-timing-function:ease-in;animation-delay:.4s}.tooltipped__s::after,.tooltipped__se::after,.tooltipped__sw::after{top:100%;right:50%;margin-top:5px}.tooltipped__s::before,.tooltipped__se::before,.tooltipped__sw::before{top:auto;right:50%;bottom:-5px;margin-right:-5px;border-bottom-color:rgba(0,0,0,.8)}.tooltipped__se::after{right:auto;left:50%;margin-left:-15px}.tooltipped__sw::after{margin-right:-15px}.tooltipped__n::after,.tooltipped__ne::after,.tooltipped__nw::after{right:50%;bottom:100%;margin-bottom:5px}.tooltipped__n::before,.tooltipped__ne::before,.tooltipped__nw::before{top:-5px;right:50%;bottom:auto;margin-right:-5px;border-top-color:rgba(0,0,0,.8)}.tooltipped__ne::after{right:auto;left:50%;margin-left:-15px}.tooltipped__nw::after{margin-right:-15px}.tooltipped__n::after,.tooltipped__s::after{transform:translateX(50%)}.tooltipped__w::after{right:100%;bottom:50%;margin-right:5px;transform:translateY(50%)}.tooltipped__w::before{top:50%;bottom:50%;left:-5px;margin-top:-5px;border-left-color:rgba(0,0,0,.8)}.tooltipped__e::after{bottom:50%;left:100%;margin-left:5px;transform:translateY(50%)}.tooltipped__e::before{top:50%;right:-5px;bottom:50%;margin-top:-5px;border-right-color:rgba(0,0,0,.8)}.em00,.em01,.em02,.em03,.em04,.em05,.em06,.em07,.em08,.em09,.em10,.em11,.em12,.em13,.em14{cursor:pointer;background-image:url(../../../images/emotions/emotions.png);background-size:120px;float:left;height:24px;margin-right:5px;width:24px;transition:all .2s ease-out;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out}.module,a{transition:all .3s}#emotions span:hover,#emotionsReply span:hover{transform:scale(1.2) rotate(360deg);-webkit-transform:scale(1.2) rotate(360deg);-moz-transform:scale(1.2) rotate(360deg)}.em01{background-position:-24px 0}.em02{background-position:-48px 0}.em03{background-position:-72px 0}.em04{background-position:-96px 0}.em05{background-position:0 -24px}.em06{background-position:-24px -24px}.em07{background-position:-48px -24px}.em08{background-position:-72px -24px}.em09{background-position:-96px -24px}.em10{background-position:0 -48px}.em11{background-position:-24px -48px}.em12{background-position:-48px -48px}.em13{background-position:-72px -48px}.em14{background-position:-96px -48px}#nprogress{pointer-events:none}#nprogress .bar{background:#d23f31;position:fixed;z-index:1031;top:0;left:0;width:100%;height:2px}#nprogress .peg{display:block;position:absolute;right:0;width:100px;height:100%;box-shadow:0 0 10px #d23f31,0 0 5px #d23f31;opacity:1;-webkit-transform:rotate(3deg) translate(0,-4px);-ms-transform:rotate(3deg) translate(0,-4px);transform:rotate(3deg) translate(0,-4px)}#nprogress .spinner{display:block;position:fixed;z-index:1031;top:15px;right:15px}#nprogress .spinner-icon{width:18px;height:18px;box-sizing:border-box;border:2px solid transparent;border-top-color:#d23f31;border-left-color:#d23f31;border-radius:50%;-webkit-animation:nprogress-spinner .4s linear infinite;animation:nprogress-spinner .4s linear infinite}.nprogress-custom-parent{overflow:hidden;position:relative}.nprogress-custom-parent #nprogress .bar,.nprogress-custom-parent #nprogress .spinner{position:absolute}@-webkit-keyframes nprogress-spinner{0%{-webkit-transform:rotate(0)}100%{-webkit-transform:rotate(360deg)}}@keyframes nprogress-spinner{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@font-face{font-family:icomoon;src:url(fonts/icomoon.eot?oyqnlj);src:url(fonts/icomoon.eot?oyqnlj#iefix) format("embedded-opentype"),url(fonts/icomoon.ttf?oyqnlj) format("truetype"),url(fonts/icomoon.woff?oyqnlj) format("woff"),url(fonts/icomoon.svg?oyqnlj#icomoon) format("svg");font-weight:400;font-style:normal}[class*=" icon__"],[class^=icon__]{font-family:icomoon!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon__list:before{content:"\f0ca"}.icon__home:before{content:"\f015"}.icon__comments:before{content:"\f0e6"}.icon__date:before{content:"\f073"}.icon__search:before{content:"\f002"}.icon__up:before{content:"\f077"}.icon__inbox:before{content:"\f01c"}.icon__tags:before{content:"\f02c"}.icon__link:before{content:"\f0c1"}.icon__refresh:before{content:"\f021"}.icon__category:before{content:"\e9bc"}.icon__logout:before{content:"\ea14"}.icon__views:before{content:"\e900"}.icon__register:before{content:"\e973"}.icon__setting:before{content:"\e994"}.icon__login:before{content:"\ea13"}.icon__rss:before{content:"\e901"}.icon__more:before{content:"\e902"}body{cursor:url(../images/cursor.cur),url(../images/cursor.cur),auto}a{outline:0;text-decoration:none;cursor:url(../images/pointer.cur),url(../images/pointer.cur),auto}.content-reset img{vertical-align:sub}.ft__red{color:#b94a48}.module{border-radius:5px;overflow:hidden;margin-bottom:30px;box-shadow:1px 1px 3px 1px rgba(0,0,0,.2)}.module.item{transform:translateY(30px);transition:transform 2s cubic-bezier(.175,.885,.32,1.275)}.module.item--active{transform:translate(0)}.module:hover{box-shadow:0 0 20px 0 rgba(0,0,0,.8)}.module__content{background-color:rgba(255,255,255,.8);padding:15px;color:#3d4450;display:block}.module__content:hover{background-color:#fff}.module__content--three{padding-bottom:0}.module__header{background-color:rgba(10,10,0,.7);padding:15px;color:#fff}.module__header a{color:#fff}.module__header:hover{background-color:rgba(10,10,0,.9)}.module__list li{border-bottom:1px solid #ddd;background-color:rgba(255,255,255,.8);line-height:20px}.module__list li a{padding:15px;display:block;color:#3d4450}.module__list li a:hover{text-decoration:none;color:#b94a48;background-color:#fff}.header,.header a,.tag,.tag a{color:#fff}.form{position:relative}.form__input{border:1px solid #7266BA;height:30px;line-height:30px;padding:0 15px;border-radius:15px;width:100%;box-sizing:border-box}.bg{height:100%;width:100%;position:fixed;top:0;left:0;background-image:url(../images/background1.jpg);background-size:cover;background-position:center center;z-index:-1;animation:imageAnimation 36s linear infinite 0s;opacity:0}.bg--1{background-image:url(../images/background2.jpg);animation-delay:6s}.bg--2{background-image:url(../images/background3.jpg);animation-delay:12s}.bg--3{background-image:url(../images/background4.jpg);animation-delay:18s}.bg--4{background-image:url(../images/background5.jpg);animation-delay:24s}.bg--5{background-image:url(../images/background6.jpg);animation-delay:30s}@keyframes imageAnimation{0%{opacity:0;animation-timing-function:ease-in}8%{opacity:1;transform:scale(1.05);animation-timing-function:ease-out}17%{opacity:1;transform:scale(1.1) rotate(0)}25%{opacity:0;transform:scale(1.1) rotate(0)}100%{opacity:0}}.header{background-color:rgba(10,10,0,.7);height:50px;line-height:50px;transition:all .3s;box-shadow:0 0 8px #000}.header:hover{background-color:rgba(10,10,0,.9)}.header a{padding:0 15px;display:inline-block}.header a.current,.header a:hover{text-decoration:none;background-color:rgba(102,88,184,.8)}.header__logo{position:absolute;left:30px}.header__nav img{float:left;height:20px;width:20px;margin:15px 5px 0 0}.header__login{position:absolute;right:30px;top:0}.main{max-width:1170px;padding:30px;margin:auto;display:flex}.content{flex:1;min-width:1px}.side{width:280px;min-width:280px;margin-left:30px;border-radius:5px}.side::-webkit-scrollbar{display:none}.side__btn{background-color:transparent;border:0;top:5px;position:absolute;right:10px}.side__avatar{border-radius:50%;height:100px;width:100px;display:block;margin:10px auto 15px;transition:transform .3s}.side__avatar:hover{transform:rotate(360deg) scale(1.2);border:5px solid rgba(114,102,186,.36);margin-top:0}.tag{float:left;padding:2px 5px;border:1px solid transparent;height:20px;white-space:nowrap;word-wrap:normal;background-color:rgba(10,10,0,.7);border-radius:3px;line-height:21px;margin:0 15px 15px 0}.article-list .item,.footer{margin-bottom:30px;padding:15px}.tag:hover{background-color:#b94a48;box-shadow:0 1px 1px rgba(0,0,0,.2);text-decoration:none}.breadcrumb{color:#7266BA!important}.breadcrumb:hover{color:#3d4450!important}.footer{color:#fff}.footer a{color:#7266BA}.article-list .item{border-radius:5px;box-shadow:1px 1px 3px 1px rgba(0,0,0,.2);background-color:rgba(255,255,255,.8);position:relative;transition:all .3s,transform 1s cubic-bezier(.175,.885,.32,1.275);transform:perspective(2500px) rotateX(-100deg)}.article-list .item--active{transform:perspective(2500px) rotateX(0)}.article-list .item:hover{background-color:#fff;box-shadow:0 0 20px 0 rgba(0,0,0,.8)}.article-list .item .tag{float:none;display:inline-block}.article-list .item__title{text-align:center;font-size:24px;font-weight:500}.article-list .item__title a{color:rgba(10,10,0,.7);padding:0 15px;border-radius:5px;display:inline-block;margin-bottom:15px;line-height:36px}.article-list .item__title a:hover{color:#fff;text-decoration:none;background-color:#6658b8}.article-list .item__title>sup{color:#b94a48}.article-list .item__date{position:absolute;background-color:#7266BA;color:#fff;height:70px;width:70px;font-size:12px;top:-20px;border-radius:35px;left:-20px;padding-top:9px;box-sizing:border-box}.article-list .item__day{font-size:30px;display:block}.pagination__item{color:#fff;border-radius:3px;padding:0 10px;line-height:24px;display:inline-block;margin:0 0 10px 10px;background-color:rgba(114,102,186,.58)}.comment-body-ref .breadcrumb,.icon__up{display:none}.pagination__item--text{background-color:rgba(255,255,255,.8);color:#7266BA}.pagination__item--current{background-color:#6658b8}.pagination a.pagination__item:hover{text-decoration:none;background-color:#6658b8}.comments{position:relative}.comments__item{border-radius:5px;list-style:none;margin-bottom:30px;box-shadow:1px 1px 3px 1px rgba(0,0,0,.2);transition:all .3s}.comments__item:hover{box-shadow:0 0 20px 0 rgba(0,0,0,.8)}.comments__item:hover .comments__avatar{transform:rotate(720deg);border-radius:0}.comments__item:hover .comments__content{background-color:#fff}.comments__item:hover .comments__meta,.comments__item:hover .comments__reply:after{background-color:#d9edf7}.comments__meta{border-radius:5px 5px 0 0;min-height:37px;line-height:37px;padding-left:45px;background:rgba(217,237,247,.6);color:#3d4450;padding-right:15px}.comments__meta a{font-weight:700;color:#3d4450}.comments__meta a:hover{color:#b94a48}.comments__meta--only{border-radius:5px}.comments__content{border-radius:0 0 5px 5px;background-color:rgba(255,255,255,.8);padding:15px 45px;position:relative}.comments__content textarea{margin:15px 0}.comments__avatar{position:absolute;height:54px;width:54px;background-position:center center;background-size:cover;border:2px solid #fff;border-radius:35px;left:-29px;top:-23px;transition:all .8s ease}.comments__captcha{height:30px}.comments__reply{border-radius:5px;margin:15px auto 0}.comments__reply #cancelCommentButton{line-height:34px}.comments__reply:after{content:" ";position:absolute;height:15px;width:5px;right:60px;top:-15px;background-color:rgba(217,237,247,.6)}.comment-body-ref{right:0;position:absolute;left:64px}.form{width:100%}.form input,.form textarea{border:1px solid #d1d5da;background-color:#fafafa;border-radius:3px;box-shadow:inset 0 1px 2px rgba(27,31,35,.075);padding:7px 8px;width:100%;line-height:17px;box-sizing:border-box}.form input:focus,.form textarea:focus{background-color:#fff;box-shadow:inset 0 1px 2px rgba(27,31,35,.075),0 0 0 .2em #dbedff;border:1px solid #4285f4}.form .ft__red{line-height:34px}.form .btn{float:right;height:34px;margin:0 0 0 10px;padding:0 15px}.b3-solo-list,.b3-solo-list-h1,.b3-solo-list-h2,.b3-solo-list-h3,.b3-solo-list-h4,.b3-solo-list-h5{margin:0!important}.icon__up{position:fixed;bottom:30px;right:30px;color:#fff;background-color:rgba(114,102,186,.8);height:30px;width:30px;line-height:28px;border-radius:15px;cursor:pointer}.icon__up:hover{background-color:#6658b8}.content .b3-solo-list{display:none!important}.b3-solo-list{font-size:14px!important}.b3-solo-list-h2 a{padding-left:30px!important}.b3-solo-list-h3 a{padding-left:45px!important}.b3-solo-list-h4 a{padding-left:60px!important}.b3-solo-list-h5 a{padding-left:75px!important}.article__relevant{margin-bottom:30px}.article__relevant .module{height:100%;background-color:rgba(255,255,255,.8);margin-bottom:0}@media (max-width:768px){.mobile__hidden{display:none}.main,.mobile__hidden.fn__none{display:block}.main{margin:15px;padding:0}.side{margin:0;width:auto}.article-list{overflow:hidden}.article-list .item__title{font-size:20px}.article-list .item__date--m{text-align:center;margin-bottom:10px;color:#3d4450;display:block}.article-list .item__date,.footer .fn__none--m{display:none}.article-list .item,.comments__item,.module{margin-bottom:15px}.footer{margin:0 15px 15px;background-color:rgba(255,255,255,.8);border-radius:5px;color:#3d4450;line-height:20px}.footer a{text-decoration:underline}.footer .fn__none{display:block}.tag{margin:0 5px 10px 0;font-size:12px}.header__logo{left:0}.header__login{display:none}.header__m{display:block;position:absolute;width:100%;z-index:1}.header__m img{float:left;height:20px;width:20px;margin:0 5px 0 0}.header__m a.current{color:#b94a48}.header__m .icon__list,.header__m .icon__more{position:absolute;top:-35px;right:15px;font-size:20px;color:#fff}.header__m .icon__list{right:50px}.header__m .module__list{display:none}.header__m .module__list li{background-color:#fff}.module__content.ft__center{text-align:left}.comments__avatar{height:34px;width:34px;left:-7px}.comments__content{padding:15px}.content-reset{font-size:14px}.article__relevant{display:block;margin-bottom:0}.article__relevant .module{margin-bottom:15px}.article__near a{display:block;float:none}} \ No newline at end of file diff --git a/timeline/css/timeline.css b/timeline/css/timeline.css index 2d665ab..9a17321 100644 --- a/timeline/css/timeline.css +++ b/timeline/css/timeline.css @@ -19,7 +19,7 @@ * timeline skin style. * * @author Liyuan Li -* @version 1.1.0.0, Sep 21, 2017 +* @version 1.2.0.0, Jan 2, 2019 */ /* start reset */ html, body { @@ -76,6 +76,186 @@ img { } /* end reset */ +/* start article-body */ +.article-body { + word-wrap: break-word; + overflow: auto; + line-height: 1.65; + font-size: 16px; + word-break: break-word; +} + +.article-body ul, +.article-body ol { + padding-left: 2em; + margin-top: 0; + margin-bottom: 16px; +} + +.article-body li { + margin-top: 0.25em; +} + +.article-body img { + cursor: zoom-in; +} + +.article-body img.emoji { + cursor: auto; + max-width: 18px; +} + +.article-body h1, +.article-body h2, +.article-body h3, +.article-body h4, +.article-body h5, +.article-body h6 { + margin-top: 24px; + margin-bottom: 16px; + font-weight: 600; + line-height: 1.25; +} + +.article-body h1 { + padding-bottom: 0.3em; + font-size: 1.7em; + border-bottom: 1px solid #eee; +} + +.article-body h2 { + padding-bottom: 0.3em; + font-size: 1.5em; + border-bottom: 1px solid #eee; +} + +.article-body h3 { + font-size: 1.25em; +} + +.article-body h4 { + font-size: 1em; +} + +.article-body h5 { + font-size: 0.875em; +} + +.article-body h6 { + font-size: 0.85em; +} + +.article-body hr { + height: 0.15em; + padding: 0; + margin: 24px 0; + background-color: #e7e7e7; + border: 0; +} + +.article-body p { + margin-top: 0; + margin-bottom: 16px; +} + +.article-body blockquote { + padding: 0 1em; + color: #777; + border-left: 0.25em solid #ddd; + margin-bottom: 16px; +} + +.article-body blockquote p { + margin: 0; +} + +.article-body ins > iframe { + border: 0; +} + +.article-body iframe { + border: 1px solid rgba(0, 0, 0, 0.38); +} + +.article-body table { + width: 100%; + border: 1px solid #dedede; + margin: 15px auto; + border-collapse: collapse; + empty-cells: show; +} + +.article-body thead { + text-align: center; +} + +.article-body td, +.article-body th { + height: 35px; + border: 1px solid #dedede; + padding: 0 10px; +} + +.article-body th { + font-weight: bold; + text-align: center !important; + background: rgba(158, 188, 226, 0.2); +} + +.article-body tbody tr:nth-child(2n) { + background: rgba(158, 188, 226, 0.12); +} + +.article-body tr:hover { + background: #efefef; +} + +.article-body code { + padding: 0.2em 0.4em; + margin: 0; + font-size: 85%; + background-color: rgba(252, 41, 41, 0.12); + border-radius: 3px; + word-break: break-word; +} + +.article-body pre { + position: relative; +} + +.article-body pre textarea { + position: absolute; + top: -100000px; +} + +.article-body pre > code { + padding: 0.5em; + background-color: rgba(0, 0, 0, 0.04); + background-size: 20px 20px; + border-radius: 5px; +} + +.article-body kbd { + display: inline-block; + padding: 3px 5px; + font: 11px Consolas, "Liberation Mono", Menlo, Courier, monospace; + line-height: 10px; + color: #555; + vertical-align: middle; + background-color: #fcfcfc; + border: solid 1px rgba(0, 0, 0, 0.38); + border-bottom-color: #bbb; + border-radius: 3px; + box-shadow: inset 0 -1px 0 #bbb; +} + +.article-body__task, +.article-body .task-list-item { + list-style: none; + margin-left: -1em; +} +/* end article-body */ + /* start function */ .left { float: left; diff --git a/timeline/css/timeline.min.css b/timeline/css/timeline.min.css index 73a811b..1315296 100644 --- a/timeline/css/timeline.min.css +++ b/timeline/css/timeline.min.css @@ -15,4 +15,4 @@ * You should have received a copy of the GNU Affero General Public License * along with this program. If not, see . */ -.tags a:hover,a{text-decoration:none}.articles,.module{position:relative}.articles pre,.header .sub-title,.module{word-wrap:break-word}.header li,.module>ul.list,.nav-abs li,.tags li{list-style-type:none}.clear,.fn-clear:after{clear:both}body,html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;margin:0;padding:0;height:100%}body{font:.81em Verdana,arial,'\5fae\8f6f\96c5\9ed1';color:#666;background-color:#363A3D;overflow-y:scroll}button,input,select,textarea{margin:0;font-size:100%;vertical-align:middle;font-family:Verdana,arial,'\5fae\8f6f\96c5\9ed1';outline:0}a{color:#6599C6;outline:0;transition:color 1s ease 0s}a:hover{color:#000}img{max-width:100%;border:0;vertical-align:middle}::selection{background-color:#D5D5D5;color:#FCFCFC}::-moz-selection{background-color:#D5D5D5;color:#FCFCFC}.left{float:left}.right{float:right}.clear{background-color:transparent;border:0;display:block;font-size:0;height:0;line-height:0;overflow:hidden}.none{display:none}.fn-clear:after,.fn-clear:before{display:table;content:""}.em00,.em01,.em02,.em03,.em04,.em05,.em06,.em07,.em08,.em09,.em10,.em11,.em12,.em13,.em14{cursor:pointer;background-image:url(../../../images/emotions/emotions.png);background-size:120px;float:left;height:24px;margin-right:5px;width:24px;transition:all .2s ease-out;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out}#emotions span:hover{transform:scale(1.2) rotate(360deg);-webkit-transform:scale(1.2) rotate(360deg);-moz-transform:scale(1.2) rotate(360deg)}.em01{background-position:-24px 0}.em02{background-position:-48px 0}.em03{background-position:-72px 0}.em04{background-position:-96px 1px}.em05{background-position:0 -24px}.em06{background-position:-24px -24px}.em07{background-position:-48px -24px}.em08{background-position:-72px -24px}.em09{background-position:-96px -24px}.em10{background-position:0 -48px}.em11{background-position:-24px -48px}.em12{background-position:-48px -48px}.em13{background-position:-72px -48px}.em14{background-position:-96px -48px}.tags{margin:0}.tags li{float:left;height:45px}.tags a{background-color:#FCFCFC;box-shadow:0 0 2px #D5D5D5;display:block;margin:5px 10px;padding:5px 10px}.tags a:hover{text-shadow:0 0 2px;box-shadow:0 0 4px #D5D5D5}.header .title a,.header li a{text-shadow:0 1px 0 rgba(255,255,255,.7)}.tags b{font-size:70%;opacity:.6;filter:alpha(opacity=60)}.tags1,.tags1:visited{font-size:12px;color:#a7a7a7}.tags2,.tags2:visited{font-size:14px;color:grey}.tags3,.tags3:visited{font-size:16px;color:#595959}.tags4,.tags4:visited{font-size:18px;color:#323232}.tags5,.tags5:visited{font-size:20px;color:#0a0a0a}.module{background-color:#FFF;border:1px solid #BEC3C7;border-radius:5px;box-shadow:0 1px 1px rgba(0,0,0,.1);margin-bottom:30px;padding:15px}.module>h3.title{margin:0 0 10px;color:#444}.module>ul.list{padding-left:0;margin:0;overflow:hidden}.module>ul.list>li{border-top:1px solid #EEE;padding:6px 0}#search,.articles .arrow,.ico-author,.ico-comment,.ico-reply,.ico-tags,.ico-top,.ico-translate,.ico-view{background-repeat:no-repeat;background-image:url(../images/icons.png)}.ico-author,.ico-comment,.ico-reply,.ico-tags,.ico-view{padding-left:20px;background-position:-1px -63px;margin-right:10px}.ico-tags{background-position:-1px -83px}.ico-comment{background-position:-1px -41px}.ico-view{background-position:0 -122px}.ico-reply{background-position:0 -162px}.ico-translate{background-position:0 -186px;cursor:pointer;float:right;height:16px;margin-left:10px;width:16px}#search{background-position:5px -138px;border:none;border-radius:12px;box-shadow:0 1px 0 rgba(0,0,0,.4) inset,0 1px 0 rgba(255,255,255,.1);color:#A5A099;height:22px;margin-top:13px;margin-bottom:10px;padding-left:25px;transition:width .7s ease 0s;width:60px}#search:focus{color:#333;width:140px}.ico-top{background-color:#363A3D;background-position:4px -100px;border-radius:20em;bottom:60px;box-shadow:0 -1px 2px rgba(0,0,0,.3) inset,0 1px 0 rgba(255,255,255,.15);height:25px;position:fixed;left:90%;width:25px;cursor:pointer}.ico-next,.ico-pre{background-color:#6599C6;border-radius:10em;color:#FFF;display:block;float:left;font:20px/100% "Times New Roman",Times,serif;height:28px;margin:-8px 10px 0 0;padding:4px 0 0;text-align:center;transition:background 1s ease 0s;width:32px}.ico-next{float:right;margin:-8px 0 0 10px}a:hover>.ico-next,a:hover>.ico-pre{background-color:#000}.wrapper{min-width:400px;padding:50px 0;background:url(../images/bg.png) #DEE4EA}.header{background-color:#BFBFBF;background-image:url(../images/nav-bg.png),linear-gradient(#CCC,#A9A9A9);background-image:url(../images/nav-bg.png),-ms-linear-gradient(#CCC,#A9A9A9);background-image:url(../images/nav-bg.png),-o-linear-gradient(#CCC,#A9A9A9);background-image:url(../images/nav-bg.png),-webkit-linear-gradient(#CCC,#A9A9A9);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#CCCCCC', endColorstr='#A9A9A9');border-bottom:1px solid #898989;box-shadow:0 -1px 0 rgba(255,255,255,.3) inset,0 1px 1px rgba(0,0,0,.2)}.container{width:80%;margin:0 auto}.footer{border-top:1px solid #232323;padding:20px 0;color:#ddd;font-size:80%}.footer a{color:#9CC0DE}.footer a:hover{text-decoration:underline}.header .title{font-size:150%;margin:3px 0 0}.header .title a{color:#414141}.header .sub-title{float:left;max-width:574px;white-space:normal}.header li a{color:#444;padding:17px;line-height:20px;white-space:nowrap}.header li a.current{border-bottom:2px solid #D26911}.header a:hover{color:#000}.header li{float:left}.header>.container>form,.header>.container>ul{height:auto;overflow:visible}.header .page-icon{height:14px;width:14px;margin:-1px 5px 0 0}.articles{margin-top:11px}.articles>div.fn-clear{position:relative;margin-bottom:50px}.articles>div.fn-clear>h2{margin:0;text-align:center;height:28px}.articles>.vertical{background-color:#9EB5C6;border-radius:20em;box-shadow:0 0 1px 0 rgba(0,0,0,.5) inset,0 0 1px 0 rgba(255,255,255,.6);height:100%;left:50%;margin-left:-3px;position:absolute;top:0;width:6px}.articles article{width:50%;float:left}.articles article.l>div.module{margin-right:30px;left:0}.articles article.r{left:50%}.articles article.r>div{margin-left:30px;position:relative}.articles .dot{background-color:#FFF;border:3px solid #60829F;border-radius:20em;height:6px;position:absolute;right:-37px;top:22px;width:6px}.articles .r .dot{left:-37px;right:inherit}.articles .arrow{height:15px;position:absolute;right:-9px;top:21px;width:9px}.articles .r .arrow{background-position:0 -22px;left:-9px;right:inherit}.articles pre{background-color:#F5F5F5;border:1px solid #ddd;border-radius:4px;padding:9.5px;white-space:pre-wrap}time.article-time{top:-8px;left:50%;position:absolute}time.article-time>span{background-color:#FFF;border:1px solid #A8A9A9;border-radius:20em;font-size:80%;margin-left:-56px;padding:5px 10px}.article-archive,.article-more{background-color:#60829F;border-radius:20em;box-shadow:0 1px 0 rgba(0,0,0,.2) inset,0 1px 0 rgba(255,255,255,.6);padding:5px 20px}article .article-title{margin:10px 0 0}article .article-title>sup{color:#6599C6;font-size:70%}article .article-title a{color:#000;text-decoration:none}.ico>a{color:#999;font-size:80%;text-decoration:none}.ico>a:hover{color:#000}.article-more{color:#FFF;cursor:pointer;font-weight:700;height:19px;left:50%;margin-left:-38px;position:absolute;text-align:center;top:100%;width:36px}.article-archive{color:#FFF;font-size:80%;font-weight:400}.dynamic-l{float:left;width:70%}.dynamic-l>div{margin-right:30px}.dynamic-r{float:right;width:30%}.dynamic-r .tags a,.links a{line-height:24px}#comments{margin:30px 0 50px;position:relative}.comments>li>img{height:60px;width:60px;border-radius:30px;float:left;margin-right:15px}.comments .author{font-size:130%;font-style:italic}.comments>li>div>div.article-body{padding-left:75px;margin:12px 0}.module>ul>li.comment-body-ref{background-color:#FFF;border:1px solid #ddd;left:76px;opacity:.8;filter:alpha(opacity=80);padding:10px;position:absolute;width:74%;border-radius:10px}.comment-body-ref .ico-reply{display:none}.comment-form{width:100%;margin:30px 0}#commentForm{margin-top:0}.comment-form input[type=text],.comment-form textarea{background:url(../images/bg.png) #E5E8EA;border:1px solid #BCBDBE;border-radius:5px;box-shadow:0 1px 2px rgba(0,0,0,.1) inset;margin:5px 5px 5px 0;padding:6px}.comment-form input[type=text]:focus,.comment-form textarea:focus{background-color:#EFEFEF;outline:0}#submitCommentButton,#submitCommentButtonReply{background:#868889;border:1px solid #5D6265;border-radius:10em;box-shadow:0 1px 0 rgba(255,255,255,.3) inset,0 1px 1px rgba(0,0,0,.3);color:#FFF;cursor:pointer;padding:5px 20px;text-shadow:0 -1px 0 rgba(0,0,0,.3)}#submitCommentButton:hover,#submitCommentButtonReply:hover{color:#fff;background-color:#444}.nav-abs{background-color:#6B6B6B;border:1px solid #898989;border-radius:5px;box-shadow:0 1px 3px rgba(0,0,0,.4) inset,0 1px 0 rgba(255,255,255,.7),0 -1px 0 rgba(255,255,255,.6);color:#CCC;padding:5px 10px;position:absolute;right:30px;top:61px;z-index:1;text-align:center;white-space:nowrap}.index-nav-abs{padding:0;position:fixed;max-width:160px}.nav-abs li{background-color:#DEDDDD;border:1px solid #6B6B6B;color:#616161;cursor:pointer;float:left;height:20px;padding:3px 5px;width:28px}.nav-abs li.year{background-color:#6B6B6B;clear:both;color:#CCC;float:none;text-shadow:0 -1px 0 rgba(0,0,0,.5);width:auto;border-width:0}.nav-abs li:hover{background-color:#EFEEEE;color:#000}.nav-abs li.open,.nav-abs li.year:hover{background-color:#353535;color:#fff}@media (max-width:650px){#top>.left,.container{width:100%}#admin,#admin>a,#top>.left,#top>a,.author,.ico-reply{display:block}.wrapper{min-width:200px}#top>.left{float:none}#top>a{float:none!important}#hideTop{position:absolute;right:0;top:0}#admin{float:none}#admin>a{border-right-width:0!important;float:none!important;line-height:26px!important;margin:0!important}.header .title{height:26px;max-width:72%;overflow:hidden}.header>.container>div.left{float:none;height:50px;margin-left:10px}.header>.container>ul{float:none;padding:0}.header>.container li{float:none;padding:3px 10px}.header>.container li>a{padding:0;display:block}.header>.container li:hover{background-color:#FFF;background-image:linear-gradient(#FFF,#E5E5E5);background-image:-ms-linear-gradient(#FFF,#E5E5E5);background-image:-o-linear-gradient(#FFF,#E5E5E5);background-image:-webkit-linear-gradient(#FFF,#E5E5E5);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#FFFFFF', endColorstr='#E5E5E5')}.header>.container>form{float:none}#search{margin:5px 0 10px 10px}#search:focus{width:92%}.ico-list{background-color:#FCFCFC;background-image:url(../images/icons.png);background-position:4px -206px;background-repeat:no-repeat;border-radius:1px 0 3px 3px;cursor:pointer;float:right;height:25px;margin-right:35px;margin-top:-29px;width:25px}.articles article,.dynamic-l,.dynamic-r,.nav-abs li{float:none;width:auto}.ico-list:hover{background-color:#FFF}.footer>.container>.right{float:none;padding:0 10px;line-height:19px}.footer>.container>.right>.left{float:none}.nav-abs{position:inherit!important;padding:0;background-color:transparent;box-shadow:none;border-width:0;max-width:none!important}.index-nav-abs{margin:0}.author,.ico-reply{margin-left:75px}.comments>li>div>div.article-body{padding-left:0}.dynamic-l>div{margin-right:0}#admin>span,.articles .arrow,.articles .dot,.footer>.container>.left,.ft-next,.ft-pre{display:none}.header>.container>form,.header>.container>ul{height:0;overflow:hidden;margin:0}.articles{padding-bottom:10px}.articles>div.fn-clear>h2{margin-bottom:40px}}@media (max-width:360px){#commentForm label,#replyForm label,.footer>.container>.right>.left>span,.ico{display:block}.ico{float:none;line-height:19px}.dynamic-r .ico{float:right}.ico-translate{display:block;float:none;margin-left:0}.ico-top{bottom:114px}} \ No newline at end of file +.article-body kbd,img{vertical-align:middle}.tags a:hover,a{text-decoration:none}.article-body,.articles pre,.header .sub-title,.module{word-wrap:break-word}.header li,.module>ul.list,.nav-abs li,.tags li{list-style-type:none}.clear,.fn-clear:after{clear:both}body,html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;margin:0;padding:0;height:100%}body{font:.81em Verdana,arial,'\5fae\8f6f\96c5\9ed1';color:#666;background-color:#363A3D;overflow-y:scroll}button,input,select,textarea{margin:0;font-size:100%;vertical-align:middle;font-family:Verdana,arial,'\5fae\8f6f\96c5\9ed1';outline:0}a{color:#6599C6;outline:0;transition:color 1s ease 0s}a:hover{color:#000}img{max-width:100%;border:0}.article-body h1,.article-body h2{padding-bottom:.3em;border-bottom:1px solid #eee}::selection{background-color:#D5D5D5;color:#FCFCFC}::-moz-selection{background-color:#D5D5D5;color:#FCFCFC}.article-body{overflow:auto;line-height:1.65;font-size:16px;word-break:break-word}.article-body ol,.article-body ul{padding-left:2em;margin-top:0;margin-bottom:16px}.article-body li{margin-top:.25em}.article-body img{cursor:zoom-in}.article-body img.emoji{cursor:auto;max-width:18px}.article-body h1,.article-body h2,.article-body h3,.article-body h4,.article-body h5,.article-body h6{margin-top:24px;margin-bottom:16px;font-weight:600;line-height:1.25}.article-body h1{font-size:1.7em}.article-body h2{font-size:1.5em}.article-body h3{font-size:1.25em}.article-body h4{font-size:1em}.article-body h5{font-size:.875em}.article-body h6{font-size:.85em}.article-body hr{height:.15em;padding:0;margin:24px 0;background-color:#e7e7e7;border:0}.article-body p{margin-top:0;margin-bottom:16px}.article-body blockquote{padding:0 1em;color:#777;border-left:.25em solid #ddd;margin-bottom:16px}.article-body blockquote p{margin:0}.article-body ins>iframe{border:0}.article-body iframe{border:1px solid rgba(0,0,0,.38)}.article-body table{width:100%;border:1px solid #dedede;margin:15px auto;border-collapse:collapse;empty-cells:show}.article-body thead{text-align:center}.article-body td,.article-body th{height:35px;border:1px solid #dedede;padding:0 10px}.article-body th{font-weight:700;text-align:center!important;background:rgba(158,188,226,.2)}.article-body tbody tr:nth-child(2n){background:rgba(158,188,226,.12)}.article-body tr:hover{background:#efefef}.article-body code{padding:.2em .4em;margin:0;font-size:85%;background-color:rgba(252,41,41,.12);border-radius:3px;word-break:break-word}.article-body pre{position:relative}.article-body pre textarea{position:absolute;top:-100000px}.articles,.module{position:relative}.article-body pre>code{padding:.5em;background-color:rgba(0,0,0,.04);background-size:20px 20px;border-radius:5px}.article-body kbd{display:inline-block;padding:3px 5px;font:11px Consolas,"Liberation Mono",Menlo,Courier,monospace;line-height:10px;color:#555;background-color:#fcfcfc;border:1px solid rgba(0,0,0,.38);border-bottom-color:#bbb;border-radius:3px;box-shadow:inset 0 -1px 0 #bbb}.article-body .task-list-item,.article-body__task{list-style:none;margin-left:-1em}.left{float:left}.right{float:right}.clear{background-color:transparent;border:0;display:block;font-size:0;height:0;line-height:0;overflow:hidden}.none{display:none}.fn-clear:after,.fn-clear:before{display:table;content:""}.em00,.em01,.em02,.em03,.em04,.em05,.em06,.em07,.em08,.em09,.em10,.em11,.em12,.em13,.em14{cursor:pointer;background-image:url(../../../images/emotions/emotions.png);background-size:120px;float:left;height:24px;margin-right:5px;width:24px;transition:all .2s ease-out;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out}#emotions span:hover{transform:scale(1.2) rotate(360deg);-webkit-transform:scale(1.2) rotate(360deg);-moz-transform:scale(1.2) rotate(360deg)}.em01{background-position:-24px 0}.em02{background-position:-48px 0}.em03{background-position:-72px 0}.em04{background-position:-96px 1px}.em05{background-position:0 -24px}.em06{background-position:-24px -24px}.em07{background-position:-48px -24px}.em08{background-position:-72px -24px}.em09{background-position:-96px -24px}.em10{background-position:0 -48px}.em11{background-position:-24px -48px}.em12{background-position:-48px -48px}.em13{background-position:-72px -48px}.em14{background-position:-96px -48px}.tags{margin:0}.tags li{float:left;height:45px}.tags a{background-color:#FCFCFC;box-shadow:0 0 2px #D5D5D5;display:block;margin:5px 10px;padding:5px 10px}.tags a:hover{text-shadow:0 0 2px;box-shadow:0 0 4px #D5D5D5}.header .title a,.header li a{text-shadow:0 1px 0 rgba(255,255,255,.7)}.tags b{font-size:70%;opacity:.6;filter:alpha(opacity=60)}.tags1,.tags1:visited{font-size:12px;color:#a7a7a7}.tags2,.tags2:visited{font-size:14px;color:grey}.tags3,.tags3:visited{font-size:16px;color:#595959}.tags4,.tags4:visited{font-size:18px;color:#323232}.tags5,.tags5:visited{font-size:20px;color:#0a0a0a}.module{background-color:#FFF;border:1px solid #BEC3C7;border-radius:5px;box-shadow:0 1px 1px rgba(0,0,0,.1);margin-bottom:30px;padding:15px}.module>h3.title{margin:0 0 10px;color:#444}.module>ul.list{padding-left:0;margin:0;overflow:hidden}.module>ul.list>li{border-top:1px solid #EEE;padding:6px 0}#search,.articles .arrow,.ico-author,.ico-comment,.ico-reply,.ico-tags,.ico-top,.ico-translate,.ico-view{background-repeat:no-repeat;background-image:url(../images/icons.png)}.ico-author,.ico-comment,.ico-reply,.ico-tags,.ico-view{padding-left:20px;background-position:-1px -63px;margin-right:10px}.ico-tags{background-position:-1px -83px}.ico-comment{background-position:-1px -41px}.ico-view{background-position:0 -122px}.ico-reply{background-position:0 -162px}.ico-translate{background-position:0 -186px;cursor:pointer;float:right;height:16px;margin-left:10px;width:16px}#search{background-position:5px -138px;border:none;border-radius:12px;box-shadow:0 1px 0 rgba(0,0,0,.4) inset,0 1px 0 rgba(255,255,255,.1);color:#A5A099;height:22px;margin-top:13px;margin-bottom:10px;padding-left:25px;transition:width .7s ease 0s;width:60px}#search:focus{color:#333;width:140px}.ico-top{background-color:#363A3D;background-position:4px -100px;border-radius:20em;bottom:60px;box-shadow:0 -1px 2px rgba(0,0,0,.3) inset,0 1px 0 rgba(255,255,255,.15);height:25px;position:fixed;left:90%;width:25px;cursor:pointer}.ico-next,.ico-pre{background-color:#6599C6;border-radius:10em;color:#FFF;display:block;float:left;font:20px/100% "Times New Roman",Times,serif;height:28px;margin:-8px 10px 0 0;padding:4px 0 0;text-align:center;transition:background 1s ease 0s;width:32px}.ico-next{float:right;margin:-8px 0 0 10px}a:hover>.ico-next,a:hover>.ico-pre{background-color:#000}.wrapper{min-width:400px;padding:50px 0;background:url(../images/bg.png) #DEE4EA}.header{background-color:#BFBFBF;background-image:url(../images/nav-bg.png),linear-gradient(#CCC,#A9A9A9);background-image:url(../images/nav-bg.png),-ms-linear-gradient(#CCC,#A9A9A9);background-image:url(../images/nav-bg.png),-o-linear-gradient(#CCC,#A9A9A9);background-image:url(../images/nav-bg.png),-webkit-linear-gradient(#CCC,#A9A9A9);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#CCCCCC', endColorstr='#A9A9A9');border-bottom:1px solid #898989;box-shadow:0 -1px 0 rgba(255,255,255,.3) inset,0 1px 1px rgba(0,0,0,.2)}.container{width:80%;margin:0 auto}.footer{border-top:1px solid #232323;padding:20px 0;color:#ddd;font-size:80%}.footer a{color:#9CC0DE}.footer a:hover{text-decoration:underline}.header .title{font-size:150%;margin:3px 0 0}.header .title a{color:#414141}.header .sub-title{float:left;max-width:574px;white-space:normal}.header li a{color:#444;padding:17px;line-height:20px;white-space:nowrap}.header li a.current{border-bottom:2px solid #D26911}.header a:hover{color:#000}.header li{float:left}.header>.container>form,.header>.container>ul{height:auto;overflow:visible}.header .page-icon{height:14px;width:14px;margin:-1px 5px 0 0}.articles{margin-top:11px}.articles>div.fn-clear{position:relative;margin-bottom:50px}.articles>div.fn-clear>h2{margin:0;text-align:center;height:28px}.articles>.vertical{background-color:#9EB5C6;border-radius:20em;box-shadow:0 0 1px 0 rgba(0,0,0,.5) inset,0 0 1px 0 rgba(255,255,255,.6);height:100%;left:50%;margin-left:-3px;position:absolute;top:0;width:6px}.articles article{width:50%;float:left}.articles article.l>div.module{margin-right:30px;left:0}.articles article.r{left:50%}.articles article.r>div{margin-left:30px;position:relative}.articles .dot{background-color:#FFF;border:3px solid #60829F;border-radius:20em;height:6px;position:absolute;right:-37px;top:22px;width:6px}.articles .r .dot{left:-37px;right:inherit}.articles .arrow{height:15px;position:absolute;right:-9px;top:21px;width:9px}.articles .r .arrow{background-position:0 -22px;left:-9px;right:inherit}.articles pre{background-color:#F5F5F5;border:1px solid #ddd;border-radius:4px;padding:9.5px;white-space:pre-wrap}time.article-time{top:-8px;left:50%;position:absolute}time.article-time>span{background-color:#FFF;border:1px solid #A8A9A9;border-radius:20em;font-size:80%;margin-left:-56px;padding:5px 10px}.article-archive,.article-more{background-color:#60829F;border-radius:20em;box-shadow:0 1px 0 rgba(0,0,0,.2) inset,0 1px 0 rgba(255,255,255,.6);padding:5px 20px}article .article-title{margin:10px 0 0}article .article-title>sup{color:#6599C6;font-size:70%}article .article-title a{color:#000;text-decoration:none}.ico>a{color:#999;font-size:80%;text-decoration:none}.ico>a:hover{color:#000}.article-more{color:#FFF;cursor:pointer;font-weight:700;height:19px;left:50%;margin-left:-38px;position:absolute;text-align:center;top:100%;width:36px}.article-archive{color:#FFF;font-size:80%;font-weight:400}.dynamic-l{float:left;width:70%}.dynamic-l>div{margin-right:30px}.dynamic-r{float:right;width:30%}.dynamic-r .tags a,.links a{line-height:24px}#comments{margin:30px 0 50px;position:relative}.comments>li>img{height:60px;width:60px;border-radius:30px;float:left;margin-right:15px}.comments .author{font-size:130%;font-style:italic}.comments>li>div>div.article-body{padding-left:75px;margin:12px 0}.module>ul>li.comment-body-ref{background-color:#FFF;border:1px solid #ddd;left:76px;opacity:.8;filter:alpha(opacity=80);padding:10px;position:absolute;width:74%;border-radius:10px}.comment-body-ref .ico-reply{display:none}.comment-form{width:100%;margin:30px 0}#commentForm{margin-top:0}.comment-form input[type=text],.comment-form textarea{background:url(../images/bg.png) #E5E8EA;border:1px solid #BCBDBE;border-radius:5px;box-shadow:0 1px 2px rgba(0,0,0,.1) inset;margin:5px 5px 5px 0;padding:6px}.comment-form input[type=text]:focus,.comment-form textarea:focus{background-color:#EFEFEF;outline:0}#submitCommentButton,#submitCommentButtonReply{background:#868889;border:1px solid #5D6265;border-radius:10em;box-shadow:0 1px 0 rgba(255,255,255,.3) inset,0 1px 1px rgba(0,0,0,.3);color:#FFF;cursor:pointer;padding:5px 20px;text-shadow:0 -1px 0 rgba(0,0,0,.3)}#submitCommentButton:hover,#submitCommentButtonReply:hover{color:#fff;background-color:#444}.nav-abs{background-color:#6B6B6B;border:1px solid #898989;border-radius:5px;box-shadow:0 1px 3px rgba(0,0,0,.4) inset,0 1px 0 rgba(255,255,255,.7),0 -1px 0 rgba(255,255,255,.6);color:#CCC;padding:5px 10px;position:absolute;right:30px;top:61px;z-index:1;text-align:center;white-space:nowrap}.index-nav-abs{padding:0;position:fixed;max-width:160px}.nav-abs li{background-color:#DEDDDD;border:1px solid #6B6B6B;color:#616161;cursor:pointer;float:left;height:20px;padding:3px 5px;width:28px}.nav-abs li.year{background-color:#6B6B6B;clear:both;color:#CCC;float:none;text-shadow:0 -1px 0 rgba(0,0,0,.5);width:auto;border-width:0}.nav-abs li:hover{background-color:#EFEEEE;color:#000}.nav-abs li.open,.nav-abs li.year:hover{background-color:#353535;color:#fff}@media (max-width:650px){#top>.left,.container{width:100%}#admin,#admin>a,#top>.left,#top>a,.author,.ico-reply{display:block}.wrapper{min-width:200px}#top>.left{float:none}#top>a{float:none!important}#hideTop{position:absolute;right:0;top:0}#admin{float:none}#admin>a{border-right-width:0!important;float:none!important;line-height:26px!important;margin:0!important}.header .title{height:26px;max-width:72%;overflow:hidden}.header>.container>div.left{float:none;height:50px;margin-left:10px}.header>.container>ul{float:none;padding:0}.header>.container li{float:none;padding:3px 10px}.header>.container li>a{padding:0;display:block}.header>.container li:hover{background-color:#FFF;background-image:linear-gradient(#FFF,#E5E5E5);background-image:-ms-linear-gradient(#FFF,#E5E5E5);background-image:-o-linear-gradient(#FFF,#E5E5E5);background-image:-webkit-linear-gradient(#FFF,#E5E5E5);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#FFFFFF', endColorstr='#E5E5E5')}.header>.container>form{float:none}#search{margin:5px 0 10px 10px}#search:focus{width:92%}.ico-list{background-color:#FCFCFC;background-image:url(../images/icons.png);background-position:4px -206px;background-repeat:no-repeat;border-radius:1px 0 3px 3px;cursor:pointer;float:right;height:25px;margin-right:35px;margin-top:-29px;width:25px}.articles article,.dynamic-l,.dynamic-r,.nav-abs li{float:none;width:auto}.ico-list:hover{background-color:#FFF}.footer>.container>.right{float:none;padding:0 10px;line-height:19px}.footer>.container>.right>.left{float:none}.nav-abs{position:inherit!important;padding:0;background-color:transparent;box-shadow:none;border-width:0;max-width:none!important}.index-nav-abs{margin:0}.author,.ico-reply{margin-left:75px}.comments>li>div>div.article-body{padding-left:0}.dynamic-l>div{margin-right:0}#admin>span,.articles .arrow,.articles .dot,.footer>.container>.left,.ft-next,.ft-pre{display:none}.header>.container>form,.header>.container>ul{height:0;overflow:hidden;margin:0}.articles{padding-bottom:10px}.articles>div.fn-clear>h2{margin-bottom:40px}}@media (max-width:360px){#commentForm label,#replyForm label,.footer>.container>.right>.left>span,.ico{display:block}.ico{float:none;line-height:19px}.dynamic-r .ico{float:right}.ico-translate{display:block;float:none;margin-left:0}.ico-top{bottom:114px}} \ No newline at end of file diff --git a/yilia/css/yilia.css b/yilia/css/yilia.css index efd0e20..7b87bc8 100644 --- a/yilia/css/yilia.css +++ b/yilia/css/yilia.css @@ -21,7 +21,7 @@ * * @author Liyuan Li * @author Liang Ding - * @version 1.3.0.0, Sep 21 2017 + * @version 1.3.0.1, Jan 2, 2019 */ /* start reset */ html { @@ -332,6 +332,7 @@ pre code, pre tt { box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075) inset, 0 0 5px rgba(176, 160, 170, 0.5); border: 1px solid #b0a0aa; } + .content-reset { font-family: "Helvetica Neue","Luxi Sans","DejaVu Sans",Tahoma,"Hiragino Sans GB","Microsoft Yahei",sans-serif; word-wrap: break-word; @@ -355,6 +356,11 @@ pre code, pre tt { cursor: zoom-in } +.content-reset img.emoji { + cursor: auto; + max-width: 18px; +} + .editor-panel .content-reset img,img.emoji { cursor: auto } @@ -422,6 +428,10 @@ pre code, pre tt { border: 1px solid rgba(0,0,0,0.38) } +.content-reset ins > iframe { + border: 0; +} + .content-reset table { width: 100%; border: 1px solid #dedede; @@ -467,7 +477,6 @@ pre code, pre tt { .content-reset pre>code { padding: 0.5em; - border-radius: 0; color: rgba(0,0,0,0.87); background-color: rgba(0,0,0,0.04); background-image: url(../images/code-bg.png); @@ -492,11 +501,6 @@ pre code, pre tt { .content-reset li.task-list-item { list-style: none } - -.content-reset li.task-list-item>input { - margin-left: -2em; - vertical-align: middle -} /* end common */ /* start emotions */ diff --git a/yilia/css/yilia.min.css b/yilia/css/yilia.min.css index fde81f0..f9e731a 100644 --- a/yilia/css/yilia.min.css +++ b/yilia/css/yilia.min.css @@ -15,4 +15,4 @@ * You should have received a copy of the GNU Affero General Public License * along with this program. If not, see . */ -@charset "utf-8";body,html{height:100%;max-height:100%}body,dl,h1,h2,h3,h4,h5,h6,ol,p,ul{text-rendering:geometricPrecision}dl dd,dl dt{margin-bottom:1em}body,li li{margin:0}blockquote cite,dl dt{font-weight:700}.fn-left,dl dt{float:left}.form button,a,blockquote{transition:all .3s ease}.classify li,.comments,.content-reset li.task-list-item,.dynamic li,.side nav ul{list-style:none}html{font-size:16px;-webkit-tap-highlight-color:transparent}body{font-family:"Helvetica Neue","Luxi Sans","DejaVu Sans",Tahoma,"Hiragino Sans GB","Microsoft Yahei",sans-serif;letter-spacing:.01rem;font-size:100%;line-height:1.75em;color:rgba(0,0,0,.6);-webkit-font-feature-settings:'kern' 1;-moz-font-feature-settings:'kern' 1;-o-font-feature-settings:'kern' 1;background-color:#eaeaea}::-moz-selection{background:#D6EDFF}::selection{background:#D6EDFF}a{text-decoration:none;color:#258fb8;outline:0}h1,h2,h3,h4,h5,h6{-webkit-font-feature-settings:'dlig' 1,'liga' 1,'lnum' 1,'kern' 1;-moz-font-feature-settings:'dlig' 1,'liga' 1,'lnum' 1,'kern' 1;-o-font-feature-settings:'dlig' 1,'liga' 1,'lnum' 1,'kern' 1;color:#666;line-height:1.15em;font-family:"Open Sans","Helvetica Neue","Luxi Sans","DejaVu Sans",Tahoma,"Hiragino Sans GB","Microsoft Yahei",sans-serif}h1{letter-spacing:-2px;text-indent:-3px}h2{letter-spacing:-1px}img{max-width:100%}dl,ol,p,ul{-webkit-font-feature-settings:'liga' 1,'onum' 1,'kern' 1;-moz-font-feature-settings:'liga' 1,'onum' 1,'kern' 1;-o-font-feature-settings:'liga' 1,'onum' 1,'kern' 1}ol,ul{padding-left:3rem}ol ol,ol ul,ul ol,ul ul{padding-left:2em}dl dt{width:180px;overflow:hidden;clear:left;text-align:right;text-overflow:ellipsis;white-space:nowrap}dl dd{margin-left:200px}hr{display:block;height:1px;border:0;border-top:#EFEFEF 1px solid;margin:3.2em 0;padding:0}blockquote{box-sizing:border-box;margin:1.75em 0;padding:0 0 0 1.75em;border-left:5px solid}blockquote:hover{border-color:#b0a0aa}blockquote p{margin:.8em 0;font-style:italic}blockquote small{display:inline-block;margin:.8em 0 .8em 1.5em;font-size:.9em;color:#CCC}blockquote small:before{content:"\2014 \00A0"}blockquote cite a{font-weight:400}mark{background-color:#fdffb6}code,tt{padding:1px 3px;font-family:Inconsolata,monospace,"Helvetica Neue","Luxi Sans","DejaVu Sans",Tahoma,"Hiragino Sans GB","Microsoft Yahei",sans-serif;font-size:.85em;white-space:pre-wrap;border:1px solid #E3EDF3;background:#F7FAFB;border-radius:2px}pre{font-size:.9em}pre code,pre tt{font-size:inherit;white-space:pre-wrap;background:0 0;border:none;padding:0}.fn-clear:after,.fn-clear:before{display:table;content:""}.fn-clear:after{clear:both}.fn-right{float:right}.fn-none{display:none}@font-face{font-family:icomoon;src:url(fonts/icomoon.eot?3js4w7);src:url(fonts/icomoon.eot?3js4w7#iefix) format('embedded-opentype'),url(fonts/icomoon.ttf?3js4w7) format('truetype'),url(fonts/icomoon.woff?3js4w7) format('woff'),url(fonts/icomoon.svg?3js4w7#icomoon) format('svg');font-weight:400;font-style:normal}[class*=" icon-"],[class^=icon-]{font-family:icomoon;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;vertical-align:middle}.content-reset,.form button,.form input,.form textarea{font-family:"Helvetica Neue","Luxi Sans","DejaVu Sans",Tahoma,"Hiragino Sans GB","Microsoft Yahei",sans-serif}.icon-tag:before{content:"\e903"}.icon-date:before{content:"\e902"}.icon-github:before{content:"\e900"}.icon-rss:before{content:"\e901"}.icon-register:before{content:"\e600"}.icon-logout:before{content:"\e601"}.icon-setting:before{content:"\e602"}.icon-gplus:before{content:"\e603"}.icon-weibo:before{content:"\e605"}.icon-goup:before{content:"\e60a"}.icon-twitter:before{content:"\e60b"}.icon-t-weibo:before{content:"\e60d"}.icon-login:before{content:"\e611"}.form{width:100%;padding:30px}#captcha,#captchaReply{height:27px;display:inline-block;vertical-align:inherit}.form button,.form input,.form textarea{border:1px solid #CCC;background-color:#FAFAFA;border-radius:3px;box-shadow:0 1px 2px rgba(0,0,0,.075) inset;padding:7px 8px;width:100%;box-sizing:border-box;font-size:14px;outline:0}.form button{width:auto;vertical-align:bottom;cursor:pointer}.form button:hover{background-color:#b0a0aa;color:#FFF;box-shadow:0 0 0;border-color:#b0a0aa}.form input:focus,.form textarea:focus{background-color:#FFF;box-shadow:0 1px 2px rgba(0,0,0,.075) inset,0 0 5px rgba(176,160,170,.5);border:1px solid #b0a0aa}.content-reset h1,.content-reset h2{padding-bottom:.3em;border-bottom:1px solid #eee}.content-reset{word-wrap:break-word;overflow:auto;line-height:1.65;font-size:16px;word-break:break-all}.content-reset ol,.content-reset ul{padding-left:2em;margin-top:0;margin-bottom:16px}.content-reset li{margin-top:.25em}.content-reset img{cursor:zoom-in}.editor-panel .content-reset img,img.emoji{cursor:auto}.content-reset h1,.content-reset h2,.content-reset h3,.content-reset h4,.content-reset h5,.content-reset h6{margin-top:24px;margin-bottom:16px;font-weight:600;line-height:1.25}.content-reset h1{font-size:2em}.content-reset h2{font-size:1.5em}.content-reset h3{font-size:1.25em}.content-reset h4{font-size:1em}.content-reset h5{font-size:.875em}.content-reset h6{font-size:.85em}.content-reset hr{height:.25em;padding:0;margin:24px 0;background-color:#e7e7e7;border:0}.content-reset p{margin-top:0;margin-bottom:16px}.content-reset blockquote{padding:0 1em;color:#777;border-left:.25em solid #ddd;margin-bottom:16px}.content-reset blockquote p{margin:0}.content-reset iframe{border:1px solid rgba(0,0,0,.38)}.content-reset table{width:100%;border:1px solid #dedede;margin:15px auto;border-collapse:collapse;empty-cells:show}.content-reset thead{text-align:center}.content-reset td,.content-reset th{height:35px;border:1px solid #dedede;padding:0 10px}.content-reset th{font-weight:700;text-align:center!important;background:rgba(158,188,226,.2)}.content-reset tbody tr:nth-child(2n){background:rgba(158,188,226,.12)}.content-reset tr:hover{background:#efefef}.content-reset code{padding:.2em .4em;margin:0;font-size:85%;background-color:rgba(252,41,41,.12);border-radius:3px;color:#d23f31;font-family:mononoki,Consolas,"Liberation Mono",Menlo,Courier,monospace;word-break:break-word}.content-reset pre>code{padding:.5em;color:rgba(0,0,0,.87);background-color:rgba(0,0,0,.04);background-image:url(../images/code-bg.png);background-size:20px 20px;border-radius:5px}.content-reset kbd{display:inline-block;padding:3px 5px;font:11px Consolas,"Liberation Mono",Menlo,Courier,monospace;line-height:10px;color:#555;vertical-align:middle;background-color:#fcfcfc;border:1px solid rgba(0,0,0,.38);border-bottom-color:#bbb;border-radius:3px;box-shadow:inset 0 -1px 0 #bbb}.tags .tag,footer.footer{font-family:Menlo,Monaco,"Andale Mono","lucida console","Courier New",monospace}.content-reset li.task-list-item>input{margin-left:-2em;vertical-align:middle}.em00,.em01,.em02,.em03,.em04,.em05,.em06,.em07,.em08,.em09,.em10,.em11,.em12,.em13,.em14{cursor:pointer;background-image:url(../../../images/emotions/emotions.png);background-size:120px;float:left;height:24px;margin-right:5px;width:24px;transition:all .2s ease-out;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out}#emotions span:hover,#emotionsReply span:hover{transform:scale(1.2) rotate(360deg);-webkit-transform:scale(1.2) rotate(360deg);-moz-transform:scale(1.2) rotate(360deg)}.em01{background-position:-24px 0}.em02{background-position:-48px 0}.em03{background-position:-72px 0}.em04{background-position:-96px 0}.em05{background-position:0 -24px}.em06{background-position:-24px -24px}.em07{background-position:-48px -24px}.em08{background-position:-72px -24px}.em09{background-position:-96px -24px}.em10{background-position:0 -48px}.em11{background-position:-24px -48px}.em12{background-position:-48px -48px}.em13{background-position:-72px -48px}.em14{background-position:-96px -48px}.side{position:fixed;background-color:#FFF;height:100%;width:300px}.side a{color:#696969;font-size:30px}.side .toc a,.side .toc-btn,.side nav a{font-size:14px}.side .toc a:hover,.side a:hover{color:#b0a0aa}.side .overlay{height:180px;background-color:#000;position:absolute;opacity:.7;width:100%}.side .content{width:76%;text-align:center;margin:112px auto 0;position:relative;z-index:1}.side .toc,.side footer,main{position:absolute}.side .avatar{display:block;border:5px solid #fff;border-radius:50%;width:128px;height:128px;margin:0 auto;transition:all .1s ease-in}.side .avatar:hover{border-color:rgba(37,143,184,.6)}.side hgroup h1{margin:10px 0;line-height:30px}.side .subtitle{color:#999;font-size:14px;line-height:25px}.side nav ul{margin:0;padding:0}.side nav .page-icon{height:16px;width:16px;margin:0 3px 0 0;vertical-align:-2px}.side footer{bottom:15px;width:228px;text-align:center;left:50%;margin-left:-114px}.side footer>div{margin-bottom:10px}.side .toc-btn{float:right;margin:0 10px;display:none}.side .toc{height:100%;width:300px;top:0;left:0;z-index:10;overflow:hidden;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABIAgMAAAAog1vUAAAACVBMVEUAAAABAQETExM20mnVAAAAA3RSTlMOECJvSrphAAABBElEQVR4AWyRwQ3CQAwEJ5/rIVQTyuAfHunmXlRAoaxkMfJJkQ4Dznl3x+G4xlzOxvZ5vZdzMJ7fx3Im+7a2jpNzrINzZ+6r/DnIp7dyg9zsg9Ehel0+bsS1t5KJZOuDSU4Iunz4qC8BU6nLAqZSkgKmUsYCplLxBEylIARMxV8+w/sqoKo+6G0aTGhm5JAM//gARxxHYU3Q3igY0sCIIhYCC49rcUW4PBeJK3bd+CIKsDle8H91N62bwTv5Xxv1QQAAAAQQsH9rAU6DH3CIG9WFbm2Pcyf00PcOn3avFYDDRJgOOcE8fIX8VFCY00r5TlFFPt2NwqXDwFyGjNUlzfBdHo1oSKi9zm79GKMAAAAASUVORK5CYII=) #5d5d5d}.side .toc li{border-bottom:1px solid #717171;border-top:1px solid #5d5d5d}.side .toc a{color:#e5e5e5;display:block}.side .b3-solo-list{padding:0;margin-top:50px}.abstract .b3-solo-list{display:none}.side .toc .close{color:#fff;float:right;padding:0 10px}main{right:0;min-height:100%;background:#eaeaea;left:300px;width:auto}article{margin:30px;border:1px solid #ddd;background:#fff;position:relative;transition:all .2s ease-in;visibility:hidden}.share span,.tags .avatar{transition:all .2s ease-out 0s}article.post,article.show{visibility:visible}article.show{-webkit-animation:bounce .6s;animation:bounce .6s}@-webkit-keyframes bounce{0%{opacity:0;-webkit-transform:scale(1)}60%{opacity:1;-webkit-transform:scale(1.02)}100%{-webkit-transform:scale(1)}}@-moz-keyframes bounce{0%{opacity:0;-moz-transform:scale(1)}60%{opacity:1;-moz-transform:scale(1.02)}100%{-moz-transform:scale(1)}}.tags .tag:hover,article .abstract a:hover,nav.pagination a.page-num:hover{opacity:.7}article header{border-left:5px solid;padding:15px 30px 15px 25px}article header:hover{border-color:#b0a0aa}article header h2{margin:0;font-size:26px;padding-right:110px}article header a{color:#696969;margin-left:0;font-weight:300;line-height:35px}article header a:hover{color:#b0a0aa}article header sup{font-size:14px;font-weight:400;color:#999}article header time{font-size:14px;position:absolute;right:30px;color:#aaa;top:18px}article .abstract{line-height:1.8em;padding-right:30px;padding-left:30px;overflow:hidden;word-wrap:break-word}article footer{padding:20px 35px 0 0;margin:30px 30px 20px;border-top:1px solid #ddd}.tags .avatar{width:20px;border-radius:10px;right:30px;position:absolute;bottom:25px}.share span{cursor:pointer}.share span:hover,.tags .avatar:hover{transform:rotate(360deg);color:#333}.tags .tag{color:#fff;font-size:10px;height:18px;line-height:18px;display:inline-block;padding:0 5px 0 10px;position:relative;border-radius:0 5px 5px 0;margin:5px 9px 5px 8px;background-color:#7b5d5f}.tags .tag:after,.tags .tag:before{content:" ";position:absolute}.tags .tag:before{width:0;height:0;top:0;left:-18px;border:9px solid transparent;border-right-color:#7b5d5f}.tags .tag:after{width:4px;height:4px;background-color:#fff;border-radius:4px;box-shadow:0 0 0 1px rgba(0,0,0,.3);top:7px;left:2px}a.color1.tag{background:#ff945c}a.color1.tag:before{border-right-color:#ff945c}a.color2.tag{background:#f5c7b7}a.color2.tag:before{border-right-color:#f5c7b7}a.color3.tag{background:#ba8f6c}a.color3.tag:before{border-right-color:#ba8f6c}a.color4.tag{background:#cfb7c4}a.color4.tag:before{border-right-color:#cfb7c4}nav.pagination{text-align:center;margin-top:30px}nav.pagination .page-num{width:20px;height:20px;background:#4d4d4d;border-radius:50%;display:inline-block;color:#fff;line-height:20px;font-size:12px;margin:0 3px 30px}nav.pagination .page-num.current{background:#88acdb}nav.pagination .extend{color:#4d4d4d;margin:0 27px;opacity:0}nav.pagination .extend:hover{color:#b0a0aa}nav.pagination:hover .extend{opacity:1}.post .tags .avatar{bottom:inherit;margin-top:4px}.post section.tags{margin:0}.post header{padding-bottom:0}.post .share{padding:10px 0 0;margin-top:15px;font-size:14px}.post aside a{color:#DDD}.post aside a>strong{background:#ddd;color:#fff;border-radius:50%;width:16px;height:16px;display:inline-block;transition:background .3s;vertical-align:middle;line-height:14px;text-align:center}.post aside a:hover{color:#4d4d4d}.post aside a:hover>strong{background-color:#4d4d4d}.comments{margin:60px 60px 0 50px;padding:0;position:relative}.comments li{margin-bottom:30px;padding-bottom:30px;border-bottom:1px solid #ddd}.comments li time{border-left:1px solid #d5dbde;padding-left:10px;margin-left:10px}.comments .avatar{position:absolute;height:60px;width:60px;border-radius:50%;border:3px solid #FFF}.comments .content{margin-left:80px;min-height:66px}.comments .post-meta{margin-bottom:9px}.comments .content img{vertical-align:sub}.comments li.comment-body-ref{position:absolute;background-color:#FFF;width:80%;margin-left:80px;padding:10px;border:1px solid #ddd}footer.footer{line-height:1rem;font-size:12px;text-shadow:0 1px #fff;opacity:.6;margin:0 30px 30px}footer.footer .icon-goup{position:fixed;bottom:35px;right:5px;-webkit-animation:upbounce 4s 2s infinite;animation:upbounce 4s 2s infinite;z-index:10;font-size:20px;cursor:pointer;color:#b0a0aa;transition:all .3s ease}footer.footer .icon-goup:hover{color:#4a4a4a}@-webkit-keyframes upbounce{0%,10%,25%,40%,50%{-webkit-transform:translateY(0);transform:translateY(0)}20%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}30%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}}@keyframes upbounce{0%,100%,20%,50%,80%{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}60%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}}.classify li{font-size:20px;float:left;margin:0 30px 20px 0}.classify .tags .tag{font-size:20px;padding:10px}.classify .tags .tag:before{left:-38px;border-width:19px}.classify .tags .tag:after{top:15px;left:-6px;width:8px;height:8px}.classify-name{font-size:18px;margin:30px}.dynamic .comments li:last-child{border-bottom-width:0}@media only screen and (max-width:500px){.side,.side .avatar{position:relative}.side{height:auto;width:100%}.side footer,main{position:initial}.side .content{margin-top:0;padding-top:20px}.side .overlay{height:100px;z-index:0}.side nav{display:none}.side footer{margin:10px auto;padding-bottom:16px}article{margin:10px}.comments{margin:20px 20px 0}footer.footer{text-align:center}footer.footer .fn-right{float:none;display:block}} \ No newline at end of file +@charset "utf-8";body,html{height:100%;max-height:100%}body,dl,h1,h2,h3,h4,h5,h6,ol,p,ul{text-rendering:geometricPrecision}dl dd,dl dt{margin-bottom:1em}body,li li{margin:0}blockquote cite,dl dt{font-weight:700}.fn-left,dl dt{float:left}.form button,a,blockquote{transition:all .3s ease}.classify li,.comments,.content-reset li.task-list-item,.dynamic li,.side nav ul{list-style:none}html{font-size:16px;-webkit-tap-highlight-color:transparent}body{font-family:"Helvetica Neue","Luxi Sans","DejaVu Sans",Tahoma,"Hiragino Sans GB","Microsoft Yahei",sans-serif;letter-spacing:.01rem;font-size:100%;line-height:1.75em;color:rgba(0,0,0,.6);-webkit-font-feature-settings:'kern' 1;-moz-font-feature-settings:'kern' 1;-o-font-feature-settings:'kern' 1;background-color:#eaeaea}::-moz-selection{background:#D6EDFF}::selection{background:#D6EDFF}a{text-decoration:none;color:#258fb8;outline:0}h1,h2,h3,h4,h5,h6{-webkit-font-feature-settings:'dlig' 1,'liga' 1,'lnum' 1,'kern' 1;-moz-font-feature-settings:'dlig' 1,'liga' 1,'lnum' 1,'kern' 1;-o-font-feature-settings:'dlig' 1,'liga' 1,'lnum' 1,'kern' 1;color:#666;line-height:1.15em;font-family:"Open Sans","Helvetica Neue","Luxi Sans","DejaVu Sans",Tahoma,"Hiragino Sans GB","Microsoft Yahei",sans-serif}h1{letter-spacing:-2px;text-indent:-3px}h2{letter-spacing:-1px}img{max-width:100%}dl,ol,p,ul{-webkit-font-feature-settings:'liga' 1,'onum' 1,'kern' 1;-moz-font-feature-settings:'liga' 1,'onum' 1,'kern' 1;-o-font-feature-settings:'liga' 1,'onum' 1,'kern' 1}ol,ul{padding-left:3rem}ol ol,ol ul,ul ol,ul ul{padding-left:2em}dl dt{width:180px;overflow:hidden;clear:left;text-align:right;text-overflow:ellipsis;white-space:nowrap}.content-reset thead,.side .content,.side footer,nav.pagination{text-align:center}dl dd{margin-left:200px}hr{display:block;height:1px;border:0;border-top:#EFEFEF 1px solid;margin:3.2em 0;padding:0}blockquote{box-sizing:border-box;margin:1.75em 0;padding:0 0 0 1.75em;border-left:5px solid}blockquote:hover{border-color:#b0a0aa}blockquote p{margin:.8em 0;font-style:italic}blockquote small{display:inline-block;margin:.8em 0 .8em 1.5em;font-size:.9em;color:#CCC}blockquote small:before{content:"\2014 \00A0"}blockquote cite a{font-weight:400}mark{background-color:#fdffb6}code,tt{padding:1px 3px;font-family:Inconsolata,monospace,"Helvetica Neue","Luxi Sans","DejaVu Sans",Tahoma,"Hiragino Sans GB","Microsoft Yahei",sans-serif;font-size:.85em;white-space:pre-wrap;border:1px solid #E3EDF3;background:#F7FAFB;border-radius:2px}pre{font-size:.9em}pre code,pre tt{font-size:inherit;white-space:pre-wrap;background:0 0;border:none;padding:0}.fn-clear:after,.fn-clear:before{display:table;content:""}.fn-clear:after{clear:both}.fn-right{float:right}.fn-none{display:none}@font-face{font-family:icomoon;src:url(fonts/icomoon.eot?3js4w7);src:url(fonts/icomoon.eot?3js4w7#iefix) format('embedded-opentype'),url(fonts/icomoon.ttf?3js4w7) format('truetype'),url(fonts/icomoon.woff?3js4w7) format('woff'),url(fonts/icomoon.svg?3js4w7#icomoon) format('svg');font-weight:400;font-style:normal}[class*=" icon-"],[class^=icon-]{font-family:icomoon;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;vertical-align:middle}.content-reset,.form button,.form input,.form textarea{font-family:"Helvetica Neue","Luxi Sans","DejaVu Sans",Tahoma,"Hiragino Sans GB","Microsoft Yahei",sans-serif}.icon-tag:before{content:"\e903"}.icon-date:before{content:"\e902"}.icon-github:before{content:"\e900"}.icon-rss:before{content:"\e901"}.icon-register:before{content:"\e600"}.icon-logout:before{content:"\e601"}.icon-setting:before{content:"\e602"}.icon-gplus:before{content:"\e603"}.icon-weibo:before{content:"\e605"}.icon-goup:before{content:"\e60a"}.icon-twitter:before{content:"\e60b"}.icon-t-weibo:before{content:"\e60d"}.icon-login:before{content:"\e611"}.form{width:100%;padding:30px}#captcha,#captchaReply{height:27px;display:inline-block;vertical-align:inherit}.form button,.form input,.form textarea{border:1px solid #CCC;background-color:#FAFAFA;border-radius:3px;box-shadow:0 1px 2px rgba(0,0,0,.075) inset;padding:7px 8px;width:100%;box-sizing:border-box;font-size:14px;outline:0}.form button{width:auto;vertical-align:bottom;cursor:pointer}.form button:hover{background-color:#b0a0aa;color:#FFF;box-shadow:0 0 0;border-color:#b0a0aa}.form input:focus,.form textarea:focus{background-color:#FFF;box-shadow:0 1px 2px rgba(0,0,0,.075) inset,0 0 5px rgba(176,160,170,.5);border:1px solid #b0a0aa}.content-reset h1,.content-reset h2{padding-bottom:.3em;border-bottom:1px solid #eee}.content-reset{word-wrap:break-word;overflow:auto;line-height:1.65;font-size:16px;word-break:break-all}.content-reset ol,.content-reset ul{padding-left:2em;margin-top:0;margin-bottom:16px}.content-reset li{margin-top:.25em}.content-reset img{cursor:zoom-in}.content-reset img.emoji{cursor:auto;max-width:18px}.editor-panel .content-reset img,img.emoji{cursor:auto}.content-reset h1,.content-reset h2,.content-reset h3,.content-reset h4,.content-reset h5,.content-reset h6{margin-top:24px;margin-bottom:16px;font-weight:600;line-height:1.25}.content-reset h1{font-size:2em}.content-reset h2{font-size:1.5em}.content-reset h3{font-size:1.25em}.content-reset h4{font-size:1em}.content-reset h5{font-size:.875em}.content-reset h6{font-size:.85em}.content-reset hr{height:.25em;padding:0;margin:24px 0;background-color:#e7e7e7;border:0}.content-reset p{margin-top:0;margin-bottom:16px}.content-reset blockquote{padding:0 1em;color:#777;border-left:.25em solid #ddd;margin-bottom:16px}.content-reset blockquote p{margin:0}.content-reset iframe{border:1px solid rgba(0,0,0,.38)}.content-reset ins>iframe{border:0}.content-reset table{width:100%;border:1px solid #dedede;margin:15px auto;border-collapse:collapse;empty-cells:show}.content-reset td,.content-reset th{height:35px;border:1px solid #dedede;padding:0 10px}.content-reset th{font-weight:700;text-align:center!important;background:rgba(158,188,226,.2)}.content-reset tbody tr:nth-child(2n){background:rgba(158,188,226,.12)}.content-reset tr:hover{background:#efefef}.content-reset code{padding:.2em .4em;margin:0;font-size:85%;background-color:rgba(252,41,41,.12);border-radius:3px;color:#d23f31;font-family:mononoki,Consolas,"Liberation Mono",Menlo,Courier,monospace;word-break:break-word}.content-reset pre>code{padding:.5em;color:rgba(0,0,0,.87);background-color:rgba(0,0,0,.04);background-image:url(../images/code-bg.png);background-size:20px 20px;border-radius:5px}.content-reset kbd{display:inline-block;padding:3px 5px;font:11px Consolas,"Liberation Mono",Menlo,Courier,monospace;line-height:10px;color:#555;vertical-align:middle;background-color:#fcfcfc;border:1px solid rgba(0,0,0,.38);border-bottom-color:#bbb;border-radius:3px;box-shadow:inset 0 -1px 0 #bbb}.tags .tag,footer.footer{font-family:Menlo,Monaco,"Andale Mono","lucida console","Courier New",monospace}.em00,.em01,.em02,.em03,.em04,.em05,.em06,.em07,.em08,.em09,.em10,.em11,.em12,.em13,.em14{cursor:pointer;background-image:url(../../../images/emotions/emotions.png);background-size:120px;float:left;height:24px;margin-right:5px;width:24px;transition:all .2s ease-out;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out}#emotions span:hover,#emotionsReply span:hover{transform:scale(1.2) rotate(360deg);-webkit-transform:scale(1.2) rotate(360deg);-moz-transform:scale(1.2) rotate(360deg)}.em01{background-position:-24px 0}.em02{background-position:-48px 0}.em03{background-position:-72px 0}.em04{background-position:-96px 0}.em05{background-position:0 -24px}.em06{background-position:-24px -24px}.em07{background-position:-48px -24px}.em08{background-position:-72px -24px}.em09{background-position:-96px -24px}.em10{background-position:0 -48px}.em11{background-position:-24px -48px}.em12{background-position:-48px -48px}.em13{background-position:-72px -48px}.em14{background-position:-96px -48px}.side{position:fixed;background-color:#FFF;height:100%;width:300px}.side a{color:#696969;font-size:30px}.side .toc a,.side .toc-btn,.side nav a{font-size:14px}.side .toc a:hover,.side a:hover{color:#b0a0aa}.side .overlay{height:180px;background-color:#000;position:absolute;opacity:.7;width:100%}.side .content{width:76%;margin:112px auto 0;position:relative;z-index:1}.side .toc,.side footer,main{position:absolute}.side .avatar{display:block;border:5px solid #fff;border-radius:50%;width:128px;height:128px;margin:0 auto;transition:all .1s ease-in}.side .avatar:hover{border-color:rgba(37,143,184,.6)}.side hgroup h1{margin:10px 0;line-height:30px}.side .subtitle{color:#999;font-size:14px;line-height:25px}.side nav ul{margin:0;padding:0}.side nav .page-icon{height:16px;width:16px;margin:0 3px 0 0;vertical-align:-2px}.side footer{bottom:15px;width:228px;left:50%;margin-left:-114px}.side footer>div{margin-bottom:10px}.side .toc-btn{float:right;margin:0 10px;display:none}.side .toc{height:100%;width:300px;top:0;left:0;z-index:10;overflow:hidden;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABIAgMAAAAog1vUAAAACVBMVEUAAAABAQETExM20mnVAAAAA3RSTlMOECJvSrphAAABBElEQVR4AWyRwQ3CQAwEJ5/rIVQTyuAfHunmXlRAoaxkMfJJkQ4Dznl3x+G4xlzOxvZ5vZdzMJ7fx3Im+7a2jpNzrINzZ+6r/DnIp7dyg9zsg9Ehel0+bsS1t5KJZOuDSU4Iunz4qC8BU6nLAqZSkgKmUsYCplLxBEylIARMxV8+w/sqoKo+6G0aTGhm5JAM//gARxxHYU3Q3igY0sCIIhYCC49rcUW4PBeJK3bd+CIKsDle8H91N62bwTv5Xxv1QQAAAAQQsH9rAU6DH3CIG9WFbm2Pcyf00PcOn3avFYDDRJgOOcE8fIX8VFCY00r5TlFFPt2NwqXDwFyGjNUlzfBdHo1oSKi9zm79GKMAAAAASUVORK5CYII=) #5d5d5d}.side .toc li{border-bottom:1px solid #717171;border-top:1px solid #5d5d5d}.side .toc a{color:#e5e5e5;display:block}.side .b3-solo-list{padding:0;margin-top:50px}.abstract .b3-solo-list{display:none}.side .toc .close{color:#fff;float:right;padding:0 10px}main{right:0;min-height:100%;background:#eaeaea;left:300px;width:auto}article{margin:30px;border:1px solid #ddd;background:#fff;position:relative;transition:all .2s ease-in;visibility:hidden}.share span,.tags .avatar{transition:all .2s ease-out 0s}article.post,article.show{visibility:visible}article.show{-webkit-animation:bounce .6s;animation:bounce .6s}@-webkit-keyframes bounce{0%{opacity:0;-webkit-transform:scale(1)}60%{opacity:1;-webkit-transform:scale(1.02)}100%{-webkit-transform:scale(1)}}@-moz-keyframes bounce{0%{opacity:0;-moz-transform:scale(1)}60%{opacity:1;-moz-transform:scale(1.02)}100%{-moz-transform:scale(1)}}.tags .tag:hover,article .abstract a:hover,nav.pagination a.page-num:hover{opacity:.7}article header{border-left:5px solid;padding:15px 30px 15px 25px}article header:hover{border-color:#b0a0aa}article header h2{margin:0;font-size:26px;padding-right:110px}article header a{color:#696969;margin-left:0;font-weight:300;line-height:35px}article header a:hover{color:#b0a0aa}article header sup{font-size:14px;font-weight:400;color:#999}article header time{font-size:14px;position:absolute;right:30px;color:#aaa;top:18px}article .abstract{line-height:1.8em;padding-right:30px;padding-left:30px;overflow:hidden;word-wrap:break-word}article footer{padding:20px 35px 0 0;margin:30px 30px 20px;border-top:1px solid #ddd}.tags .avatar{width:20px;border-radius:10px;right:30px;position:absolute;bottom:25px}.share span{cursor:pointer}.share span:hover,.tags .avatar:hover{transform:rotate(360deg);color:#333}.tags .tag{color:#fff;font-size:10px;height:18px;line-height:18px;display:inline-block;padding:0 5px 0 10px;position:relative;border-radius:0 5px 5px 0;margin:5px 9px 5px 8px;background-color:#7b5d5f}.tags .tag:after,.tags .tag:before{content:" ";position:absolute}.tags .tag:before{width:0;height:0;top:0;left:-18px;border:9px solid transparent;border-right-color:#7b5d5f}.tags .tag:after{width:4px;height:4px;background-color:#fff;border-radius:4px;box-shadow:0 0 0 1px rgba(0,0,0,.3);top:7px;left:2px}a.color1.tag{background:#ff945c}a.color1.tag:before{border-right-color:#ff945c}a.color2.tag{background:#f5c7b7}a.color2.tag:before{border-right-color:#f5c7b7}a.color3.tag{background:#ba8f6c}a.color3.tag:before{border-right-color:#ba8f6c}a.color4.tag{background:#cfb7c4}a.color4.tag:before{border-right-color:#cfb7c4}nav.pagination{margin-top:30px}nav.pagination .page-num{width:20px;height:20px;background:#4d4d4d;border-radius:50%;display:inline-block;color:#fff;line-height:20px;font-size:12px;margin:0 3px 30px}nav.pagination .page-num.current{background:#88acdb}nav.pagination .extend{color:#4d4d4d;margin:0 27px;opacity:0}nav.pagination .extend:hover{color:#b0a0aa}nav.pagination:hover .extend{opacity:1}.post .tags .avatar{bottom:inherit;margin-top:4px}.post section.tags{margin:0}.post header{padding-bottom:0}.post .share{padding:10px 0 0;margin-top:15px;font-size:14px}.post aside a{color:#DDD}.post aside a>strong{background:#ddd;color:#fff;border-radius:50%;width:16px;height:16px;display:inline-block;transition:background .3s;vertical-align:middle;line-height:14px;text-align:center}.post aside a:hover{color:#4d4d4d}.post aside a:hover>strong{background-color:#4d4d4d}.comments{margin:60px 60px 0 50px;padding:0;position:relative}.comments li{margin-bottom:30px;padding-bottom:30px;border-bottom:1px solid #ddd}.comments li time{border-left:1px solid #d5dbde;padding-left:10px;margin-left:10px}.comments .avatar{position:absolute;height:60px;width:60px;border-radius:50%;border:3px solid #FFF}.comments .content{margin-left:80px;min-height:66px}.comments .post-meta{margin-bottom:9px}.comments .content img{vertical-align:sub}.comments li.comment-body-ref{position:absolute;background-color:#FFF;width:80%;margin-left:80px;padding:10px;border:1px solid #ddd}footer.footer{line-height:1rem;font-size:12px;text-shadow:0 1px #fff;opacity:.6;margin:0 30px 30px}footer.footer .icon-goup{position:fixed;bottom:35px;right:5px;-webkit-animation:upbounce 4s 2s infinite;animation:upbounce 4s 2s infinite;z-index:10;font-size:20px;cursor:pointer;color:#b0a0aa;transition:all .3s ease}footer.footer .icon-goup:hover{color:#4a4a4a}@-webkit-keyframes upbounce{0%,10%,25%,40%,50%{-webkit-transform:translateY(0);transform:translateY(0)}20%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}30%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}}@keyframes upbounce{0%,100%,20%,50%,80%{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}60%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}}.classify li{font-size:20px;float:left;margin:0 30px 20px 0}.classify .tags .tag{font-size:20px;padding:10px}.classify .tags .tag:before{left:-38px;border-width:19px}.classify .tags .tag:after{top:15px;left:-6px;width:8px;height:8px}.classify-name{font-size:18px;margin:30px}.dynamic .comments li:last-child{border-bottom-width:0}@media only screen and (max-width:500px){.side,.side .avatar{position:relative}.side{height:auto;width:100%}.side footer,main{position:initial}.side .content{margin-top:0;padding-top:20px}.side .overlay{height:100px;z-index:0}.side nav{display:none}.side footer{margin:10px auto;padding-bottom:16px}article{margin:10px}.comments{margin:20px 20px 0}footer.footer{text-align:center}footer.footer .fn-right{float:none;display:block}} \ No newline at end of file