diff --git a/9IPHP/article-list.ftl b/9IPHP/article-list.ftl index 41bd8d1..3d72d2f 100644 --- a/9IPHP/article-list.ftl +++ b/9IPHP/article-list.ftl @@ -57,7 +57,7 @@ -
+
${article.articleAbstract}
-
+
${article.articleContent} <#if "" != article.articleSign.signHTML?trim>
diff --git a/9IPHP/common-comment.ftl b/9IPHP/common-comment.ftl index a2145b1..59af862 100644 --- a/9IPHP/common-comment.ftl +++ b/9IPHP/common-comment.ftl @@ -40,7 +40,7 @@ ${replyLabel}
-
+
${comment.commentContent}
diff --git a/9IPHP/css/base.css b/9IPHP/css/base.css index 0aa67c8..11915e0 100644 --- a/9IPHP/css/base.css +++ b/9IPHP/css/base.css @@ -1 +1 @@ -html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;height:100%}body{margin:0;font-family:"Helvetica Neue", "Luxi Sans", "DejaVu Sans", Tahoma, "Hiragino Sans GB", "Microsoft Yahei", sans-serif;font-size:14px;background-color:#fff;-webkit-font-smoothing:antialiased;-webkit-overflow-scrolling:touch}::-moz-selection{text-shadow:none;background:rgba(65,131,196,0.4)}::selection{text-shadow:none;background:rgba(66,133,244,0.4)}ul,ol{margin:0;padding:0}h1,h2,h3,h4,h5,h6,dl,dd,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{outline:0;text-decoration:none}a:hover{text-decoration:underline}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.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{margin:0;font-size:100%;vertical-align:middle;font-family:"Helvetica Neue", "Luxi Sans", "DejaVu Sans", Tahoma, "Hiragino Sans GB", "Microsoft Yahei", sans-serif;outline:none}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"]{box-sizing:content-box;-webkit-appearance:textfield}input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none}textarea{overflow:auto;resize:vertical}svg{fill:currentColor;display:inline-block;stroke-width:0;stroke:currentColor;width:14px;height:14px}blockquote{margin:0}.content-reset{word-wrap:break-word;overflow:auto;line-height:1.65;font-size:16px;word-break:break-word}.content-reset ul,.content-reset ol{padding-left:2em;margin-top:0;margin-bottom:16px}.content-reset li{margin-top:0.25em}.content-reset audio{max-width:100%}.content-reset video{max-height:90vh}.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{padding-bottom:0.3em;font-size:1.7em;border-bottom:1px solid #eee}.content-reset h2{padding-bottom:0.3em;font-size:1.5em;border-bottom:1px solid #eee}.content-reset h3{font-size:1.25em}.content-reset h4{font-size:1em}.content-reset h5{font-size:0.875em}.content-reset h6{font-size:0.85em}.content-reset hr{height:1px;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:0.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,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:bold;text-align:center !important;background:rgba(158,188,226,0.2)}.content-reset tbody tr:nth-child(2n){background:rgba(158,188,226,0.12)}.content-reset tr:hover{background:#efefef}.content-reset code{padding:.2em .4em;margin:0;font-size:85%;background-color:rgba(27,31,35,0.05);border-radius:3px;font-family:mononoki, Consolas, Liberation Mono, Menlo, Courier, monospace;word-break:break-word}.content-reset pre{position:relative}.content-reset pre textarea{position:absolute;top:-100000px}.content-reset pre>code{padding:0.5em;background-color:rgba(0,0,0,0.04);background-size:20px 20px;border-radius:5px;display:block}.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:solid 1px rgba(0,0,0,0.38);border-bottom-color:#bbb;border-radius:3px;box-shadow:inset 0 -1px 0 #bbb}.content-reset__task,.content-reset .task-list-item{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}.img-preview img{max-width:inherit;transition:transform .3s ease-in-out}@-webkit-keyframes tooltip-appear{from{opacity:0}to{opacity:1}}@keyframes tooltip-appear{from{opacity:0}to{opacity:1}}.tooltipped{position:relative;cursor:pointer}.tooltipped::after{position:absolute;z-index:1000000;display:none;padding:5px 8px;font-size:11px;font-weight:normal;-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,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,0.8);pointer-events:none;content:"";border:5px solid transparent;opacity:0}.tooltipped--hover::before,.tooltipped--hover::after,.tooltipped:hover::before,.tooltipped:hover::after,.tooltipped:active::before,.tooltipped:active::after,.tooltipped:focus::before,.tooltipped:focus::after{display:inline-block;text-decoration:none;animation-name:tooltip-appear;animation-duration:0.1s;animation-fill-mode:forwards;animation-timing-function:ease-in;animation-delay:0.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,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,0.8)}.tooltipped__ne::after{right:auto;left:50%;margin-left:-15px}.tooltipped__nw::after{margin-right:-15px}.tooltipped__s::after,.tooltipped__n::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,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,0.8)}@keyframes tooltip-appear{from{opacity:0}to{opacity:1}}.vditor-tooltipped{position:relative;cursor:pointer}.vditor-tooltipped::after{position:absolute;z-index:1000000;display:none;padding:5px 8px;font-size:11px;font-weight:normal;-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,0.8);border-radius:3px;line-height:16px;opacity:0}.vditor-tooltipped::before{position:absolute;z-index:1000001;display:none;width:0;height:0;color:rgba(0,0,0,0.8);pointer-events:none;content:"";border:5px solid transparent;opacity:0}.vditor-tooltipped--hover::before,.vditor-tooltipped--hover::after,.vditor-tooltipped:hover::before,.vditor-tooltipped:hover::after,.vditor-tooltipped:active::before,.vditor-tooltipped:active::after,.vditor-tooltipped:focus::before,.vditor-tooltipped:focus::after{display:inline-block;text-decoration:none;animation-name:tooltip-appear;animation-duration:0.1s;animation-fill-mode:forwards;animation-timing-function:ease-in;animation-delay:0.4s}.vditor-tooltipped__s::after,.vditor-tooltipped__se::after,.vditor-tooltipped__sw::after{top:100%;right:50%;margin-top:5px}.vditor-tooltipped__s::before,.vditor-tooltipped__se::before,.vditor-tooltipped__sw::before{top:auto;right:50%;bottom:-5px;margin-right:-5px;border-bottom-color:rgba(0,0,0,0.8)}.vditor-tooltipped__se::after{right:auto;left:50%;margin-left:-15px}.vditor-tooltipped__sw::after{margin-right:-15px}.vditor-tooltipped__n::after,.vditor-tooltipped__ne::after,.vditor-tooltipped__nw::after{right:50%;bottom:100%;margin-bottom:5px}.vditor-tooltipped__n::before,.vditor-tooltipped__ne::before,.vditor-tooltipped__nw::before{top:-5px;right:50%;bottom:auto;margin-right:-5px;border-top-color:rgba(0,0,0,0.8)}.vditor-tooltipped__ne::after{right:auto;left:50%;margin-left:-15px}.vditor-tooltipped__nw::after{margin-right:-15px}.vditor-tooltipped__s::after,.vditor-tooltipped__n::after{transform:translateX(50%)}.vditor-tooltipped__w::after{right:100%;bottom:50%;margin-right:5px;transform:translateY(50%)}.vditor-tooltipped__w::before{top:50%;bottom:50%;left:-5px;margin-top:-5px;border-left-color:rgba(0,0,0,0.8)}.vditor-tooltipped__e::after{bottom:50%;left:100%;margin-left:5px;transform:translateY(50%)}.vditor-tooltipped__e::before{top:50%;right:-5px;bottom:50%;margin-top:-5px;border-right-color:rgba(0,0,0,0.8)}.vditor-panel{background-color:#fff;position:absolute;box-shadow:0 1px 2px rgba(0,0,0,0.2);border-radius:3px;padding:5px;z-index:1;font-size:14px;display:none;user-select:none;max-width:200px;min-width:80px}.vditor-panel h1,.vditor-panel h2,.vditor-panel h3,.vditor-panel h4,.vditor-panel h5,.vditor-panel h6{margin:0;cursor:pointer;padding:3px 10px;border-radius:3px;line-height:normal}.vditor-panel h1:hover,.vditor-panel h2:hover,.vditor-panel h3:hover,.vditor-panel h4:hover,.vditor-panel h5:hover,.vditor-panel h6:hover{background-color:#4285f4;color:#fff}.vditor-toolbar{background-color:#f6f8fa;border-bottom:1px solid #d1d5da;padding:0 5px;border-radius:3px 3px 0 0}.vditor-toolbar>div{padding:10px 5px;float:left;line-height:14px;height:36px;box-sizing:border-box}.vditor-toolbar svg{fill:currentColor;display:inline-block;stroke-width:0;stroke:currentColor;width:14px;height:14px}.vditor-toolbar .vditor-tooltipped{color:#586069}.vditor-toolbar .vditor-tooltipped:hover{color:#4285f4}.vditor-toolbar label{overflow:hidden;position:relative;height:14px;width:15px;display:block;cursor:pointer}.vditor-toolbar input{position:absolute;width:1px;opacity:.001;height:14px;overflow:hidden}.vditor-menu--current svg{color:#4285f4}.vditor-menu__divider{width:10px}.vditor-menu__br{width:100%;padding:0 !important;height:0 !important}.vditor-emojis{display:inline-block}.vditor-emojis__tail{font-size:12px;text-align:right;color:#586069}.vditor-emojis__tail a{text-decoration:none;color:#586069}.vditor-emojis__tail a:hover{color:#4285f4}.vditor-emojis span{cursor:pointer;border-radius:3px;float:left;height:26px;width:26px;text-align:center;line-height:20px;padding:3px;box-sizing:border-box;font-size:16px}.vditor-emojis span:hover{background-color:#4285f4}.vditor-emojis img{height:20px;width:20px;float:left}.vditor{display:flex;flex-direction:column;border:1px solid #d1d5da;border-radius:3px;box-sizing:border-box}.vditor--fullscreen{position:fixed;top:0;width:100% !important;left:0;height:100vh !important;z-index:90;background-color:#fff}.vditor-content{display:flex;min-height:60px;flex:1;position:relative}.vditor-textarea{flex:1;border:0;resize:none;padding:10px;box-sizing:border-box;background-color:#fafbfc;outline:0 none;font-size:16px;line-height:22px;color:#24292e;border-radius:0 0 3px 3px}.vditor-textarea[disabled]{opacity:0.3;cursor:not-allowed}.vditor-textarea:focus{background-color:#fff}.vditor-preview{flex:1;background-color:#fff;overflow:auto;padding:10px;box-shadow:inset 1px 0 #d1d5da;box-sizing:border-box;border-radius:0 0 3px 0}.vditor-preview::-webkit-scrollbar{display:none}.vditor-counter{padding:0 3px;position:absolute;bottom:10px;right:20px;color:#24292e;background-color:rgba(255,255,255,0.6);border-radius:3px;font-size:12px;user-select:none}.vditor-counter--error{color:#d23f31;background-color:rgba(210,63,49,0.1)}.vditor-resize{padding:1px 0;border-radius:5px;cursor:row-resize;transition:all .15s ease-in-out;user-select:none;background-color:#f6f8fa}.vditor-resize:hover{background-color:#4285f4}.vditor-resize:hover svg{color:#fff}.vditor-resize svg{fill:currentColor;stroke-width:0;stroke:currentColor;width:13px;height:3px;display:block;margin:0 auto;color:#586069}.vditor-upload{opacity:0;position:absolute;width:100%;height:5px;left:0;top:-3px;border-radius:3px;overflow:hidden;transition:all .15s ease-in-out;color:#fff;font-size:12px;line-height:14px}.vditor-upload ul{margin:0}.vditor-upload--tip{height:auto;opacity:1 !important}.vditor-upload--tip .vditor-upload__close{display:block}.vditor-upload__close{display:none;position:absolute;right:5px;cursor:pointer;padding:5px;top:0}.vditor-upload__progress{height:100%;background-color:rgba(66,133,244,0.8);transition:all .15s ease-in-out;padding:5px;box-sizing:border-box}.vditor-hint{background-color:#fff;position:absolute;box-shadow:0 1px 2px rgba(0,0,0,0.2);border-radius:3px;padding:5px 0;z-index:1;line-height:20px;list-style:none;color:#24292e;font-size:12px;margin:0;max-width:200px;min-width:80px;display:none}.vditor-hint li{cursor:pointer;padding:3px 10px;border-bottom:1px solid #d1d5da;line-height:20px}.vditor-hint li:last-child{border-bottom:0}.vditor-hint--current,.vditor-hint li:hover{background-color:#4285f4;color:#fff}.vditor-hint__emoji{font-size:16px;float:left;margin-right:3px}.vditor-hint img{height:20px;width:20px;float:left;margin-right:3px}a{outline:0;text-decoration:none;color:#383838}a:hover{color:#ff4d3a;text-decoration:underline}.content-reset a{color:#ff4d3a}.fn-pointer{cursor:pointer}.fn-inline{display:inline}.fn-clear:before,.fn-clear:after{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}a[class^="icon-"],a[class*=" icon-"]{color:#333}a[class^="icon-"]:hover,a[class*=" icon-"]:hover{text-decoration:none;color:#4285f4}#commentForm,#replyForm{width:100%}.comments{position:relative}.comment-body-ref{position:absolute;width:80%;background-color:#fff;right:0;border:1px solid #eee}@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:normal;font-style:normal}[class^="icon-"],[class*=" icon-"]{font-family:'icomoon' !important;speak:none;font-style:normal;font-weight:normal;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"}*::selection{background:none repeat scroll 0% 0% #3D4450;color:#FFF;outline:none}a{transition:all .3s;outline:none}.pagination{margin-bottom:30px;line-height:30px;font-family:Georgia}.pagination .page-number:first-child{border-left:1px solid #ddd}.pagination .page-number{display:inline-block;padding:0 10px;border:1px solid #ddd;border-left:0;text-decoration:none;float:left}.pagination a.page-number:hover{color:#ff4d3a;background-color:#eee}.pagination .page-number.current{color:#fff;background:#ff4d3a;border-color:#ff4d3a;margin-left:-1px}.module{box-shadow:0 1px 1px rgba(0,0,0,0.05);margin-bottom:20px}.module header h2{border-bottom:1px solid #ff4d3a;padding:10px;line-height:18px;font-size:16px;font-weight:400}.module main{padding:20px}.ft-warn{color:#ff4d3a}.ft-gray{color:#aaa}.ft-center{text-align:center}.list,.module main.list{padding:0}.list li{list-style:none;border-bottom:1px solid #eee;line-height:40px;padding:0 20px}.list li:last-child{border-bottom:0}.list a{color:#666;text-decoration:none;display:block}.list a:hover{color:#ff4d3a}.form input,.form textarea{border:1px solid #ccc;background-color:#FAFAFA;box-shadow:0 1px 2px rgba(0,0,0,0.075) inset;padding:0 10px;width:100%;line-height:28px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}.form input{height:30px}.form input:focus,.form textarea:focus{background-color:#FFF;box-shadow:0 1px 2px rgba(0,0,0,0.075) inset,0 0 5px rgba(81,167,232,0.5);border:1px solid #51A7E8}.form button{background-color:#EB5750;border:0;color:#fff}.form button:hover{background-color:#e42f19}.wrapper{width:90%;margin:0 auto;min-width:720px;max-width:1300px}aside{width:28%;min-width:236px}.main-wrap{display:flex}.main-wrap>main{margin-right:30px;flex:1;min-width:1px}.banner{background-color:#393939;height:75px}.banner h1 a{color:#fff;line-height:75px;text-decoration:none}.banner small{color:#DFDFDF;font-size:15px}.banner .fn-right a{line-height:75px;color:#DFDFDF;text-decoration:none;margin-left:10px;opacity:0.6}.banner .fn-right a:hover{opacity:1}.navbar{border-bottom:1px solid #eee;height:50px;margin-bottom:30px}.navbar.pin{position:fixed;width:100%;background-color:rgba(255,255,255,0.95);top:0;z-index:10}.navbar nav a{color:#555;text-decoration:none;line-height:50px;padding:0 10px;display:inline-block}.navbar nav a:hover{color:#333}.navbar nav a.current{background-color:#eee}.navbar form{position:relative;margin-top:8px}.navbar .form input{padding-right:40px}.navbar button{background-color:#EB5750;border:0;color:#fff;position:absolute;top:0;right:0;height:30px;width:30px}.navbar button:hover{background-color:#e42f19}.page-icon{float:left;height:14px;width:14px;margin:18px 5px 0 0}.footer{padding:30px 0;text-align:center;background:#111;margin-top:30px;color:#fff}.footer a{color:#ff4d3a;text-decoration:none}.icon-up{position:fixed;bottom:122px;right:20px;color:#fff;background-color:#111;height:30px;width:30px;text-align:center;line-height:28px;border-radius:15px;transition:all .3s;cursor:pointer;display:none}.icon-up:hover{background-color:#ff4d3a}aside .ad{background-color:#3cbc8d;border-color:#36a96b;color:#fff;padding:20px;margin-bottom:20px;border:1px solid transparent;box-sizing:border-box}aside .meta main{text-align:right;line-height:20px}aside .meta img{float:left;height:80px;width:80px;border-radius:5px}aside .tag.tooltipped{display:inline-block;padding:2px 5px;margin-bottom:10px;border:1px solid #e1e1e1;text-decoration:none;margin-right:10px;line-height:22px}aside.has-toc>ul>li{list-style:none;float:left;width:50%;margin:0;cursor:pointer;line-height:18px;font-size:16px;text-align:center;font-weight:400}aside.has-toc ul>li.current{color:#ff4d3a}aside .b3-solo-list{font-size:14px}aside.has-toc>section:last-child{margin-top:20px}.post{border:1px solid #ededed;margin-bottom:20px;padding:20px;box-sizing:border-box}.post h1{margin-bottom:10px}.post h1 a{font-size:24px;font-weight:500;text-decoration:none}.post sup{color:#aaa;font-weight:300}.post .meta{color:#aaa;margin-bottom:10px}.post .meta a{color:#aaa;text-decoration:none}.post .meta a:hover{color:#ff4d3a}.tags>a.tag{color:#fff;font-size:12px;display:inline-block;background-color:#bbb;margin-right:10px;padding:0 5px;line-height:22px;text-decoration:none;margin-top:10px}.tags>a.tag:before{content:"#"}.tags>a.tag:hover{background:#999}.post footer .copyright{padding:10px;font-size:14px;line-height:16px;border:1px solid #ff4d3a;border-left-width:20px;margin:20px 0}.post .rel a{display:inline-block;padding:5px 14px;background-color:#fff;border:1px solid #ddd;border-radius:15px;text-decoration:none;margin:20px 0}.post .rel a:hover{background-color:#eee}.title h2{font-size:16px;font-weight:bold;padding-bottom:10px;border-bottom:1px solid #f1f1f1;margin-top:20px}.title>h2.tip{border-bottom:0}.comments>li{list-style:none;border-bottom:1px solid #f1f1f1;padding:10px}.comments>li>div{display:flex}.comments .avatar{width:50px;height:50px;border-radius:100%;margin-right:20px;background-size:contain}.comments main{flex:1;min-width:1px}.comments .content-reset{margin-top:10px}.comments .user-name{color:#666;text-decoration:none}.comments .user-name:hover{color:#ff4d3a}.comments .reply-btn{float:right;background-color:#ff4d3a;color:#fff;text-decoration:none;font-size:12px;padding:2px 5px}.comments .reply-btn:hover{background-color:#e42f19}#commentForm{margin-top:20px}.form .captcha{height:28px}.other{border:1px solid #ededed;margin-bottom:20px;padding:0 20px 20px}@media (max-width: 900px){.navbar .form{display:none}}@media (max-width: 700px){.page-icon{margin:13px 3px 0 0}.wrapper{width:100%;min-width:auto;padding:0 10px;box-sizing:border-box}.main-wrap>main{margin-right:0}.main-wrap,.responsive{display:block}aside{width:100%;box-sizing:border-box}.banner{margin-bottom:20px}.banner small,.banner .fn-right,.navbar{display:none}.icon-list{position:absolute;right:10px;top:20px;background-color:#fff;font-size:20px;padding:8px 6px;cursor:pointer}.responsive .list{background-color:#fff;position:absolute;width:100%;border:1px solid #eee;left:0;display:none;z-index:10;top:75px}.responsive .list li.current{background-color:#eee}} +html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;height:100%}body{margin:0;font-family:"Helvetica Neue", "Luxi Sans", "DejaVu Sans", Tahoma, "Hiragino Sans GB", "Microsoft Yahei", sans-serif;font-size:14px;background-color:#fff;-webkit-font-smoothing:antialiased;-webkit-overflow-scrolling:touch}::-moz-selection{text-shadow:none;background:rgba(65,131,196,0.4)}::selection{text-shadow:none;background:rgba(66,133,244,0.4)}ul,ol{margin:0;padding:0}h1,h2,h3,h4,h5,h6,dl,dd,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{outline:0;text-decoration:none}a:hover{text-decoration:underline}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.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{margin:0;font-size:100%;vertical-align:middle;font-family:"Helvetica Neue", "Luxi Sans", "DejaVu Sans", Tahoma, "Hiragino Sans GB", "Microsoft Yahei", sans-serif;outline:none}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"]{box-sizing:content-box;-webkit-appearance:textfield}input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none}textarea{overflow:auto;resize:vertical}svg{fill:currentColor;display:inline-block;stroke-width:0;stroke:currentColor;width:14px;height:14px}blockquote{margin:0}@-webkit-keyframes tooltip-appear{from{opacity:0}to{opacity:1}}@keyframes tooltip-appear{from{opacity:0}to{opacity:1}}.tooltipped{position:relative;cursor:pointer}.tooltipped::after{position:absolute;z-index:1000000;display:none;padding:5px 8px;font-size:11px;font-weight:normal;-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,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,0.8);pointer-events:none;content:"";border:5px solid transparent;opacity:0}.tooltipped--hover::before,.tooltipped--hover::after,.tooltipped:hover::before,.tooltipped:hover::after,.tooltipped:active::before,.tooltipped:active::after,.tooltipped:focus::before,.tooltipped:focus::after{display:inline-block;text-decoration:none;animation-name:tooltip-appear;animation-duration:0.1s;animation-fill-mode:forwards;animation-timing-function:ease-in;animation-delay:0.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,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,0.8)}.tooltipped__ne::after{right:auto;left:50%;margin-left:-15px}.tooltipped__nw::after{margin-right:-15px}.tooltipped__s::after,.tooltipped__n::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,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,0.8)}@keyframes tooltip-appear{from{opacity:0}to{opacity:1}}.vditor-tooltipped{position:relative;cursor:pointer}.vditor-tooltipped::after{position:absolute;z-index:1000000;display:none;padding:5px 8px;font-size:11px;font-weight:normal;-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,0.8);border-radius:3px;line-height:16px;opacity:0}.vditor-tooltipped::before{position:absolute;z-index:1000001;display:none;width:0;height:0;color:rgba(0,0,0,0.8);pointer-events:none;content:"";border:5px solid transparent;opacity:0}.vditor-tooltipped--hover::before,.vditor-tooltipped--hover::after,.vditor-tooltipped:hover::before,.vditor-tooltipped:hover::after,.vditor-tooltipped:active::before,.vditor-tooltipped:active::after,.vditor-tooltipped:focus::before,.vditor-tooltipped:focus::after{display:inline-block;text-decoration:none;animation-name:tooltip-appear;animation-duration:0.1s;animation-fill-mode:forwards;animation-timing-function:ease-in;animation-delay:0.4s}.vditor-tooltipped__s::after,.vditor-tooltipped__se::after,.vditor-tooltipped__sw::after{top:100%;right:50%;margin-top:5px}.vditor-tooltipped__s::before,.vditor-tooltipped__se::before,.vditor-tooltipped__sw::before{top:auto;right:50%;bottom:-5px;margin-right:-5px;border-bottom-color:rgba(0,0,0,0.8)}.vditor-tooltipped__se::after{right:auto;left:50%;margin-left:-15px}.vditor-tooltipped__sw::after{margin-right:-15px}.vditor-tooltipped__n::after,.vditor-tooltipped__ne::after,.vditor-tooltipped__nw::after{right:50%;bottom:100%;margin-bottom:5px}.vditor-tooltipped__n::before,.vditor-tooltipped__ne::before,.vditor-tooltipped__nw::before{top:-5px;right:50%;bottom:auto;margin-right:-5px;border-top-color:rgba(0,0,0,0.8)}.vditor-tooltipped__ne::after{right:auto;left:50%;margin-left:-15px}.vditor-tooltipped__nw::after{margin-right:-15px}.vditor-tooltipped__s::after,.vditor-tooltipped__n::after{transform:translateX(50%)}.vditor-tooltipped__w::after{right:100%;bottom:50%;margin-right:5px;transform:translateY(50%)}.vditor-tooltipped__w::before{top:50%;bottom:50%;left:-5px;margin-top:-5px;border-left-color:rgba(0,0,0,0.8)}.vditor-tooltipped__e::after{bottom:50%;left:100%;margin-left:5px;transform:translateY(50%)}.vditor-tooltipped__e::before{top:50%;right:-5px;bottom:50%;margin-top:-5px;border-right-color:rgba(0,0,0,0.8)}.vditor-panel{background-color:#fff;position:absolute;box-shadow:0 1px 2px rgba(0,0,0,0.2);border-radius:3px;padding:5px;z-index:1;font-size:14px;display:none;user-select:none;max-width:200px;min-width:80px}.vditor-panel h1,.vditor-panel h2,.vditor-panel h3,.vditor-panel h4,.vditor-panel h5,.vditor-panel h6{margin:0;cursor:pointer;padding:3px 10px;border-radius:3px;line-height:normal}.vditor-panel h1:hover,.vditor-panel h2:hover,.vditor-panel h3:hover,.vditor-panel h4:hover,.vditor-panel h5:hover,.vditor-panel h6:hover{background-color:#4285f4;color:#fff}.vditor-toolbar{background-color:#f6f8fa;border-bottom:1px solid #d1d5da;padding:0 5px;border-radius:3px 3px 0 0}.vditor-toolbar>div{padding:10px 5px;float:left;line-height:14px;height:36px;box-sizing:border-box}.vditor-toolbar svg{fill:currentColor;display:inline-block;stroke-width:0;stroke:currentColor;width:14px;height:14px}.vditor-toolbar .vditor-tooltipped{color:#586069}.vditor-toolbar .vditor-tooltipped:hover{color:#4285f4}.vditor-toolbar label{overflow:hidden;position:relative;height:14px;width:15px;display:block;cursor:pointer}.vditor-toolbar input{position:absolute;width:1px;opacity:.001;height:14px;overflow:hidden}.vditor-menu--current svg{color:#4285f4}.vditor-menu__divider{width:10px}.vditor-menu__br{width:100%;padding:0 !important;height:0 !important}.vditor-emojis{display:inline-block}.vditor-emojis__tail{font-size:12px;text-align:right;color:#586069}.vditor-emojis__tail a{text-decoration:none;color:#586069}.vditor-emojis__tail a:hover{color:#4285f4}.vditor-emojis span{cursor:pointer;border-radius:3px;float:left;height:26px;width:26px;text-align:center;line-height:20px;padding:3px;box-sizing:border-box;font-size:16px}.vditor-emojis span:hover{background-color:#4285f4}.vditor-emojis img{height:20px;width:20px;float:left}.vditor{display:flex;flex-direction:column;border:1px solid #d1d5da;border-radius:3px;box-sizing:border-box}.vditor--fullscreen{position:fixed;top:0;width:100% !important;left:0;height:100vh !important;z-index:90;background-color:#fff}.vditor-content{display:flex;min-height:60px;flex:1;position:relative;overflow:hidden}.vditor-textarea{flex:1;border:0;resize:none;padding:10px;box-sizing:border-box;background-color:#fafbfc;outline:0 none;font-size:16px;line-height:22px;color:#24292e;border-radius:0 0 3px 3px}.vditor-textarea[disabled]{opacity:0.3;cursor:not-allowed}.vditor-textarea:focus{background-color:#fff}.vditor-preview{flex:1;background-color:#fff;overflow:auto;padding:10px;box-shadow:inset 1px 0 #d1d5da;box-sizing:border-box;border-radius:0 0 3px 0}.vditor-preview::-webkit-scrollbar{display:none}.vditor-counter{padding:0 3px;position:absolute;bottom:10px;right:20px;color:#24292e;background-color:rgba(255,255,255,0.6);border-radius:3px;font-size:12px;user-select:none}.vditor-counter--error{color:#d23f31;background-color:rgba(210,63,49,0.1)}.vditor-resize{padding:1px 0;border-radius:5px;cursor:row-resize;transition:all .15s ease-in-out;user-select:none;background-color:#f6f8fa}.vditor-resize:hover{background-color:#4285f4}.vditor-resize:hover svg{color:#fff}.vditor-resize svg{fill:currentColor;stroke-width:0;stroke:currentColor;width:13px;height:3px;display:block;margin:0 auto;color:#586069}.vditor-upload{opacity:0;position:absolute;width:100%;height:5px;left:0;top:-3px;border-radius:3px;overflow:hidden;transition:all .15s ease-in-out;color:#fff;font-size:12px;line-height:14px}.vditor-upload ul{margin:0}.vditor-upload--tip{height:auto;opacity:1 !important}.vditor-upload--tip .vditor-upload__close{display:block}.vditor-upload__close{display:none;position:absolute;right:5px;cursor:pointer;padding:5px;top:0}.vditor-upload__progress{height:100%;background-color:rgba(66,133,244,0.8);transition:all .15s ease-in-out;padding:5px;box-sizing:border-box}.vditor-hint{background-color:#fff;position:absolute;box-shadow:0 1px 2px rgba(0,0,0,0.2);border-radius:3px;padding:5px 0;z-index:1;line-height:20px;list-style:none;color:#24292e;font-size:12px;margin:0;max-width:200px;min-width:80px;display:none}.vditor-hint li{cursor:pointer;padding:3px 10px;border-bottom:1px solid #d1d5da;line-height:20px}.vditor-hint li:last-child{border-bottom:0}.vditor-hint--current,.vditor-hint li:hover{background-color:#4285f4;color:#fff}.vditor-hint__emoji{font-size:16px;float:left;margin-right:3px}.vditor-hint img{height:20px;width:20px;float:left;margin-right:3px}.vditor-reset{font-family:"Helvetica Neue","Luxi Sans","DejaVu Sans",Tahoma,"Hiragino Sans GB","Microsoft Yahei",sans-serif;word-wrap:break-word;overflow:auto;line-height:1.65;font-size:16px;word-break:break-word}.vditor-reset ul,.vditor-reset ol{padding-left:2em;margin-top:0;margin-bottom:16px}.vditor-reset li{margin-top:0.25em}.vditor-reset audio{max-width:100%}.vditor-reset video{max-height:90vh}.vditor-reset img.emoji{cursor:auto;max-width:20px;vertical-align:top}.vditor-reset h1,.vditor-reset h2,.vditor-reset h3,.vditor-reset h4,.vditor-reset h5,.vditor-reset h6{margin-top:24px;margin-bottom:16px;font-weight:600;line-height:1.25}.vditor-reset h1{padding-bottom:0.3em;font-size:1.7em;border-bottom:1px solid #eee}.vditor-reset h2{padding-bottom:0.3em;font-size:1.5em;border-bottom:1px solid #eee}.vditor-reset h3{font-size:1.25em}.vditor-reset h4{font-size:1em}.vditor-reset h5{font-size:0.875em}.vditor-reset h6{font-size:0.85em}.vditor-reset hr{height:0.15em;padding:0;margin:24px 0;background-color:#e7e7e7;border:0}.vditor-reset p{margin-top:0;margin-bottom:16px}.vditor-reset blockquote{padding:0 1em;color:#777;border-left:0.25em solid #ddd;margin:0 0 16px 0}.vditor-reset blockquote p{margin:0}.vditor-reset ins>iframe{border:0}.vditor-reset iframe{border:1px solid #d1d5da}.vditor-reset table{width:100%;border:1px solid #dedede;margin:15px auto;border-collapse:collapse;empty-cells:show}.vditor-reset thead{text-align:center}.vditor-reset td,.vditor-reset th{height:35px;border:1px solid #dedede;padding:0 10px}.vditor-reset th{font-weight:bold;text-align:center !important;background:rgba(158,188,226,0.2)}.vditor-reset tbody tr:nth-child(2n){background:rgba(158,188,226,0.12)}.vditor-reset tr:hover{background:#efefef}.vditor-reset code{padding:0.2em 0.4em;margin:0;font-size:85%;background-color:rgba(27,31,35,0.05);border-radius:3px;font-family:mononoki,Consolas,"Liberation Mono",Menlo,Courier,monospace;word-break:break-word}.vditor-reset pre>code{padding:0.5em;background-color:rgba(0,0,0,0.04);background-image:url("https://cdn.jsdelivr.net/npm/vditor@1.1.2/src/assets/images/code-bg.png");background-size:20px 20px;border-radius:5px;display:block;overflow:auto}.vditor-reset pre:hover div.vditor-copy{display:block}.vditor-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:solid 1px #d1d5da;border-bottom-color:#bbb;border-radius:3px;box-shadow:inset 0 -1px 0 #bbb}.vditor-reset summary{cursor:pointer}.vditor-reset summary:focus{outline:none}.vditor-reset svg{height:auto;width:auto}.vditor-task{list-style:none;margin-left:-1.4em;display:flex;align-items:center}.vditor-task input{margin-right:5px}.vditor-copy{position:relative;display:none}.vditor-copy textarea{position:absolute;top:-100000px}.vditor-copy span{cursor:pointer;position:absolute;right:0.5em;top:0.5em;height:20px;width:20px}.vditor-copy svg{height:20px;width:20px}a{outline:0;text-decoration:none;color:#383838}a:hover{color:#ff4d3a;text-decoration:underline}.vditor-reset a{color:#ff4d3a}.fn-pointer{cursor:pointer}.fn-inline{display:inline}.fn-clear:before,.fn-clear:after{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}a[class^="icon-"],a[class*=" icon-"]{color:#333}a[class^="icon-"]:hover,a[class*=" icon-"]:hover{text-decoration:none;color:#4285f4}#commentForm,#replyForm{width:100%}.comments{position:relative}.comment-body-ref{position:absolute;width:80%;background-color:#fff;right:0;border:1px solid #eee}@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:normal;font-style:normal}[class^="icon-"],[class*=" icon-"]{font-family:'icomoon' !important;speak:none;font-style:normal;font-weight:normal;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"}*::selection{background:none repeat scroll 0% 0% #3D4450;color:#FFF;outline:none}a{transition:all .3s;outline:none}.pagination{margin-bottom:30px;line-height:30px;font-family:Georgia}.pagination .page-number:first-child{border-left:1px solid #ddd}.pagination .page-number{display:inline-block;padding:0 10px;border:1px solid #ddd;border-left:0;text-decoration:none;float:left}.pagination a.page-number:hover{color:#ff4d3a;background-color:#eee}.pagination .page-number.current{color:#fff;background:#ff4d3a;border-color:#ff4d3a;margin-left:-1px}.module{box-shadow:0 1px 1px rgba(0,0,0,0.05);margin-bottom:20px}.module header h2{border-bottom:1px solid #ff4d3a;padding:10px;line-height:18px;font-size:16px;font-weight:400}.module main{padding:20px}.ft-warn{color:#ff4d3a}.ft-gray{color:#aaa}.ft-center{text-align:center}.list,.module main.list{padding:0}.list li{list-style:none;border-bottom:1px solid #eee;line-height:40px;padding:0 20px}.list li:last-child{border-bottom:0}.list a{color:#666;text-decoration:none;display:block}.list a:hover{color:#ff4d3a}.form input,.form textarea{border:1px solid #ccc;background-color:#FAFAFA;box-shadow:0 1px 2px rgba(0,0,0,0.075) inset;padding:0 10px;width:100%;line-height:28px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}.form input{height:30px}.form input:focus,.form textarea:focus{background-color:#FFF;box-shadow:0 1px 2px rgba(0,0,0,0.075) inset,0 0 5px rgba(81,167,232,0.5);border:1px solid #51A7E8}.form button{background-color:#EB5750;border:0;color:#fff}.form button:hover{background-color:#e42f19}.wrapper{width:90%;margin:0 auto;min-width:720px;max-width:1300px}aside{width:28%;min-width:236px}.main-wrap{display:flex}.main-wrap>main{margin-right:30px;flex:1;min-width:1px}.banner{background-color:#393939;height:75px}.banner h1 a{color:#fff;line-height:75px;text-decoration:none}.banner small{color:#DFDFDF;font-size:15px}.banner .fn-right a{line-height:75px;color:#DFDFDF;text-decoration:none;margin-left:10px;opacity:0.6}.banner .fn-right a:hover{opacity:1}.navbar{border-bottom:1px solid #eee;height:50px;margin-bottom:30px}.navbar.pin{position:fixed;width:100%;background-color:rgba(255,255,255,0.95);top:0;z-index:10}.navbar nav a{color:#555;text-decoration:none;line-height:50px;padding:0 10px;display:inline-block}.navbar nav a:hover{color:#333}.navbar nav a.current{background-color:#eee}.navbar form{position:relative;margin-top:8px}.navbar .form input{padding-right:40px}.navbar button{background-color:#EB5750;border:0;color:#fff;position:absolute;top:0;right:0;height:30px;width:30px}.navbar button:hover{background-color:#e42f19}.page-icon{float:left;height:14px;width:14px;margin:18px 5px 0 0}.footer{padding:30px 0;text-align:center;background:#111;margin-top:30px;color:#fff}.footer a{color:#ff4d3a;text-decoration:none}.icon-up{position:fixed;bottom:122px;right:20px;color:#fff;background-color:#111;height:30px;width:30px;text-align:center;line-height:28px;border-radius:15px;transition:all .3s;cursor:pointer;display:none}.icon-up:hover{background-color:#ff4d3a}aside .ad{background-color:#3cbc8d;border-color:#36a96b;color:#fff;padding:20px;margin-bottom:20px;border:1px solid transparent;box-sizing:border-box}aside .meta main{text-align:right;line-height:20px}aside .meta img{float:left;height:80px;width:80px;border-radius:5px}aside .tag.tooltipped{display:inline-block;padding:2px 5px;margin-bottom:10px;border:1px solid #e1e1e1;text-decoration:none;margin-right:10px;line-height:22px}aside.has-toc>ul>li{list-style:none;float:left;width:50%;margin:0;cursor:pointer;line-height:18px;font-size:16px;text-align:center;font-weight:400}aside.has-toc ul>li.current{color:#ff4d3a}aside .b3-solo-list{font-size:14px}aside.has-toc>section:last-child{margin-top:20px}.post{border:1px solid #ededed;margin-bottom:20px;padding:20px;box-sizing:border-box}.post h1{margin-bottom:10px}.post h1 a{font-size:24px;font-weight:500;text-decoration:none}.post sup{color:#aaa;font-weight:300}.post .meta{color:#aaa;margin-bottom:10px}.post .meta a{color:#aaa;text-decoration:none}.post .meta a:hover{color:#ff4d3a}.tags>a.tag{color:#fff;font-size:12px;display:inline-block;background-color:#bbb;margin-right:10px;padding:0 5px;line-height:22px;text-decoration:none;margin-top:10px}.tags>a.tag:before{content:"#"}.tags>a.tag:hover{background:#999}.post footer .copyright{padding:10px;font-size:14px;line-height:16px;border:1px solid #ff4d3a;border-left-width:20px;margin:20px 0}.post .rel a{display:inline-block;padding:5px 14px;background-color:#fff;border:1px solid #ddd;border-radius:15px;text-decoration:none;margin:20px 0}.post .rel a:hover{background-color:#eee}.title h2{font-size:16px;font-weight:bold;padding-bottom:10px;border-bottom:1px solid #f1f1f1;margin-top:20px}.title>h2.tip{border-bottom:0}.comments>li{list-style:none;border-bottom:1px solid #f1f1f1;padding:10px}.comments>li>div{display:flex}.comments .avatar{width:50px;height:50px;border-radius:100%;margin-right:20px;background-size:contain}.comments main{flex:1;min-width:1px}.comments .vditor-reset{margin-top:10px}.comments .user-name{color:#666;text-decoration:none}.comments .user-name:hover{color:#ff4d3a}.comments .reply-btn{float:right;background-color:#ff4d3a;color:#fff;text-decoration:none;font-size:12px;padding:2px 5px}.comments .reply-btn:hover{background-color:#e42f19}#commentForm{margin-top:20px}.form .captcha{height:28px}.other{border:1px solid #ededed;margin-bottom:20px;padding:0 20px 20px}@media (max-width: 900px){.navbar .form{display:none}}@media (max-width: 700px){.page-icon{margin:13px 3px 0 0}.wrapper{width:100%;min-width:auto;padding:0 10px;box-sizing:border-box}.main-wrap>main{margin-right:0}.main-wrap,.responsive{display:block}aside{width:100%;box-sizing:border-box}.banner{margin-bottom:20px}.banner small,.banner .fn-right,.navbar{display:none}.icon-list{position:absolute;right:10px;top:20px;background-color:#fff;font-size:20px;padding:8px 6px;cursor:pointer}.responsive .list{background-color:#fff;position:absolute;width:100%;border:1px solid #eee;left:0;display:none;z-index:10;top:75px}.responsive .list li.current{background-color:#eee}} diff --git a/9IPHP/css/base.scss b/9IPHP/css/base.scss index c7969e3..a35b671 100644 --- a/9IPHP/css/base.scss +++ b/9IPHP/css/base.scss @@ -19,11 +19,10 @@ * skin style * * @author Liyuan Li - * @version 1.0.0.0, Feb 21, 2019 + * @version 1.0.0.1, Mar 16, 2019 */ /* start common */ @import "../../../scss/reset"; -@import "../../../scss/reset-content"; @import "../../../scss/tooltipped"; @import "vditor/src/assets/scss/classic"; a { @@ -35,7 +34,7 @@ a:hover { color: #ff4d3a; text-decoration: underline; } -.content-reset a { +.vditor-reset a { color: #ff4d3a; } .fn-pointer { @@ -633,7 +632,7 @@ aside.has-toc > section:last-child { min-width: 1px; } -.comments .content-reset { +.comments .vditor-reset { margin-top: 10px; } diff --git a/9IPHP/dynamic.ftl b/9IPHP/dynamic.ftl index 3db1cce..a2252c8 100644 --- a/9IPHP/dynamic.ftl +++ b/9IPHP/dynamic.ftl @@ -48,7 +48,7 @@ ${viewLabel}»
-
+
${comment.commentContent}
@@ -57,7 +57,7 @@ <#else> -
+
${noDynamicLabel}
@@ -68,7 +68,7 @@ <#include "footer.ftl"> ${plugins} diff --git a/9IPHP/page.ftl b/9IPHP/page.ftl index 237052c..52ebe8e 100644 --- a/9IPHP/page.ftl +++ b/9IPHP/page.ftl @@ -34,7 +34,7 @@
-
+
${page.pageContent}
<@comments commentList=pageComments article=page> diff --git a/9IPHP/side.ftl b/9IPHP/side.ftl index c79e411..672747a 100644 --- a/9IPHP/side.ftl +++ b/9IPHP/side.ftl @@ -20,7 +20,7 @@
-
+
${article.articleAbstract}
diff --git a/Andrea/article.ftl b/Andrea/article.ftl index 367b4af..1a149d9 100644 --- a/Andrea/article.ftl +++ b/Andrea/article.ftl @@ -92,7 +92,7 @@
-
+
${article.articleContent} <#if "" != article.articleSign.signHTML?trim>
diff --git a/Andrea/common-comment.ftl b/Andrea/common-comment.ftl index 1aa93f4..d5136ea 100644 --- a/Andrea/common-comment.ftl +++ b/Andrea/common-comment.ftl @@ -36,7 +36,7 @@ onmouseout="page.hideComment('${comment.commentOriginalCommentId}')">${comment.commentOriginalCommentName}  ${comment.commentDate2?string("yyyy-MM-dd HH:mm:ss")} -
+
${comment.commentContent}
<#if article.commentable> diff --git a/Andrea/css/base.css b/Andrea/css/base.css index b944f8e..1cce0cc 100644 --- a/Andrea/css/base.css +++ b/Andrea/css/base.css @@ -1 +1 @@ -.content-reset{word-wrap:break-word;overflow:auto;line-height:1.65;font-size:16px;word-break:break-word}.content-reset ul,.content-reset ol{padding-left:2em;margin-top:0;margin-bottom:16px}.content-reset li{margin-top:0.25em}.content-reset audio{max-width:100%}.content-reset video{max-height:90vh}.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{padding-bottom:0.3em;font-size:1.7em;border-bottom:1px solid #eee}.content-reset h2{padding-bottom:0.3em;font-size:1.5em;border-bottom:1px solid #eee}.content-reset h3{font-size:1.25em}.content-reset h4{font-size:1em}.content-reset h5{font-size:0.875em}.content-reset h6{font-size:0.85em}.content-reset hr{height:1px;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:0.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,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:bold;text-align:center !important;background:rgba(158,188,226,0.2)}.content-reset tbody tr:nth-child(2n){background:rgba(158,188,226,0.12)}.content-reset tr:hover{background:#efefef}.content-reset code{padding:.2em .4em;margin:0;font-size:85%;background-color:rgba(27,31,35,0.05);border-radius:3px;font-family:mononoki, Consolas, Liberation Mono, Menlo, Courier, monospace;word-break:break-word}.content-reset pre{position:relative}.content-reset pre textarea{position:absolute;top:-100000px}.content-reset pre>code{padding:0.5em;background-color:rgba(0,0,0,0.04);background-size:20px 20px;border-radius:5px;display:block}.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:solid 1px rgba(0,0,0,0.38);border-bottom-color:#bbb;border-radius:3px;box-shadow:inset 0 -1px 0 #bbb}.content-reset__task,.content-reset .task-list-item{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}.img-preview img{max-width:inherit;transition:transform .3s ease-in-out}@keyframes tooltip-appear{from{opacity:0}to{opacity:1}}.vditor-tooltipped{position:relative;cursor:pointer}.vditor-tooltipped::after{position:absolute;z-index:1000000;display:none;padding:5px 8px;font-size:11px;font-weight:normal;-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,0.8);border-radius:3px;line-height:16px;opacity:0}.vditor-tooltipped::before{position:absolute;z-index:1000001;display:none;width:0;height:0;color:rgba(0,0,0,0.8);pointer-events:none;content:"";border:5px solid transparent;opacity:0}.vditor-tooltipped--hover::before,.vditor-tooltipped--hover::after,.vditor-tooltipped:hover::before,.vditor-tooltipped:hover::after,.vditor-tooltipped:active::before,.vditor-tooltipped:active::after,.vditor-tooltipped:focus::before,.vditor-tooltipped:focus::after{display:inline-block;text-decoration:none;animation-name:tooltip-appear;animation-duration:0.1s;animation-fill-mode:forwards;animation-timing-function:ease-in;animation-delay:0.4s}.vditor-tooltipped__s::after,.vditor-tooltipped__se::after,.vditor-tooltipped__sw::after{top:100%;right:50%;margin-top:5px}.vditor-tooltipped__s::before,.vditor-tooltipped__se::before,.vditor-tooltipped__sw::before{top:auto;right:50%;bottom:-5px;margin-right:-5px;border-bottom-color:rgba(0,0,0,0.8)}.vditor-tooltipped__se::after{right:auto;left:50%;margin-left:-15px}.vditor-tooltipped__sw::after{margin-right:-15px}.vditor-tooltipped__n::after,.vditor-tooltipped__ne::after,.vditor-tooltipped__nw::after{right:50%;bottom:100%;margin-bottom:5px}.vditor-tooltipped__n::before,.vditor-tooltipped__ne::before,.vditor-tooltipped__nw::before{top:-5px;right:50%;bottom:auto;margin-right:-5px;border-top-color:rgba(0,0,0,0.8)}.vditor-tooltipped__ne::after{right:auto;left:50%;margin-left:-15px}.vditor-tooltipped__nw::after{margin-right:-15px}.vditor-tooltipped__s::after,.vditor-tooltipped__n::after{transform:translateX(50%)}.vditor-tooltipped__w::after{right:100%;bottom:50%;margin-right:5px;transform:translateY(50%)}.vditor-tooltipped__w::before{top:50%;bottom:50%;left:-5px;margin-top:-5px;border-left-color:rgba(0,0,0,0.8)}.vditor-tooltipped__e::after{bottom:50%;left:100%;margin-left:5px;transform:translateY(50%)}.vditor-tooltipped__e::before{top:50%;right:-5px;bottom:50%;margin-top:-5px;border-right-color:rgba(0,0,0,0.8)}.vditor-panel{background-color:#fff;position:absolute;box-shadow:0 1px 2px rgba(0,0,0,0.2);border-radius:3px;padding:5px;z-index:1;font-size:14px;display:none;user-select:none;max-width:200px;min-width:80px}.vditor-panel h1,.vditor-panel h2,.vditor-panel h3,.vditor-panel h4,.vditor-panel h5,.vditor-panel h6{margin:0;cursor:pointer;padding:3px 10px;border-radius:3px;line-height:normal}.vditor-panel h1:hover,.vditor-panel h2:hover,.vditor-panel h3:hover,.vditor-panel h4:hover,.vditor-panel h5:hover,.vditor-panel h6:hover{background-color:#4285f4;color:#fff}.vditor-toolbar{background-color:#f6f8fa;border-bottom:1px solid #d1d5da;padding:0 5px;border-radius:3px 3px 0 0}.vditor-toolbar>div{padding:10px 5px;float:left;line-height:14px;height:36px;box-sizing:border-box}.vditor-toolbar svg{fill:currentColor;display:inline-block;stroke-width:0;stroke:currentColor;width:14px;height:14px}.vditor-toolbar .vditor-tooltipped{color:#586069}.vditor-toolbar .vditor-tooltipped:hover{color:#4285f4}.vditor-toolbar label{overflow:hidden;position:relative;height:14px;width:15px;display:block;cursor:pointer}.vditor-toolbar input{position:absolute;width:1px;opacity:.001;height:14px;overflow:hidden}.vditor-menu--current svg{color:#4285f4}.vditor-menu__divider{width:10px}.vditor-menu__br{width:100%;padding:0 !important;height:0 !important}.vditor-emojis{display:inline-block}.vditor-emojis__tail{font-size:12px;text-align:right;color:#586069}.vditor-emojis__tail a{text-decoration:none;color:#586069}.vditor-emojis__tail a:hover{color:#4285f4}.vditor-emojis span{cursor:pointer;border-radius:3px;float:left;height:26px;width:26px;text-align:center;line-height:20px;padding:3px;box-sizing:border-box;font-size:16px}.vditor-emojis span:hover{background-color:#4285f4}.vditor-emojis img{height:20px;width:20px;float:left}.vditor{display:flex;flex-direction:column;border:1px solid #d1d5da;border-radius:3px;box-sizing:border-box}.vditor--fullscreen{position:fixed;top:0;width:100% !important;left:0;height:100vh !important;z-index:90;background-color:#fff}.vditor-content{display:flex;min-height:60px;flex:1;position:relative}.vditor-textarea{flex:1;border:0;resize:none;padding:10px;box-sizing:border-box;background-color:#fafbfc;outline:0 none;font-size:16px;line-height:22px;color:#24292e;border-radius:0 0 3px 3px}.vditor-textarea[disabled]{opacity:0.3;cursor:not-allowed}.vditor-textarea:focus{background-color:#fff}.vditor-preview{flex:1;background-color:#fff;overflow:auto;padding:10px;box-shadow:inset 1px 0 #d1d5da;box-sizing:border-box;border-radius:0 0 3px 0}.vditor-preview::-webkit-scrollbar{display:none}.vditor-counter{padding:0 3px;position:absolute;bottom:10px;right:20px;color:#24292e;background-color:rgba(255,255,255,0.6);border-radius:3px;font-size:12px;user-select:none}.vditor-counter--error{color:#d23f31;background-color:rgba(210,63,49,0.1)}.vditor-resize{padding:1px 0;border-radius:5px;cursor:row-resize;transition:all .15s ease-in-out;user-select:none;background-color:#f6f8fa}.vditor-resize:hover{background-color:#4285f4}.vditor-resize:hover svg{color:#fff}.vditor-resize svg{fill:currentColor;stroke-width:0;stroke:currentColor;width:13px;height:3px;display:block;margin:0 auto;color:#586069}.vditor-upload{opacity:0;position:absolute;width:100%;height:5px;left:0;top:-3px;border-radius:3px;overflow:hidden;transition:all .15s ease-in-out;color:#fff;font-size:12px;line-height:14px}.vditor-upload ul{margin:0}.vditor-upload--tip{height:auto;opacity:1 !important}.vditor-upload--tip .vditor-upload__close{display:block}.vditor-upload__close{display:none;position:absolute;right:5px;cursor:pointer;padding:5px;top:0}.vditor-upload__progress{height:100%;background-color:rgba(66,133,244,0.8);transition:all .15s ease-in-out;padding:5px;box-sizing:border-box}.vditor-hint{background-color:#fff;position:absolute;box-shadow:0 1px 2px rgba(0,0,0,0.2);border-radius:3px;padding:5px 0;z-index:1;line-height:20px;list-style:none;color:#24292e;font-size:12px;margin:0;max-width:200px;min-width:80px;display:none}.vditor-hint li{cursor:pointer;padding:3px 10px;border-bottom:1px solid #d1d5da;line-height:20px}.vditor-hint li:last-child{border-bottom:0}.vditor-hint--current,.vditor-hint li:hover{background-color:#4285f4;color:#fff}.vditor-hint__emoji{font-size:16px;float:left;margin-right:3px}.vditor-hint img{height:20px;width:20px;float:left;margin-right:3px}.left{float:left}.right{float:right}.clear:before,.clear:after{display:table;content:""}.clear:after{clear:both}.none{display:none}.marginLeft12{margin-left:12px}.marginTop12{margin-top:12px}.margin5{margin:5px}.b3-solo-list{display:none}body,dd,div,dl,h1,h2,h3,h4,h5,h6,html,img,li,ol,p,ul{padding:0;margin:0}body{background-image:url("../images/bg-grey.jpg");background-color:#000000;color:#363636;font-family:'\5fae\8f6f\96c5\9ed1, Arial,Verdana,sans-serif';font-size:12px;margin:0;padding:0}a,a:link,a:visited{color:#BE0700;text-decoration:underline}a:hover{text-decoration:none;color:rgba(190,7,0,0.75)}img{max-width:100%;vertical-align:middle;border:0;height:auto;-ms-interpolation-mode:bicubic;overflow:hidden;font-size:12px}.error-msg{color:#BE0700}.brush-icon,.article .month,.article .day,.pagination a,#greyBG,#brownBG,#blueBG,#goTop,.side-tool ul ul li a,.comment-form button{background-image:url("../images/icon.png")}.wrapper{width:910px;margin:0 auto;position:relative}.main{float:left;width:627px}.side-navi{float:left;width:282px}.header{background:url("../images/bgs.png") no-repeat;width:910px;height:185px;float:left}.header .left{width:566px}.header h1{margin:18px 0 0 37px}.header .left a,.sub-title{color:#FFFFFF;font-family:'\5fae\8f6f\96c5\9ed1',Arial,Verdana,sans-serif;font-size:46px;text-decoration:none}.sub-title{color:#000000;font-size:22px;margin-left:40px;margin-top:0;display:block}.header>.left>div{float:right;color:#C0BEBD}.header .right{width:343px}.header .right ul{list-style-type:none}.header .right li{float:left;margin:18px 30px 0 0;width:84px}.header .right li a{color:#FFFFFF;font-family:'sans-serif';font-size:26px;text-decoration:none;font-weight:bold}.header .right li a:hover{color:#DDDDDD;font-family:'sans-serif'}.main-content{padding:0 45px;background-color:#D4D4D4}.main-content>h2{color:#BE0700;font-size:20px;line-height:145%;margin-bottom:18px;font-family:'\5fae\8f6f\96c5\9ed1'}.main-footer{background:url("../images/bgs.png") 0 -185px;height:14px;width:627px}.brush{left:-52px;position:absolute;top:283px;width:100px}#brush{background:url("../images/paint.png") no-repeat fixed 98px -150px transparent;position:relative;top:-27px;width:82px}.brush-icon{background-position:0 -312px;height:240px;position:relative;width:92px;z-index:1}.brush-icon:hover{background-position:0 -69px}.article a.underline:hover{text-decoration:underline;color:#BE0700}.article .date{width:40px;float:left}.article .month{color:#FFFFFF;height:20px;text-align:center;width:36px}.article .day{border:1px solid #C4BFBA;border-top:0px;background-position:0px -20px;font-size:15px;height:23px;padding-top:4px;text-align:center;width:34px}.article h2{margin-bottom:3px;width:495px;*line-height:28px}.article h2 a{color:#363636;font-size:24px;line-height:24px;text-decoration:none}.article h2 a:hover{color:#BE0700;text-decoration:underline}.article h2 sup{color:#BE0700;font-size:10px;vertical-align:top}.article-abstract{border-top:2px dashed #F1EEE9;margin-top:15px;padding:20px 0 25px 0;overflow:hidden;line-height:145%}.article-abstract p:first-child:first-letter,.article-abstract:first-letter{font-size:38px;float:left;font-weight:bold;margin:0 3px 3px 0;line-height:38px}.pagination{line-height:21px}.pagination a{background-position:0px -47px;border:1px solid #C5C3C2;color:#8C8C8C;padding:1px 6px;text-decoration:none;margin:2px;font-size:10px}.pagination a.selected{background:none #FFFFFF;border:1px solid #C5C3C2;color:#3E3E3E;font-weight:bold;padding:1px 7px 2px 6px}.pagination a:hover{background:none #F3DEDD;color:#BE0700;border:1px solid #BE0700}.side-navi ul{list-style:none}.side-navi .item{border-radius:0 5px 5px 0;background:url("../images/bg-transparent.png") repeat scroll 0 0 transparent;border:1px solid #999999;float:left;margin-top:23px;padding:25px 15px 15px;width:250px;color:#EAE7E0}.side-navi .item dd{margin-bottom:25px}.side-navi .item dd li{list-style-type:none;border-bottom:1px solid #93908A;padding:4px 0px 1px 6px;margin-left:0px;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;color:#EAE7E0;position:relative;line-height:21px}.side-navi .item dd li:hover{background:url("../images/bg-transparent.png") repeat scroll 0 0 transparent;border-bottom:1px solid #BAB8B5}.side-navi .item dd li:hover a{color:#FFFFFF}.side-navi .item dd li a{white-space:nowrap;color:#EAE7E0;text-decoration:none}.side-navi .item .navi-tags img{cursor:pointer;height:16px;left:3px;position:absolute;top:5px;width:16px}.side-navi .item dd .navi-tags a{padding-left:18px}#naviComments li a{white-space:normal}#naviComments li br{display:none}#naviComments li p{display:inline}#naviComments li a.author{color:#BE0700}#naviComments li:hover{background-image:none}#naviComments li a:hover{text-decoration:underline}#naviComments img{height:16px;width:16px}.side-navi .item h4{border-bottom:1px solid #93908A;color:#EAE7E0;padding:0 5px 8px;font-size:16px}.footer{background-image:url("../images/footer.png");color:#EAE7E0;height:411px;padding:21px 0 0 95px;width:605px;margin-top:40px;text-align:center}.footer a{text-decoration:none}.footer a:hover{text-decoration:underline}.side-tool{position:fixed;top:30px;left:0px}.side-tool li{margin-left:0px}.side-tool ul{list-style-type:none}.side-tool .page-icon{height:14px;width:14px}#greyBG,#brownBG,#blueBG{background-position:-103px 0;display:block;height:21px;margin:3px 0;width:21px;cursor:pointer}#brownBG{background-position:-103px -26px}#blueBG{background-position:-103px -52px}#greyBG:hover,#greyBG.selected{background-position:-126px 0px}#brownBG:hover,#brownBG.selected{background-position:-126px -26px}#blueBG:hover,#blueBG.selected{background-position:-126px -52px}#goTop{background-position:-105px -119px;cursor:pointer;height:36px;margin-top:9px;display:block;width:22px}#goTop:hover{background-position:-105px -74px}.side-tool ul ul li a{background-position:right -159px;color:#EAE7E0;display:block;font-size:14px;font-weight:bold;height:86px;margin:9px 0;overflow:hidden;padding:1px 8px 1px 9px;text-align:center;text-decoration:none;width:14px;word-wrap:break-word;text-transform:uppercase}.content-reset{border-top:2px dashed #F1EEE9;margin-top:15px;overflow:hidden;padding:20px 0 25px;line-height:145%}.content-reset p:first-child:first-letter,.content-reset:first-letter{font-size:48px;float:left;font-weight:bold;margin:0 3px 3px 0}.article-relative{margin:15px 0}.article-relative h4{font-family:'\5fae\8f6f\96c5\9ed1',Arial,Verdana;font-size:16px}.article-relative ul{list-style-type:none}#randomArticles,.relevantArticles{width:262px;overflow:hidden}#comments{position:relative}#comments,.comment-form{padding-bottom:30px}.comment-form{margin-right:15px;color:#606060}h2.comment-label{border-bottom:2px solid #3F3D36;font-size:24px;margin-bottom:15px;margin-top:30px;padding-bottom:7px;color:#363636}.comment-body{padding:20px 0}.comment-body:nth-child(2n){background-color:#F1EEE9}.comment-author{width:100px}.comment-info{margin-right:12px;word-wrap:break-word;overflow:hidden;width:423px}.comment-info>a{font-size:14px;font-weight:bold}.comment-content{margin:10px 0}.comment-author img{width:64px;height:64px;border:6px solid #F1EEE9;margin-left:12px}.comment-form img{cursor:pointer}.comment-form input,.comment-form textarea{border-radius:5px;background-color:#EBE9E5;border:1px solid #BABAAE;font-family:\5fae\8f6f\96c5\9ed1;font-size:12px;margin:10px 0;padding:10px;width:400px;outline:none}.comment-form input:focus,.comment-form textarea:focus{background-color:#E3EBCF;border-color:#73B722}#commentValidate,#commentValidateReply{width:80px}.comment-form button{border-radius:5px;border:1px solid #80B53B;color:#355207;cursor:pointer;font-weight:bold;height:34px;padding:5px 10px;width:140px}.comment-body-ref{background:url("../images/bg-transparent.png") repeat scroll 0 0 transparent;padding:12px 0;position:absolute;width:537px;border:1px solid #999999;border-radius:5px;z-index:10;left:180px}#tagsPanel{min-height:1px}#tagsPanel a{display:block;float:left;border:1px solid #D4D4D4}#tagsPanel a:hover{border:1px solid #BE0700} +@keyframes tooltip-appear{from{opacity:0}to{opacity:1}}.vditor-tooltipped{position:relative;cursor:pointer}.vditor-tooltipped::after{position:absolute;z-index:1000000;display:none;padding:5px 8px;font-size:11px;font-weight:normal;-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,0.8);border-radius:3px;line-height:16px;opacity:0}.vditor-tooltipped::before{position:absolute;z-index:1000001;display:none;width:0;height:0;color:rgba(0,0,0,0.8);pointer-events:none;content:"";border:5px solid transparent;opacity:0}.vditor-tooltipped--hover::before,.vditor-tooltipped--hover::after,.vditor-tooltipped:hover::before,.vditor-tooltipped:hover::after,.vditor-tooltipped:active::before,.vditor-tooltipped:active::after,.vditor-tooltipped:focus::before,.vditor-tooltipped:focus::after{display:inline-block;text-decoration:none;animation-name:tooltip-appear;animation-duration:0.1s;animation-fill-mode:forwards;animation-timing-function:ease-in;animation-delay:0.4s}.vditor-tooltipped__s::after,.vditor-tooltipped__se::after,.vditor-tooltipped__sw::after{top:100%;right:50%;margin-top:5px}.vditor-tooltipped__s::before,.vditor-tooltipped__se::before,.vditor-tooltipped__sw::before{top:auto;right:50%;bottom:-5px;margin-right:-5px;border-bottom-color:rgba(0,0,0,0.8)}.vditor-tooltipped__se::after{right:auto;left:50%;margin-left:-15px}.vditor-tooltipped__sw::after{margin-right:-15px}.vditor-tooltipped__n::after,.vditor-tooltipped__ne::after,.vditor-tooltipped__nw::after{right:50%;bottom:100%;margin-bottom:5px}.vditor-tooltipped__n::before,.vditor-tooltipped__ne::before,.vditor-tooltipped__nw::before{top:-5px;right:50%;bottom:auto;margin-right:-5px;border-top-color:rgba(0,0,0,0.8)}.vditor-tooltipped__ne::after{right:auto;left:50%;margin-left:-15px}.vditor-tooltipped__nw::after{margin-right:-15px}.vditor-tooltipped__s::after,.vditor-tooltipped__n::after{transform:translateX(50%)}.vditor-tooltipped__w::after{right:100%;bottom:50%;margin-right:5px;transform:translateY(50%)}.vditor-tooltipped__w::before{top:50%;bottom:50%;left:-5px;margin-top:-5px;border-left-color:rgba(0,0,0,0.8)}.vditor-tooltipped__e::after{bottom:50%;left:100%;margin-left:5px;transform:translateY(50%)}.vditor-tooltipped__e::before{top:50%;right:-5px;bottom:50%;margin-top:-5px;border-right-color:rgba(0,0,0,0.8)}.vditor-panel{background-color:#fff;position:absolute;box-shadow:0 1px 2px rgba(0,0,0,0.2);border-radius:3px;padding:5px;z-index:1;font-size:14px;display:none;user-select:none;max-width:200px;min-width:80px}.vditor-panel h1,.vditor-panel h2,.vditor-panel h3,.vditor-panel h4,.vditor-panel h5,.vditor-panel h6{margin:0;cursor:pointer;padding:3px 10px;border-radius:3px;line-height:normal}.vditor-panel h1:hover,.vditor-panel h2:hover,.vditor-panel h3:hover,.vditor-panel h4:hover,.vditor-panel h5:hover,.vditor-panel h6:hover{background-color:#4285f4;color:#fff}.vditor-toolbar{background-color:#f6f8fa;border-bottom:1px solid #d1d5da;padding:0 5px;border-radius:3px 3px 0 0}.vditor-toolbar>div{padding:10px 5px;float:left;line-height:14px;height:36px;box-sizing:border-box}.vditor-toolbar svg{fill:currentColor;display:inline-block;stroke-width:0;stroke:currentColor;width:14px;height:14px}.vditor-toolbar .vditor-tooltipped{color:#586069}.vditor-toolbar .vditor-tooltipped:hover{color:#4285f4}.vditor-toolbar label{overflow:hidden;position:relative;height:14px;width:15px;display:block;cursor:pointer}.vditor-toolbar input{position:absolute;width:1px;opacity:.001;height:14px;overflow:hidden}.vditor-menu--current svg{color:#4285f4}.vditor-menu__divider{width:10px}.vditor-menu__br{width:100%;padding:0 !important;height:0 !important}.vditor-emojis{display:inline-block}.vditor-emojis__tail{font-size:12px;text-align:right;color:#586069}.vditor-emojis__tail a{text-decoration:none;color:#586069}.vditor-emojis__tail a:hover{color:#4285f4}.vditor-emojis span{cursor:pointer;border-radius:3px;float:left;height:26px;width:26px;text-align:center;line-height:20px;padding:3px;box-sizing:border-box;font-size:16px}.vditor-emojis span:hover{background-color:#4285f4}.vditor-emojis img{height:20px;width:20px;float:left}.vditor{display:flex;flex-direction:column;border:1px solid #d1d5da;border-radius:3px;box-sizing:border-box}.vditor--fullscreen{position:fixed;top:0;width:100% !important;left:0;height:100vh !important;z-index:90;background-color:#fff}.vditor-content{display:flex;min-height:60px;flex:1;position:relative;overflow:hidden}.vditor-textarea{flex:1;border:0;resize:none;padding:10px;box-sizing:border-box;background-color:#fafbfc;outline:0 none;font-size:16px;line-height:22px;color:#24292e;border-radius:0 0 3px 3px}.vditor-textarea[disabled]{opacity:0.3;cursor:not-allowed}.vditor-textarea:focus{background-color:#fff}.vditor-preview{flex:1;background-color:#fff;overflow:auto;padding:10px;box-shadow:inset 1px 0 #d1d5da;box-sizing:border-box;border-radius:0 0 3px 0}.vditor-preview::-webkit-scrollbar{display:none}.vditor-counter{padding:0 3px;position:absolute;bottom:10px;right:20px;color:#24292e;background-color:rgba(255,255,255,0.6);border-radius:3px;font-size:12px;user-select:none}.vditor-counter--error{color:#d23f31;background-color:rgba(210,63,49,0.1)}.vditor-resize{padding:1px 0;border-radius:5px;cursor:row-resize;transition:all .15s ease-in-out;user-select:none;background-color:#f6f8fa}.vditor-resize:hover{background-color:#4285f4}.vditor-resize:hover svg{color:#fff}.vditor-resize svg{fill:currentColor;stroke-width:0;stroke:currentColor;width:13px;height:3px;display:block;margin:0 auto;color:#586069}.vditor-upload{opacity:0;position:absolute;width:100%;height:5px;left:0;top:-3px;border-radius:3px;overflow:hidden;transition:all .15s ease-in-out;color:#fff;font-size:12px;line-height:14px}.vditor-upload ul{margin:0}.vditor-upload--tip{height:auto;opacity:1 !important}.vditor-upload--tip .vditor-upload__close{display:block}.vditor-upload__close{display:none;position:absolute;right:5px;cursor:pointer;padding:5px;top:0}.vditor-upload__progress{height:100%;background-color:rgba(66,133,244,0.8);transition:all .15s ease-in-out;padding:5px;box-sizing:border-box}.vditor-hint{background-color:#fff;position:absolute;box-shadow:0 1px 2px rgba(0,0,0,0.2);border-radius:3px;padding:5px 0;z-index:1;line-height:20px;list-style:none;color:#24292e;font-size:12px;margin:0;max-width:200px;min-width:80px;display:none}.vditor-hint li{cursor:pointer;padding:3px 10px;border-bottom:1px solid #d1d5da;line-height:20px}.vditor-hint li:last-child{border-bottom:0}.vditor-hint--current,.vditor-hint li:hover{background-color:#4285f4;color:#fff}.vditor-hint__emoji{font-size:16px;float:left;margin-right:3px}.vditor-hint img{height:20px;width:20px;float:left;margin-right:3px}.vditor-reset{font-family:"Helvetica Neue","Luxi Sans","DejaVu Sans",Tahoma,"Hiragino Sans GB","Microsoft Yahei",sans-serif;word-wrap:break-word;overflow:auto;line-height:1.65;font-size:16px;word-break:break-word}.vditor-reset ul,.vditor-reset ol{padding-left:2em;margin-top:0;margin-bottom:16px}.vditor-reset li{margin-top:0.25em}.vditor-reset audio{max-width:100%}.vditor-reset video{max-height:90vh}.vditor-reset img.emoji{cursor:auto;max-width:20px;vertical-align:top}.vditor-reset h1,.vditor-reset h2,.vditor-reset h3,.vditor-reset h4,.vditor-reset h5,.vditor-reset h6{margin-top:24px;margin-bottom:16px;font-weight:600;line-height:1.25}.vditor-reset h1{padding-bottom:0.3em;font-size:1.7em;border-bottom:1px solid #eee}.vditor-reset h2{padding-bottom:0.3em;font-size:1.5em;border-bottom:1px solid #eee}.vditor-reset h3{font-size:1.25em}.vditor-reset h4{font-size:1em}.vditor-reset h5{font-size:0.875em}.vditor-reset h6{font-size:0.85em}.vditor-reset hr{height:0.15em;padding:0;margin:24px 0;background-color:#e7e7e7;border:0}.vditor-reset p{margin-top:0;margin-bottom:16px}.vditor-reset blockquote{padding:0 1em;color:#777;border-left:0.25em solid #ddd;margin:0 0 16px 0}.vditor-reset blockquote p{margin:0}.vditor-reset ins>iframe{border:0}.vditor-reset iframe{border:1px solid #d1d5da}.vditor-reset table{width:100%;border:1px solid #dedede;margin:15px auto;border-collapse:collapse;empty-cells:show}.vditor-reset thead{text-align:center}.vditor-reset td,.vditor-reset th{height:35px;border:1px solid #dedede;padding:0 10px}.vditor-reset th{font-weight:bold;text-align:center !important;background:rgba(158,188,226,0.2)}.vditor-reset tbody tr:nth-child(2n){background:rgba(158,188,226,0.12)}.vditor-reset tr:hover{background:#efefef}.vditor-reset code{padding:0.2em 0.4em;margin:0;font-size:85%;background-color:rgba(27,31,35,0.05);border-radius:3px;font-family:mononoki,Consolas,"Liberation Mono",Menlo,Courier,monospace;word-break:break-word}.vditor-reset pre>code{padding:0.5em;background-color:rgba(0,0,0,0.04);background-image:url("https://cdn.jsdelivr.net/npm/vditor@1.1.2/src/assets/images/code-bg.png");background-size:20px 20px;border-radius:5px;display:block;overflow:auto}.vditor-reset pre:hover div.vditor-copy{display:block}.vditor-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:solid 1px #d1d5da;border-bottom-color:#bbb;border-radius:3px;box-shadow:inset 0 -1px 0 #bbb}.vditor-reset summary{cursor:pointer}.vditor-reset summary:focus{outline:none}.vditor-reset svg{height:auto;width:auto}.vditor-task{list-style:none;margin-left:-1.4em;display:flex;align-items:center}.vditor-task input{margin-right:5px}.vditor-copy{position:relative;display:none}.vditor-copy textarea{position:absolute;top:-100000px}.vditor-copy span{cursor:pointer;position:absolute;right:0.5em;top:0.5em;height:20px;width:20px}.vditor-copy svg{height:20px;width:20px}.left{float:left}.right{float:right}.clear:before,.clear:after{display:table;content:""}.clear:after{clear:both}.none{display:none}.marginLeft12{margin-left:12px}.marginTop12{margin-top:12px}.margin5{margin:5px}.b3-solo-list{display:none}body,dd,div,dl,h1,h2,h3,h4,h5,h6,html,img,li,ol,p,ul{padding:0;margin:0}body{background-image:url("../images/bg-grey.jpg");background-color:#000000;color:#363636;font-family:'\5fae\8f6f\96c5\9ed1, Arial,Verdana,sans-serif';font-size:12px;margin:0;padding:0}a,a:link,a:visited{color:#BE0700;text-decoration:underline}a:hover{text-decoration:none;color:rgba(190,7,0,0.75)}img{max-width:100%;vertical-align:middle;border:0;height:auto;-ms-interpolation-mode:bicubic;overflow:hidden;font-size:12px}.error-msg{color:#BE0700}.brush-icon,.article .month,.article .day,.pagination a,#greyBG,#brownBG,#blueBG,#goTop,.side-tool ul ul li a,.comment-form button{background-image:url("../images/icon.png")}.wrapper{width:910px;margin:0 auto;position:relative}.main{float:left;width:627px}.side-navi{float:left;width:282px}.header{background:url("../images/bgs.png") no-repeat;width:910px;height:185px;float:left}.header .left{width:566px}.header h1{margin:18px 0 0 37px}.header .left a,.sub-title{color:#FFFFFF;font-family:'\5fae\8f6f\96c5\9ed1',Arial,Verdana,sans-serif;font-size:46px;text-decoration:none}.sub-title{color:#000000;font-size:22px;margin-left:40px;margin-top:0;display:block}.header>.left>div{float:right;color:#C0BEBD}.header .right{width:343px}.header .right ul{list-style-type:none}.header .right li{float:left;margin:18px 30px 0 0;width:84px}.header .right li a{color:#FFFFFF;font-family:'sans-serif';font-size:26px;text-decoration:none;font-weight:bold}.header .right li a:hover{color:#DDDDDD;font-family:'sans-serif'}.main-content{padding:0 45px;background-color:#D4D4D4}.main-content>h2{color:#BE0700;font-size:20px;line-height:145%;margin-bottom:18px;font-family:'\5fae\8f6f\96c5\9ed1'}.main-footer{background:url("../images/bgs.png") 0 -185px;height:14px;width:627px}.brush{left:-52px;position:absolute;top:283px;width:100px}#brush{background:url("../images/paint.png") no-repeat fixed 98px -150px transparent;position:relative;top:-27px;width:82px}.brush-icon{background-position:0 -312px;height:240px;position:relative;width:92px;z-index:1}.brush-icon:hover{background-position:0 -69px}.article a.underline:hover{text-decoration:underline;color:#BE0700}.article .date{width:40px;float:left}.article .month{color:#FFFFFF;height:20px;text-align:center;width:36px}.article .day{border:1px solid #C4BFBA;border-top:0px;background-position:0px -20px;font-size:15px;height:23px;padding-top:4px;text-align:center;width:34px}.article h2{margin-bottom:3px;width:495px;*line-height:28px}.article h2 a{color:#363636;font-size:24px;line-height:24px;text-decoration:none}.article h2 a:hover{color:#BE0700;text-decoration:underline}.article h2 sup{color:#BE0700;font-size:10px;vertical-align:top}.article-abstract{border-top:2px dashed #F1EEE9;margin-top:15px;padding:20px 0 25px 0;overflow:hidden;line-height:145%}.article-abstract p:first-child:first-letter,.article-abstract:first-letter{font-size:38px;float:left;font-weight:bold;margin:0 3px 3px 0;line-height:38px}.pagination{line-height:21px}.pagination a{background-position:0px -47px;border:1px solid #C5C3C2;color:#8C8C8C;padding:1px 6px;text-decoration:none;margin:2px;font-size:10px}.pagination a.selected{background:none #FFFFFF;border:1px solid #C5C3C2;color:#3E3E3E;font-weight:bold;padding:1px 7px 2px 6px}.pagination a:hover{background:none #F3DEDD;color:#BE0700;border:1px solid #BE0700}.side-navi ul{list-style:none}.side-navi .item{border-radius:0 5px 5px 0;background:url("../images/bg-transparent.png") repeat scroll 0 0 transparent;border:1px solid #999999;float:left;margin-top:23px;padding:25px 15px 15px;width:250px;color:#EAE7E0}.side-navi .item dd{margin-bottom:25px}.side-navi .item dd li{list-style-type:none;border-bottom:1px solid #93908A;padding:4px 0px 1px 6px;margin-left:0px;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;color:#EAE7E0;position:relative;line-height:21px}.side-navi .item dd li:hover{background:url("../images/bg-transparent.png") repeat scroll 0 0 transparent;border-bottom:1px solid #BAB8B5}.side-navi .item dd li:hover a{color:#FFFFFF}.side-navi .item dd li a{white-space:nowrap;color:#EAE7E0;text-decoration:none}.side-navi .item .navi-tags img{cursor:pointer;height:16px;left:3px;position:absolute;top:5px;width:16px}.side-navi .item dd .navi-tags a{padding-left:18px}#naviComments li a{white-space:normal}#naviComments li br{display:none}#naviComments li p{display:inline}#naviComments li a.author{color:#BE0700}#naviComments li:hover{background-image:none}#naviComments li a:hover{text-decoration:underline}#naviComments img{height:16px;width:16px}.side-navi .item h4{border-bottom:1px solid #93908A;color:#EAE7E0;padding:0 5px 8px;font-size:16px}.footer{background-image:url("../images/footer.png");color:#EAE7E0;height:411px;padding:21px 0 0 95px;width:605px;margin-top:40px;text-align:center}.footer a{text-decoration:none}.footer a:hover{text-decoration:underline}.side-tool{position:fixed;top:30px;left:0px}.side-tool li{margin-left:0px}.side-tool ul{list-style-type:none}.side-tool .page-icon{height:14px;width:14px}#greyBG,#brownBG,#blueBG{background-position:-103px 0;display:block;height:21px;margin:3px 0;width:21px;cursor:pointer}#brownBG{background-position:-103px -26px}#blueBG{background-position:-103px -52px}#greyBG:hover,#greyBG.selected{background-position:-126px 0px}#brownBG:hover,#brownBG.selected{background-position:-126px -26px}#blueBG:hover,#blueBG.selected{background-position:-126px -52px}#goTop{background-position:-105px -119px;cursor:pointer;height:36px;margin-top:9px;display:block;width:22px}#goTop:hover{background-position:-105px -74px}.side-tool ul ul li a{background-position:right -159px;color:#EAE7E0;display:block;font-size:14px;font-weight:bold;height:86px;margin:9px 0;overflow:hidden;padding:1px 8px 1px 9px;text-align:center;text-decoration:none;width:14px;word-wrap:break-word;text-transform:uppercase}.vditor-reset{border-top:2px dashed #F1EEE9;margin-top:15px;overflow:hidden;padding:20px 0 25px;line-height:145%}.vditor-reset p:first-child:first-letter,.vditor-reset:first-letter{font-size:48px;float:left;font-weight:bold;margin:0 3px 3px 0}.article-relative{margin:15px 0}.article-relative h4{font-family:'\5fae\8f6f\96c5\9ed1',Arial,Verdana;font-size:16px}.article-relative ul{list-style-type:none}#randomArticles,.relevantArticles{width:262px;overflow:hidden}#comments{position:relative}#comments,.comment-form{padding-bottom:30px}.comment-form{margin-right:15px;color:#606060}h2.comment-label{border-bottom:2px solid #3F3D36;font-size:24px;margin-bottom:15px;margin-top:30px;padding-bottom:7px;color:#363636}.comment-body{padding:20px 0}.comment-body:nth-child(2n){background-color:#F1EEE9}.comment-author{width:100px}.comment-info{margin-right:12px;word-wrap:break-word;overflow:hidden;width:423px}.comment-info>a{font-size:14px;font-weight:bold}.comment-content{margin:10px 0}.comment-author img{width:64px;height:64px;border:6px solid #F1EEE9;margin-left:12px}.comment-form img{cursor:pointer}.comment-form input,.comment-form textarea{border-radius:5px;background-color:#EBE9E5;border:1px solid #BABAAE;font-family:\5fae\8f6f\96c5\9ed1;font-size:12px;margin:10px 0;padding:10px;width:400px;outline:none}.comment-form input:focus,.comment-form textarea:focus{background-color:#E3EBCF;border-color:#73B722}#commentValidate,#commentValidateReply{width:80px}.comment-form button{border-radius:5px;border:1px solid #80B53B;color:#355207;cursor:pointer;font-weight:bold;height:34px;padding:5px 10px;width:140px}.comment-body-ref{background:url("../images/bg-transparent.png") repeat scroll 0 0 transparent;padding:12px 0;position:absolute;width:537px;border:1px solid #999999;border-radius:5px;z-index:10;left:180px}#tagsPanel{min-height:1px}#tagsPanel a{display:block;float:left;border:1px solid #D4D4D4}#tagsPanel a:hover{border:1px solid #BE0700} diff --git a/Andrea/css/base.scss b/Andrea/css/base.scss index 22927c5..19a4d4b 100644 --- a/Andrea/css/base.scss +++ b/Andrea/css/base.scss @@ -19,9 +19,8 @@ * skin andrea style * * @author Liyuan Li - * @version 2.1.0.0, Mar 1, 2019 + * @version 2.1.0.1, Mar 16, 2019 */ -@import "../../../scss/reset-content"; @import "vditor/src/assets/scss/classic"; .left { float: left; @@ -520,7 +519,7 @@ img { } /* article */ -.content-reset { +.vditor-reset { border-top: 2px dashed #F1EEE9; margin-top: 15px; overflow: hidden; @@ -528,7 +527,7 @@ img { line-height: 145%; } -.content-reset p:first-child:first-letter, .content-reset:first-letter{ +.vditor-reset p:first-child:first-letter, .vditor-reset:first-letter{ font-size: 48px; float: left; font-weight: bold; diff --git a/Andrea/footer.ftl b/Andrea/footer.ftl index 8b73a18..a62abfc 100644 --- a/Andrea/footer.ftl +++ b/Andrea/footer.ftl @@ -32,6 +32,8 @@ var Label = { "markedAvailable": ${markedAvailable?c}, + "hljsStyle": "atom-one-light", + "langLabel": "${langLabel}", "adminLabel": "${adminLabel}", "logoutLabel": "${logoutLabel}", "skinDirName": "${skinDirName}" @@ -46,6 +48,7 @@ // init $(document).ready(function () { Util.init(); + Util.setTopBar() Util.replaceSideEm($("#naviComments li .side-comment")); // brush diff --git a/Andrea/page.ftl b/Andrea/page.ftl index d134f4a..a397f32 100644 --- a/Andrea/page.ftl +++ b/Andrea/page.ftl @@ -37,7 +37,7 @@
-
+
${page.pageContent}
diff --git a/Bruce/article.ftl b/Bruce/article.ftl index b646f44..6081310 100644 --- a/Bruce/article.ftl +++ b/Bruce/article.ftl @@ -79,7 +79,7 @@
-
+
${article.articleContent} <#if "" != article.articleSign.signHTML?trim>

diff --git a/Bruce/common-comment.ftl b/Bruce/common-comment.ftl index 5fcc88d..ffe4151 100644 --- a/Bruce/common-comment.ftl +++ b/Bruce/common-comment.ftl @@ -38,6 +38,6 @@

-
${comment.commentContent}
+
${comment.commentContent}
\ No newline at end of file diff --git a/Bruce/css/base.css b/Bruce/css/base.css index bc520f1..5cc9928 100644 --- a/Bruce/css/base.css +++ b/Bruce/css/base.css @@ -1 +1 @@ -.content-reset{word-wrap:break-word;overflow:auto;line-height:1.65;font-size:16px;word-break:break-word}.content-reset ul,.content-reset ol{padding-left:2em;margin-top:0;margin-bottom:16px}.content-reset li{margin-top:0.25em}.content-reset audio{max-width:100%}.content-reset video{max-height:90vh}.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{padding-bottom:0.3em;font-size:1.7em;border-bottom:1px solid #eee}.content-reset h2{padding-bottom:0.3em;font-size:1.5em;border-bottom:1px solid #eee}.content-reset h3{font-size:1.25em}.content-reset h4{font-size:1em}.content-reset h5{font-size:0.875em}.content-reset h6{font-size:0.85em}.content-reset hr{height:1px;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:0.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,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:bold;text-align:center !important;background:rgba(158,188,226,0.2)}.content-reset tbody tr:nth-child(2n){background:rgba(158,188,226,0.12)}.content-reset tr:hover{background:#efefef}.content-reset code{padding:.2em .4em;margin:0;font-size:85%;background-color:rgba(27,31,35,0.05);border-radius:3px;font-family:mononoki, Consolas, Liberation Mono, Menlo, Courier, monospace;word-break:break-word}.content-reset pre{position:relative}.content-reset pre textarea{position:absolute;top:-100000px}.content-reset pre>code{padding:0.5em;background-color:rgba(0,0,0,0.04);background-size:20px 20px;border-radius:5px;display:block}.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:solid 1px rgba(0,0,0,0.38);border-bottom-color:#bbb;border-radius:3px;box-shadow:inset 0 -1px 0 #bbb}.content-reset__task,.content-reset .task-list-item{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}.img-preview img{max-width:inherit;transition:transform .3s ease-in-out}@keyframes tooltip-appear{from{opacity:0}to{opacity:1}}.vditor-tooltipped{position:relative;cursor:pointer}.vditor-tooltipped::after{position:absolute;z-index:1000000;display:none;padding:5px 8px;font-size:11px;font-weight:normal;-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,0.8);border-radius:3px;line-height:16px;opacity:0}.vditor-tooltipped::before{position:absolute;z-index:1000001;display:none;width:0;height:0;color:rgba(0,0,0,0.8);pointer-events:none;content:"";border:5px solid transparent;opacity:0}.vditor-tooltipped--hover::before,.vditor-tooltipped--hover::after,.vditor-tooltipped:hover::before,.vditor-tooltipped:hover::after,.vditor-tooltipped:active::before,.vditor-tooltipped:active::after,.vditor-tooltipped:focus::before,.vditor-tooltipped:focus::after{display:inline-block;text-decoration:none;animation-name:tooltip-appear;animation-duration:0.1s;animation-fill-mode:forwards;animation-timing-function:ease-in;animation-delay:0.4s}.vditor-tooltipped__s::after,.vditor-tooltipped__se::after,.vditor-tooltipped__sw::after{top:100%;right:50%;margin-top:5px}.vditor-tooltipped__s::before,.vditor-tooltipped__se::before,.vditor-tooltipped__sw::before{top:auto;right:50%;bottom:-5px;margin-right:-5px;border-bottom-color:rgba(0,0,0,0.8)}.vditor-tooltipped__se::after{right:auto;left:50%;margin-left:-15px}.vditor-tooltipped__sw::after{margin-right:-15px}.vditor-tooltipped__n::after,.vditor-tooltipped__ne::after,.vditor-tooltipped__nw::after{right:50%;bottom:100%;margin-bottom:5px}.vditor-tooltipped__n::before,.vditor-tooltipped__ne::before,.vditor-tooltipped__nw::before{top:-5px;right:50%;bottom:auto;margin-right:-5px;border-top-color:rgba(0,0,0,0.8)}.vditor-tooltipped__ne::after{right:auto;left:50%;margin-left:-15px}.vditor-tooltipped__nw::after{margin-right:-15px}.vditor-tooltipped__s::after,.vditor-tooltipped__n::after{transform:translateX(50%)}.vditor-tooltipped__w::after{right:100%;bottom:50%;margin-right:5px;transform:translateY(50%)}.vditor-tooltipped__w::before{top:50%;bottom:50%;left:-5px;margin-top:-5px;border-left-color:rgba(0,0,0,0.8)}.vditor-tooltipped__e::after{bottom:50%;left:100%;margin-left:5px;transform:translateY(50%)}.vditor-tooltipped__e::before{top:50%;right:-5px;bottom:50%;margin-top:-5px;border-right-color:rgba(0,0,0,0.8)}.vditor-panel{background-color:#fff;position:absolute;box-shadow:0 1px 2px rgba(0,0,0,0.2);border-radius:3px;padding:5px;z-index:1;font-size:14px;display:none;user-select:none;max-width:200px;min-width:80px}.vditor-panel h1,.vditor-panel h2,.vditor-panel h3,.vditor-panel h4,.vditor-panel h5,.vditor-panel h6{margin:0;cursor:pointer;padding:3px 10px;border-radius:3px;line-height:normal}.vditor-panel h1:hover,.vditor-panel h2:hover,.vditor-panel h3:hover,.vditor-panel h4:hover,.vditor-panel h5:hover,.vditor-panel h6:hover{background-color:#4285f4;color:#fff}.vditor-toolbar{background-color:#f6f8fa;border-bottom:1px solid #d1d5da;padding:0 5px;border-radius:3px 3px 0 0}.vditor-toolbar>div{padding:10px 5px;float:left;line-height:14px;height:36px;box-sizing:border-box}.vditor-toolbar svg{fill:currentColor;display:inline-block;stroke-width:0;stroke:currentColor;width:14px;height:14px}.vditor-toolbar .vditor-tooltipped{color:#586069}.vditor-toolbar .vditor-tooltipped:hover{color:#4285f4}.vditor-toolbar label{overflow:hidden;position:relative;height:14px;width:15px;display:block;cursor:pointer}.vditor-toolbar input{position:absolute;width:1px;opacity:.001;height:14px;overflow:hidden}.vditor-menu--current svg{color:#4285f4}.vditor-menu__divider{width:10px}.vditor-menu__br{width:100%;padding:0 !important;height:0 !important}.vditor-emojis{display:inline-block}.vditor-emojis__tail{font-size:12px;text-align:right;color:#586069}.vditor-emojis__tail a{text-decoration:none;color:#586069}.vditor-emojis__tail a:hover{color:#4285f4}.vditor-emojis span{cursor:pointer;border-radius:3px;float:left;height:26px;width:26px;text-align:center;line-height:20px;padding:3px;box-sizing:border-box;font-size:16px}.vditor-emojis span:hover{background-color:#4285f4}.vditor-emojis img{height:20px;width:20px;float:left}.vditor{display:flex;flex-direction:column;border:1px solid #d1d5da;border-radius:3px;box-sizing:border-box}.vditor--fullscreen{position:fixed;top:0;width:100% !important;left:0;height:100vh !important;z-index:90;background-color:#fff}.vditor-content{display:flex;min-height:60px;flex:1;position:relative}.vditor-textarea{flex:1;border:0;resize:none;padding:10px;box-sizing:border-box;background-color:#fafbfc;outline:0 none;font-size:16px;line-height:22px;color:#24292e;border-radius:0 0 3px 3px}.vditor-textarea[disabled]{opacity:0.3;cursor:not-allowed}.vditor-textarea:focus{background-color:#fff}.vditor-preview{flex:1;background-color:#fff;overflow:auto;padding:10px;box-shadow:inset 1px 0 #d1d5da;box-sizing:border-box;border-radius:0 0 3px 0}.vditor-preview::-webkit-scrollbar{display:none}.vditor-counter{padding:0 3px;position:absolute;bottom:10px;right:20px;color:#24292e;background-color:rgba(255,255,255,0.6);border-radius:3px;font-size:12px;user-select:none}.vditor-counter--error{color:#d23f31;background-color:rgba(210,63,49,0.1)}.vditor-resize{padding:1px 0;border-radius:5px;cursor:row-resize;transition:all .15s ease-in-out;user-select:none;background-color:#f6f8fa}.vditor-resize:hover{background-color:#4285f4}.vditor-resize:hover svg{color:#fff}.vditor-resize svg{fill:currentColor;stroke-width:0;stroke:currentColor;width:13px;height:3px;display:block;margin:0 auto;color:#586069}.vditor-upload{opacity:0;position:absolute;width:100%;height:5px;left:0;top:-3px;border-radius:3px;overflow:hidden;transition:all .15s ease-in-out;color:#fff;font-size:12px;line-height:14px}.vditor-upload ul{margin:0}.vditor-upload--tip{height:auto;opacity:1 !important}.vditor-upload--tip .vditor-upload__close{display:block}.vditor-upload__close{display:none;position:absolute;right:5px;cursor:pointer;padding:5px;top:0}.vditor-upload__progress{height:100%;background-color:rgba(66,133,244,0.8);transition:all .15s ease-in-out;padding:5px;box-sizing:border-box}.vditor-hint{background-color:#fff;position:absolute;box-shadow:0 1px 2px rgba(0,0,0,0.2);border-radius:3px;padding:5px 0;z-index:1;line-height:20px;list-style:none;color:#24292e;font-size:12px;margin:0;max-width:200px;min-width:80px;display:none}.vditor-hint li{cursor:pointer;padding:3px 10px;border-bottom:1px solid #d1d5da;line-height:20px}.vditor-hint li:last-child{border-bottom:0}.vditor-hint--current,.vditor-hint li:hover{background-color:#4285f4;color:#fff}.vditor-hint__emoji{font-size:16px;float:left;margin-right:3px}.vditor-hint img{height:20px;width:20px;float:left;margin-right:3px}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:0.01rem}.site{padding:0 2em 0;margin:0 auto;font-size:16px}h4,h5,h6{font-weight:bold}.article{margin-bottom:90px}.article-title{text-align:center}.article-tags{text-align:center;font-size:14px}.article-date{text-align:center;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;background-color:#f9f9f9;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:0em}.form-control{margin-top:15px}.cmtFromSym{font-size:12px;color:#ccc;margin-bottom:1em}.cmtForm{margin-top:24px}.gray{color:#ccc}.footer{padding:40px 0;margin-top:20px;color:#999;text-align:center;background-color:#f9f9f9;border-top:1px solid #e5e5e5}.right{float:right} +@keyframes tooltip-appear{from{opacity:0}to{opacity:1}}.vditor-tooltipped{position:relative;cursor:pointer}.vditor-tooltipped::after{position:absolute;z-index:1000000;display:none;padding:5px 8px;font-size:11px;font-weight:normal;-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,0.8);border-radius:3px;line-height:16px;opacity:0}.vditor-tooltipped::before{position:absolute;z-index:1000001;display:none;width:0;height:0;color:rgba(0,0,0,0.8);pointer-events:none;content:"";border:5px solid transparent;opacity:0}.vditor-tooltipped--hover::before,.vditor-tooltipped--hover::after,.vditor-tooltipped:hover::before,.vditor-tooltipped:hover::after,.vditor-tooltipped:active::before,.vditor-tooltipped:active::after,.vditor-tooltipped:focus::before,.vditor-tooltipped:focus::after{display:inline-block;text-decoration:none;animation-name:tooltip-appear;animation-duration:0.1s;animation-fill-mode:forwards;animation-timing-function:ease-in;animation-delay:0.4s}.vditor-tooltipped__s::after,.vditor-tooltipped__se::after,.vditor-tooltipped__sw::after{top:100%;right:50%;margin-top:5px}.vditor-tooltipped__s::before,.vditor-tooltipped__se::before,.vditor-tooltipped__sw::before{top:auto;right:50%;bottom:-5px;margin-right:-5px;border-bottom-color:rgba(0,0,0,0.8)}.vditor-tooltipped__se::after{right:auto;left:50%;margin-left:-15px}.vditor-tooltipped__sw::after{margin-right:-15px}.vditor-tooltipped__n::after,.vditor-tooltipped__ne::after,.vditor-tooltipped__nw::after{right:50%;bottom:100%;margin-bottom:5px}.vditor-tooltipped__n::before,.vditor-tooltipped__ne::before,.vditor-tooltipped__nw::before{top:-5px;right:50%;bottom:auto;margin-right:-5px;border-top-color:rgba(0,0,0,0.8)}.vditor-tooltipped__ne::after{right:auto;left:50%;margin-left:-15px}.vditor-tooltipped__nw::after{margin-right:-15px}.vditor-tooltipped__s::after,.vditor-tooltipped__n::after{transform:translateX(50%)}.vditor-tooltipped__w::after{right:100%;bottom:50%;margin-right:5px;transform:translateY(50%)}.vditor-tooltipped__w::before{top:50%;bottom:50%;left:-5px;margin-top:-5px;border-left-color:rgba(0,0,0,0.8)}.vditor-tooltipped__e::after{bottom:50%;left:100%;margin-left:5px;transform:translateY(50%)}.vditor-tooltipped__e::before{top:50%;right:-5px;bottom:50%;margin-top:-5px;border-right-color:rgba(0,0,0,0.8)}.vditor-panel{background-color:#fff;position:absolute;box-shadow:0 1px 2px rgba(0,0,0,0.2);border-radius:3px;padding:5px;z-index:1;font-size:14px;display:none;user-select:none;max-width:200px;min-width:80px}.vditor-panel h1,.vditor-panel h2,.vditor-panel h3,.vditor-panel h4,.vditor-panel h5,.vditor-panel h6{margin:0;cursor:pointer;padding:3px 10px;border-radius:3px;line-height:normal}.vditor-panel h1:hover,.vditor-panel h2:hover,.vditor-panel h3:hover,.vditor-panel h4:hover,.vditor-panel h5:hover,.vditor-panel h6:hover{background-color:#4285f4;color:#fff}.vditor-toolbar{background-color:#f6f8fa;border-bottom:1px solid #d1d5da;padding:0 5px;border-radius:3px 3px 0 0}.vditor-toolbar>div{padding:10px 5px;float:left;line-height:14px;height:36px;box-sizing:border-box}.vditor-toolbar svg{fill:currentColor;display:inline-block;stroke-width:0;stroke:currentColor;width:14px;height:14px}.vditor-toolbar .vditor-tooltipped{color:#586069}.vditor-toolbar .vditor-tooltipped:hover{color:#4285f4}.vditor-toolbar label{overflow:hidden;position:relative;height:14px;width:15px;display:block;cursor:pointer}.vditor-toolbar input{position:absolute;width:1px;opacity:.001;height:14px;overflow:hidden}.vditor-menu--current svg{color:#4285f4}.vditor-menu__divider{width:10px}.vditor-menu__br{width:100%;padding:0 !important;height:0 !important}.vditor-emojis{display:inline-block}.vditor-emojis__tail{font-size:12px;text-align:right;color:#586069}.vditor-emojis__tail a{text-decoration:none;color:#586069}.vditor-emojis__tail a:hover{color:#4285f4}.vditor-emojis span{cursor:pointer;border-radius:3px;float:left;height:26px;width:26px;text-align:center;line-height:20px;padding:3px;box-sizing:border-box;font-size:16px}.vditor-emojis span:hover{background-color:#4285f4}.vditor-emojis img{height:20px;width:20px;float:left}.vditor{display:flex;flex-direction:column;border:1px solid #d1d5da;border-radius:3px;box-sizing:border-box}.vditor--fullscreen{position:fixed;top:0;width:100% !important;left:0;height:100vh !important;z-index:90;background-color:#fff}.vditor-content{display:flex;min-height:60px;flex:1;position:relative;overflow:hidden}.vditor-textarea{flex:1;border:0;resize:none;padding:10px;box-sizing:border-box;background-color:#fafbfc;outline:0 none;font-size:16px;line-height:22px;color:#24292e;border-radius:0 0 3px 3px}.vditor-textarea[disabled]{opacity:0.3;cursor:not-allowed}.vditor-textarea:focus{background-color:#fff}.vditor-preview{flex:1;background-color:#fff;overflow:auto;padding:10px;box-shadow:inset 1px 0 #d1d5da;box-sizing:border-box;border-radius:0 0 3px 0}.vditor-preview::-webkit-scrollbar{display:none}.vditor-counter{padding:0 3px;position:absolute;bottom:10px;right:20px;color:#24292e;background-color:rgba(255,255,255,0.6);border-radius:3px;font-size:12px;user-select:none}.vditor-counter--error{color:#d23f31;background-color:rgba(210,63,49,0.1)}.vditor-resize{padding:1px 0;border-radius:5px;cursor:row-resize;transition:all .15s ease-in-out;user-select:none;background-color:#f6f8fa}.vditor-resize:hover{background-color:#4285f4}.vditor-resize:hover svg{color:#fff}.vditor-resize svg{fill:currentColor;stroke-width:0;stroke:currentColor;width:13px;height:3px;display:block;margin:0 auto;color:#586069}.vditor-upload{opacity:0;position:absolute;width:100%;height:5px;left:0;top:-3px;border-radius:3px;overflow:hidden;transition:all .15s ease-in-out;color:#fff;font-size:12px;line-height:14px}.vditor-upload ul{margin:0}.vditor-upload--tip{height:auto;opacity:1 !important}.vditor-upload--tip .vditor-upload__close{display:block}.vditor-upload__close{display:none;position:absolute;right:5px;cursor:pointer;padding:5px;top:0}.vditor-upload__progress{height:100%;background-color:rgba(66,133,244,0.8);transition:all .15s ease-in-out;padding:5px;box-sizing:border-box}.vditor-hint{background-color:#fff;position:absolute;box-shadow:0 1px 2px rgba(0,0,0,0.2);border-radius:3px;padding:5px 0;z-index:1;line-height:20px;list-style:none;color:#24292e;font-size:12px;margin:0;max-width:200px;min-width:80px;display:none}.vditor-hint li{cursor:pointer;padding:3px 10px;border-bottom:1px solid #d1d5da;line-height:20px}.vditor-hint li:last-child{border-bottom:0}.vditor-hint--current,.vditor-hint li:hover{background-color:#4285f4;color:#fff}.vditor-hint__emoji{font-size:16px;float:left;margin-right:3px}.vditor-hint img{height:20px;width:20px;float:left;margin-right:3px}.vditor-reset{font-family:"Helvetica Neue","Luxi Sans","DejaVu Sans",Tahoma,"Hiragino Sans GB","Microsoft Yahei",sans-serif;word-wrap:break-word;overflow:auto;line-height:1.65;font-size:16px;word-break:break-word}.vditor-reset ul,.vditor-reset ol{padding-left:2em;margin-top:0;margin-bottom:16px}.vditor-reset li{margin-top:0.25em}.vditor-reset audio{max-width:100%}.vditor-reset video{max-height:90vh}.vditor-reset img.emoji{cursor:auto;max-width:20px;vertical-align:top}.vditor-reset h1,.vditor-reset h2,.vditor-reset h3,.vditor-reset h4,.vditor-reset h5,.vditor-reset h6{margin-top:24px;margin-bottom:16px;font-weight:600;line-height:1.25}.vditor-reset h1{padding-bottom:0.3em;font-size:1.7em;border-bottom:1px solid #eee}.vditor-reset h2{padding-bottom:0.3em;font-size:1.5em;border-bottom:1px solid #eee}.vditor-reset h3{font-size:1.25em}.vditor-reset h4{font-size:1em}.vditor-reset h5{font-size:0.875em}.vditor-reset h6{font-size:0.85em}.vditor-reset hr{height:0.15em;padding:0;margin:24px 0;background-color:#e7e7e7;border:0}.vditor-reset p{margin-top:0;margin-bottom:16px}.vditor-reset blockquote{padding:0 1em;color:#777;border-left:0.25em solid #ddd;margin:0 0 16px 0}.vditor-reset blockquote p{margin:0}.vditor-reset ins>iframe{border:0}.vditor-reset iframe{border:1px solid #d1d5da}.vditor-reset table{width:100%;border:1px solid #dedede;margin:15px auto;border-collapse:collapse;empty-cells:show}.vditor-reset thead{text-align:center}.vditor-reset td,.vditor-reset th{height:35px;border:1px solid #dedede;padding:0 10px}.vditor-reset th{font-weight:bold;text-align:center !important;background:rgba(158,188,226,0.2)}.vditor-reset tbody tr:nth-child(2n){background:rgba(158,188,226,0.12)}.vditor-reset tr:hover{background:#efefef}.vditor-reset code{padding:0.2em 0.4em;margin:0;font-size:85%;background-color:rgba(27,31,35,0.05);border-radius:3px;font-family:mononoki,Consolas,"Liberation Mono",Menlo,Courier,monospace;word-break:break-word}.vditor-reset pre>code{padding:0.5em;background-color:rgba(0,0,0,0.04);background-image:url("https://cdn.jsdelivr.net/npm/vditor@1.1.2/src/assets/images/code-bg.png");background-size:20px 20px;border-radius:5px;display:block;overflow:auto}.vditor-reset pre:hover div.vditor-copy{display:block}.vditor-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:solid 1px #d1d5da;border-bottom-color:#bbb;border-radius:3px;box-shadow:inset 0 -1px 0 #bbb}.vditor-reset summary{cursor:pointer}.vditor-reset summary:focus{outline:none}.vditor-reset svg{height:auto;width:auto}.vditor-task{list-style:none;margin-left:-1.4em;display:flex;align-items:center}.vditor-task input{margin-right:5px}.vditor-copy{position:relative;display:none}.vditor-copy textarea{position:absolute;top:-100000px}.vditor-copy span{cursor:pointer;position:absolute;right:0.5em;top:0.5em;height:20px;width:20px}.vditor-copy svg{height:20px;width:20px}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:0.01rem}.site{padding:0 2em 0;margin:0 auto;font-size:16px}h4,h5,h6{font-weight:bold}.article{margin-bottom:90px}.article-title{text-align:center}.article-tags{text-align:center;font-size:14px}.article-date{text-align:center;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;background-color:#f9f9f9;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:0em}.form-control{margin-top:15px}.cmtFromSym{font-size:12px;color:#ccc;margin-bottom:1em}.cmtForm{margin-top:24px}.gray{color:#ccc}.footer{padding:40px 0;margin-top:20px;color:#999;text-align:center;background-color:#f9f9f9;border-top:1px solid #e5e5e5}.right{float:right} diff --git a/Bruce/css/base.scss b/Bruce/css/base.scss index 95bade5..b33475a 100644 --- a/Bruce/css/base.scss +++ b/Bruce/css/base.scss @@ -21,10 +21,9 @@ * * @author Liang Ding * @author Liyuan Li - * @version 2.0.0.0, Feb 21, 2019 + * @version 2.0.0.1, Mar 16, 2019 */ -@import "../../../scss/reset-content"; @import "vditor/src/assets/scss/classic"; body, button, input, select, textarea { diff --git a/Bruce/footer.ftl b/Bruce/footer.ftl index f83a821..78b1e69 100644 --- a/Bruce/footer.ftl +++ b/Bruce/footer.ftl @@ -36,6 +36,8 @@ var Label = { "markedAvailable": ${markedAvailable?c}, + "hljsStyle": "atom-one-light", + "langLabel": "${langLabel}", "tag1Label": "${tag1Label}", "viewLabel": "${viewLabel}", "commentLabel": "${commentLabel}", @@ -53,5 +55,6 @@ ${plugins} diff --git a/Bruce/page.ftl b/Bruce/page.ftl index 86704f7..b02efba 100644 --- a/Bruce/page.ftl +++ b/Bruce/page.ftl @@ -36,7 +36,7 @@
-
+
${page.pageContent}
diff --git a/Community/article-list.ftl b/Community/article-list.ftl index 94bbcd5..4299188 100644 --- a/Community/article-list.ftl +++ b/Community/article-list.ftl @@ -67,7 +67,7 @@ -
+
${article.articleAbstract}
diff --git a/Community/article.ftl b/Community/article.ftl index d19288f..8898ab1 100644 --- a/Community/article.ftl +++ b/Community/article.ftl @@ -103,7 +103,7 @@ -
+
${article.articleContent} <#if "" != article.articleSign.signHTML?trim>
diff --git a/Community/common-comment.ftl b/Community/common-comment.ftl index 053248d..82e6417 100644 --- a/Community/common-comment.ftl +++ b/Community/common-comment.ftl @@ -35,7 +35,7 @@ ${comment.commentDate2?string("yyyy-MM-dd HH:mm:ss")}
-
+
${comment.commentContent}
diff --git a/Community/css/base.css b/Community/css/base.css index 38863b1..4b9d3e7 100644 --- a/Community/css/base.css +++ b/Community/css/base.css @@ -1 +1 @@ -.content-reset{word-wrap:break-word;overflow:auto;line-height:1.65;font-size:16px;word-break:break-word}.content-reset ul,.content-reset ol{padding-left:2em;margin-top:0;margin-bottom:16px}.content-reset li{margin-top:0.25em}.content-reset audio{max-width:100%}.content-reset video{max-height:90vh}.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{padding-bottom:0.3em;font-size:1.7em;border-bottom:1px solid #eee}.content-reset h2{padding-bottom:0.3em;font-size:1.5em;border-bottom:1px solid #eee}.content-reset h3{font-size:1.25em}.content-reset h4{font-size:1em}.content-reset h5{font-size:0.875em}.content-reset h6{font-size:0.85em}.content-reset hr{height:1px;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:0.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,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:bold;text-align:center !important;background:rgba(158,188,226,0.2)}.content-reset tbody tr:nth-child(2n){background:rgba(158,188,226,0.12)}.content-reset tr:hover{background:#efefef}.content-reset code{padding:.2em .4em;margin:0;font-size:85%;background-color:rgba(27,31,35,0.05);border-radius:3px;font-family:mononoki, Consolas, Liberation Mono, Menlo, Courier, monospace;word-break:break-word}.content-reset pre{position:relative}.content-reset pre textarea{position:absolute;top:-100000px}.content-reset pre>code{padding:0.5em;background-color:rgba(0,0,0,0.04);background-size:20px 20px;border-radius:5px;display:block}.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:solid 1px rgba(0,0,0,0.38);border-bottom-color:#bbb;border-radius:3px;box-shadow:inset 0 -1px 0 #bbb}.content-reset__task,.content-reset .task-list-item{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}.img-preview img{max-width:inherit;transition:transform .3s ease-in-out}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;height:100%}body{margin:0;font-family:"Helvetica Neue", "Luxi Sans", "DejaVu Sans", Tahoma, "Hiragino Sans GB", "Microsoft Yahei", sans-serif;font-size:14px;background-color:#fff;-webkit-font-smoothing:antialiased;-webkit-overflow-scrolling:touch}::-moz-selection{text-shadow:none;background:rgba(65,131,196,0.4)}::selection{text-shadow:none;background:rgba(66,133,244,0.4)}ul,ol{margin:0;padding:0}h1,h2,h3,h4,h5,h6,dl,dd,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{outline:0;text-decoration:none}a:hover{text-decoration:underline}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.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{margin:0;font-size:100%;vertical-align:middle;font-family:"Helvetica Neue", "Luxi Sans", "DejaVu Sans", Tahoma, "Hiragino Sans GB", "Microsoft Yahei", sans-serif;outline:none}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"]{box-sizing:content-box;-webkit-appearance:textfield}input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none}textarea{overflow:auto;resize:vertical}svg{fill:currentColor;display:inline-block;stroke-width:0;stroke:currentColor;width:14px;height:14px}blockquote{margin:0}@keyframes tooltip-appear{from{opacity:0}to{opacity:1}}.vditor-tooltipped{position:relative;cursor:pointer}.vditor-tooltipped::after{position:absolute;z-index:1000000;display:none;padding:5px 8px;font-size:11px;font-weight:normal;-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,0.8);border-radius:3px;line-height:16px;opacity:0}.vditor-tooltipped::before{position:absolute;z-index:1000001;display:none;width:0;height:0;color:rgba(0,0,0,0.8);pointer-events:none;content:"";border:5px solid transparent;opacity:0}.vditor-tooltipped--hover::before,.vditor-tooltipped--hover::after,.vditor-tooltipped:hover::before,.vditor-tooltipped:hover::after,.vditor-tooltipped:active::before,.vditor-tooltipped:active::after,.vditor-tooltipped:focus::before,.vditor-tooltipped:focus::after{display:inline-block;text-decoration:none;animation-name:tooltip-appear;animation-duration:0.1s;animation-fill-mode:forwards;animation-timing-function:ease-in;animation-delay:0.4s}.vditor-tooltipped__s::after,.vditor-tooltipped__se::after,.vditor-tooltipped__sw::after{top:100%;right:50%;margin-top:5px}.vditor-tooltipped__s::before,.vditor-tooltipped__se::before,.vditor-tooltipped__sw::before{top:auto;right:50%;bottom:-5px;margin-right:-5px;border-bottom-color:rgba(0,0,0,0.8)}.vditor-tooltipped__se::after{right:auto;left:50%;margin-left:-15px}.vditor-tooltipped__sw::after{margin-right:-15px}.vditor-tooltipped__n::after,.vditor-tooltipped__ne::after,.vditor-tooltipped__nw::after{right:50%;bottom:100%;margin-bottom:5px}.vditor-tooltipped__n::before,.vditor-tooltipped__ne::before,.vditor-tooltipped__nw::before{top:-5px;right:50%;bottom:auto;margin-right:-5px;border-top-color:rgba(0,0,0,0.8)}.vditor-tooltipped__ne::after{right:auto;left:50%;margin-left:-15px}.vditor-tooltipped__nw::after{margin-right:-15px}.vditor-tooltipped__s::after,.vditor-tooltipped__n::after{transform:translateX(50%)}.vditor-tooltipped__w::after{right:100%;bottom:50%;margin-right:5px;transform:translateY(50%)}.vditor-tooltipped__w::before{top:50%;bottom:50%;left:-5px;margin-top:-5px;border-left-color:rgba(0,0,0,0.8)}.vditor-tooltipped__e::after{bottom:50%;left:100%;margin-left:5px;transform:translateY(50%)}.vditor-tooltipped__e::before{top:50%;right:-5px;bottom:50%;margin-top:-5px;border-right-color:rgba(0,0,0,0.8)}.vditor-panel{background-color:#fff;position:absolute;box-shadow:0 1px 2px rgba(0,0,0,0.2);border-radius:3px;padding:5px;z-index:1;font-size:14px;display:none;user-select:none;max-width:200px;min-width:80px}.vditor-panel h1,.vditor-panel h2,.vditor-panel h3,.vditor-panel h4,.vditor-panel h5,.vditor-panel h6{margin:0;cursor:pointer;padding:3px 10px;border-radius:3px;line-height:normal}.vditor-panel h1:hover,.vditor-panel h2:hover,.vditor-panel h3:hover,.vditor-panel h4:hover,.vditor-panel h5:hover,.vditor-panel h6:hover{background-color:#4285f4;color:#fff}.vditor-toolbar{background-color:#f6f8fa;border-bottom:1px solid #d1d5da;padding:0 5px;border-radius:3px 3px 0 0}.vditor-toolbar>div{padding:10px 5px;float:left;line-height:14px;height:36px;box-sizing:border-box}.vditor-toolbar svg{fill:currentColor;display:inline-block;stroke-width:0;stroke:currentColor;width:14px;height:14px}.vditor-toolbar .vditor-tooltipped{color:#586069}.vditor-toolbar .vditor-tooltipped:hover{color:#4285f4}.vditor-toolbar label{overflow:hidden;position:relative;height:14px;width:15px;display:block;cursor:pointer}.vditor-toolbar input{position:absolute;width:1px;opacity:.001;height:14px;overflow:hidden}.vditor-menu--current svg{color:#4285f4}.vditor-menu__divider{width:10px}.vditor-menu__br{width:100%;padding:0 !important;height:0 !important}.vditor-emojis{display:inline-block}.vditor-emojis__tail{font-size:12px;text-align:right;color:#586069}.vditor-emojis__tail a{text-decoration:none;color:#586069}.vditor-emojis__tail a:hover{color:#4285f4}.vditor-emojis span{cursor:pointer;border-radius:3px;float:left;height:26px;width:26px;text-align:center;line-height:20px;padding:3px;box-sizing:border-box;font-size:16px}.vditor-emojis span:hover{background-color:#4285f4}.vditor-emojis img{height:20px;width:20px;float:left}.vditor{display:flex;flex-direction:column;border:1px solid #d1d5da;border-radius:3px;box-sizing:border-box}.vditor--fullscreen{position:fixed;top:0;width:100% !important;left:0;height:100vh !important;z-index:90;background-color:#fff}.vditor-content{display:flex;min-height:60px;flex:1;position:relative}.vditor-textarea{flex:1;border:0;resize:none;padding:10px;box-sizing:border-box;background-color:#fafbfc;outline:0 none;font-size:16px;line-height:22px;color:#24292e;border-radius:0 0 3px 3px}.vditor-textarea[disabled]{opacity:0.3;cursor:not-allowed}.vditor-textarea:focus{background-color:#fff}.vditor-preview{flex:1;background-color:#fff;overflow:auto;padding:10px;box-shadow:inset 1px 0 #d1d5da;box-sizing:border-box;border-radius:0 0 3px 0}.vditor-preview::-webkit-scrollbar{display:none}.vditor-counter{padding:0 3px;position:absolute;bottom:10px;right:20px;color:#24292e;background-color:rgba(255,255,255,0.6);border-radius:3px;font-size:12px;user-select:none}.vditor-counter--error{color:#d23f31;background-color:rgba(210,63,49,0.1)}.vditor-resize{padding:1px 0;border-radius:5px;cursor:row-resize;transition:all .15s ease-in-out;user-select:none;background-color:#f6f8fa}.vditor-resize:hover{background-color:#4285f4}.vditor-resize:hover svg{color:#fff}.vditor-resize svg{fill:currentColor;stroke-width:0;stroke:currentColor;width:13px;height:3px;display:block;margin:0 auto;color:#586069}.vditor-upload{opacity:0;position:absolute;width:100%;height:5px;left:0;top:-3px;border-radius:3px;overflow:hidden;transition:all .15s ease-in-out;color:#fff;font-size:12px;line-height:14px}.vditor-upload ul{margin:0}.vditor-upload--tip{height:auto;opacity:1 !important}.vditor-upload--tip .vditor-upload__close{display:block}.vditor-upload__close{display:none;position:absolute;right:5px;cursor:pointer;padding:5px;top:0}.vditor-upload__progress{height:100%;background-color:rgba(66,133,244,0.8);transition:all .15s ease-in-out;padding:5px;box-sizing:border-box}.vditor-hint{background-color:#fff;position:absolute;box-shadow:0 1px 2px rgba(0,0,0,0.2);border-radius:3px;padding:5px 0;z-index:1;line-height:20px;list-style:none;color:#24292e;font-size:12px;margin:0;max-width:200px;min-width:80px;display:none}.vditor-hint li{cursor:pointer;padding:3px 10px;border-bottom:1px solid #d1d5da;line-height:20px}.vditor-hint li:last-child{border-bottom:0}.vditor-hint--current,.vditor-hint li:hover{background-color:#4285f4;color:#fff}.vditor-hint__emoji{font-size:16px;float:left;margin-right:3px}.vditor-hint img{height:20px;width:20px;float:left;margin-right:3px}.left{float:left}.right{float:right}.clear:before,.clear:after{display:table;content:""}.clear:after{clear:both}.none{display:none}body{background-color:#EFEFEF;color:#555555;min-width:960px}a,a:link{color:#000000;text-decoration:none}a:active,a:visited{color:#000000;text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;vertical-align:middle;border:0;height:auto;-ms-interpolation-mode:bicubic;overflow:hidden;font-size:12px}.content{width:940px;margin:0 auto}.content>h2{margin:-20px 0 20px 0}.hr{background:url("../images/indentline-light.png") repeat-x scroll left top transparent;margin:20px 0 40px;clear:both;height:2px}.arrow-right{background:url("../images/icon.png") 0px -64px no-repeat;float:left;height:38px;width:14px}input[type='button']{border-radius:5px;box-shadow:0 1px 0 rgba(255,255,255,0.3) inset,0 0 2px rgba(255,255,255,0.3) inset,0 1px 2px rgba(0,0,0,0.29);background-color:#000000;background-image:linear-gradient(top, #333, #000);background-image:-moz-linear-gradient(top, #333, #000);background-image:-ms-linear-gradient(top, #333, #000);background-image:-o-linear-gradient(top, #333, #000);background-image:-webkit-gradient(linear, left top, left bottom, from(#333), to(#000));filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000');border:1px solid #000000;color:white;margin:15px 0 0 200px;padding:7px 13px;height:auto}input[type='button']:hover{background-color:#333333;background-image:linear-gradient(top, #333, #212121);background-image:-moz-linear-gradient(top, #333, #212121);background-image:-ms-linear-gradient(top, #333, #212121);background-image:-o-linear-gradient(top, #333, #212121);background-image:-webkit-gradient(linear, left top, left bottom, from(#333), to(#212121));filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#212121')}.marginBottom40{margin-bottom:40px}.header-user{background-color:#DEDEDE;padding-top:1px}.header-navi{background:url("../images/icon.png") 0px -130px repeat-x #333;margin-bottom:50px}a.header-title{color:#FFFFFF;text-decoration:none;line-height:49px;font:bold 35px/53px '微软雅黑,Arial,Helvetica'}.sub-title{color:#9BC4CE;margin-left:10px}.header-navi-main .tabs{list-style:none;height:57px}.header-navi-main .tab{float:left;font-size:16px;margin-left:1px;height:57px}.header-navi-main .tab:hover{background:url("../images/icon.png") repeat-x scroll 0 -130px #9BC4CE}#header-pages{position:relative}.header-navi-main .tab a{color:#FFFFFF;display:block;font-weight:bold;line-height:22px;padding:19px 16px 16px;text-decoration:none}#header-pages:hover .sub-tabs{left:0px;list-style:none;position:absolute;top:57px;display:block}.sub-tabs .page-icon{float:left;height:14px;width:14px;margin:4px 5px 0 0}.header-navi-main .sub-tab{background-color:#9BC4CE;border-bottom:1px solid #76A0AA;border-top:1px solid #B4D9E2;margin-left:0px}.header-navi-main .sub-tab a{min-width:98px;padding:10px 16px;font-size:14px}.header-navi-main .sub-tab:hover{background-color:#76A0AA}.article-header{color:#9F9F9F;float:left;font-size:12px;padding-top:15px;width:180px}.article-header ul{background-color:#333333;list-style:none;width:160px}.article-header ul li{background:url("../images/indentline.png") repeat-x scroll left bottom transparent;font-weight:bold;padding:7px 15px 8px;margin-left:0px}.article-header ul li a{color:#FFFFFF;display:block}.article-main{background-color:#FFFFFF;border-bottom:1px solid #E3E3E3;border-right:1px solid #E3E3E3;margin-right:20px;padding:20px 20px 0;width:499px;float:left;overflow:hidden}.content-reset{line-height:145%}.content-reset a{color:#075181}.content-reset a:hover{color:#68ADD5}.article-main h2.title{font:bold 30px Arial, Helvetica, sans-serif;margin:0 0 20px}.article-main h2.title sup{font-size:12px}.read-more a{background-color:#F2F2F2;color:#333333;font-size:12px;padding:8px 18px 8px 12px;margin:20px 0;float:left}.article-footer{width:200px;float:left}.article-footer h3{background:url("../images/indentline-light.png") repeat-x scroll left bottom transparent;font-size:17px;padding:10px 0}.article-footer ul{list-style:none}.article-footer li{margin-left:0px;border-bottom:1px solid #E0E0E0;padding:8px 5px}.article-footer a{color:#888888;margin-bottom:2px;display:block}.pagination{background-color:#FFFFFF;border-right:1px solid #E3E3E3;border-bottom:1px solid #E3E3E3;margin:0 0 20px 181px;text-align:center;padding:12px 20px;width:499px}.pagination a{color:#555555;padding:0 3px;text-decoration:none}.pagination a.selected{font-weight:bold}.pagination a:hover,.pagination a.selected{text-decoration:underline}.article-detail-body{width:716px;margin-right:0px}.article-detail-body .tags,#replyForm{margin:20px 0}.article-detail-footer{background-color:#FFFFFF;border-bottom:1px solid #E3E3E3;border-right:1px solid #E3E3E3;margin:40px 0 40px 181px;padding:20px;width:716px}.article-detail-footer>a{font-weight:bold}.article-relative{margin-top:20px;width:360px}.article-relative li{list-style:none}.article-relative h4{font-size:14px;line-height:25px}.article-relative a{color:#555555;line-height:145%}#comments{background:url("../images/indentline-light.png") repeat-x scroll left top transparent;padding-top:30px;position:relative}#comments>div{margin-top:10px}#comments>div>img{height:80px;width:80px;margin:1px 10px 10px 0}#comments .comment-panel{background:none repeat scroll 0 0 #FFFFFF;border-bottom:1px solid #E3E3E3;border-right:1px solid #E3E3E3;padding:20px;width:798px;margin-bottom:10px;word-wrap:break-word;overflow:hidden}#comments .comment-top{margin-bottom:10px}#comments .comment-panel .reply{margin-top:20px}#comments .comment-panel .reply a{border-radius:5px;box-shadow:0 1px 0 rgba(255,255,255,0.3) inset,0 0 2px rgba(255,255,255,0.3) inset,0 1px 2px rgba(0,0,0,0.29);background-color:#EEEEEE;border:1px solid #888888;color:#555555;padding:2px 10px}#comments .comment-panel .reply a:hover{background-color:#E6E6E6;text-decoration:none}.comment-body-ref{position:absolute;border:1px solid #E3E3E3;background-color:#FFFFFF;padding:10px 0 0 10px;left:177px;opacity:0.9}#comments .comment-body-ref .comment-panel{border-width:0px;margin-bottom:0;width:620px;padding:10px}.comment-title{color:#333333;font-size:30px;margin:20px 0 15px 0;font-family:\5fae\8f6f\96c5\9ed1}.comment{margin-bottom:40px}.comment th{padding:10px 0px 10px 0;text-align:left}.comment input[type="text"],.comment textarea{outline:none;color:#666666;padding:10px 7px;background-color:#FFFFFF;font-family:Arial, Helvetica, sans-serif;width:100%;box-sizing:border-box;border:1px solid #DDDDDD;font-size:12px;height:16px;line-height:16px}.comment textarea{margin:10px 0;padding:7px;height:auto}.comment #captchaReply{margin-left:10px}#commentValidate,#commentValidateReply{width:240px}.footer-secondary{background:url("../images/indentline-light.png") repeat-x scroll left top #DEDEDE;padding:40px 0}.footer-secondary h4,.article-date,.comment th span.comment-label{background-color:#333333;color:#FFFFFF;float:left;font-size:17px;font-weight:bold;height:37px;line-height:37px;padding-left:15px;width:145px}.most-view-count-articles,.recent-comments,.notice{float:left;width:700px;margin-left:65px;word-break:break-all;word-wrap:break-word}.most-view-count-articles sup{font-size:12px;color:#555555;font-weight:normal;margin-right:3px}.recent-comments div{float:left;margin:0 25px 10px 0px;text-align:center;width:91px}.recent-comments div a{display:block;line-height:22px}.recent-comments img,#comments>div>img{background-color:#FFFFFF;border-bottom:1px solid #C2C2C2;border-right:1px solid #C2C2C2;padding:8px 7px 7px 8px;width:75px;height:75px}.recent-comments img:hover,#comments>div>img:hover{border-color:#5A5A5A}.footer-widgets{background:url("../images/indentline-light.png") repeat-x scroll left top transparent;padding:40px 0}.footer-block{margin:0 10px 20px 10px;width:22%}.footer-block h4{font:bold 18px 微软雅黑;color:#000000;height:25px;padding:0 0 15px;background:url("../images/indentline.png") repeat-x scroll left bottom transparent}.footer-block ul{list-style:none}.footer-block li{margin-left:0px;height:30px;padding-left:10px;background:url("../images/indentline-light.png") repeat-x scroll left bottom transparent}.footer-block li.mostUsedTags a{padding-left:20px}.footer-block li img{cursor:pointer;height:16px;left:0px;position:relative;top:-20px;width:16px}.footer-block li a{color:#555555;display:block;height:19px;line-height:19px;overflow:hidden;padding:6px 0 1px 0px}.footer-block li sup{float:left;margin:18px 3px 0 0}.footer-block li:hover{background:url("../images/icon.png") repeat-x 0px -34px}.footer{background:url("../images/indentline-light.png") repeat-x scroll left top #DEDEDE;text-align:left;padding:10px 0}.footer .content{line-height:22px}.footer a{color:#000000}.footer .goTop{background:url("../images/icon.png") no-repeat -12px -64px;cursor:pointer;padding-left:15px;height:17px;line-height:17px}.error-msg{color:#333333;font-weight:bold}.error-footer{bottom:0;position:fixed;width:100%}.error-panel{background-color:#FFFFFF;border-bottom:1px solid #E3E3E3;border-right:1px solid #E3E3E3;margin-bottom:50px;padding:20px}.error-panel h2{font:bold 30px/24px;margin:0 0 20px}.read-more-icon,.arrow-dowm-icon,.tag-icon,.atom-icon,.up-icon,.down-icon{background-image:url("../images/icon.png");background-repeat:no-repeat;float:left}.read-more-icon{background-position:0 -22px;height:12px;margin:2px 0 0 6px;width:12px}.arrow-dowm-icon{background-position:-13px -22px;height:13px;margin:8px 0 0 6px;width:13px;cursor:pointer}.tag-icon{background-position:0px -102px;margin-right:6px;height:16px;width:16px}.atom-icon{height:22px;margin-left:6px;width:22px}.up-icon{background-position:-11px -118px;height:12px;margin:6px 0 0 10px;width:11px;cursor:pointer}.down-icon{background-position:0 -118px;height:12px;margin:6px 0 0 10px;width:11px;cursor:pointer}.star-current-icon,.star-icon,.moon-icon,.moon-current-icon{height:58px;width:64px;background-image:url("../images/author-header.png");float:right;white-space:normal;text-align:center;word-break:break-all;padding-top:6px;word-wrap:break-word;font-weight:bold}.star-current-icon{background-position:0px -64px}a.star-current-icon{color:#333333}.star-icon{background-position:0 -192px}a.star-icon{color:orange}.moon-icon{float:right;margin-top:4px}.moon-current-icon{float:right;background-position:0 -128px;margin:1px 0 3px 0}#tagsPanel a.tagPanel:hover{border:1px dashed}#tagsPanel a.tagPanel{border:1px solid;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;margin:3px;cursor:pointer;float:left} +html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;height:100%}body{margin:0;font-family:"Helvetica Neue", "Luxi Sans", "DejaVu Sans", Tahoma, "Hiragino Sans GB", "Microsoft Yahei", sans-serif;font-size:14px;background-color:#fff;-webkit-font-smoothing:antialiased;-webkit-overflow-scrolling:touch}::-moz-selection{text-shadow:none;background:rgba(65,131,196,0.4)}::selection{text-shadow:none;background:rgba(66,133,244,0.4)}ul,ol{margin:0;padding:0}h1,h2,h3,h4,h5,h6,dl,dd,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{outline:0;text-decoration:none}a:hover{text-decoration:underline}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.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{margin:0;font-size:100%;vertical-align:middle;font-family:"Helvetica Neue", "Luxi Sans", "DejaVu Sans", Tahoma, "Hiragino Sans GB", "Microsoft Yahei", sans-serif;outline:none}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"]{box-sizing:content-box;-webkit-appearance:textfield}input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none}textarea{overflow:auto;resize:vertical}svg{fill:currentColor;display:inline-block;stroke-width:0;stroke:currentColor;width:14px;height:14px}blockquote{margin:0}@keyframes tooltip-appear{from{opacity:0}to{opacity:1}}.vditor-tooltipped{position:relative;cursor:pointer}.vditor-tooltipped::after{position:absolute;z-index:1000000;display:none;padding:5px 8px;font-size:11px;font-weight:normal;-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,0.8);border-radius:3px;line-height:16px;opacity:0}.vditor-tooltipped::before{position:absolute;z-index:1000001;display:none;width:0;height:0;color:rgba(0,0,0,0.8);pointer-events:none;content:"";border:5px solid transparent;opacity:0}.vditor-tooltipped--hover::before,.vditor-tooltipped--hover::after,.vditor-tooltipped:hover::before,.vditor-tooltipped:hover::after,.vditor-tooltipped:active::before,.vditor-tooltipped:active::after,.vditor-tooltipped:focus::before,.vditor-tooltipped:focus::after{display:inline-block;text-decoration:none;animation-name:tooltip-appear;animation-duration:0.1s;animation-fill-mode:forwards;animation-timing-function:ease-in;animation-delay:0.4s}.vditor-tooltipped__s::after,.vditor-tooltipped__se::after,.vditor-tooltipped__sw::after{top:100%;right:50%;margin-top:5px}.vditor-tooltipped__s::before,.vditor-tooltipped__se::before,.vditor-tooltipped__sw::before{top:auto;right:50%;bottom:-5px;margin-right:-5px;border-bottom-color:rgba(0,0,0,0.8)}.vditor-tooltipped__se::after{right:auto;left:50%;margin-left:-15px}.vditor-tooltipped__sw::after{margin-right:-15px}.vditor-tooltipped__n::after,.vditor-tooltipped__ne::after,.vditor-tooltipped__nw::after{right:50%;bottom:100%;margin-bottom:5px}.vditor-tooltipped__n::before,.vditor-tooltipped__ne::before,.vditor-tooltipped__nw::before{top:-5px;right:50%;bottom:auto;margin-right:-5px;border-top-color:rgba(0,0,0,0.8)}.vditor-tooltipped__ne::after{right:auto;left:50%;margin-left:-15px}.vditor-tooltipped__nw::after{margin-right:-15px}.vditor-tooltipped__s::after,.vditor-tooltipped__n::after{transform:translateX(50%)}.vditor-tooltipped__w::after{right:100%;bottom:50%;margin-right:5px;transform:translateY(50%)}.vditor-tooltipped__w::before{top:50%;bottom:50%;left:-5px;margin-top:-5px;border-left-color:rgba(0,0,0,0.8)}.vditor-tooltipped__e::after{bottom:50%;left:100%;margin-left:5px;transform:translateY(50%)}.vditor-tooltipped__e::before{top:50%;right:-5px;bottom:50%;margin-top:-5px;border-right-color:rgba(0,0,0,0.8)}.vditor-panel{background-color:#fff;position:absolute;box-shadow:0 1px 2px rgba(0,0,0,0.2);border-radius:3px;padding:5px;z-index:1;font-size:14px;display:none;user-select:none;max-width:200px;min-width:80px}.vditor-panel h1,.vditor-panel h2,.vditor-panel h3,.vditor-panel h4,.vditor-panel h5,.vditor-panel h6{margin:0;cursor:pointer;padding:3px 10px;border-radius:3px;line-height:normal}.vditor-panel h1:hover,.vditor-panel h2:hover,.vditor-panel h3:hover,.vditor-panel h4:hover,.vditor-panel h5:hover,.vditor-panel h6:hover{background-color:#4285f4;color:#fff}.vditor-toolbar{background-color:#f6f8fa;border-bottom:1px solid #d1d5da;padding:0 5px;border-radius:3px 3px 0 0}.vditor-toolbar>div{padding:10px 5px;float:left;line-height:14px;height:36px;box-sizing:border-box}.vditor-toolbar svg{fill:currentColor;display:inline-block;stroke-width:0;stroke:currentColor;width:14px;height:14px}.vditor-toolbar .vditor-tooltipped{color:#586069}.vditor-toolbar .vditor-tooltipped:hover{color:#4285f4}.vditor-toolbar label{overflow:hidden;position:relative;height:14px;width:15px;display:block;cursor:pointer}.vditor-toolbar input{position:absolute;width:1px;opacity:.001;height:14px;overflow:hidden}.vditor-menu--current svg{color:#4285f4}.vditor-menu__divider{width:10px}.vditor-menu__br{width:100%;padding:0 !important;height:0 !important}.vditor-emojis{display:inline-block}.vditor-emojis__tail{font-size:12px;text-align:right;color:#586069}.vditor-emojis__tail a{text-decoration:none;color:#586069}.vditor-emojis__tail a:hover{color:#4285f4}.vditor-emojis span{cursor:pointer;border-radius:3px;float:left;height:26px;width:26px;text-align:center;line-height:20px;padding:3px;box-sizing:border-box;font-size:16px}.vditor-emojis span:hover{background-color:#4285f4}.vditor-emojis img{height:20px;width:20px;float:left}.vditor{display:flex;flex-direction:column;border:1px solid #d1d5da;border-radius:3px;box-sizing:border-box}.vditor--fullscreen{position:fixed;top:0;width:100% !important;left:0;height:100vh !important;z-index:90;background-color:#fff}.vditor-content{display:flex;min-height:60px;flex:1;position:relative;overflow:hidden}.vditor-textarea{flex:1;border:0;resize:none;padding:10px;box-sizing:border-box;background-color:#fafbfc;outline:0 none;font-size:16px;line-height:22px;color:#24292e;border-radius:0 0 3px 3px}.vditor-textarea[disabled]{opacity:0.3;cursor:not-allowed}.vditor-textarea:focus{background-color:#fff}.vditor-preview{flex:1;background-color:#fff;overflow:auto;padding:10px;box-shadow:inset 1px 0 #d1d5da;box-sizing:border-box;border-radius:0 0 3px 0}.vditor-preview::-webkit-scrollbar{display:none}.vditor-counter{padding:0 3px;position:absolute;bottom:10px;right:20px;color:#24292e;background-color:rgba(255,255,255,0.6);border-radius:3px;font-size:12px;user-select:none}.vditor-counter--error{color:#d23f31;background-color:rgba(210,63,49,0.1)}.vditor-resize{padding:1px 0;border-radius:5px;cursor:row-resize;transition:all .15s ease-in-out;user-select:none;background-color:#f6f8fa}.vditor-resize:hover{background-color:#4285f4}.vditor-resize:hover svg{color:#fff}.vditor-resize svg{fill:currentColor;stroke-width:0;stroke:currentColor;width:13px;height:3px;display:block;margin:0 auto;color:#586069}.vditor-upload{opacity:0;position:absolute;width:100%;height:5px;left:0;top:-3px;border-radius:3px;overflow:hidden;transition:all .15s ease-in-out;color:#fff;font-size:12px;line-height:14px}.vditor-upload ul{margin:0}.vditor-upload--tip{height:auto;opacity:1 !important}.vditor-upload--tip .vditor-upload__close{display:block}.vditor-upload__close{display:none;position:absolute;right:5px;cursor:pointer;padding:5px;top:0}.vditor-upload__progress{height:100%;background-color:rgba(66,133,244,0.8);transition:all .15s ease-in-out;padding:5px;box-sizing:border-box}.vditor-hint{background-color:#fff;position:absolute;box-shadow:0 1px 2px rgba(0,0,0,0.2);border-radius:3px;padding:5px 0;z-index:1;line-height:20px;list-style:none;color:#24292e;font-size:12px;margin:0;max-width:200px;min-width:80px;display:none}.vditor-hint li{cursor:pointer;padding:3px 10px;border-bottom:1px solid #d1d5da;line-height:20px}.vditor-hint li:last-child{border-bottom:0}.vditor-hint--current,.vditor-hint li:hover{background-color:#4285f4;color:#fff}.vditor-hint__emoji{font-size:16px;float:left;margin-right:3px}.vditor-hint img{height:20px;width:20px;float:left;margin-right:3px}.vditor-reset{font-family:"Helvetica Neue","Luxi Sans","DejaVu Sans",Tahoma,"Hiragino Sans GB","Microsoft Yahei",sans-serif;word-wrap:break-word;overflow:auto;line-height:1.65;font-size:16px;word-break:break-word}.vditor-reset ul,.vditor-reset ol{padding-left:2em;margin-top:0;margin-bottom:16px}.vditor-reset li{margin-top:0.25em}.vditor-reset audio{max-width:100%}.vditor-reset video{max-height:90vh}.vditor-reset img.emoji{cursor:auto;max-width:20px;vertical-align:top}.vditor-reset h1,.vditor-reset h2,.vditor-reset h3,.vditor-reset h4,.vditor-reset h5,.vditor-reset h6{margin-top:24px;margin-bottom:16px;font-weight:600;line-height:1.25}.vditor-reset h1{padding-bottom:0.3em;font-size:1.7em;border-bottom:1px solid #eee}.vditor-reset h2{padding-bottom:0.3em;font-size:1.5em;border-bottom:1px solid #eee}.vditor-reset h3{font-size:1.25em}.vditor-reset h4{font-size:1em}.vditor-reset h5{font-size:0.875em}.vditor-reset h6{font-size:0.85em}.vditor-reset hr{height:0.15em;padding:0;margin:24px 0;background-color:#e7e7e7;border:0}.vditor-reset p{margin-top:0;margin-bottom:16px}.vditor-reset blockquote{padding:0 1em;color:#777;border-left:0.25em solid #ddd;margin:0 0 16px 0}.vditor-reset blockquote p{margin:0}.vditor-reset ins>iframe{border:0}.vditor-reset iframe{border:1px solid #d1d5da}.vditor-reset table{width:100%;border:1px solid #dedede;margin:15px auto;border-collapse:collapse;empty-cells:show}.vditor-reset thead{text-align:center}.vditor-reset td,.vditor-reset th{height:35px;border:1px solid #dedede;padding:0 10px}.vditor-reset th{font-weight:bold;text-align:center !important;background:rgba(158,188,226,0.2)}.vditor-reset tbody tr:nth-child(2n){background:rgba(158,188,226,0.12)}.vditor-reset tr:hover{background:#efefef}.vditor-reset code{padding:0.2em 0.4em;margin:0;font-size:85%;background-color:rgba(27,31,35,0.05);border-radius:3px;font-family:mononoki,Consolas,"Liberation Mono",Menlo,Courier,monospace;word-break:break-word}.vditor-reset pre>code{padding:0.5em;background-color:rgba(0,0,0,0.04);background-image:url("https://cdn.jsdelivr.net/npm/vditor@1.1.2/src/assets/images/code-bg.png");background-size:20px 20px;border-radius:5px;display:block;overflow:auto}.vditor-reset pre:hover div.vditor-copy{display:block}.vditor-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:solid 1px #d1d5da;border-bottom-color:#bbb;border-radius:3px;box-shadow:inset 0 -1px 0 #bbb}.vditor-reset summary{cursor:pointer}.vditor-reset summary:focus{outline:none}.vditor-reset svg{height:auto;width:auto}.vditor-task{list-style:none;margin-left:-1.4em;display:flex;align-items:center}.vditor-task input{margin-right:5px}.vditor-copy{position:relative;display:none}.vditor-copy textarea{position:absolute;top:-100000px}.vditor-copy span{cursor:pointer;position:absolute;right:0.5em;top:0.5em;height:20px;width:20px}.vditor-copy svg{height:20px;width:20px}.left{float:left}.right{float:right}.clear:before,.clear:after{display:table;content:""}.clear:after{clear:both}.none{display:none}body{background-color:#EFEFEF;color:#555555;min-width:960px}a,a:link{color:#000000;text-decoration:none}a:active,a:visited{color:#000000;text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;vertical-align:middle;border:0;height:auto;-ms-interpolation-mode:bicubic;overflow:hidden;font-size:12px}.content{width:940px;margin:0 auto}.content>h2{margin:-20px 0 20px 0}.hr{background:url("../images/indentline-light.png") repeat-x scroll left top transparent;margin:20px 0 40px;clear:both;height:2px}.arrow-right{background:url("../images/icon.png") 0px -64px no-repeat;float:left;height:38px;width:14px}input[type='button']{border-radius:5px;box-shadow:0 1px 0 rgba(255,255,255,0.3) inset,0 0 2px rgba(255,255,255,0.3) inset,0 1px 2px rgba(0,0,0,0.29);background-color:#000000;background-image:linear-gradient(top, #333, #000);background-image:-moz-linear-gradient(top, #333, #000);background-image:-ms-linear-gradient(top, #333, #000);background-image:-o-linear-gradient(top, #333, #000);background-image:-webkit-gradient(linear, left top, left bottom, from(#333), to(#000));filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000');border:1px solid #000000;color:white;margin:15px 0 0 200px;padding:7px 13px;height:auto}input[type='button']:hover{background-color:#333333;background-image:linear-gradient(top, #333, #212121);background-image:-moz-linear-gradient(top, #333, #212121);background-image:-ms-linear-gradient(top, #333, #212121);background-image:-o-linear-gradient(top, #333, #212121);background-image:-webkit-gradient(linear, left top, left bottom, from(#333), to(#212121));filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#212121')}.marginBottom40{margin-bottom:40px}.header-user{background-color:#DEDEDE;padding-top:1px}.header-navi{background:url("../images/icon.png") 0px -130px repeat-x #333;margin-bottom:50px}a.header-title{color:#FFFFFF;text-decoration:none;line-height:49px;font:bold 35px/53px '微软雅黑,Arial,Helvetica'}.sub-title{color:#9BC4CE;margin-left:10px}.header-navi-main .tabs{list-style:none;height:57px}.header-navi-main .tab{float:left;font-size:16px;margin-left:1px;height:57px}.header-navi-main .tab:hover{background:url("../images/icon.png") repeat-x scroll 0 -130px #9BC4CE}#header-pages{position:relative}.header-navi-main .tab a{color:#FFFFFF;display:block;font-weight:bold;line-height:22px;padding:19px 16px 16px;text-decoration:none}#header-pages:hover .sub-tabs{left:0px;list-style:none;position:absolute;top:57px;display:block}.sub-tabs .page-icon{float:left;height:14px;width:14px;margin:4px 5px 0 0}.header-navi-main .sub-tab{background-color:#9BC4CE;border-bottom:1px solid #76A0AA;border-top:1px solid #B4D9E2;margin-left:0px}.header-navi-main .sub-tab a{min-width:98px;padding:10px 16px;font-size:14px}.header-navi-main .sub-tab:hover{background-color:#76A0AA}.article-header{color:#9F9F9F;float:left;font-size:12px;padding-top:15px;width:180px}.article-header ul{background-color:#333333;list-style:none;width:160px}.article-header ul li{background:url("../images/indentline.png") repeat-x scroll left bottom transparent;font-weight:bold;padding:7px 15px 8px;margin-left:0px}.article-header ul li a{color:#FFFFFF;display:block}.article-main{background-color:#FFFFFF;border-bottom:1px solid #E3E3E3;border-right:1px solid #E3E3E3;margin-right:20px;padding:20px 20px 0;width:499px;float:left;overflow:hidden}.vditor-reset{line-height:145%}.vditor-reset a{color:#075181}.vditor-reset a:hover{color:#68ADD5}.article-main h2.title{font:bold 30px Arial, Helvetica, sans-serif;margin:0 0 20px}.article-main h2.title sup{font-size:12px}.read-more a{background-color:#F2F2F2;color:#333333;font-size:12px;padding:8px 18px 8px 12px;margin:20px 0;float:left}.article-footer{width:200px;float:left}.article-footer h3{background:url("../images/indentline-light.png") repeat-x scroll left bottom transparent;font-size:17px;padding:10px 0}.article-footer ul{list-style:none}.article-footer li{margin-left:0px;border-bottom:1px solid #E0E0E0;padding:8px 5px}.article-footer a{color:#888888;margin-bottom:2px;display:block}.pagination{background-color:#FFFFFF;border-right:1px solid #E3E3E3;border-bottom:1px solid #E3E3E3;margin:0 0 20px 181px;text-align:center;padding:12px 20px;width:499px}.pagination a{color:#555555;padding:0 3px;text-decoration:none}.pagination a.selected{font-weight:bold}.pagination a:hover,.pagination a.selected{text-decoration:underline}.article-detail-body{width:716px;margin-right:0px}.article-detail-body .tags,#replyForm{margin:20px 0}.article-detail-footer{background-color:#FFFFFF;border-bottom:1px solid #E3E3E3;border-right:1px solid #E3E3E3;margin:40px 0 40px 181px;padding:20px;width:716px}.article-detail-footer>a{font-weight:bold}.article-relative{margin-top:20px;width:360px}.article-relative li{list-style:none}.article-relative h4{font-size:14px;line-height:25px}.article-relative a{color:#555555;line-height:145%}#comments{background:url("../images/indentline-light.png") repeat-x scroll left top transparent;padding-top:30px;position:relative}#comments>div{margin-top:10px}#comments>div>img{height:80px;width:80px;margin:1px 10px 10px 0}#comments .comment-panel{background:none repeat scroll 0 0 #FFFFFF;border-bottom:1px solid #E3E3E3;border-right:1px solid #E3E3E3;padding:20px;width:798px;margin-bottom:10px;word-wrap:break-word;overflow:hidden}#comments .comment-top{margin-bottom:10px}#comments .comment-panel .reply{margin-top:20px}#comments .comment-panel .reply a{border-radius:5px;box-shadow:0 1px 0 rgba(255,255,255,0.3) inset,0 0 2px rgba(255,255,255,0.3) inset,0 1px 2px rgba(0,0,0,0.29);background-color:#EEEEEE;border:1px solid #888888;color:#555555;padding:2px 10px}#comments .comment-panel .reply a:hover{background-color:#E6E6E6;text-decoration:none}.comment-body-ref{position:absolute;border:1px solid #E3E3E3;background-color:#FFFFFF;padding:10px 0 0 10px;left:177px;opacity:0.9}#comments .comment-body-ref .comment-panel{border-width:0px;margin-bottom:0;width:620px;padding:10px}.comment-title{color:#333333;font-size:30px;margin:20px 0 15px 0;font-family:\5fae\8f6f\96c5\9ed1}.comment{margin-bottom:40px}.comment th{padding:10px 0px 10px 0;text-align:left}.comment input[type="text"],.comment textarea{outline:none;color:#666666;padding:10px 7px;background-color:#FFFFFF;font-family:Arial, Helvetica, sans-serif;width:100%;box-sizing:border-box;border:1px solid #DDDDDD;font-size:12px;height:16px;line-height:16px}.comment textarea{margin:10px 0;padding:7px;height:auto}.comment #captchaReply{margin-left:10px}#commentValidate,#commentValidateReply{width:240px}.footer-secondary{background:url("../images/indentline-light.png") repeat-x scroll left top #DEDEDE;padding:40px 0}.footer-secondary h4,.article-date,.comment th span.comment-label{background-color:#333333;color:#FFFFFF;float:left;font-size:17px;font-weight:bold;height:37px;line-height:37px;padding-left:15px;width:145px}.most-view-count-articles,.recent-comments,.notice{float:left;width:700px;margin-left:65px;word-break:break-all;word-wrap:break-word}.most-view-count-articles sup{font-size:12px;color:#555555;font-weight:normal;margin-right:3px}.recent-comments div{float:left;margin:0 25px 10px 0px;text-align:center;width:91px}.recent-comments div a{display:block;line-height:22px}.recent-comments img,#comments>div>img{background-color:#FFFFFF;border-bottom:1px solid #C2C2C2;border-right:1px solid #C2C2C2;padding:8px 7px 7px 8px;width:75px;height:75px}.recent-comments img:hover,#comments>div>img:hover{border-color:#5A5A5A}.footer-widgets{background:url("../images/indentline-light.png") repeat-x scroll left top transparent;padding:40px 0}.footer-block{margin:0 10px 20px 10px;width:22%}.footer-block h4{font:bold 18px 微软雅黑;color:#000000;height:25px;padding:0 0 15px;background:url("../images/indentline.png") repeat-x scroll left bottom transparent}.footer-block ul{list-style:none}.footer-block li{margin-left:0px;height:30px;padding-left:10px;background:url("../images/indentline-light.png") repeat-x scroll left bottom transparent}.footer-block li.mostUsedTags a{padding-left:20px}.footer-block li img{cursor:pointer;height:16px;left:0px;position:relative;top:-20px;width:16px}.footer-block li a{color:#555555;display:block;height:19px;line-height:19px;overflow:hidden;padding:6px 0 1px 0px}.footer-block li sup{float:left;margin:18px 3px 0 0}.footer-block li:hover{background:url("../images/icon.png") repeat-x 0px -34px}.footer{background:url("../images/indentline-light.png") repeat-x scroll left top #DEDEDE;text-align:left;padding:10px 0}.footer .content{line-height:22px}.footer a{color:#000000}.footer .goTop{background:url("../images/icon.png") no-repeat -12px -64px;cursor:pointer;padding-left:15px;height:17px;line-height:17px}.error-msg{color:#333333;font-weight:bold}.error-footer{bottom:0;position:fixed;width:100%}.error-panel{background-color:#FFFFFF;border-bottom:1px solid #E3E3E3;border-right:1px solid #E3E3E3;margin-bottom:50px;padding:20px}.error-panel h2{font:bold 30px/24px;margin:0 0 20px}.read-more-icon,.arrow-dowm-icon,.tag-icon,.atom-icon,.up-icon,.down-icon{background-image:url("../images/icon.png");background-repeat:no-repeat;float:left}.read-more-icon{background-position:0 -22px;height:12px;margin:2px 0 0 6px;width:12px}.arrow-dowm-icon{background-position:-13px -22px;height:13px;margin:8px 0 0 6px;width:13px;cursor:pointer}.tag-icon{background-position:0px -102px;margin-right:6px;height:16px;width:16px}.atom-icon{height:22px;margin-left:6px;width:22px}.up-icon{background-position:-11px -118px;height:12px;margin:6px 0 0 10px;width:11px;cursor:pointer}.down-icon{background-position:0 -118px;height:12px;margin:6px 0 0 10px;width:11px;cursor:pointer}.star-current-icon,.star-icon,.moon-icon,.moon-current-icon{height:58px;width:64px;background-image:url("../images/author-header.png");float:right;white-space:normal;text-align:center;word-break:break-all;padding-top:6px;word-wrap:break-word;font-weight:bold}.star-current-icon{background-position:0px -64px}a.star-current-icon{color:#333333}.star-icon{background-position:0 -192px}a.star-icon{color:orange}.moon-icon{float:right;margin-top:4px}.moon-current-icon{float:right;background-position:0 -128px;margin:1px 0 3px 0}#tagsPanel a.tagPanel:hover{border:1px dashed}#tagsPanel a.tagPanel{border:1px solid;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;margin:3px;cursor:pointer;float:left} diff --git a/Community/css/base.scss b/Community/css/base.scss index 186d906..cbc6b0c 100644 --- a/Community/css/base.scss +++ b/Community/css/base.scss @@ -20,9 +20,8 @@ * skin community style * * @author Liyuan Li - * @version 2.1.0.0, Mar 1, 2019 + * @version 2.1.0.1, Mar 16, 2019 */ -@import "../../../scss/reset-content"; @import "../../../scss/reset"; @import "vditor/src/assets/scss/classic"; @@ -254,15 +253,15 @@ a.header-title { overflow: hidden; } -.content-reset { +.vditor-reset { line-height: 145%; } -.content-reset a { +.vditor-reset a { color: #075181; } -.content-reset a:hover { +.vditor-reset a:hover { color: #68ADD5; } diff --git a/Community/footer.ftl b/Community/footer.ftl index 8e93a29..0ebfbbd 100644 --- a/Community/footer.ftl +++ b/Community/footer.ftl @@ -59,6 +59,8 @@ var Label = { "markedAvailable": ${markedAvailable?c}, + "hljsStyle": "atom-one-light", + "langLabel": "${langLabel}", "adminLabel": "${adminLabel}", "logoutLabel": "${logoutLabel}", "skinDirName": "${skinDirName}" @@ -80,6 +82,7 @@ } Util.init(); + Util.setTopBar() $(".footer-block").each(function (num) { var $lis = $(this).find("li"); diff --git a/Community/page.ftl b/Community/page.ftl index 3a059e1..0da029a 100644 --- a/Community/page.ftl +++ b/Community/page.ftl @@ -34,7 +34,7 @@ <#include "header.ftl">
-
+
${page.pageContent}
<@comments commentList=pageComments article=page> diff --git a/Finding/article.ftl b/Finding/article.ftl index 8e72a68..d2f98ee 100644 --- a/Finding/article.ftl +++ b/Finding/article.ftl @@ -84,7 +84,7 @@ -
+
${article.articleContent} <#if "" != article.articleSign.signHTML?trim>
diff --git a/Finding/common-comment.ftl b/Finding/common-comment.ftl index 199fed2..2b9c2e6 100644 --- a/Finding/common-comment.ftl +++ b/Finding/common-comment.ftl @@ -42,7 +42,7 @@ ${replyLabel}
-
+
${comment.commentContent}
diff --git a/Finding/css/base.css b/Finding/css/base.css index b71366b..ee0caf5 100644 --- a/Finding/css/base.css +++ b/Finding/css/base.css @@ -1 +1 @@ -.content-reset{word-wrap:break-word;overflow:auto;line-height:1.65;font-size:16px;word-break:break-word}.content-reset ul,.content-reset ol{padding-left:2em;margin-top:0;margin-bottom:16px}.content-reset li{margin-top:0.25em}.content-reset audio{max-width:100%}.content-reset video{max-height:90vh}.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{padding-bottom:0.3em;font-size:1.7em;border-bottom:1px solid #eee}.content-reset h2{padding-bottom:0.3em;font-size:1.5em;border-bottom:1px solid #eee}.content-reset h3{font-size:1.25em}.content-reset h4{font-size:1em}.content-reset h5{font-size:0.875em}.content-reset h6{font-size:0.85em}.content-reset hr{height:1px;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:0.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,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:bold;text-align:center !important;background:rgba(158,188,226,0.2)}.content-reset tbody tr:nth-child(2n){background:rgba(158,188,226,0.12)}.content-reset tr:hover{background:#efefef}.content-reset code{padding:.2em .4em;margin:0;font-size:85%;background-color:rgba(27,31,35,0.05);border-radius:3px;font-family:mononoki, Consolas, Liberation Mono, Menlo, Courier, monospace;word-break:break-word}.content-reset pre{position:relative}.content-reset pre textarea{position:absolute;top:-100000px}.content-reset pre>code{padding:0.5em;background-color:rgba(0,0,0,0.04);background-size:20px 20px;border-radius:5px;display:block}.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:solid 1px rgba(0,0,0,0.38);border-bottom-color:#bbb;border-radius:3px;box-shadow:inset 0 -1px 0 #bbb}.content-reset__task,.content-reset .task-list-item{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}.img-preview img{max-width:inherit;transition:transform .3s ease-in-out}@keyframes tooltip-appear{from{opacity:0}to{opacity:1}}.vditor-tooltipped{position:relative;cursor:pointer}.vditor-tooltipped::after{position:absolute;z-index:1000000;display:none;padding:5px 8px;font-size:11px;font-weight:normal;-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,0.8);border-radius:3px;line-height:16px;opacity:0}.vditor-tooltipped::before{position:absolute;z-index:1000001;display:none;width:0;height:0;color:rgba(0,0,0,0.8);pointer-events:none;content:"";border:5px solid transparent;opacity:0}.vditor-tooltipped--hover::before,.vditor-tooltipped--hover::after,.vditor-tooltipped:hover::before,.vditor-tooltipped:hover::after,.vditor-tooltipped:active::before,.vditor-tooltipped:active::after,.vditor-tooltipped:focus::before,.vditor-tooltipped:focus::after{display:inline-block;text-decoration:none;animation-name:tooltip-appear;animation-duration:0.1s;animation-fill-mode:forwards;animation-timing-function:ease-in;animation-delay:0.4s}.vditor-tooltipped__s::after,.vditor-tooltipped__se::after,.vditor-tooltipped__sw::after{top:100%;right:50%;margin-top:5px}.vditor-tooltipped__s::before,.vditor-tooltipped__se::before,.vditor-tooltipped__sw::before{top:auto;right:50%;bottom:-5px;margin-right:-5px;border-bottom-color:rgba(0,0,0,0.8)}.vditor-tooltipped__se::after{right:auto;left:50%;margin-left:-15px}.vditor-tooltipped__sw::after{margin-right:-15px}.vditor-tooltipped__n::after,.vditor-tooltipped__ne::after,.vditor-tooltipped__nw::after{right:50%;bottom:100%;margin-bottom:5px}.vditor-tooltipped__n::before,.vditor-tooltipped__ne::before,.vditor-tooltipped__nw::before{top:-5px;right:50%;bottom:auto;margin-right:-5px;border-top-color:rgba(0,0,0,0.8)}.vditor-tooltipped__ne::after{right:auto;left:50%;margin-left:-15px}.vditor-tooltipped__nw::after{margin-right:-15px}.vditor-tooltipped__s::after,.vditor-tooltipped__n::after{transform:translateX(50%)}.vditor-tooltipped__w::after{right:100%;bottom:50%;margin-right:5px;transform:translateY(50%)}.vditor-tooltipped__w::before{top:50%;bottom:50%;left:-5px;margin-top:-5px;border-left-color:rgba(0,0,0,0.8)}.vditor-tooltipped__e::after{bottom:50%;left:100%;margin-left:5px;transform:translateY(50%)}.vditor-tooltipped__e::before{top:50%;right:-5px;bottom:50%;margin-top:-5px;border-right-color:rgba(0,0,0,0.8)}.vditor-panel{background-color:#fff;position:absolute;box-shadow:0 1px 2px rgba(0,0,0,0.2);border-radius:3px;padding:5px;z-index:1;font-size:14px;display:none;user-select:none;max-width:200px;min-width:80px}.vditor-panel h1,.vditor-panel h2,.vditor-panel h3,.vditor-panel h4,.vditor-panel h5,.vditor-panel h6{margin:0;cursor:pointer;padding:3px 10px;border-radius:3px;line-height:normal}.vditor-panel h1:hover,.vditor-panel h2:hover,.vditor-panel h3:hover,.vditor-panel h4:hover,.vditor-panel h5:hover,.vditor-panel h6:hover{background-color:#4285f4;color:#fff}.vditor-toolbar{background-color:#f6f8fa;border-bottom:1px solid #d1d5da;padding:0 5px;border-radius:3px 3px 0 0}.vditor-toolbar>div{padding:10px 5px;float:left;line-height:14px;height:36px;box-sizing:border-box}.vditor-toolbar svg{fill:currentColor;display:inline-block;stroke-width:0;stroke:currentColor;width:14px;height:14px}.vditor-toolbar .vditor-tooltipped{color:#586069}.vditor-toolbar .vditor-tooltipped:hover{color:#4285f4}.vditor-toolbar label{overflow:hidden;position:relative;height:14px;width:15px;display:block;cursor:pointer}.vditor-toolbar input{position:absolute;width:1px;opacity:.001;height:14px;overflow:hidden}.vditor-menu--current svg{color:#4285f4}.vditor-menu__divider{width:10px}.vditor-menu__br{width:100%;padding:0 !important;height:0 !important}.vditor-emojis{display:inline-block}.vditor-emojis__tail{font-size:12px;text-align:right;color:#586069}.vditor-emojis__tail a{text-decoration:none;color:#586069}.vditor-emojis__tail a:hover{color:#4285f4}.vditor-emojis span{cursor:pointer;border-radius:3px;float:left;height:26px;width:26px;text-align:center;line-height:20px;padding:3px;box-sizing:border-box;font-size:16px}.vditor-emojis span:hover{background-color:#4285f4}.vditor-emojis img{height:20px;width:20px;float:left}.vditor{display:flex;flex-direction:column;border:1px solid #d1d5da;border-radius:3px;box-sizing:border-box}.vditor--fullscreen{position:fixed;top:0;width:100% !important;left:0;height:100vh !important;z-index:90;background-color:#fff}.vditor-content{display:flex;min-height:60px;flex:1;position:relative}.vditor-textarea{flex:1;border:0;resize:none;padding:10px;box-sizing:border-box;background-color:#fafbfc;outline:0 none;font-size:16px;line-height:22px;color:#24292e;border-radius:0 0 3px 3px}.vditor-textarea[disabled]{opacity:0.3;cursor:not-allowed}.vditor-textarea:focus{background-color:#fff}.vditor-preview{flex:1;background-color:#fff;overflow:auto;padding:10px;box-shadow:inset 1px 0 #d1d5da;box-sizing:border-box;border-radius:0 0 3px 0}.vditor-preview::-webkit-scrollbar{display:none}.vditor-counter{padding:0 3px;position:absolute;bottom:10px;right:20px;color:#24292e;background-color:rgba(255,255,255,0.6);border-radius:3px;font-size:12px;user-select:none}.vditor-counter--error{color:#d23f31;background-color:rgba(210,63,49,0.1)}.vditor-resize{padding:1px 0;border-radius:5px;cursor:row-resize;transition:all .15s ease-in-out;user-select:none;background-color:#f6f8fa}.vditor-resize:hover{background-color:#4285f4}.vditor-resize:hover svg{color:#fff}.vditor-resize svg{fill:currentColor;stroke-width:0;stroke:currentColor;width:13px;height:3px;display:block;margin:0 auto;color:#586069}.vditor-upload{opacity:0;position:absolute;width:100%;height:5px;left:0;top:-3px;border-radius:3px;overflow:hidden;transition:all .15s ease-in-out;color:#fff;font-size:12px;line-height:14px}.vditor-upload ul{margin:0}.vditor-upload--tip{height:auto;opacity:1 !important}.vditor-upload--tip .vditor-upload__close{display:block}.vditor-upload__close{display:none;position:absolute;right:5px;cursor:pointer;padding:5px;top:0}.vditor-upload__progress{height:100%;background-color:rgba(66,133,244,0.8);transition:all .15s ease-in-out;padding:5px;box-sizing:border-box}.vditor-hint{background-color:#fff;position:absolute;box-shadow:0 1px 2px rgba(0,0,0,0.2);border-radius:3px;padding:5px 0;z-index:1;line-height:20px;list-style:none;color:#24292e;font-size:12px;margin:0;max-width:200px;min-width:80px;display:none}.vditor-hint li{cursor:pointer;padding:3px 10px;border-bottom:1px solid #d1d5da;line-height:20px}.vditor-hint li:last-child{border-bottom:0}.vditor-hint--current,.vditor-hint li:hover{background-color:#4285f4;color:#fff}.vditor-hint__emoji{font-size:16px;float:left;margin-right:3px}.vditor-hint img{height:20px;width:20px;float:left;margin-right:3px}html{height:100%;max-height:100%;font-size:62.5%;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{height:100%;max-height:100%;font-family:"Merriweather", "Microsoft Yahei", 'Helvetica';letter-spacing:0.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;text-rendering:geometricPrecision;margin:0}::-moz-selection{background:#D6EDFF}::selection{background:#D6EDFF}a{color:#4A4A4A;transition:color 0.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';text-rendering:geometricPrecision}h1{font-size:5rem;letter-spacing:-2px;text-indent:-3px}h2{font-size:3.6rem;letter-spacing:-1px}h3{font-size:3rem}h4{font-size:2.5rem}h5{font-size:2rem}h6{font-size:2rem}img{max-width:100%;height:auto}p,ul,ol,dl{-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;margin:0 0 1.75em 0;text-rendering:geometricPrecision}ol,ul{padding-left:3rem}ol ol,ul ul,ul ol,ol ul{padding-left:2em;margin-bottom:0}dl dt{float:left;width:180px;overflow:hidden;clear:left;text-align:right;text-overflow:ellipsis;white-space:nowrap;font-weight:700;margin-bottom:1em}dl dd{margin-left:200px;margin-bottom:1em}li li{margin:0}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 1.75em 0;padding:0 0 0 1.75em;border-left:#4A4A4A 0.4em solid}blockquote p{margin:0.8em 0;font-style:italic}blockquote small{display:inline-block;margin:0.8em 0 0.8em 1.5em;font-size:0.9em;color:#CCC}blockquote small:before{content:"\2014 \00A0"}blockquote cite{font-weight:700}blockquote cite a{font-weight:normal}mark{background-color:#fdffb6}code,tt{padding:1px 3px;font-family:Inconsolata, monospace, "Microsoft Yahei", 'Helvetica';font-size:0.85em;white-space:pre-wrap;border:#E3EDF3 1px solid;background:#F7FAFB;border-radius:2px}pre{-moz-box-sizing:border-box;box-sizing:border-box;margin:0 0 1.75em 0;border:#E3EDF3 1px solid;width:100%;padding:10px;font-family:Inconsolata, monospace, "Microsoft Yahei", 'Helvetica';font-size:0.9em;white-space:pre;overflow:auto;background:#F7FAFB;border-radius:3px}pre code,pre tt{font-size:inherit;white-space:pre-wrap;background:transparent;border:none;padding:0}.fn-clear:before,.fn-clear:after{display:table;content:""}.fn-clear:after{clear:both}.fn-left{float:left}.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%,20%,50%,80%,100%{-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%,20%,50%,80%,100%{-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?hvf32e");src:url("fonts/icomoon.eot?hvf32e#iefix") format("embedded-opentype"),url("fonts/icomoon.ttf?hvf32e") format("truetype"),url("fonts/icomoon.woff?hvf32e") format("woff"),url("fonts/icomoon.svg?hvf32e#icomoon") format("svg");font-weight:normal;font-style:normal}[class^="icon-"],[class*=" icon-"]{font-size:2rem;font-family:'icomoon' !important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-qqz:before{content:"\e902"}.icon-register:before{content:"\e600"}.icon-logout:before{content:"\e601"}.icon-setting:before{content:"\e602"}.icon-gotop:before{content:"\e60a"}.icon-twitter:before{content:"\e60b"}.icon-login:before{content:"\e611"}.icon-arrow-left:before{content:"\f605"}.icon-menu:before{line-height:38px;content:"\f609";font-size:20px}.icon-wechat:before{content:"\e903"}.icon-sitemap:before{content:"\e900"}.icon-list:before{content:"\e901"}.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 input,.form textarea,.form button{border:1px solid #CCCCCC;background-color:#FAFAFA;border-radius:3px;box-shadow:0 1px 2px rgba(0,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:none}.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,0.075) inset,0 0 5px rgba(81,167,232,0.5);border:1px solid #51A7E8}.error-msg{font-size:1.5rem;color:#9EABB3}.cmtFromSym{font-size:1rem;color:#9EABB3}.main-header{position:relative;display:table;width:100%;height:100vh;margin-bottom:5rem;text-align:center;background:#222 no-repeat center center;background-size:cover;overflow:hidden;background-image:url("../images/header-bg.jpg");min-height:50vh}.site-wrapper{position:relative;z-index:10;min-height:100%;background:#fff;-webkit-transition:-webkit-transform 0.5s ease;transition:transform 0.5s ease}.nav-opened .site-wrapper{overflow-x:hidden;margin-right:240px;transition:margin 0.3s ease}.page-title a{-webkit-animation:fade-in-down 0.6s;animation:fade-in-down 0.6s;-webkit-animation-delay:0.2s;animation-delay:0.2s;margin:10px 0 10px 0;font-size:5rem;letter-spacing:-1px;font-weight:700;font-family:"Open Sans", "Microsoft Yahei", 'Helvetica';color:#fff;text-shadow:0px 0px 3px rgba(0,0,0,0.9);text-decoration:none}.page-description,.page-description a{-webkit-animation:fade-in-down 0.9s;animation:fade-in-down 0.9s;-webkit-animation-delay:0.1s;animation-delay:0.1s;margin:0;font-size:2rem;line-height:1.5em;font-weight:400;letter-spacing:0.01rem;color:rgba(255,255,255,0.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;text-decoration:none;color:rgba(255,255,255,0.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 0.5s ease;right:20px;top:40px;text-decoration:none;font-family:'Open Sans', "Microsoft Yahei", 'Helvetica';z-index:30;overflow:hidden;background-color:#111;border:1px solid #111;color:#fff;cursor:pointer}.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 0.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 10px;opacity:0;background:#111;margin-bottom:0;text-align:left;overflow-y:auto;color:#FFF;-webkit-transition:-webkit-transform 0.5s ease, opacity 0.3s ease 0.7s;transition:transform 0.5s ease, opacity 0.3s ease 0.7s;overflow-x:hidden}.nav ul{margin:0;padding:0px 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;text-decoration:none;line-height:1.4;font-size:1.4rem}.nav a:hover,.nav a.current{color:#FFF}.nav li a{display:block;padding:0.6rem 4%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.nav li a:after{display:inline-block;content:" .......................................................";color:rgba(255,255,255,0.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{transform:translate3D(240px, 0, 0)}body.nav-opened .nav{opacity:1;-webkit-transition:-webkit-transform 0.3s ease, opacity 0s ease 0s;transition:transform 0.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 .share{position:relative}article.post .share canvas{position:absolute;left:0;top:36px}article.post:after{display:block;content:"";width:7px;height:7px;border:#E7EEF2 1px solid;position:absolute;bottom:-5px;left:50%;margin-left:-5px;background:#FFF;border-radius:100%;box-shadow:#FFF 0 0 0 5px}.post-title a{text-decoration:none}.post-tip{display:inline-block;text-transform:uppercase;font-size:1.3rem;white-space:nowrap;color:#9EABB3}.post-excerpt p{margin:0;font-size:0.9em;line-height:1.7em}.post-meta{color:#9eabb3;font-family:"Open Sans", "Microsoft Yahei", 'Helvetica';font-size:1.5rem;line-height:2.2rem;margin:1.75rem 0 0 0}.post-meta a{color:#9EABB3;text-decoration:none}.post-meta a:hover{text-decoration:underline}.post-meta time{border-left:1px solid #d5dbde;display:inline-block;font-size:1.3rem;margin-left:8px;padding-left:12px;text-transform:uppercase;white-space:nowrap}.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 0.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:bold}.icon-gotop{cursor:pointer;position:fixed;bottom:30px;right:30px;-webkit-animation:upbounce 4s 2s infinite;animation:upbounce 4s 2s infinite;text-decoration:none;z-index:12}.icon-gotop:hover{color:#B8B8B8;-webkit-animation:none;animation:none}.pagination{font-family:"Open Sans", "Microsoft Yahei", 'Helvetica';font-size:1.3rem;color:#9eabb3;text-align:center}.pagination a{color:#9EABB3;transition:all 0.2s ease;padding:0 15px;border:#bfc8cd 1px solid;text-decoration:none;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:#d5dbde 1px solid;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%;text-decoration:none;position:relative;text-align:center;color:#fff;background:#222 no-repeat center center;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,0.8);transition:all 0.2s ease}.read-next-story:hover .post:before{color:#222;background:#fff;transition:all 0.2s ease}.read-next-story:before{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,0.7);transition:all 0.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;font-family:"Open Sans", "Microsoft Yahei", 'Helvetica';color:rgba(255,255,255,0.8);border:1px solid rgba(255,255,255,0.5);border-radius:4px;transition:all 0.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,0.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;text-decoration:none}#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{text-decoration:none;margin:0;color:rgba(255,255,255,0.8)}.dynamic a:hover{color:rgba(255,255,255,0.5)}.site-footer{position:relative;margin:8rem 0 0 0;padding:1rem 15px;font-family:"Open Sans", "Microsoft Yahei", 'Helvetica';font-size:1rem;line-height:1.75em;color:#BBC7CC}.site-footer a{color:#BBC7CC;font-weight:bold;text-decoration:none}.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;height:auto;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:0.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;margin-top:2rem;margin-bottom:2rem;margin-left:16px;margin-right:16px;padding-bottom:2rem;line-height:1.65em}hr{margin:1.75em 0}p,ul,ol,dl{font-size:0.95em;margin:0 0 2.5rem 0}.page-title,.page-title a{font-size:3rem}.post-excerpt p{font-size:0.85em}.page-description,.page-description a{font-size:1.6rem}h1,h2,h3,h4,h5,h6{margin:0 0 0.3em 0}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{font-size:1.8rem}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-opened .site-wrapper{margin-right:0}.nav{z-index:11}.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}} +@keyframes tooltip-appear{from{opacity:0}to{opacity:1}}.vditor-tooltipped{position:relative;cursor:pointer}.vditor-tooltipped::after{position:absolute;z-index:1000000;display:none;padding:5px 8px;font-size:11px;font-weight:normal;-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,0.8);border-radius:3px;line-height:16px;opacity:0}.vditor-tooltipped::before{position:absolute;z-index:1000001;display:none;width:0;height:0;color:rgba(0,0,0,0.8);pointer-events:none;content:"";border:5px solid transparent;opacity:0}.vditor-tooltipped--hover::before,.vditor-tooltipped--hover::after,.vditor-tooltipped:hover::before,.vditor-tooltipped:hover::after,.vditor-tooltipped:active::before,.vditor-tooltipped:active::after,.vditor-tooltipped:focus::before,.vditor-tooltipped:focus::after{display:inline-block;text-decoration:none;animation-name:tooltip-appear;animation-duration:0.1s;animation-fill-mode:forwards;animation-timing-function:ease-in;animation-delay:0.4s}.vditor-tooltipped__s::after,.vditor-tooltipped__se::after,.vditor-tooltipped__sw::after{top:100%;right:50%;margin-top:5px}.vditor-tooltipped__s::before,.vditor-tooltipped__se::before,.vditor-tooltipped__sw::before{top:auto;right:50%;bottom:-5px;margin-right:-5px;border-bottom-color:rgba(0,0,0,0.8)}.vditor-tooltipped__se::after{right:auto;left:50%;margin-left:-15px}.vditor-tooltipped__sw::after{margin-right:-15px}.vditor-tooltipped__n::after,.vditor-tooltipped__ne::after,.vditor-tooltipped__nw::after{right:50%;bottom:100%;margin-bottom:5px}.vditor-tooltipped__n::before,.vditor-tooltipped__ne::before,.vditor-tooltipped__nw::before{top:-5px;right:50%;bottom:auto;margin-right:-5px;border-top-color:rgba(0,0,0,0.8)}.vditor-tooltipped__ne::after{right:auto;left:50%;margin-left:-15px}.vditor-tooltipped__nw::after{margin-right:-15px}.vditor-tooltipped__s::after,.vditor-tooltipped__n::after{transform:translateX(50%)}.vditor-tooltipped__w::after{right:100%;bottom:50%;margin-right:5px;transform:translateY(50%)}.vditor-tooltipped__w::before{top:50%;bottom:50%;left:-5px;margin-top:-5px;border-left-color:rgba(0,0,0,0.8)}.vditor-tooltipped__e::after{bottom:50%;left:100%;margin-left:5px;transform:translateY(50%)}.vditor-tooltipped__e::before{top:50%;right:-5px;bottom:50%;margin-top:-5px;border-right-color:rgba(0,0,0,0.8)}.vditor-panel{background-color:#fff;position:absolute;box-shadow:0 1px 2px rgba(0,0,0,0.2);border-radius:3px;padding:5px;z-index:1;font-size:14px;display:none;user-select:none;max-width:200px;min-width:80px}.vditor-panel h1,.vditor-panel h2,.vditor-panel h3,.vditor-panel h4,.vditor-panel h5,.vditor-panel h6{margin:0;cursor:pointer;padding:3px 10px;border-radius:3px;line-height:normal}.vditor-panel h1:hover,.vditor-panel h2:hover,.vditor-panel h3:hover,.vditor-panel h4:hover,.vditor-panel h5:hover,.vditor-panel h6:hover{background-color:#4285f4;color:#fff}.vditor-toolbar{background-color:#f6f8fa;border-bottom:1px solid #d1d5da;padding:0 5px;border-radius:3px 3px 0 0}.vditor-toolbar>div{padding:10px 5px;float:left;line-height:14px;height:36px;box-sizing:border-box}.vditor-toolbar svg{fill:currentColor;display:inline-block;stroke-width:0;stroke:currentColor;width:14px;height:14px}.vditor-toolbar .vditor-tooltipped{color:#586069}.vditor-toolbar .vditor-tooltipped:hover{color:#4285f4}.vditor-toolbar label{overflow:hidden;position:relative;height:14px;width:15px;display:block;cursor:pointer}.vditor-toolbar input{position:absolute;width:1px;opacity:.001;height:14px;overflow:hidden}.vditor-menu--current svg{color:#4285f4}.vditor-menu__divider{width:10px}.vditor-menu__br{width:100%;padding:0 !important;height:0 !important}.vditor-emojis{display:inline-block}.vditor-emojis__tail{font-size:12px;text-align:right;color:#586069}.vditor-emojis__tail a{text-decoration:none;color:#586069}.vditor-emojis__tail a:hover{color:#4285f4}.vditor-emojis span{cursor:pointer;border-radius:3px;float:left;height:26px;width:26px;text-align:center;line-height:20px;padding:3px;box-sizing:border-box;font-size:16px}.vditor-emojis span:hover{background-color:#4285f4}.vditor-emojis img{height:20px;width:20px;float:left}.vditor{display:flex;flex-direction:column;border:1px solid #d1d5da;border-radius:3px;box-sizing:border-box}.vditor--fullscreen{position:fixed;top:0;width:100% !important;left:0;height:100vh !important;z-index:90;background-color:#fff}.vditor-content{display:flex;min-height:60px;flex:1;position:relative;overflow:hidden}.vditor-textarea{flex:1;border:0;resize:none;padding:10px;box-sizing:border-box;background-color:#fafbfc;outline:0 none;font-size:16px;line-height:22px;color:#24292e;border-radius:0 0 3px 3px}.vditor-textarea[disabled]{opacity:0.3;cursor:not-allowed}.vditor-textarea:focus{background-color:#fff}.vditor-preview{flex:1;background-color:#fff;overflow:auto;padding:10px;box-shadow:inset 1px 0 #d1d5da;box-sizing:border-box;border-radius:0 0 3px 0}.vditor-preview::-webkit-scrollbar{display:none}.vditor-counter{padding:0 3px;position:absolute;bottom:10px;right:20px;color:#24292e;background-color:rgba(255,255,255,0.6);border-radius:3px;font-size:12px;user-select:none}.vditor-counter--error{color:#d23f31;background-color:rgba(210,63,49,0.1)}.vditor-resize{padding:1px 0;border-radius:5px;cursor:row-resize;transition:all .15s ease-in-out;user-select:none;background-color:#f6f8fa}.vditor-resize:hover{background-color:#4285f4}.vditor-resize:hover svg{color:#fff}.vditor-resize svg{fill:currentColor;stroke-width:0;stroke:currentColor;width:13px;height:3px;display:block;margin:0 auto;color:#586069}.vditor-upload{opacity:0;position:absolute;width:100%;height:5px;left:0;top:-3px;border-radius:3px;overflow:hidden;transition:all .15s ease-in-out;color:#fff;font-size:12px;line-height:14px}.vditor-upload ul{margin:0}.vditor-upload--tip{height:auto;opacity:1 !important}.vditor-upload--tip .vditor-upload__close{display:block}.vditor-upload__close{display:none;position:absolute;right:5px;cursor:pointer;padding:5px;top:0}.vditor-upload__progress{height:100%;background-color:rgba(66,133,244,0.8);transition:all .15s ease-in-out;padding:5px;box-sizing:border-box}.vditor-hint{background-color:#fff;position:absolute;box-shadow:0 1px 2px rgba(0,0,0,0.2);border-radius:3px;padding:5px 0;z-index:1;line-height:20px;list-style:none;color:#24292e;font-size:12px;margin:0;max-width:200px;min-width:80px;display:none}.vditor-hint li{cursor:pointer;padding:3px 10px;border-bottom:1px solid #d1d5da;line-height:20px}.vditor-hint li:last-child{border-bottom:0}.vditor-hint--current,.vditor-hint li:hover{background-color:#4285f4;color:#fff}.vditor-hint__emoji{font-size:16px;float:left;margin-right:3px}.vditor-hint img{height:20px;width:20px;float:left;margin-right:3px}.vditor-reset{font-family:"Helvetica Neue","Luxi Sans","DejaVu Sans",Tahoma,"Hiragino Sans GB","Microsoft Yahei",sans-serif;word-wrap:break-word;overflow:auto;line-height:1.65;font-size:16px;word-break:break-word}.vditor-reset ul,.vditor-reset ol{padding-left:2em;margin-top:0;margin-bottom:16px}.vditor-reset li{margin-top:0.25em}.vditor-reset audio{max-width:100%}.vditor-reset video{max-height:90vh}.vditor-reset img.emoji{cursor:auto;max-width:20px;vertical-align:top}.vditor-reset h1,.vditor-reset h2,.vditor-reset h3,.vditor-reset h4,.vditor-reset h5,.vditor-reset h6{margin-top:24px;margin-bottom:16px;font-weight:600;line-height:1.25}.vditor-reset h1{padding-bottom:0.3em;font-size:1.7em;border-bottom:1px solid #eee}.vditor-reset h2{padding-bottom:0.3em;font-size:1.5em;border-bottom:1px solid #eee}.vditor-reset h3{font-size:1.25em}.vditor-reset h4{font-size:1em}.vditor-reset h5{font-size:0.875em}.vditor-reset h6{font-size:0.85em}.vditor-reset hr{height:0.15em;padding:0;margin:24px 0;background-color:#e7e7e7;border:0}.vditor-reset p{margin-top:0;margin-bottom:16px}.vditor-reset blockquote{padding:0 1em;color:#777;border-left:0.25em solid #ddd;margin:0 0 16px 0}.vditor-reset blockquote p{margin:0}.vditor-reset ins>iframe{border:0}.vditor-reset iframe{border:1px solid #d1d5da}.vditor-reset table{width:100%;border:1px solid #dedede;margin:15px auto;border-collapse:collapse;empty-cells:show}.vditor-reset thead{text-align:center}.vditor-reset td,.vditor-reset th{height:35px;border:1px solid #dedede;padding:0 10px}.vditor-reset th{font-weight:bold;text-align:center !important;background:rgba(158,188,226,0.2)}.vditor-reset tbody tr:nth-child(2n){background:rgba(158,188,226,0.12)}.vditor-reset tr:hover{background:#efefef}.vditor-reset code{padding:0.2em 0.4em;margin:0;font-size:85%;background-color:rgba(27,31,35,0.05);border-radius:3px;font-family:mononoki,Consolas,"Liberation Mono",Menlo,Courier,monospace;word-break:break-word}.vditor-reset pre>code{padding:0.5em;background-color:rgba(0,0,0,0.04);background-image:url("https://cdn.jsdelivr.net/npm/vditor@1.1.2/src/assets/images/code-bg.png");background-size:20px 20px;border-radius:5px;display:block;overflow:auto}.vditor-reset pre:hover div.vditor-copy{display:block}.vditor-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:solid 1px #d1d5da;border-bottom-color:#bbb;border-radius:3px;box-shadow:inset 0 -1px 0 #bbb}.vditor-reset summary{cursor:pointer}.vditor-reset summary:focus{outline:none}.vditor-reset svg{height:auto;width:auto}.vditor-task{list-style:none;margin-left:-1.4em;display:flex;align-items:center}.vditor-task input{margin-right:5px}.vditor-copy{position:relative;display:none}.vditor-copy textarea{position:absolute;top:-100000px}.vditor-copy span{cursor:pointer;position:absolute;right:0.5em;top:0.5em;height:20px;width:20px}.vditor-copy svg{height:20px;width:20px}html{height:100%;max-height:100%;font-size:62.5%;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{height:100%;max-height:100%;font-family:"Merriweather", "Microsoft Yahei", 'Helvetica';letter-spacing:0.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;text-rendering:geometricPrecision;margin:0}::-moz-selection{background:#D6EDFF}::selection{background:#D6EDFF}a{color:#4A4A4A;transition:color 0.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';text-rendering:geometricPrecision}h1{font-size:5rem;letter-spacing:-2px;text-indent:-3px}h2{font-size:3.6rem;letter-spacing:-1px}h3{font-size:3rem}h4{font-size:2.5rem}h5{font-size:2rem}h6{font-size:2rem}img{max-width:100%;height:auto}p,ul,ol,dl{-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;margin:0 0 1.75em 0;text-rendering:geometricPrecision}ol,ul{padding-left:3rem}ol ol,ul ul,ul ol,ol ul{padding-left:2em;margin-bottom:0}dl dt{float:left;width:180px;overflow:hidden;clear:left;text-align:right;text-overflow:ellipsis;white-space:nowrap;font-weight:700;margin-bottom:1em}dl dd{margin-left:200px;margin-bottom:1em}li li{margin:0}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 1.75em 0;padding:0 0 0 1.75em;border-left:#4A4A4A 0.4em solid}blockquote p{margin:0.8em 0;font-style:italic}blockquote small{display:inline-block;margin:0.8em 0 0.8em 1.5em;font-size:0.9em;color:#CCC}blockquote small:before{content:"\2014 \00A0"}blockquote cite{font-weight:700}blockquote cite a{font-weight:normal}mark{background-color:#fdffb6}code,tt{padding:1px 3px;font-family:Inconsolata, monospace, "Microsoft Yahei", 'Helvetica';font-size:0.85em;white-space:pre-wrap;border:#E3EDF3 1px solid;background:#F7FAFB;border-radius:2px}pre{-moz-box-sizing:border-box;box-sizing:border-box;margin:0 0 1.75em 0;border:#E3EDF3 1px solid;width:100%;padding:10px;font-family:Inconsolata, monospace, "Microsoft Yahei", 'Helvetica';font-size:0.9em;white-space:pre;overflow:auto;background:#F7FAFB;border-radius:3px}pre code,pre tt{font-size:inherit;white-space:pre-wrap;background:transparent;border:none;padding:0}.fn-clear:before,.fn-clear:after{display:table;content:""}.fn-clear:after{clear:both}.fn-left{float:left}.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%,20%,50%,80%,100%{-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%,20%,50%,80%,100%{-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?hvf32e");src:url("fonts/icomoon.eot?hvf32e#iefix") format("embedded-opentype"),url("fonts/icomoon.ttf?hvf32e") format("truetype"),url("fonts/icomoon.woff?hvf32e") format("woff"),url("fonts/icomoon.svg?hvf32e#icomoon") format("svg");font-weight:normal;font-style:normal}[class^="icon-"],[class*=" icon-"]{font-size:2rem;font-family:'icomoon' !important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-qqz:before{content:"\e902"}.icon-register:before{content:"\e600"}.icon-logout:before{content:"\e601"}.icon-setting:before{content:"\e602"}.icon-gotop:before{content:"\e60a"}.icon-twitter:before{content:"\e60b"}.icon-login:before{content:"\e611"}.icon-arrow-left:before{content:"\f605"}.icon-menu:before{line-height:38px;content:"\f609";font-size:20px}.icon-wechat:before{content:"\e903"}.icon-sitemap:before{content:"\e900"}.icon-list:before{content:"\e901"}.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 input,.form textarea,.form button{border:1px solid #CCCCCC;background-color:#FAFAFA;border-radius:3px;box-shadow:0 1px 2px rgba(0,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:none}.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,0.075) inset,0 0 5px rgba(81,167,232,0.5);border:1px solid #51A7E8}.error-msg{font-size:1.5rem;color:#9EABB3}.cmtFromSym{font-size:1rem;color:#9EABB3}.main-header{position:relative;display:table;width:100%;height:100vh;margin-bottom:5rem;text-align:center;background:#222 no-repeat center center;background-size:cover;overflow:hidden;background-image:url("../images/header-bg.jpg");min-height:50vh}.site-wrapper{position:relative;z-index:10;min-height:100%;background:#fff;-webkit-transition:-webkit-transform 0.5s ease;transition:transform 0.5s ease}.nav-opened .site-wrapper{overflow-x:hidden;margin-right:240px;transition:margin 0.3s ease}.page-title a{-webkit-animation:fade-in-down 0.6s;animation:fade-in-down 0.6s;-webkit-animation-delay:0.2s;animation-delay:0.2s;margin:10px 0 10px 0;font-size:5rem;letter-spacing:-1px;font-weight:700;font-family:"Open Sans", "Microsoft Yahei", 'Helvetica';color:#fff;text-shadow:0px 0px 3px rgba(0,0,0,0.9);text-decoration:none}.page-description,.page-description a{-webkit-animation:fade-in-down 0.9s;animation:fade-in-down 0.9s;-webkit-animation-delay:0.1s;animation-delay:0.1s;margin:0;font-size:2rem;line-height:1.5em;font-weight:400;letter-spacing:0.01rem;color:rgba(255,255,255,0.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;text-decoration:none;color:rgba(255,255,255,0.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 0.5s ease;right:20px;top:40px;text-decoration:none;font-family:'Open Sans', "Microsoft Yahei", 'Helvetica';z-index:30;overflow:hidden;background-color:#111;border:1px solid #111;color:#fff;cursor:pointer}.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 0.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 10px;opacity:0;background:#111;margin-bottom:0;text-align:left;overflow-y:auto;color:#FFF;-webkit-transition:-webkit-transform 0.5s ease, opacity 0.3s ease 0.7s;transition:transform 0.5s ease, opacity 0.3s ease 0.7s;overflow-x:hidden}.nav ul{margin:0;padding:0px 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;text-decoration:none;line-height:1.4;font-size:1.4rem}.nav a:hover,.nav a.current{color:#FFF}.nav li a{display:block;padding:0.6rem 4%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.nav li a:after{display:inline-block;content:" .......................................................";color:rgba(255,255,255,0.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{transform:translate3D(240px, 0, 0)}body.nav-opened .nav{opacity:1;-webkit-transition:-webkit-transform 0.3s ease, opacity 0s ease 0s;transition:transform 0.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 .share{position:relative}article.post .share canvas{position:absolute;left:0;top:36px}article.post:after{display:block;content:"";width:7px;height:7px;border:#E7EEF2 1px solid;position:absolute;bottom:-5px;left:50%;margin-left:-5px;background:#FFF;border-radius:100%;box-shadow:#FFF 0 0 0 5px}.post-title a{text-decoration:none}.post-tip{display:inline-block;text-transform:uppercase;font-size:1.3rem;white-space:nowrap;color:#9EABB3}.post-excerpt p{margin:0;font-size:0.9em;line-height:1.7em}.post-meta{color:#9eabb3;font-family:"Open Sans", "Microsoft Yahei", 'Helvetica';font-size:1.5rem;line-height:2.2rem;margin:1.75rem 0 0 0}.post-meta a{color:#9EABB3;text-decoration:none}.post-meta a:hover{text-decoration:underline}.post-meta time{border-left:1px solid #d5dbde;display:inline-block;font-size:1.3rem;margin-left:8px;padding-left:12px;text-transform:uppercase;white-space:nowrap}.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 0.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:bold}.icon-gotop{cursor:pointer;position:fixed;bottom:30px;right:30px;-webkit-animation:upbounce 4s 2s infinite;animation:upbounce 4s 2s infinite;text-decoration:none;z-index:12}.icon-gotop:hover{color:#B8B8B8;-webkit-animation:none;animation:none}.pagination{font-family:"Open Sans", "Microsoft Yahei", 'Helvetica';font-size:1.3rem;color:#9eabb3;text-align:center}.pagination a{color:#9EABB3;transition:all 0.2s ease;padding:0 15px;border:#bfc8cd 1px solid;text-decoration:none;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:#d5dbde 1px solid;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%;text-decoration:none;position:relative;text-align:center;color:#fff;background:#222 no-repeat center center;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,0.8);transition:all 0.2s ease}.read-next-story:hover .post:before{color:#222;background:#fff;transition:all 0.2s ease}.read-next-story:before{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,0.7);transition:all 0.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;font-family:"Open Sans", "Microsoft Yahei", 'Helvetica';color:rgba(255,255,255,0.8);border:1px solid rgba(255,255,255,0.5);border-radius:4px;transition:all 0.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,0.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;text-decoration:none}#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{text-decoration:none;margin:0;color:rgba(255,255,255,0.8)}.dynamic a:hover{color:rgba(255,255,255,0.5)}.site-footer{position:relative;margin:8rem 0 0 0;padding:1rem 15px;font-family:"Open Sans", "Microsoft Yahei", 'Helvetica';font-size:1rem;line-height:1.75em;color:#BBC7CC}.site-footer a{color:#BBC7CC;font-weight:bold;text-decoration:none}.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;height:auto;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:0.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;margin-top:2rem;margin-bottom:2rem;margin-left:16px;margin-right:16px;padding-bottom:2rem;line-height:1.65em}hr{margin:1.75em 0}p,ul,ol,dl{font-size:0.95em;margin:0 0 2.5rem 0}.page-title,.page-title a{font-size:3rem}.post-excerpt p{font-size:0.85em}.page-description,.page-description a{font-size:1.6rem}h1,h2,h3,h4,h5,h6{margin:0 0 0.3em 0}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{font-size:1.8rem}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-opened .site-wrapper{margin-right:0}.nav{z-index:11}.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}} diff --git a/Finding/css/base.scss b/Finding/css/base.scss index 7e5e60f..4b73a77 100644 --- a/Finding/css/base.scss +++ b/Finding/css/base.scss @@ -21,9 +21,8 @@ * * @author Liyuan Li * @author Liang Ding - * @version 2.2.0.0, Mar 4, 2019 + * @version 2.2.0.1, Mar 16, 2019 */ -@import "../../../scss/reset-content"; @import "vditor/src/assets/scss/classic"; /* start reset */ html { diff --git a/Finding/dynamic.ftl b/Finding/dynamic.ftl index a1544a2..26efcac 100644 --- a/Finding/dynamic.ftl +++ b/Finding/dynamic.ftl @@ -54,7 +54,7 @@ ${viewLabel}»
-
+
${comment.commentContent}
diff --git a/Finding/footer.ftl b/Finding/footer.ftl index c5a2c87..66c5e76 100644 --- a/Finding/footer.ftl +++ b/Finding/footer.ftl @@ -40,11 +40,10 @@ var Label = { "markedAvailable": ${markedAvailable?c}, + "hljsStyle": "atom-one-light", + "langLabel": "${langLabel}", "skinDirName": "${skinDirName}" }; - Util.initSW(); - Util.parseMarkdown(); - Util.killIE(8) - Util.previewImg() + Util.init() ${plugins} diff --git a/Finding/js/Finding.js b/Finding/js/Finding.js index 5f193da..78d52bc 100644 --- a/Finding/js/Finding.js +++ b/Finding/js/Finding.js @@ -81,7 +81,7 @@ var Finding = { $('.nav .icon-list').show(); Finding.tabNav('toc') - var $articleTocs = $('.content-reset [id^=b3_solo_h]'), + var $articleTocs = $('.vditor-reset [id^=b3_solo_h]'), $articleToc = $('.b3-solo-list'); $(window).scroll(function (event) { diff --git a/Finding/js/Finding.min.js b/Finding/js/Finding.min.js index bef9118..a6008bc 100644 --- a/Finding/js/Finding.min.js +++ b/Finding/js/Finding.min.js @@ -1 +1 @@ -var Finding={init:function(){Util.killIE(),this._initToc(),this.share(),$(".scroll-down").click(function(t){t.preventDefault();var n=$(this),o=$("html, body"),i=!!n.attr("data-offset")&&n.attr("data-offset"),a=parseInt(i);o.stop(!0,!1).animate({scrollTop:$(this.hash).offset().top+a},500)}),$("body").append('Menu'),$(".menu-button").click(function(t){t.stopPropagation(),$("body").toggleClass("nav-opened nav-closed")}),$(window).scroll(function(){$(window).scrollTop()>$(".main-header").height()?$(".icon-gotop").show():$(".icon-gotop").hide()})},_initToc:function(){if(0===$(".b3-solo-list li").length)return $(".nav .icon-list").hide(),void $(".nav .icon-sitemap").click();$(".nav ul:first").after($(".b3-solo-list")),500<$(window).width()&&$("body").toggleClass("nav-opened nav-closed"),$(".nav .icon-list").show(),Finding.tabNav("toc");var s=$(".content-reset [id^=b3_solo_h]"),l=$(".b3-solo-list");$(window).scroll(function(t){if(0===$(".b3-solo-list li").length)return!1;var n=[];s.each(function(t){n.push({id:this.id,offsetTop:this.offsetTop})});for(var o=$(window).scrollTop(),i=0,a=n.length;i=n[n.length-1].offsetTop+280&&(l.find("li").removeClass("current"),l.find("li:last").addClass("current"))}),$(window).scroll()},tabNav:function(t){$(".nav .current").removeClass("current"),"toc"===t?($(".nav ul:first, .nav .count").hide(),$(".nav ul:last").show(),$(".icon-list").addClass("current")):($(".nav ul:first, .nav .count").show(),$(".nav ul:last").hide(),$(".icon-sitemap").addClass("current"))},share:function(){var t=$(".share"),n=t.find(".icon-wechat"),o=n.data("url"),i=n.data("avatar"),a=encodeURIComponent(n.data("title")+" - "+n.data("blogtitle")),e=encodeURIComponent(o),s={};s.weibo="http://v.t.sina.com.cn/share/share.php?title="+a+"&url="+e+"&pic="+i,s.qqz="https://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?url="+e+"&sharesource=qzone&title="+a+"&pics="+i,s.twitter="https://twitter.com/intent/tweet?status="+a+" "+e,t.find("span").click(function(){var t=$(this).data("type");if(t)return"wechat"===t?(0===n.find("canvas").length?$.ajax({method:"GET",url:latkeConfig.staticServePath+"/js/lib/jquery.qrcode.min.js",dataType:"script",cache:!0,success:function(){n.qrcode({width:128,height:128,text:o})}}):n.find("canvas").slideToggle(),!1):void window.open(s[t],"_blank","top=100,left=200,width=648,height=618")})}};Finding.init(); \ No newline at end of file +var Finding={init:function(){Util.killIE(),this._initToc(),this.share(),$(".scroll-down").click(function(t){t.preventDefault();var n=$(this),i=$("html, body"),o=!!n.attr("data-offset")&&n.attr("data-offset"),a=parseInt(o);i.stop(!0,!1).animate({scrollTop:$(this.hash).offset().top+a},500)}),$("body").append('Menu'),$(".menu-button").click(function(t){t.stopPropagation(),$("body").toggleClass("nav-opened nav-closed")}),$(window).scroll(function(){$(window).scrollTop()>$(".main-header").height()?$(".icon-gotop").show():$(".icon-gotop").hide()})},_initToc:function(){if(0===$(".b3-solo-list li").length)return $(".nav .icon-list").hide(),void $(".nav .icon-sitemap").click();$(".nav ul:first").after($(".b3-solo-list")),500<$(window).width()&&$("body").toggleClass("nav-opened nav-closed"),$(".nav .icon-list").show(),Finding.tabNav("toc");var s=$(".vditor-reset [id^=b3_solo_h]"),l=$(".b3-solo-list");$(window).scroll(function(t){if(0===$(".b3-solo-list li").length)return!1;var n=[];s.each(function(t){n.push({id:this.id,offsetTop:this.offsetTop})});for(var i=$(window).scrollTop(),o=0,a=n.length;o=n[n.length-1].offsetTop+280&&(l.find("li").removeClass("current"),l.find("li:last").addClass("current"))}),$(window).scroll()},tabNav:function(t){$(".nav .current").removeClass("current"),"toc"===t?($(".nav ul:first, .nav .count").hide(),$(".nav ul:last").show(),$(".icon-list").addClass("current")):($(".nav ul:first, .nav .count").show(),$(".nav ul:last").hide(),$(".icon-sitemap").addClass("current"))},share:function(){var t=$(".share"),n=t.find(".icon-wechat"),i=n.data("url"),o=n.data("avatar"),a=encodeURIComponent(n.data("title")+" - "+n.data("blogtitle")),e=encodeURIComponent(i),s={};s.weibo="http://v.t.sina.com.cn/share/share.php?title="+a+"&url="+e+"&pic="+o,s.qqz="https://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?url="+e+"&sharesource=qzone&title="+a+"&pics="+o,s.twitter="https://twitter.com/intent/tweet?status="+a+" "+e,t.find("span").click(function(){var t=$(this).data("type");if(t)return"wechat"===t?(0===n.find("canvas").length?$.ajax({method:"GET",url:latkeConfig.staticServePath+"/js/lib/jquery.qrcode.min.js",dataType:"script",cache:!0,success:function(){n.qrcode({width:128,height:128,text:i})}}):n.find("canvas").slideToggle(),!1):void window.open(s[t],"_blank","top=100,left=200,width=648,height=618")})}};Finding.init(); \ No newline at end of file diff --git a/Finding/page.ftl b/Finding/page.ftl index c8f1f1b..1e3db18 100644 --- a/Finding/page.ftl +++ b/Finding/page.ftl @@ -36,7 +36,7 @@ <#include "header.ftl">
-
+
${page.pageContent}
diff --git a/Jane/article-list.ftl b/Jane/article-list.ftl index 86afe80..1c37e5f 100644 --- a/Jane/article-list.ftl +++ b/Jane/article-list.ftl @@ -51,7 +51,7 @@ ${article.articleViewCount} ${viewLabel}
-
+
${article.articleAbstract}
More... diff --git a/Jane/article.ftl b/Jane/article.ftl index 24b78c4..7f013aa 100644 --- a/Jane/article.ftl +++ b/Jane/article.ftl @@ -89,7 +89,7 @@
-
+
${article.articleContent} <#if "" != article.articleSign.signHTML?trim>
diff --git a/Jane/common-comment.ftl b/Jane/common-comment.ftl index 7f09b44..47d0cf6 100644 --- a/Jane/common-comment.ftl +++ b/Jane/common-comment.ftl @@ -44,7 +44,7 @@
-
+
${comment.commentContent}
diff --git a/Jane/css/base.css b/Jane/css/base.css index ee2024c..c29c92e 100644 --- a/Jane/css/base.css +++ b/Jane/css/base.css @@ -1 +1 @@ -html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;height:100%}body{margin:0;font-family:"Helvetica Neue", "Luxi Sans", "DejaVu Sans", Tahoma, "Hiragino Sans GB", "Microsoft Yahei", sans-serif;font-size:14px;background-color:#fff;-webkit-font-smoothing:antialiased;-webkit-overflow-scrolling:touch}::-moz-selection{text-shadow:none;background:rgba(65,131,196,0.4)}::selection{text-shadow:none;background:rgba(66,133,244,0.4)}ul,ol{margin:0;padding:0}h1,h2,h3,h4,h5,h6,dl,dd,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{outline:0;text-decoration:none}a:hover{text-decoration:underline}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.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{margin:0;font-size:100%;vertical-align:middle;font-family:"Helvetica Neue", "Luxi Sans", "DejaVu Sans", Tahoma, "Hiragino Sans GB", "Microsoft Yahei", sans-serif;outline:none}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"]{box-sizing:content-box;-webkit-appearance:textfield}input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none}textarea{overflow:auto;resize:vertical}svg{fill:currentColor;display:inline-block;stroke-width:0;stroke:currentColor;width:14px;height:14px}blockquote{margin:0}.content-reset{word-wrap:break-word;overflow:auto;line-height:1.65;font-size:16px;word-break:break-word}.content-reset ul,.content-reset ol{padding-left:2em;margin-top:0;margin-bottom:16px}.content-reset li{margin-top:0.25em}.content-reset audio{max-width:100%}.content-reset video{max-height:90vh}.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{padding-bottom:0.3em;font-size:1.7em;border-bottom:1px solid #eee}.content-reset h2{padding-bottom:0.3em;font-size:1.5em;border-bottom:1px solid #eee}.content-reset h3{font-size:1.25em}.content-reset h4{font-size:1em}.content-reset h5{font-size:0.875em}.content-reset h6{font-size:0.85em}.content-reset hr{height:1px;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:0.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,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:bold;text-align:center !important;background:rgba(158,188,226,0.2)}.content-reset tbody tr:nth-child(2n){background:rgba(158,188,226,0.12)}.content-reset tr:hover{background:#efefef}.content-reset code{padding:.2em .4em;margin:0;font-size:85%;background-color:rgba(27,31,35,0.05);border-radius:3px;font-family:mononoki, Consolas, Liberation Mono, Menlo, Courier, monospace;word-break:break-word}.content-reset pre{position:relative}.content-reset pre textarea{position:absolute;top:-100000px}.content-reset pre>code{padding:0.5em;background-color:rgba(0,0,0,0.04);background-size:20px 20px;border-radius:5px;display:block}.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:solid 1px rgba(0,0,0,0.38);border-bottom-color:#bbb;border-radius:3px;box-shadow:inset 0 -1px 0 #bbb}.content-reset__task,.content-reset .task-list-item{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}.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__pointer{cursor:pointer}.fn__clear:before,.fn__clear:after{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__center{text-align:center}.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;cursor:pointer}.tooltipped::after{position:absolute;z-index:1000000;display:none;padding:5px 8px;font-size:11px;font-weight:normal;-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,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,0.8);pointer-events:none;content:"";border:5px solid transparent;opacity:0}.tooltipped--hover::before,.tooltipped--hover::after,.tooltipped:hover::before,.tooltipped:hover::after,.tooltipped:active::before,.tooltipped:active::after,.tooltipped:focus::before,.tooltipped:focus::after{display:inline-block;text-decoration:none;animation-name:tooltip-appear;animation-duration:0.1s;animation-fill-mode:forwards;animation-timing-function:ease-in;animation-delay:0.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,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,0.8)}.tooltipped__ne::after{right:auto;left:50%;margin-left:-15px}.tooltipped__nw::after{margin-right:-15px}.tooltipped__s::after,.tooltipped__n::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,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,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:0px;width:100px;height:100%;box-shadow:0 0 10px #d23f31, 0 0 5px #d23f31;opacity:1.0;-webkit-transform:rotate(3deg) translate(0px, -4px);-ms-transform:rotate(3deg) translate(0px, -4px);transform:rotate(3deg) translate(0px, -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:solid 2px transparent;border-top-color:#d23f31;border-left-color:#d23f31;border-radius:50%;-webkit-animation:nprogress-spinner 400ms linear infinite;animation:nprogress-spinner 400ms linear infinite}.nprogress-custom-parent{overflow:hidden;position:relative}.nprogress-custom-parent #nprogress .spinner,.nprogress-custom-parent #nprogress .bar{position:absolute}@-webkit-keyframes nprogress-spinner{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}}@keyframes nprogress-spinner{0%{transform:rotate(0deg)}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:normal;font-style:normal}[class^="icon__"],[class*=" icon__"]{font-family:'icomoon' !important;speak:none;font-style:normal;font-weight:normal;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"}@keyframes tooltip-appear{from{opacity:0}to{opacity:1}}.vditor-tooltipped{position:relative;cursor:pointer}.vditor-tooltipped::after{position:absolute;z-index:1000000;display:none;padding:5px 8px;font-size:11px;font-weight:normal;-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,0.8);border-radius:3px;line-height:16px;opacity:0}.vditor-tooltipped::before{position:absolute;z-index:1000001;display:none;width:0;height:0;color:rgba(0,0,0,0.8);pointer-events:none;content:"";border:5px solid transparent;opacity:0}.vditor-tooltipped--hover::before,.vditor-tooltipped--hover::after,.vditor-tooltipped:hover::before,.vditor-tooltipped:hover::after,.vditor-tooltipped:active::before,.vditor-tooltipped:active::after,.vditor-tooltipped:focus::before,.vditor-tooltipped:focus::after{display:inline-block;text-decoration:none;animation-name:tooltip-appear;animation-duration:0.1s;animation-fill-mode:forwards;animation-timing-function:ease-in;animation-delay:0.4s}.vditor-tooltipped__s::after,.vditor-tooltipped__se::after,.vditor-tooltipped__sw::after{top:100%;right:50%;margin-top:5px}.vditor-tooltipped__s::before,.vditor-tooltipped__se::before,.vditor-tooltipped__sw::before{top:auto;right:50%;bottom:-5px;margin-right:-5px;border-bottom-color:rgba(0,0,0,0.8)}.vditor-tooltipped__se::after{right:auto;left:50%;margin-left:-15px}.vditor-tooltipped__sw::after{margin-right:-15px}.vditor-tooltipped__n::after,.vditor-tooltipped__ne::after,.vditor-tooltipped__nw::after{right:50%;bottom:100%;margin-bottom:5px}.vditor-tooltipped__n::before,.vditor-tooltipped__ne::before,.vditor-tooltipped__nw::before{top:-5px;right:50%;bottom:auto;margin-right:-5px;border-top-color:rgba(0,0,0,0.8)}.vditor-tooltipped__ne::after{right:auto;left:50%;margin-left:-15px}.vditor-tooltipped__nw::after{margin-right:-15px}.vditor-tooltipped__s::after,.vditor-tooltipped__n::after{transform:translateX(50%)}.vditor-tooltipped__w::after{right:100%;bottom:50%;margin-right:5px;transform:translateY(50%)}.vditor-tooltipped__w::before{top:50%;bottom:50%;left:-5px;margin-top:-5px;border-left-color:rgba(0,0,0,0.8)}.vditor-tooltipped__e::after{bottom:50%;left:100%;margin-left:5px;transform:translateY(50%)}.vditor-tooltipped__e::before{top:50%;right:-5px;bottom:50%;margin-top:-5px;border-right-color:rgba(0,0,0,0.8)}.vditor-panel{background-color:#fff;position:absolute;box-shadow:0 1px 2px rgba(0,0,0,0.2);border-radius:3px;padding:5px;z-index:1;font-size:14px;display:none;user-select:none;max-width:200px;min-width:80px}.vditor-panel h1,.vditor-panel h2,.vditor-panel h3,.vditor-panel h4,.vditor-panel h5,.vditor-panel h6{margin:0;cursor:pointer;padding:3px 10px;border-radius:3px;line-height:normal}.vditor-panel h1:hover,.vditor-panel h2:hover,.vditor-panel h3:hover,.vditor-panel h4:hover,.vditor-panel h5:hover,.vditor-panel h6:hover{background-color:#4285f4;color:#fff}.vditor-toolbar{background-color:#f6f8fa;border-bottom:1px solid #d1d5da;padding:0 5px;border-radius:3px 3px 0 0}.vditor-toolbar>div{padding:10px 5px;float:left;line-height:14px;height:36px;box-sizing:border-box}.vditor-toolbar svg{fill:currentColor;display:inline-block;stroke-width:0;stroke:currentColor;width:14px;height:14px}.vditor-toolbar .vditor-tooltipped{color:#586069}.vditor-toolbar .vditor-tooltipped:hover{color:#4285f4}.vditor-toolbar label{overflow:hidden;position:relative;height:14px;width:15px;display:block;cursor:pointer}.vditor-toolbar input{position:absolute;width:1px;opacity:.001;height:14px;overflow:hidden}.vditor-menu--current svg{color:#4285f4}.vditor-menu__divider{width:10px}.vditor-menu__br{width:100%;padding:0 !important;height:0 !important}.vditor-emojis{display:inline-block}.vditor-emojis__tail{font-size:12px;text-align:right;color:#586069}.vditor-emojis__tail a{text-decoration:none;color:#586069}.vditor-emojis__tail a:hover{color:#4285f4}.vditor-emojis span{cursor:pointer;border-radius:3px;float:left;height:26px;width:26px;text-align:center;line-height:20px;padding:3px;box-sizing:border-box;font-size:16px}.vditor-emojis span:hover{background-color:#4285f4}.vditor-emojis img{height:20px;width:20px;float:left}.vditor{display:flex;flex-direction:column;border:1px solid #d1d5da;border-radius:3px;box-sizing:border-box}.vditor--fullscreen{position:fixed;top:0;width:100% !important;left:0;height:100vh !important;z-index:90;background-color:#fff}.vditor-content{display:flex;min-height:60px;flex:1;position:relative}.vditor-textarea{flex:1;border:0;resize:none;padding:10px;box-sizing:border-box;background-color:#fafbfc;outline:0 none;font-size:16px;line-height:22px;color:#24292e;border-radius:0 0 3px 3px}.vditor-textarea[disabled]{opacity:0.3;cursor:not-allowed}.vditor-textarea:focus{background-color:#fff}.vditor-preview{flex:1;background-color:#fff;overflow:auto;padding:10px;box-shadow:inset 1px 0 #d1d5da;box-sizing:border-box;border-radius:0 0 3px 0}.vditor-preview::-webkit-scrollbar{display:none}.vditor-counter{padding:0 3px;position:absolute;bottom:10px;right:20px;color:#24292e;background-color:rgba(255,255,255,0.6);border-radius:3px;font-size:12px;user-select:none}.vditor-counter--error{color:#d23f31;background-color:rgba(210,63,49,0.1)}.vditor-resize{padding:1px 0;border-radius:5px;cursor:row-resize;transition:all .15s ease-in-out;user-select:none;background-color:#f6f8fa}.vditor-resize:hover{background-color:#4285f4}.vditor-resize:hover svg{color:#fff}.vditor-resize svg{fill:currentColor;stroke-width:0;stroke:currentColor;width:13px;height:3px;display:block;margin:0 auto;color:#586069}.vditor-upload{opacity:0;position:absolute;width:100%;height:5px;left:0;top:-3px;border-radius:3px;overflow:hidden;transition:all .15s ease-in-out;color:#fff;font-size:12px;line-height:14px}.vditor-upload ul{margin:0}.vditor-upload--tip{height:auto;opacity:1 !important}.vditor-upload--tip .vditor-upload__close{display:block}.vditor-upload__close{display:none;position:absolute;right:5px;cursor:pointer;padding:5px;top:0}.vditor-upload__progress{height:100%;background-color:rgba(66,133,244,0.8);transition:all .15s ease-in-out;padding:5px;box-sizing:border-box}.vditor-hint{background-color:#fff;position:absolute;box-shadow:0 1px 2px rgba(0,0,0,0.2);border-radius:3px;padding:5px 0;z-index:1;line-height:20px;list-style:none;color:#24292e;font-size:12px;margin:0;max-width:200px;min-width:80px;display:none}.vditor-hint li{cursor:pointer;padding:3px 10px;border-bottom:1px solid #d1d5da;line-height:20px}.vditor-hint li:last-child{border-bottom:0}.vditor-hint--current,.vditor-hint li:hover{background-color:#4285f4;color:#fff}.vditor-hint__emoji{font-size:16px;float:left;margin-right:3px}.vditor-hint img{height:20px;width:20px;float:left;margin-right:3px}body::-webkit-scrollbar{display:none}a{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{position:fixed;right:-200px;background-color:#2a2a2a;top:0;margin:0 !important;height:100vh;overflow:auto;width:200px;padding:10px !important;box-sizing:border-box;transition:all 1s ease;opacity:0;color:#fff;font-size:14px !important}.b3-solo-list a{color:#fff}.b3-solo-list::-webkit-scrollbar{display:none}.header{padding:10px 0;box-sizing:border-box;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;box-sizing:border-box;transition:all 1s ease}.footer{color:#999;margin:30px auto;line-height:1.6em;font-size:0.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:bold;color:#555;transition:color 0.2s}.article__title a:hover{color:#991a1a}.article__title sup{font-weight:normal;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--point: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 ul{list-style:none}.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,.article__near h4{margin-bottom:6px;font-size:14px;letter-spacing:2px;color:#ddd;font-weight:bold;display:block}.pagination{margin:20px 0 40px}.pagination__item{padding:10px 10px;color:#999;display:inline-block}.pagination__item--current{color:#991a1a;font-weight:bold}.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:before,.comment__avatar:after{position:absolute;top:11px;left:49px;display:block;width:0;height:0;pointer-events:none;content:"";border-color:transparent;border-style:solid solid outset;border-width:8px;border-right-color:#CFD8DC}.comment__avatar:after{margin-top:1px;margin-left:2px;border-width:7px;border-right-color:#fff}.comment__main{border:1px solid #CFD8DC;border-radius:0;padding:20px;background-color:#fff}.comment__btn{cursor:pointer;color:#666}.comment__btn:hover{color:#333}.comment__content{margin-top:20px}.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 input,.form textarea,.form button{background-color:#fff;padding:7px 8px;border:1px solid #CFD8DC;width:100%;box-sizing:border-box;font-size:14px;outline:none;font-family:"Helvetica Neue", "Luxi Sans", "DejaVu Sans", Tahoma, "Hiragino Sans GB", "Microsoft Yahei", sans-serif}.form button{width:auto;vertical-align:bottom;transition:all 0.3s ease;cursor:pointer;margin-top:20px}.form button:hover{background-color:#2a2a2a;color:#FFF;border-color:#2a2a2a}.form input:focus,.form textarea:focus{border-color:#2a2a2a}@media (max-width: 768px){.header{position:inherit;width:100%;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__item .tag{display:none}.article__more{margin-bottom:40px}.footer{text-align:right}.icon__up{display:none}.pagination>.ft__center{visibility:hidden;height:36px}.mobile__none{display:none}} +html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;height:100%}body{margin:0;font-family:"Helvetica Neue", "Luxi Sans", "DejaVu Sans", Tahoma, "Hiragino Sans GB", "Microsoft Yahei", sans-serif;font-size:14px;background-color:#fff;-webkit-font-smoothing:antialiased;-webkit-overflow-scrolling:touch}::-moz-selection{text-shadow:none;background:rgba(65,131,196,0.4)}::selection{text-shadow:none;background:rgba(66,133,244,0.4)}ul,ol{margin:0;padding:0}h1,h2,h3,h4,h5,h6,dl,dd,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{outline:0;text-decoration:none}a:hover{text-decoration:underline}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.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{margin:0;font-size:100%;vertical-align:middle;font-family:"Helvetica Neue", "Luxi Sans", "DejaVu Sans", Tahoma, "Hiragino Sans GB", "Microsoft Yahei", sans-serif;outline:none}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"]{box-sizing:content-box;-webkit-appearance:textfield}input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none}textarea{overflow:auto;resize:vertical}svg{fill:currentColor;display:inline-block;stroke-width:0;stroke:currentColor;width:14px;height:14px}blockquote{margin:0}.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__pointer{cursor:pointer}.fn__clear:before,.fn__clear:after{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__center{text-align:center}.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;cursor:pointer}.tooltipped::after{position:absolute;z-index:1000000;display:none;padding:5px 8px;font-size:11px;font-weight:normal;-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,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,0.8);pointer-events:none;content:"";border:5px solid transparent;opacity:0}.tooltipped--hover::before,.tooltipped--hover::after,.tooltipped:hover::before,.tooltipped:hover::after,.tooltipped:active::before,.tooltipped:active::after,.tooltipped:focus::before,.tooltipped:focus::after{display:inline-block;text-decoration:none;animation-name:tooltip-appear;animation-duration:0.1s;animation-fill-mode:forwards;animation-timing-function:ease-in;animation-delay:0.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,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,0.8)}.tooltipped__ne::after{right:auto;left:50%;margin-left:-15px}.tooltipped__nw::after{margin-right:-15px}.tooltipped__s::after,.tooltipped__n::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,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,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:0px;width:100px;height:100%;box-shadow:0 0 10px #d23f31, 0 0 5px #d23f31;opacity:1.0;-webkit-transform:rotate(3deg) translate(0px, -4px);-ms-transform:rotate(3deg) translate(0px, -4px);transform:rotate(3deg) translate(0px, -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:solid 2px transparent;border-top-color:#d23f31;border-left-color:#d23f31;border-radius:50%;-webkit-animation:nprogress-spinner 400ms linear infinite;animation:nprogress-spinner 400ms linear infinite}.nprogress-custom-parent{overflow:hidden;position:relative}.nprogress-custom-parent #nprogress .spinner,.nprogress-custom-parent #nprogress .bar{position:absolute}@-webkit-keyframes nprogress-spinner{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}}@keyframes nprogress-spinner{0%{transform:rotate(0deg)}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:normal;font-style:normal}[class^="icon__"],[class*=" icon__"]{font-family:'icomoon' !important;speak:none;font-style:normal;font-weight:normal;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"}@keyframes tooltip-appear{from{opacity:0}to{opacity:1}}.vditor-tooltipped{position:relative;cursor:pointer}.vditor-tooltipped::after{position:absolute;z-index:1000000;display:none;padding:5px 8px;font-size:11px;font-weight:normal;-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,0.8);border-radius:3px;line-height:16px;opacity:0}.vditor-tooltipped::before{position:absolute;z-index:1000001;display:none;width:0;height:0;color:rgba(0,0,0,0.8);pointer-events:none;content:"";border:5px solid transparent;opacity:0}.vditor-tooltipped--hover::before,.vditor-tooltipped--hover::after,.vditor-tooltipped:hover::before,.vditor-tooltipped:hover::after,.vditor-tooltipped:active::before,.vditor-tooltipped:active::after,.vditor-tooltipped:focus::before,.vditor-tooltipped:focus::after{display:inline-block;text-decoration:none;animation-name:tooltip-appear;animation-duration:0.1s;animation-fill-mode:forwards;animation-timing-function:ease-in;animation-delay:0.4s}.vditor-tooltipped__s::after,.vditor-tooltipped__se::after,.vditor-tooltipped__sw::after{top:100%;right:50%;margin-top:5px}.vditor-tooltipped__s::before,.vditor-tooltipped__se::before,.vditor-tooltipped__sw::before{top:auto;right:50%;bottom:-5px;margin-right:-5px;border-bottom-color:rgba(0,0,0,0.8)}.vditor-tooltipped__se::after{right:auto;left:50%;margin-left:-15px}.vditor-tooltipped__sw::after{margin-right:-15px}.vditor-tooltipped__n::after,.vditor-tooltipped__ne::after,.vditor-tooltipped__nw::after{right:50%;bottom:100%;margin-bottom:5px}.vditor-tooltipped__n::before,.vditor-tooltipped__ne::before,.vditor-tooltipped__nw::before{top:-5px;right:50%;bottom:auto;margin-right:-5px;border-top-color:rgba(0,0,0,0.8)}.vditor-tooltipped__ne::after{right:auto;left:50%;margin-left:-15px}.vditor-tooltipped__nw::after{margin-right:-15px}.vditor-tooltipped__s::after,.vditor-tooltipped__n::after{transform:translateX(50%)}.vditor-tooltipped__w::after{right:100%;bottom:50%;margin-right:5px;transform:translateY(50%)}.vditor-tooltipped__w::before{top:50%;bottom:50%;left:-5px;margin-top:-5px;border-left-color:rgba(0,0,0,0.8)}.vditor-tooltipped__e::after{bottom:50%;left:100%;margin-left:5px;transform:translateY(50%)}.vditor-tooltipped__e::before{top:50%;right:-5px;bottom:50%;margin-top:-5px;border-right-color:rgba(0,0,0,0.8)}.vditor-panel{background-color:#fff;position:absolute;box-shadow:0 1px 2px rgba(0,0,0,0.2);border-radius:3px;padding:5px;z-index:1;font-size:14px;display:none;user-select:none;max-width:200px;min-width:80px}.vditor-panel h1,.vditor-panel h2,.vditor-panel h3,.vditor-panel h4,.vditor-panel h5,.vditor-panel h6{margin:0;cursor:pointer;padding:3px 10px;border-radius:3px;line-height:normal}.vditor-panel h1:hover,.vditor-panel h2:hover,.vditor-panel h3:hover,.vditor-panel h4:hover,.vditor-panel h5:hover,.vditor-panel h6:hover{background-color:#4285f4;color:#fff}.vditor-toolbar{background-color:#f6f8fa;border-bottom:1px solid #d1d5da;padding:0 5px;border-radius:3px 3px 0 0}.vditor-toolbar>div{padding:10px 5px;float:left;line-height:14px;height:36px;box-sizing:border-box}.vditor-toolbar svg{fill:currentColor;display:inline-block;stroke-width:0;stroke:currentColor;width:14px;height:14px}.vditor-toolbar .vditor-tooltipped{color:#586069}.vditor-toolbar .vditor-tooltipped:hover{color:#4285f4}.vditor-toolbar label{overflow:hidden;position:relative;height:14px;width:15px;display:block;cursor:pointer}.vditor-toolbar input{position:absolute;width:1px;opacity:.001;height:14px;overflow:hidden}.vditor-menu--current svg{color:#4285f4}.vditor-menu__divider{width:10px}.vditor-menu__br{width:100%;padding:0 !important;height:0 !important}.vditor-emojis{display:inline-block}.vditor-emojis__tail{font-size:12px;text-align:right;color:#586069}.vditor-emojis__tail a{text-decoration:none;color:#586069}.vditor-emojis__tail a:hover{color:#4285f4}.vditor-emojis span{cursor:pointer;border-radius:3px;float:left;height:26px;width:26px;text-align:center;line-height:20px;padding:3px;box-sizing:border-box;font-size:16px}.vditor-emojis span:hover{background-color:#4285f4}.vditor-emojis img{height:20px;width:20px;float:left}.vditor{display:flex;flex-direction:column;border:1px solid #d1d5da;border-radius:3px;box-sizing:border-box}.vditor--fullscreen{position:fixed;top:0;width:100% !important;left:0;height:100vh !important;z-index:90;background-color:#fff}.vditor-content{display:flex;min-height:60px;flex:1;position:relative;overflow:hidden}.vditor-textarea{flex:1;border:0;resize:none;padding:10px;box-sizing:border-box;background-color:#fafbfc;outline:0 none;font-size:16px;line-height:22px;color:#24292e;border-radius:0 0 3px 3px}.vditor-textarea[disabled]{opacity:0.3;cursor:not-allowed}.vditor-textarea:focus{background-color:#fff}.vditor-preview{flex:1;background-color:#fff;overflow:auto;padding:10px;box-shadow:inset 1px 0 #d1d5da;box-sizing:border-box;border-radius:0 0 3px 0}.vditor-preview::-webkit-scrollbar{display:none}.vditor-counter{padding:0 3px;position:absolute;bottom:10px;right:20px;color:#24292e;background-color:rgba(255,255,255,0.6);border-radius:3px;font-size:12px;user-select:none}.vditor-counter--error{color:#d23f31;background-color:rgba(210,63,49,0.1)}.vditor-resize{padding:1px 0;border-radius:5px;cursor:row-resize;transition:all .15s ease-in-out;user-select:none;background-color:#f6f8fa}.vditor-resize:hover{background-color:#4285f4}.vditor-resize:hover svg{color:#fff}.vditor-resize svg{fill:currentColor;stroke-width:0;stroke:currentColor;width:13px;height:3px;display:block;margin:0 auto;color:#586069}.vditor-upload{opacity:0;position:absolute;width:100%;height:5px;left:0;top:-3px;border-radius:3px;overflow:hidden;transition:all .15s ease-in-out;color:#fff;font-size:12px;line-height:14px}.vditor-upload ul{margin:0}.vditor-upload--tip{height:auto;opacity:1 !important}.vditor-upload--tip .vditor-upload__close{display:block}.vditor-upload__close{display:none;position:absolute;right:5px;cursor:pointer;padding:5px;top:0}.vditor-upload__progress{height:100%;background-color:rgba(66,133,244,0.8);transition:all .15s ease-in-out;padding:5px;box-sizing:border-box}.vditor-hint{background-color:#fff;position:absolute;box-shadow:0 1px 2px rgba(0,0,0,0.2);border-radius:3px;padding:5px 0;z-index:1;line-height:20px;list-style:none;color:#24292e;font-size:12px;margin:0;max-width:200px;min-width:80px;display:none}.vditor-hint li{cursor:pointer;padding:3px 10px;border-bottom:1px solid #d1d5da;line-height:20px}.vditor-hint li:last-child{border-bottom:0}.vditor-hint--current,.vditor-hint li:hover{background-color:#4285f4;color:#fff}.vditor-hint__emoji{font-size:16px;float:left;margin-right:3px}.vditor-hint img{height:20px;width:20px;float:left;margin-right:3px}.vditor-reset{font-family:"Helvetica Neue","Luxi Sans","DejaVu Sans",Tahoma,"Hiragino Sans GB","Microsoft Yahei",sans-serif;word-wrap:break-word;overflow:auto;line-height:1.65;font-size:16px;word-break:break-word}.vditor-reset ul,.vditor-reset ol{padding-left:2em;margin-top:0;margin-bottom:16px}.vditor-reset li{margin-top:0.25em}.vditor-reset audio{max-width:100%}.vditor-reset video{max-height:90vh}.vditor-reset img.emoji{cursor:auto;max-width:20px;vertical-align:top}.vditor-reset h1,.vditor-reset h2,.vditor-reset h3,.vditor-reset h4,.vditor-reset h5,.vditor-reset h6{margin-top:24px;margin-bottom:16px;font-weight:600;line-height:1.25}.vditor-reset h1{padding-bottom:0.3em;font-size:1.7em;border-bottom:1px solid #eee}.vditor-reset h2{padding-bottom:0.3em;font-size:1.5em;border-bottom:1px solid #eee}.vditor-reset h3{font-size:1.25em}.vditor-reset h4{font-size:1em}.vditor-reset h5{font-size:0.875em}.vditor-reset h6{font-size:0.85em}.vditor-reset hr{height:0.15em;padding:0;margin:24px 0;background-color:#e7e7e7;border:0}.vditor-reset p{margin-top:0;margin-bottom:16px}.vditor-reset blockquote{padding:0 1em;color:#777;border-left:0.25em solid #ddd;margin:0 0 16px 0}.vditor-reset blockquote p{margin:0}.vditor-reset ins>iframe{border:0}.vditor-reset iframe{border:1px solid #d1d5da}.vditor-reset table{width:100%;border:1px solid #dedede;margin:15px auto;border-collapse:collapse;empty-cells:show}.vditor-reset thead{text-align:center}.vditor-reset td,.vditor-reset th{height:35px;border:1px solid #dedede;padding:0 10px}.vditor-reset th{font-weight:bold;text-align:center !important;background:rgba(158,188,226,0.2)}.vditor-reset tbody tr:nth-child(2n){background:rgba(158,188,226,0.12)}.vditor-reset tr:hover{background:#efefef}.vditor-reset code{padding:0.2em 0.4em;margin:0;font-size:85%;background-color:rgba(27,31,35,0.05);border-radius:3px;font-family:mononoki,Consolas,"Liberation Mono",Menlo,Courier,monospace;word-break:break-word}.vditor-reset pre>code{padding:0.5em;background-color:rgba(0,0,0,0.04);background-image:url("https://cdn.jsdelivr.net/npm/vditor@1.1.2/src/assets/images/code-bg.png");background-size:20px 20px;border-radius:5px;display:block;overflow:auto}.vditor-reset pre:hover div.vditor-copy{display:block}.vditor-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:solid 1px #d1d5da;border-bottom-color:#bbb;border-radius:3px;box-shadow:inset 0 -1px 0 #bbb}.vditor-reset summary{cursor:pointer}.vditor-reset summary:focus{outline:none}.vditor-reset svg{height:auto;width:auto}.vditor-task{list-style:none;margin-left:-1.4em;display:flex;align-items:center}.vditor-task input{margin-right:5px}.vditor-copy{position:relative;display:none}.vditor-copy textarea{position:absolute;top:-100000px}.vditor-copy span{cursor:pointer;position:absolute;right:0.5em;top:0.5em;height:20px;width:20px}.vditor-copy svg{height:20px;width:20px}body::-webkit-scrollbar{display:none}a{transition:all .3s}.ft__red{color:#991a1a}.ft__gray{color:#999}.vditor-reset{overflow:hidden;color:#555;font-size:14px}.vditor-reset a{color:#991a1a}.vditor-reset blockquote{font-family:Georgia, "Times New Roman", serif;background:#f7f7f7;margin:20px 0;padding:10px 20px;border-left:4px solid #991a1a}.vditor-reset pre>code{color:#555;background-color:#f7f7f7;padding:10px}.b3-solo-list{position:fixed;right:-200px;background-color:#2a2a2a;top:0;margin:0 !important;height:100vh;overflow:auto;width:200px;padding:10px !important;box-sizing:border-box;transition:all 1s ease;opacity:0;color:#fff;font-size:14px !important}.b3-solo-list a{color:#fff}.b3-solo-list::-webkit-scrollbar{display:none}.header{padding:10px 0;box-sizing:border-box;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;box-sizing:border-box;transition:all 1s ease}.footer{color:#999;margin:30px auto;line-height:1.6em;font-size:0.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:bold;color:#555;transition:color 0.2s}.article__title a:hover{color:#991a1a}.article__title sup{font-weight:normal;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--point: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 ul{list-style:none}.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,.article__near h4{margin-bottom:6px;font-size:14px;letter-spacing:2px;color:#ddd;font-weight:bold;display:block}.pagination{margin:20px 0 40px}.pagination__item{padding:10px 10px;color:#999;display:inline-block}.pagination__item--current{color:#991a1a;font-weight:bold}.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:before,.comment__avatar:after{position:absolute;top:11px;left:49px;display:block;width:0;height:0;pointer-events:none;content:"";border-color:transparent;border-style:solid solid outset;border-width:8px;border-right-color:#CFD8DC}.comment__avatar:after{margin-top:1px;margin-left:2px;border-width:7px;border-right-color:#fff}.comment__main{border:1px solid #CFD8DC;border-radius:0;padding:20px;background-color:#fff}.comment__btn{cursor:pointer;color:#666}.comment__btn:hover{color:#333}.comment__content{margin-top:20px}.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 input,.form textarea,.form button{background-color:#fff;padding:7px 8px;border:1px solid #CFD8DC;width:100%;box-sizing:border-box;font-size:14px;outline:none;font-family:"Helvetica Neue", "Luxi Sans", "DejaVu Sans", Tahoma, "Hiragino Sans GB", "Microsoft Yahei", sans-serif}.form button{width:auto;vertical-align:bottom;transition:all 0.3s ease;cursor:pointer;margin-top:20px}.form button:hover{background-color:#2a2a2a;color:#FFF;border-color:#2a2a2a}.form input:focus,.form textarea:focus{border-color:#2a2a2a}@media (max-width: 768px){.header{position:inherit;width:100%;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__item .tag{display:none}.article__more{margin-bottom:40px}.footer{text-align:right}.icon__up{display:none}.pagination>.ft__center{visibility:hidden;height:36px}.mobile__none{display:none}} diff --git a/Jane/css/base.scss b/Jane/css/base.scss index dd1177d..3e55a32 100644 --- a/Jane/css/base.scss +++ b/Jane/css/base.scss @@ -19,10 +19,9 @@ * skin style * * @author Liyuan Li - * @version 0.2.0.0, Jan 30, 2019 + * @version 0.2.0.1, Mar 16, 2019 */ @import "../../../scss/reset"; -@import "../../../scss/reset-content"; @import "../../../scss/function"; @import "../../../scss/tooltipped"; @import "../../../scss/comment"; @@ -52,7 +51,7 @@ a { color: $gray; } -.content-reset { +.vditor-reset { overflow: hidden; color: #555; font-size: 14px; diff --git a/Jane/footer.ftl b/Jane/footer.ftl index 1341c48..efe67a5 100644 --- a/Jane/footer.ftl +++ b/Jane/footer.ftl @@ -48,12 +48,11 @@ var Label = { "markedAvailable": ${markedAvailable?c}, + "hljsStyle": "atom-one-light", + "langLabel": "${langLabel}", "skinDirName": "${skinDirName}", }; - Util.initSW(); - Util.parseMarkdown(); - Util.killIE(8) - Util.previewImg() + Util.init() ${plugins} diff --git a/Jane/page.ftl b/Jane/page.ftl index 9599d60..c239115 100644 --- a/Jane/page.ftl +++ b/Jane/page.ftl @@ -39,7 +39,7 @@
<#if page.pageCommentCount gt 0>${page.pageCommentCount} ${commentLabel}
-
+
${page.pageContent}
diff --git a/Medium/article.ftl b/Medium/article.ftl index b3f39d7..b0bc37e 100644 --- a/Medium/article.ftl +++ b/Medium/article.ftl @@ -77,7 +77,7 @@ -
+
${article.articleContent} <#if "" != article.articleSign.signHTML?trim>
diff --git a/Medium/common-comment.ftl b/Medium/common-comment.ftl index 807de01..798a750 100644 --- a/Medium/common-comment.ftl +++ b/Medium/common-comment.ftl @@ -47,7 +47,7 @@
-
+
${comment.commentContent}
diff --git a/Medium/css/base.css b/Medium/css/base.css index da5e9e4..0fe47c4 100644 --- a/Medium/css/base.css +++ b/Medium/css/base.css @@ -1 +1 @@ -.content-reset{word-wrap:break-word;overflow:auto;line-height:1.65;font-size:16px;word-break:break-word}.content-reset ul,.content-reset ol{padding-left:2em;margin-top:0;margin-bottom:16px}.content-reset li{margin-top:0.25em}.content-reset audio{max-width:100%}.content-reset video{max-height:90vh}.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{padding-bottom:0.3em;font-size:1.7em;border-bottom:1px solid #eee}.content-reset h2{padding-bottom:0.3em;font-size:1.5em;border-bottom:1px solid #eee}.content-reset h3{font-size:1.25em}.content-reset h4{font-size:1em}.content-reset h5{font-size:0.875em}.content-reset h6{font-size:0.85em}.content-reset hr{height:1px;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:0.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,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:bold;text-align:center !important;background:rgba(158,188,226,0.2)}.content-reset tbody tr:nth-child(2n){background:rgba(158,188,226,0.12)}.content-reset tr:hover{background:#efefef}.content-reset code{padding:.2em .4em;margin:0;font-size:85%;background-color:rgba(27,31,35,0.05);border-radius:3px;font-family:mononoki, Consolas, Liberation Mono, Menlo, Courier, monospace;word-break:break-word}.content-reset pre{position:relative}.content-reset pre textarea{position:absolute;top:-100000px}.content-reset pre>code{padding:0.5em;background-color:rgba(0,0,0,0.04);background-size:20px 20px;border-radius:5px;display:block}.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:solid 1px rgba(0,0,0,0.38);border-bottom-color:#bbb;border-radius:3px;box-shadow:inset 0 -1px 0 #bbb}.content-reset__task,.content-reset .task-list-item{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}.img-preview img{max-width:inherit;transition:transform .3s ease-in-out}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;height:100%}body{margin:0;font-family:"Helvetica Neue", "Luxi Sans", "DejaVu Sans", Tahoma, "Hiragino Sans GB", "Microsoft Yahei", sans-serif;font-size:14px;background-color:#fff;-webkit-font-smoothing:antialiased;-webkit-overflow-scrolling:touch}::-moz-selection{text-shadow:none;background:rgba(65,131,196,0.4)}::selection{text-shadow:none;background:rgba(66,133,244,0.4)}ul,ol{margin:0;padding:0}h1,h2,h3,h4,h5,h6,dl,dd,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{outline:0;text-decoration:none}a:hover{text-decoration:underline}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.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{margin:0;font-size:100%;vertical-align:middle;font-family:"Helvetica Neue", "Luxi Sans", "DejaVu Sans", Tahoma, "Hiragino Sans GB", "Microsoft Yahei", sans-serif;outline:none}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"]{box-sizing:content-box;-webkit-appearance:textfield}input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none}textarea{overflow:auto;resize:vertical}svg{fill:currentColor;display:inline-block;stroke-width:0;stroke:currentColor;width:14px;height:14px}blockquote{margin:0}#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:0px;width:100px;height:100%;box-shadow:0 0 10px #d23f31, 0 0 5px #d23f31;opacity:1.0;-webkit-transform:rotate(3deg) translate(0px, -4px);-ms-transform:rotate(3deg) translate(0px, -4px);transform:rotate(3deg) translate(0px, -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:solid 2px transparent;border-top-color:#d23f31;border-left-color:#d23f31;border-radius:50%;-webkit-animation:nprogress-spinner 400ms linear infinite;animation:nprogress-spinner 400ms linear infinite}.nprogress-custom-parent{overflow:hidden;position:relative}.nprogress-custom-parent #nprogress .spinner,.nprogress-custom-parent #nprogress .bar{position:absolute}@-webkit-keyframes nprogress-spinner{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}}@keyframes nprogress-spinner{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes tooltip-appear{from{opacity:0}to{opacity:1}}.vditor-tooltipped{position:relative;cursor:pointer}.vditor-tooltipped::after{position:absolute;z-index:1000000;display:none;padding:5px 8px;font-size:11px;font-weight:normal;-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,0.8);border-radius:3px;line-height:16px;opacity:0}.vditor-tooltipped::before{position:absolute;z-index:1000001;display:none;width:0;height:0;color:rgba(0,0,0,0.8);pointer-events:none;content:"";border:5px solid transparent;opacity:0}.vditor-tooltipped--hover::before,.vditor-tooltipped--hover::after,.vditor-tooltipped:hover::before,.vditor-tooltipped:hover::after,.vditor-tooltipped:active::before,.vditor-tooltipped:active::after,.vditor-tooltipped:focus::before,.vditor-tooltipped:focus::after{display:inline-block;text-decoration:none;animation-name:tooltip-appear;animation-duration:0.1s;animation-fill-mode:forwards;animation-timing-function:ease-in;animation-delay:0.4s}.vditor-tooltipped__s::after,.vditor-tooltipped__se::after,.vditor-tooltipped__sw::after{top:100%;right:50%;margin-top:5px}.vditor-tooltipped__s::before,.vditor-tooltipped__se::before,.vditor-tooltipped__sw::before{top:auto;right:50%;bottom:-5px;margin-right:-5px;border-bottom-color:rgba(0,0,0,0.8)}.vditor-tooltipped__se::after{right:auto;left:50%;margin-left:-15px}.vditor-tooltipped__sw::after{margin-right:-15px}.vditor-tooltipped__n::after,.vditor-tooltipped__ne::after,.vditor-tooltipped__nw::after{right:50%;bottom:100%;margin-bottom:5px}.vditor-tooltipped__n::before,.vditor-tooltipped__ne::before,.vditor-tooltipped__nw::before{top:-5px;right:50%;bottom:auto;margin-right:-5px;border-top-color:rgba(0,0,0,0.8)}.vditor-tooltipped__ne::after{right:auto;left:50%;margin-left:-15px}.vditor-tooltipped__nw::after{margin-right:-15px}.vditor-tooltipped__s::after,.vditor-tooltipped__n::after{transform:translateX(50%)}.vditor-tooltipped__w::after{right:100%;bottom:50%;margin-right:5px;transform:translateY(50%)}.vditor-tooltipped__w::before{top:50%;bottom:50%;left:-5px;margin-top:-5px;border-left-color:rgba(0,0,0,0.8)}.vditor-tooltipped__e::after{bottom:50%;left:100%;margin-left:5px;transform:translateY(50%)}.vditor-tooltipped__e::before{top:50%;right:-5px;bottom:50%;margin-top:-5px;border-right-color:rgba(0,0,0,0.8)}.vditor-panel{background-color:#fff;position:absolute;box-shadow:0 1px 2px rgba(0,0,0,0.2);border-radius:3px;padding:5px;z-index:1;font-size:14px;display:none;user-select:none;max-width:200px;min-width:80px}.vditor-panel h1,.vditor-panel h2,.vditor-panel h3,.vditor-panel h4,.vditor-panel h5,.vditor-panel h6{margin:0;cursor:pointer;padding:3px 10px;border-radius:3px;line-height:normal}.vditor-panel h1:hover,.vditor-panel h2:hover,.vditor-panel h3:hover,.vditor-panel h4:hover,.vditor-panel h5:hover,.vditor-panel h6:hover{background-color:#4285f4;color:#fff}.vditor-toolbar{background-color:#f6f8fa;border-bottom:1px solid #d1d5da;padding:0 5px;border-radius:3px 3px 0 0}.vditor-toolbar>div{padding:10px 5px;float:left;line-height:14px;height:36px;box-sizing:border-box}.vditor-toolbar svg{fill:currentColor;display:inline-block;stroke-width:0;stroke:currentColor;width:14px;height:14px}.vditor-toolbar .vditor-tooltipped{color:#586069}.vditor-toolbar .vditor-tooltipped:hover{color:#4285f4}.vditor-toolbar label{overflow:hidden;position:relative;height:14px;width:15px;display:block;cursor:pointer}.vditor-toolbar input{position:absolute;width:1px;opacity:.001;height:14px;overflow:hidden}.vditor-menu--current svg{color:#4285f4}.vditor-menu__divider{width:10px}.vditor-menu__br{width:100%;padding:0 !important;height:0 !important}.vditor-emojis{display:inline-block}.vditor-emojis__tail{font-size:12px;text-align:right;color:#586069}.vditor-emojis__tail a{text-decoration:none;color:#586069}.vditor-emojis__tail a:hover{color:#4285f4}.vditor-emojis span{cursor:pointer;border-radius:3px;float:left;height:26px;width:26px;text-align:center;line-height:20px;padding:3px;box-sizing:border-box;font-size:16px}.vditor-emojis span:hover{background-color:#4285f4}.vditor-emojis img{height:20px;width:20px;float:left}.vditor{display:flex;flex-direction:column;border:1px solid #d1d5da;border-radius:3px;box-sizing:border-box}.vditor--fullscreen{position:fixed;top:0;width:100% !important;left:0;height:100vh !important;z-index:90;background-color:#fff}.vditor-content{display:flex;min-height:60px;flex:1;position:relative}.vditor-textarea{flex:1;border:0;resize:none;padding:10px;box-sizing:border-box;background-color:#fafbfc;outline:0 none;font-size:16px;line-height:22px;color:#24292e;border-radius:0 0 3px 3px}.vditor-textarea[disabled]{opacity:0.3;cursor:not-allowed}.vditor-textarea:focus{background-color:#fff}.vditor-preview{flex:1;background-color:#fff;overflow:auto;padding:10px;box-shadow:inset 1px 0 #d1d5da;box-sizing:border-box;border-radius:0 0 3px 0}.vditor-preview::-webkit-scrollbar{display:none}.vditor-counter{padding:0 3px;position:absolute;bottom:10px;right:20px;color:#24292e;background-color:rgba(255,255,255,0.6);border-radius:3px;font-size:12px;user-select:none}.vditor-counter--error{color:#d23f31;background-color:rgba(210,63,49,0.1)}.vditor-resize{padding:1px 0;border-radius:5px;cursor:row-resize;transition:all .15s ease-in-out;user-select:none;background-color:#f6f8fa}.vditor-resize:hover{background-color:#4285f4}.vditor-resize:hover svg{color:#fff}.vditor-resize svg{fill:currentColor;stroke-width:0;stroke:currentColor;width:13px;height:3px;display:block;margin:0 auto;color:#586069}.vditor-upload{opacity:0;position:absolute;width:100%;height:5px;left:0;top:-3px;border-radius:3px;overflow:hidden;transition:all .15s ease-in-out;color:#fff;font-size:12px;line-height:14px}.vditor-upload ul{margin:0}.vditor-upload--tip{height:auto;opacity:1 !important}.vditor-upload--tip .vditor-upload__close{display:block}.vditor-upload__close{display:none;position:absolute;right:5px;cursor:pointer;padding:5px;top:0}.vditor-upload__progress{height:100%;background-color:rgba(66,133,244,0.8);transition:all .15s ease-in-out;padding:5px;box-sizing:border-box}.vditor-hint{background-color:#fff;position:absolute;box-shadow:0 1px 2px rgba(0,0,0,0.2);border-radius:3px;padding:5px 0;z-index:1;line-height:20px;list-style:none;color:#24292e;font-size:12px;margin:0;max-width:200px;min-width:80px;display:none}.vditor-hint li{cursor:pointer;padding:3px 10px;border-bottom:1px solid #d1d5da;line-height:20px}.vditor-hint li:last-child{border-bottom:0}.vditor-hint--current,.vditor-hint li:hover{background-color:#4285f4;color:#fff}.vditor-hint__emoji{font-size:16px;float:left;margin-right:3px}.vditor-hint img{height:20px;width:20px;float:left;margin-right:3px}.fn-flex{display:flex}.fn-flex-1{flex:1;min-width:1px}.fn-clear:before,.fn-clear:after{display:table;content:""}.fn-clear:after{clear:both}.fn-left{float:left}.fn-right{float:right}.ft-12{font-size:12px;font-weight:normal}.ft-gray{color:rgba(0,0,0,0.54)}.ft-fade{color:rgba(0,0,0,0.38)}.ft-green{color:#03a87c !important;transition:all 0.1s}.ft-green:hover{color:#018f69 !important}.pipe-tooltipped{position:relative;cursor:pointer}.pipe-tooltipped::after{position:absolute;z-index:1000;display:none;padding:5px 8px;font-size:11px;font-weight:normal;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,0.8);border-radius:3px;line-height:16px;opacity:0}.pipe-tooltipped::before{position:absolute;z-index:1000001;display:none;width:0;height:0;color:rgba(0,0,0,0.8);pointer-events:none;content:"";border:5px solid transparent;opacity:0}@keyframes tooltip-appear{from{opacity:0}to{opacity:1}}.pipe-tooltipped:hover::before,.pipe-tooltipped:hover::after,.pipe-tooltipped:active::before,.pipe-tooltipped:active::after,.pipe-tooltipped:focus::before,.pipe-tooltipped:focus::after{display:inline-block;text-decoration:none;animation-name:tooltip-appear;animation-duration:0.1s;animation-fill-mode:forwards;animation-timing-function:ease-in;animation-delay:0.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,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,0.8)}.pipe-tooltipped--ne::after{right:auto;left:50%;margin-left:-15px}.pipe-tooltipped--nw::after{margin-right:-15px}.pipe-tooltipped--s::after,.pipe-tooltipped--n::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,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,0.8)}.tag{background-color:rgba(0,0,0,0.05);color:rgba(0,0,0,0.68);padding:5px 10px;line-height:22px;font-weight:400;border-radius:3px;white-space:nowrap;display:inline-block;transition:all 0.1s;margin:0 8px 8px 0;font-size:15px}.tag:hover{text-decoration:none;background:rgba(0,0,0,0.1);color:rgba(0,0,0,0.68)}.tag__level0{line-height:inherit;font-size:12px;color:rgba(0,0,0,0.38)}.tag__level1{line-height:inherit;font-size:16px;color:rgba(0,0,0,0.54)}.tag__level2{line-height:inherit;font-size:21px;color:#6f6f6f}.tag__level3{line-height:inherit;font-size:24px;color:#3b3e43}.tag__level4{line-height:inherit;font-size:30px;color:#000}.module__title{border-bottom:1px solid rgba(0,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,0.54);position:absolute;padding-bottom:20px;height:26px}.wrapper{max-width:1000px;margin:0 auto;box-sizing:border-box}.header{padding:0 20px;box-sizing:border-box;height:64px;text-align:center;transition:all 0.1s;z-index:11}.header h1{display:inline-block;line-height:61px;width:50%;overflow:auto;white-space:nowrap}.header h1::-webkit-scrollbar{display:none}.header--fixed{position:fixed;width:100%;top:-64px;background-color:#fff;box-shadow:0 2px 2px -2px rgba(0,0,0,0.15)}.header__logo{float:left;height:32px;width:32px;margin:16px 0;background-size:cover;background-repeat:no-repeat;background-position:center center}.header__title{overflow:hidden;font-size:26px;color:rgba(0,0,0,0.84)}.header__title:hover{text-decoration:none}.header__icon{transition:all 0.1s;color:rgba(0,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,0.68)}.header__icon svg{height:16px;width:16px}.header__icon.avatar{background-size:cover;background-repeat:no-repeat;background-position:center center;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;transition:all 0.1s;line-height:32px}.header__a:hover{text-decoration:none;color:#018f69;border-color:#018f69}.header__nav{height:50px;padding:0 20px;box-sizing:border-box}.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,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;position:fixed;width:100%;top:0;background-color:#fff;box-shadow:0 2px 2px -2px rgba(0,0,0,0.15)}.footer{margin-top:50px;padding:10px 20px 25px;font-size:14px;border-top:1px solid rgba(0,0,0,0.05);color:rgba(0,0,0,0.38)}.footer a{color:rgba(0,0,0,0.54)}.footer__tag{margin-top:50px}.footer__tag>div{margin-right:20px}.footer__tag>div:last-child{margin-right:0}.footer__tag li{list-style:none}.footer__tag li a{color:rgba(0,0,0,0.54);display:block;line-height:30px;word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 25px}.footer__tag li a:hover{color:rgba(0,0,0,0.68)}.main{margin:50px 20px 0}.main .content{margin-top:50px}.board{padding:12px 0;text-align:center}.article__main{display:flex;flex-direction:column}.article__thumbnail{margin:10px 0;background-position:center center;background-size:cover;flex:1}.article__wrap{margin-right:-20px}.article__item{border:1px solid rgba(0,0,0,0.1);border-radius:2px;margin-bottom:20px;float:left}.article__item--big{width:318px;margin-right:20px}.article__item--big .article__main{height:236px;overflow:hidden}.article__item--small{width:318px;margin-right:20px}.article__item--small .article__thumbnail{background-image:none !important}.article__item--small .article__main{height:91px;overflow:hidden}.article__item--mid{width:488px;margin-right:20px}.article__item--mid .article__main{height:195px;overflow:hidden}.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,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,0.54);overflow:hidden;line-height:23px;word-break:break-all}.article__meta{font-size:15px;line-height:23px;flex-shrink:0}.b3-solo-list{display:none}.post{max-width:740px;margin:50px auto 20px;position:relative}.post__main{margin:20px 0 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,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{position:relative}.post__share #articleShare .article__code{position:absolute;height:130px;width:130px;left:-2px;top:22px}.post__share-icon{color:rgba(0,0,0,0.54);cursor:pointer}.post__share-icon:hover{color:rgba(0,0,0,0.68)}.post__view{color:#03a87c;transition:all 0.1s}.post__view:hover{color:#018f69;text-decoration:none}.post__side{position:fixed;top:50%;left:10%;width:55px;text-align:center;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,0.68)}.article__comment .comment__item{background-color:#fff;box-shadow:rgba(0,0,0,0.04) 0px 1px 4px;border:1px solid rgba(0,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}.comment__textarea{background-color:#fff;box-shadow:rgba(0,0,0,0.04) 0px 1px 4px;border:1px solid rgba(0,0,0,0.09);border-radius:3px;padding:10px;margin:0 0 5px;width:100%;box-sizing:border-box;cursor:pointer;resize:none}.article__toolbar{box-shadow:0 0 1px rgba(0,0,0,0.54);position:fixed;bottom:-44px;width:100%;background-color:#fff;height:44px;font-size:16px;line-height:44px;transition:all 0.1s;opacity:0}.article__toolbar .wrapper{max-width:740px}.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,0.38);line-height:15px;margin-top:7px;color:rgba(0,0,0,0.84);font-size:14px;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,0.54)}.pagination{margin-top:30px;font-size:16px;border-top:1px solid rgba(0,0,0,0.15)}.pagination__item{text-align:center;border-top:1px solid transparent;transition:all 0.1s;display:inline-block;position:relative;top:-1px;margin:0 10px;padding:0 10px;line-height:30px;color:rgba(0,0,0,0.54)}.pagination__item:hover{border-top-color:rgba(0,0,0,0.54);color:rgba(0,0,0,0.84);text-decoration:none}.pagination__item--active{background:rgba(0,0,0,0.05);border-top-color:rgba(0,0,0,0.54)}.pagination__item--active:hover{color:rgba(0,0,0,0.54);border-top-color:rgba(0,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,0.05);padding:40px 0 35px}@media (max-width: 768px){.header{text-align:left}.header__logo,.post__side,.article__next,#articleBottomShare,#articleShare,.article__comment .comment__avatar{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{margin:0}.pagination__item{margin:0}.article__comment .comment__item{padding-left:10px}}#nprogress .bar{background:#d23f31}#nprogress .peg{box-shadow:0 0 10px #d23f31, 0 0 5px #d23f31}#nprogress .spinner-icon{border-top-color:#d23f31;border-left-color:#d23f31} +html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;height:100%}body{margin:0;font-family:"Helvetica Neue", "Luxi Sans", "DejaVu Sans", Tahoma, "Hiragino Sans GB", "Microsoft Yahei", sans-serif;font-size:14px;background-color:#fff;-webkit-font-smoothing:antialiased;-webkit-overflow-scrolling:touch}::-moz-selection{text-shadow:none;background:rgba(65,131,196,0.4)}::selection{text-shadow:none;background:rgba(66,133,244,0.4)}ul,ol{margin:0;padding:0}h1,h2,h3,h4,h5,h6,dl,dd,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{outline:0;text-decoration:none}a:hover{text-decoration:underline}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.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{margin:0;font-size:100%;vertical-align:middle;font-family:"Helvetica Neue", "Luxi Sans", "DejaVu Sans", Tahoma, "Hiragino Sans GB", "Microsoft Yahei", sans-serif;outline:none}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"]{box-sizing:content-box;-webkit-appearance:textfield}input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none}textarea{overflow:auto;resize:vertical}svg{fill:currentColor;display:inline-block;stroke-width:0;stroke:currentColor;width:14px;height:14px}blockquote{margin:0}#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:0px;width:100px;height:100%;box-shadow:0 0 10px #d23f31, 0 0 5px #d23f31;opacity:1.0;-webkit-transform:rotate(3deg) translate(0px, -4px);-ms-transform:rotate(3deg) translate(0px, -4px);transform:rotate(3deg) translate(0px, -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:solid 2px transparent;border-top-color:#d23f31;border-left-color:#d23f31;border-radius:50%;-webkit-animation:nprogress-spinner 400ms linear infinite;animation:nprogress-spinner 400ms linear infinite}.nprogress-custom-parent{overflow:hidden;position:relative}.nprogress-custom-parent #nprogress .spinner,.nprogress-custom-parent #nprogress .bar{position:absolute}@-webkit-keyframes nprogress-spinner{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}}@keyframes nprogress-spinner{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes tooltip-appear{from{opacity:0}to{opacity:1}}.vditor-tooltipped{position:relative;cursor:pointer}.vditor-tooltipped::after{position:absolute;z-index:1000000;display:none;padding:5px 8px;font-size:11px;font-weight:normal;-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,0.8);border-radius:3px;line-height:16px;opacity:0}.vditor-tooltipped::before{position:absolute;z-index:1000001;display:none;width:0;height:0;color:rgba(0,0,0,0.8);pointer-events:none;content:"";border:5px solid transparent;opacity:0}.vditor-tooltipped--hover::before,.vditor-tooltipped--hover::after,.vditor-tooltipped:hover::before,.vditor-tooltipped:hover::after,.vditor-tooltipped:active::before,.vditor-tooltipped:active::after,.vditor-tooltipped:focus::before,.vditor-tooltipped:focus::after{display:inline-block;text-decoration:none;animation-name:tooltip-appear;animation-duration:0.1s;animation-fill-mode:forwards;animation-timing-function:ease-in;animation-delay:0.4s}.vditor-tooltipped__s::after,.vditor-tooltipped__se::after,.vditor-tooltipped__sw::after{top:100%;right:50%;margin-top:5px}.vditor-tooltipped__s::before,.vditor-tooltipped__se::before,.vditor-tooltipped__sw::before{top:auto;right:50%;bottom:-5px;margin-right:-5px;border-bottom-color:rgba(0,0,0,0.8)}.vditor-tooltipped__se::after{right:auto;left:50%;margin-left:-15px}.vditor-tooltipped__sw::after{margin-right:-15px}.vditor-tooltipped__n::after,.vditor-tooltipped__ne::after,.vditor-tooltipped__nw::after{right:50%;bottom:100%;margin-bottom:5px}.vditor-tooltipped__n::before,.vditor-tooltipped__ne::before,.vditor-tooltipped__nw::before{top:-5px;right:50%;bottom:auto;margin-right:-5px;border-top-color:rgba(0,0,0,0.8)}.vditor-tooltipped__ne::after{right:auto;left:50%;margin-left:-15px}.vditor-tooltipped__nw::after{margin-right:-15px}.vditor-tooltipped__s::after,.vditor-tooltipped__n::after{transform:translateX(50%)}.vditor-tooltipped__w::after{right:100%;bottom:50%;margin-right:5px;transform:translateY(50%)}.vditor-tooltipped__w::before{top:50%;bottom:50%;left:-5px;margin-top:-5px;border-left-color:rgba(0,0,0,0.8)}.vditor-tooltipped__e::after{bottom:50%;left:100%;margin-left:5px;transform:translateY(50%)}.vditor-tooltipped__e::before{top:50%;right:-5px;bottom:50%;margin-top:-5px;border-right-color:rgba(0,0,0,0.8)}.vditor-panel{background-color:#fff;position:absolute;box-shadow:0 1px 2px rgba(0,0,0,0.2);border-radius:3px;padding:5px;z-index:1;font-size:14px;display:none;user-select:none;max-width:200px;min-width:80px}.vditor-panel h1,.vditor-panel h2,.vditor-panel h3,.vditor-panel h4,.vditor-panel h5,.vditor-panel h6{margin:0;cursor:pointer;padding:3px 10px;border-radius:3px;line-height:normal}.vditor-panel h1:hover,.vditor-panel h2:hover,.vditor-panel h3:hover,.vditor-panel h4:hover,.vditor-panel h5:hover,.vditor-panel h6:hover{background-color:#4285f4;color:#fff}.vditor-toolbar{background-color:#f6f8fa;border-bottom:1px solid #d1d5da;padding:0 5px;border-radius:3px 3px 0 0}.vditor-toolbar>div{padding:10px 5px;float:left;line-height:14px;height:36px;box-sizing:border-box}.vditor-toolbar svg{fill:currentColor;display:inline-block;stroke-width:0;stroke:currentColor;width:14px;height:14px}.vditor-toolbar .vditor-tooltipped{color:#586069}.vditor-toolbar .vditor-tooltipped:hover{color:#4285f4}.vditor-toolbar label{overflow:hidden;position:relative;height:14px;width:15px;display:block;cursor:pointer}.vditor-toolbar input{position:absolute;width:1px;opacity:.001;height:14px;overflow:hidden}.vditor-menu--current svg{color:#4285f4}.vditor-menu__divider{width:10px}.vditor-menu__br{width:100%;padding:0 !important;height:0 !important}.vditor-emojis{display:inline-block}.vditor-emojis__tail{font-size:12px;text-align:right;color:#586069}.vditor-emojis__tail a{text-decoration:none;color:#586069}.vditor-emojis__tail a:hover{color:#4285f4}.vditor-emojis span{cursor:pointer;border-radius:3px;float:left;height:26px;width:26px;text-align:center;line-height:20px;padding:3px;box-sizing:border-box;font-size:16px}.vditor-emojis span:hover{background-color:#4285f4}.vditor-emojis img{height:20px;width:20px;float:left}.vditor{display:flex;flex-direction:column;border:1px solid #d1d5da;border-radius:3px;box-sizing:border-box}.vditor--fullscreen{position:fixed;top:0;width:100% !important;left:0;height:100vh !important;z-index:90;background-color:#fff}.vditor-content{display:flex;min-height:60px;flex:1;position:relative;overflow:hidden}.vditor-textarea{flex:1;border:0;resize:none;padding:10px;box-sizing:border-box;background-color:#fafbfc;outline:0 none;font-size:16px;line-height:22px;color:#24292e;border-radius:0 0 3px 3px}.vditor-textarea[disabled]{opacity:0.3;cursor:not-allowed}.vditor-textarea:focus{background-color:#fff}.vditor-preview{flex:1;background-color:#fff;overflow:auto;padding:10px;box-shadow:inset 1px 0 #d1d5da;box-sizing:border-box;border-radius:0 0 3px 0}.vditor-preview::-webkit-scrollbar{display:none}.vditor-counter{padding:0 3px;position:absolute;bottom:10px;right:20px;color:#24292e;background-color:rgba(255,255,255,0.6);border-radius:3px;font-size:12px;user-select:none}.vditor-counter--error{color:#d23f31;background-color:rgba(210,63,49,0.1)}.vditor-resize{padding:1px 0;border-radius:5px;cursor:row-resize;transition:all .15s ease-in-out;user-select:none;background-color:#f6f8fa}.vditor-resize:hover{background-color:#4285f4}.vditor-resize:hover svg{color:#fff}.vditor-resize svg{fill:currentColor;stroke-width:0;stroke:currentColor;width:13px;height:3px;display:block;margin:0 auto;color:#586069}.vditor-upload{opacity:0;position:absolute;width:100%;height:5px;left:0;top:-3px;border-radius:3px;overflow:hidden;transition:all .15s ease-in-out;color:#fff;font-size:12px;line-height:14px}.vditor-upload ul{margin:0}.vditor-upload--tip{height:auto;opacity:1 !important}.vditor-upload--tip .vditor-upload__close{display:block}.vditor-upload__close{display:none;position:absolute;right:5px;cursor:pointer;padding:5px;top:0}.vditor-upload__progress{height:100%;background-color:rgba(66,133,244,0.8);transition:all .15s ease-in-out;padding:5px;box-sizing:border-box}.vditor-hint{background-color:#fff;position:absolute;box-shadow:0 1px 2px rgba(0,0,0,0.2);border-radius:3px;padding:5px 0;z-index:1;line-height:20px;list-style:none;color:#24292e;font-size:12px;margin:0;max-width:200px;min-width:80px;display:none}.vditor-hint li{cursor:pointer;padding:3px 10px;border-bottom:1px solid #d1d5da;line-height:20px}.vditor-hint li:last-child{border-bottom:0}.vditor-hint--current,.vditor-hint li:hover{background-color:#4285f4;color:#fff}.vditor-hint__emoji{font-size:16px;float:left;margin-right:3px}.vditor-hint img{height:20px;width:20px;float:left;margin-right:3px}.vditor-reset{font-family:"Helvetica Neue","Luxi Sans","DejaVu Sans",Tahoma,"Hiragino Sans GB","Microsoft Yahei",sans-serif;word-wrap:break-word;overflow:auto;line-height:1.65;font-size:16px;word-break:break-word}.vditor-reset ul,.vditor-reset ol{padding-left:2em;margin-top:0;margin-bottom:16px}.vditor-reset li{margin-top:0.25em}.vditor-reset audio{max-width:100%}.vditor-reset video{max-height:90vh}.vditor-reset img.emoji{cursor:auto;max-width:20px;vertical-align:top}.vditor-reset h1,.vditor-reset h2,.vditor-reset h3,.vditor-reset h4,.vditor-reset h5,.vditor-reset h6{margin-top:24px;margin-bottom:16px;font-weight:600;line-height:1.25}.vditor-reset h1{padding-bottom:0.3em;font-size:1.7em;border-bottom:1px solid #eee}.vditor-reset h2{padding-bottom:0.3em;font-size:1.5em;border-bottom:1px solid #eee}.vditor-reset h3{font-size:1.25em}.vditor-reset h4{font-size:1em}.vditor-reset h5{font-size:0.875em}.vditor-reset h6{font-size:0.85em}.vditor-reset hr{height:0.15em;padding:0;margin:24px 0;background-color:#e7e7e7;border:0}.vditor-reset p{margin-top:0;margin-bottom:16px}.vditor-reset blockquote{padding:0 1em;color:#777;border-left:0.25em solid #ddd;margin:0 0 16px 0}.vditor-reset blockquote p{margin:0}.vditor-reset ins>iframe{border:0}.vditor-reset iframe{border:1px solid #d1d5da}.vditor-reset table{width:100%;border:1px solid #dedede;margin:15px auto;border-collapse:collapse;empty-cells:show}.vditor-reset thead{text-align:center}.vditor-reset td,.vditor-reset th{height:35px;border:1px solid #dedede;padding:0 10px}.vditor-reset th{font-weight:bold;text-align:center !important;background:rgba(158,188,226,0.2)}.vditor-reset tbody tr:nth-child(2n){background:rgba(158,188,226,0.12)}.vditor-reset tr:hover{background:#efefef}.vditor-reset code{padding:0.2em 0.4em;margin:0;font-size:85%;background-color:rgba(27,31,35,0.05);border-radius:3px;font-family:mononoki,Consolas,"Liberation Mono",Menlo,Courier,monospace;word-break:break-word}.vditor-reset pre>code{padding:0.5em;background-color:rgba(0,0,0,0.04);background-image:url("https://cdn.jsdelivr.net/npm/vditor@1.1.2/src/assets/images/code-bg.png");background-size:20px 20px;border-radius:5px;display:block;overflow:auto}.vditor-reset pre:hover div.vditor-copy{display:block}.vditor-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:solid 1px #d1d5da;border-bottom-color:#bbb;border-radius:3px;box-shadow:inset 0 -1px 0 #bbb}.vditor-reset summary{cursor:pointer}.vditor-reset summary:focus{outline:none}.vditor-reset svg{height:auto;width:auto}.vditor-task{list-style:none;margin-left:-1.4em;display:flex;align-items:center}.vditor-task input{margin-right:5px}.vditor-copy{position:relative;display:none}.vditor-copy textarea{position:absolute;top:-100000px}.vditor-copy span{cursor:pointer;position:absolute;right:0.5em;top:0.5em;height:20px;width:20px}.vditor-copy svg{height:20px;width:20px}.fn-flex{display:flex}.fn-flex-1{flex:1;min-width:1px}.fn-clear:before,.fn-clear:after{display:table;content:""}.fn-clear:after{clear:both}.fn-left{float:left}.fn-right{float:right}.ft-12{font-size:12px;font-weight:normal}.ft-gray{color:rgba(0,0,0,0.54)}.ft-fade{color:rgba(0,0,0,0.38)}.ft-green{color:#03a87c !important;transition:all 0.1s}.ft-green:hover{color:#018f69 !important}.pipe-tooltipped{position:relative;cursor:pointer}.pipe-tooltipped::after{position:absolute;z-index:1000;display:none;padding:5px 8px;font-size:11px;font-weight:normal;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,0.8);border-radius:3px;line-height:16px;opacity:0}.pipe-tooltipped::before{position:absolute;z-index:1000001;display:none;width:0;height:0;color:rgba(0,0,0,0.8);pointer-events:none;content:"";border:5px solid transparent;opacity:0}@keyframes tooltip-appear{from{opacity:0}to{opacity:1}}.pipe-tooltipped:hover::before,.pipe-tooltipped:hover::after,.pipe-tooltipped:active::before,.pipe-tooltipped:active::after,.pipe-tooltipped:focus::before,.pipe-tooltipped:focus::after{display:inline-block;text-decoration:none;animation-name:tooltip-appear;animation-duration:0.1s;animation-fill-mode:forwards;animation-timing-function:ease-in;animation-delay:0.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,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,0.8)}.pipe-tooltipped--ne::after{right:auto;left:50%;margin-left:-15px}.pipe-tooltipped--nw::after{margin-right:-15px}.pipe-tooltipped--s::after,.pipe-tooltipped--n::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,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,0.8)}.tag{background-color:rgba(0,0,0,0.05);color:rgba(0,0,0,0.68);padding:5px 10px;line-height:22px;font-weight:400;border-radius:3px;white-space:nowrap;display:inline-block;transition:all 0.1s;margin:0 8px 8px 0;font-size:15px}.tag:hover{text-decoration:none;background:rgba(0,0,0,0.1);color:rgba(0,0,0,0.68)}.tag__level0{line-height:inherit;font-size:12px;color:rgba(0,0,0,0.38)}.tag__level1{line-height:inherit;font-size:16px;color:rgba(0,0,0,0.54)}.tag__level2{line-height:inherit;font-size:21px;color:#6f6f6f}.tag__level3{line-height:inherit;font-size:24px;color:#3b3e43}.tag__level4{line-height:inherit;font-size:30px;color:#000}.module__title{border-bottom:1px solid rgba(0,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,0.54);position:absolute;padding-bottom:20px;height:26px}.wrapper{max-width:1000px;margin:0 auto;box-sizing:border-box}.header{padding:0 20px;box-sizing:border-box;height:64px;text-align:center;transition:all 0.1s;z-index:11}.header h1{display:inline-block;line-height:61px;width:50%;overflow:auto;white-space:nowrap}.header h1::-webkit-scrollbar{display:none}.header--fixed{position:fixed;width:100%;top:-64px;background-color:#fff;box-shadow:0 2px 2px -2px rgba(0,0,0,0.15)}.header__logo{float:left;height:32px;width:32px;margin:16px 0;background-size:cover;background-repeat:no-repeat;background-position:center center}.header__title{overflow:hidden;font-size:26px;color:rgba(0,0,0,0.84)}.header__title:hover{text-decoration:none}.header__icon{transition:all 0.1s;color:rgba(0,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,0.68)}.header__icon svg{height:16px;width:16px}.header__icon.avatar{background-size:cover;background-repeat:no-repeat;background-position:center center;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;transition:all 0.1s;line-height:32px}.header__a:hover{text-decoration:none;color:#018f69;border-color:#018f69}.header__nav{height:50px;padding:0 20px;box-sizing:border-box}.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,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;position:fixed;width:100%;top:0;background-color:#fff;box-shadow:0 2px 2px -2px rgba(0,0,0,0.15)}.footer{margin-top:50px;padding:10px 20px 25px;font-size:14px;border-top:1px solid rgba(0,0,0,0.05);color:rgba(0,0,0,0.38)}.footer a{color:rgba(0,0,0,0.54)}.footer__tag{margin-top:50px}.footer__tag>div{margin-right:20px}.footer__tag>div:last-child{margin-right:0}.footer__tag li{list-style:none}.footer__tag li a{color:rgba(0,0,0,0.54);display:block;line-height:30px;word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 25px}.footer__tag li a:hover{color:rgba(0,0,0,0.68)}.main{margin:50px 20px 0}.main .content{margin-top:50px}.board{padding:12px 0;text-align:center}.article__main{display:flex;flex-direction:column}.article__thumbnail{margin:10px 0;background-position:center center;background-size:cover;flex:1}.article__wrap{margin-right:-20px}.article__item{border:1px solid rgba(0,0,0,0.1);border-radius:2px;margin-bottom:20px;float:left}.article__item--big{width:318px;margin-right:20px}.article__item--big .article__main{height:236px;overflow:hidden}.article__item--small{width:318px;margin-right:20px}.article__item--small .article__thumbnail{background-image:none !important}.article__item--small .article__main{height:91px;overflow:hidden}.article__item--mid{width:488px;margin-right:20px}.article__item--mid .article__main{height:195px;overflow:hidden}.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,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,0.54);overflow:hidden;line-height:23px;word-break:break-all}.article__meta{font-size:15px;line-height:23px;flex-shrink:0}.b3-solo-list{display:none}.post{max-width:740px;margin:50px auto 20px;position:relative}.post__main{margin:20px 0 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,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{position:relative}.post__share #articleShare .article__code{position:absolute;height:130px;width:130px;left:-2px;top:22px}.post__share-icon{color:rgba(0,0,0,0.54);cursor:pointer}.post__share-icon:hover{color:rgba(0,0,0,0.68)}.post__view{color:#03a87c;transition:all 0.1s}.post__view:hover{color:#018f69;text-decoration:none}.post__side{position:fixed;top:50%;left:10%;width:55px;text-align:center;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,0.68)}.article__comment .comment__item{background-color:#fff;box-shadow:rgba(0,0,0,0.04) 0px 1px 4px;border:1px solid rgba(0,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 .vditor-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}.comment__textarea{background-color:#fff;box-shadow:rgba(0,0,0,0.04) 0px 1px 4px;border:1px solid rgba(0,0,0,0.09);border-radius:3px;padding:10px;margin:0 0 5px;width:100%;box-sizing:border-box;cursor:pointer;resize:none}.article__toolbar{box-shadow:0 0 1px rgba(0,0,0,0.54);position:fixed;bottom:-44px;width:100%;background-color:#fff;height:44px;font-size:16px;line-height:44px;transition:all 0.1s;opacity:0}.article__toolbar .wrapper{max-width:740px}.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,0.38);line-height:15px;margin-top:7px;color:rgba(0,0,0,0.84);font-size:14px;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,0.54)}.pagination{margin-top:30px;font-size:16px;border-top:1px solid rgba(0,0,0,0.15)}.pagination__item{text-align:center;border-top:1px solid transparent;transition:all 0.1s;display:inline-block;position:relative;top:-1px;margin:0 10px;padding:0 10px;line-height:30px;color:rgba(0,0,0,0.54)}.pagination__item:hover{border-top-color:rgba(0,0,0,0.54);color:rgba(0,0,0,0.84);text-decoration:none}.pagination__item--active{background:rgba(0,0,0,0.05);border-top-color:rgba(0,0,0,0.54)}.pagination__item--active:hover{color:rgba(0,0,0,0.54);border-top-color:rgba(0,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,0.05);padding:40px 0 35px}@media (max-width: 768px){.header{text-align:left}.header__logo,.post__side,.article__next,#articleBottomShare,#articleShare,.article__comment .comment__avatar{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{margin:0}.pagination__item{margin:0}.article__comment .comment__item{padding-left:10px}}#nprogress .bar{background:#d23f31}#nprogress .peg{box-shadow:0 0 10px #d23f31, 0 0 5px #d23f31}#nprogress .spinner-icon{border-top-color:#d23f31;border-left-color:#d23f31} diff --git a/Medium/css/base.scss b/Medium/css/base.scss index f0f1db9..2a5ed67 100644 --- a/Medium/css/base.scss +++ b/Medium/css/base.scss @@ -19,9 +19,8 @@ * skin style * * @author Liyuan Li - * @version 2.0.0.1, Mar 1, 2019 + * @version 2.0.0.2, Mar 16, 2019 */ -@import "../../../scss/reset-content"; @import "../../../scss/reset"; @import "../../../scss/nprogress"; @import "vditor/src/assets/scss/classic"; @@ -746,7 +745,7 @@ margin-left: 5px; } -.article__comment .comment__body .content-reset { +.article__comment .comment__body .vditor-reset { min-height: 40px; } diff --git a/Medium/footer.ftl b/Medium/footer.ftl index 0fb9f46..e46ab7b 100644 --- a/Medium/footer.ftl +++ b/Medium/footer.ftl @@ -55,11 +55,10 @@ var Label = { "markedAvailable": ${markedAvailable?c}, + "hljsStyle": "atom-one-light", + "langLabel": "${langLabel}", "skinDirName": "${skinDirName}" }; - Util.initSW(); - Util.killIE(8) - Util.parseMarkdown(); - Util.previewImg() + Util.init() ${plugins} diff --git a/Medium/page.ftl b/Medium/page.ftl index 3f3ca57..3eb44de 100644 --- a/Medium/page.ftl +++ b/Medium/page.ftl @@ -41,7 +41,7 @@
-
+
${page.pageContent}
diff --git a/NeoEase/article-list.ftl b/NeoEase/article-list.ftl index ba66e1e..d15c818 100644 --- a/NeoEase/article-list.ftl +++ b/NeoEase/article-list.ftl @@ -59,7 +59,7 @@
-
+
${article.articleAbstract}
diff --git a/NeoEase/article.ftl b/NeoEase/article.ftl index 163b5a7..6554320 100644 --- a/NeoEase/article.ftl +++ b/NeoEase/article.ftl @@ -93,7 +93,7 @@
-
+
${article.articleContent} <#if "" != article.articleSign.signHTML?trim>
diff --git a/NeoEase/common-comment.ftl b/NeoEase/common-comment.ftl index e290856..df807e2 100644 --- a/NeoEase/common-comment.ftl +++ b/NeoEase/common-comment.ftl @@ -41,7 +41,7 @@
-
${comment.commentContent}
+
${comment.commentContent}
\ No newline at end of file diff --git a/NeoEase/css/base.css b/NeoEase/css/base.css index 3ae97ae..5cff8f2 100644 --- a/NeoEase/css/base.css +++ b/NeoEase/css/base.css @@ -1 +1 @@ -.content-reset{word-wrap:break-word;overflow:auto;line-height:1.65;font-size:16px;word-break:break-word}.content-reset ul,.content-reset ol{padding-left:2em;margin-top:0;margin-bottom:16px}.content-reset li{margin-top:0.25em}.content-reset audio{max-width:100%}.content-reset video{max-height:90vh}.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{padding-bottom:0.3em;font-size:1.7em;border-bottom:1px solid #eee}.content-reset h2{padding-bottom:0.3em;font-size:1.5em;border-bottom:1px solid #eee}.content-reset h3{font-size:1.25em}.content-reset h4{font-size:1em}.content-reset h5{font-size:0.875em}.content-reset h6{font-size:0.85em}.content-reset hr{height:1px;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:0.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,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:bold;text-align:center !important;background:rgba(158,188,226,0.2)}.content-reset tbody tr:nth-child(2n){background:rgba(158,188,226,0.12)}.content-reset tr:hover{background:#efefef}.content-reset code{padding:.2em .4em;margin:0;font-size:85%;background-color:rgba(27,31,35,0.05);border-radius:3px;font-family:mononoki, Consolas, Liberation Mono, Menlo, Courier, monospace;word-break:break-word}.content-reset pre{position:relative}.content-reset pre textarea{position:absolute;top:-100000px}.content-reset pre>code{padding:0.5em;background-color:rgba(0,0,0,0.04);background-size:20px 20px;border-radius:5px;display:block}.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:solid 1px rgba(0,0,0,0.38);border-bottom-color:#bbb;border-radius:3px;box-shadow:inset 0 -1px 0 #bbb}.content-reset__task,.content-reset .task-list-item{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}.img-preview img{max-width:inherit;transition:transform .3s ease-in-out}@keyframes tooltip-appear{from{opacity:0}to{opacity:1}}.vditor-tooltipped{position:relative;cursor:pointer}.vditor-tooltipped::after{position:absolute;z-index:1000000;display:none;padding:5px 8px;font-size:11px;font-weight:normal;-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,0.8);border-radius:3px;line-height:16px;opacity:0}.vditor-tooltipped::before{position:absolute;z-index:1000001;display:none;width:0;height:0;color:rgba(0,0,0,0.8);pointer-events:none;content:"";border:5px solid transparent;opacity:0}.vditor-tooltipped--hover::before,.vditor-tooltipped--hover::after,.vditor-tooltipped:hover::before,.vditor-tooltipped:hover::after,.vditor-tooltipped:active::before,.vditor-tooltipped:active::after,.vditor-tooltipped:focus::before,.vditor-tooltipped:focus::after{display:inline-block;text-decoration:none;animation-name:tooltip-appear;animation-duration:0.1s;animation-fill-mode:forwards;animation-timing-function:ease-in;animation-delay:0.4s}.vditor-tooltipped__s::after,.vditor-tooltipped__se::after,.vditor-tooltipped__sw::after{top:100%;right:50%;margin-top:5px}.vditor-tooltipped__s::before,.vditor-tooltipped__se::before,.vditor-tooltipped__sw::before{top:auto;right:50%;bottom:-5px;margin-right:-5px;border-bottom-color:rgba(0,0,0,0.8)}.vditor-tooltipped__se::after{right:auto;left:50%;margin-left:-15px}.vditor-tooltipped__sw::after{margin-right:-15px}.vditor-tooltipped__n::after,.vditor-tooltipped__ne::after,.vditor-tooltipped__nw::after{right:50%;bottom:100%;margin-bottom:5px}.vditor-tooltipped__n::before,.vditor-tooltipped__ne::before,.vditor-tooltipped__nw::before{top:-5px;right:50%;bottom:auto;margin-right:-5px;border-top-color:rgba(0,0,0,0.8)}.vditor-tooltipped__ne::after{right:auto;left:50%;margin-left:-15px}.vditor-tooltipped__nw::after{margin-right:-15px}.vditor-tooltipped__s::after,.vditor-tooltipped__n::after{transform:translateX(50%)}.vditor-tooltipped__w::after{right:100%;bottom:50%;margin-right:5px;transform:translateY(50%)}.vditor-tooltipped__w::before{top:50%;bottom:50%;left:-5px;margin-top:-5px;border-left-color:rgba(0,0,0,0.8)}.vditor-tooltipped__e::after{bottom:50%;left:100%;margin-left:5px;transform:translateY(50%)}.vditor-tooltipped__e::before{top:50%;right:-5px;bottom:50%;margin-top:-5px;border-right-color:rgba(0,0,0,0.8)}.vditor-panel{background-color:#fff;position:absolute;box-shadow:0 1px 2px rgba(0,0,0,0.2);border-radius:3px;padding:5px;z-index:1;font-size:14px;display:none;user-select:none;max-width:200px;min-width:80px}.vditor-panel h1,.vditor-panel h2,.vditor-panel h3,.vditor-panel h4,.vditor-panel h5,.vditor-panel h6{margin:0;cursor:pointer;padding:3px 10px;border-radius:3px;line-height:normal}.vditor-panel h1:hover,.vditor-panel h2:hover,.vditor-panel h3:hover,.vditor-panel h4:hover,.vditor-panel h5:hover,.vditor-panel h6:hover{background-color:#4285f4;color:#fff}.vditor-toolbar{background-color:#f6f8fa;border-bottom:1px solid #d1d5da;padding:0 5px;border-radius:3px 3px 0 0}.vditor-toolbar>div{padding:10px 5px;float:left;line-height:14px;height:36px;box-sizing:border-box}.vditor-toolbar svg{fill:currentColor;display:inline-block;stroke-width:0;stroke:currentColor;width:14px;height:14px}.vditor-toolbar .vditor-tooltipped{color:#586069}.vditor-toolbar .vditor-tooltipped:hover{color:#4285f4}.vditor-toolbar label{overflow:hidden;position:relative;height:14px;width:15px;display:block;cursor:pointer}.vditor-toolbar input{position:absolute;width:1px;opacity:.001;height:14px;overflow:hidden}.vditor-menu--current svg{color:#4285f4}.vditor-menu__divider{width:10px}.vditor-menu__br{width:100%;padding:0 !important;height:0 !important}.vditor-emojis{display:inline-block}.vditor-emojis__tail{font-size:12px;text-align:right;color:#586069}.vditor-emojis__tail a{text-decoration:none;color:#586069}.vditor-emojis__tail a:hover{color:#4285f4}.vditor-emojis span{cursor:pointer;border-radius:3px;float:left;height:26px;width:26px;text-align:center;line-height:20px;padding:3px;box-sizing:border-box;font-size:16px}.vditor-emojis span:hover{background-color:#4285f4}.vditor-emojis img{height:20px;width:20px;float:left}.vditor{display:flex;flex-direction:column;border:1px solid #d1d5da;border-radius:3px;box-sizing:border-box}.vditor--fullscreen{position:fixed;top:0;width:100% !important;left:0;height:100vh !important;z-index:90;background-color:#fff}.vditor-content{display:flex;min-height:60px;flex:1;position:relative}.vditor-textarea{flex:1;border:0;resize:none;padding:10px;box-sizing:border-box;background-color:#fafbfc;outline:0 none;font-size:16px;line-height:22px;color:#24292e;border-radius:0 0 3px 3px}.vditor-textarea[disabled]{opacity:0.3;cursor:not-allowed}.vditor-textarea:focus{background-color:#fff}.vditor-preview{flex:1;background-color:#fff;overflow:auto;padding:10px;box-shadow:inset 1px 0 #d1d5da;box-sizing:border-box;border-radius:0 0 3px 0}.vditor-preview::-webkit-scrollbar{display:none}.vditor-counter{padding:0 3px;position:absolute;bottom:10px;right:20px;color:#24292e;background-color:rgba(255,255,255,0.6);border-radius:3px;font-size:12px;user-select:none}.vditor-counter--error{color:#d23f31;background-color:rgba(210,63,49,0.1)}.vditor-resize{padding:1px 0;border-radius:5px;cursor:row-resize;transition:all .15s ease-in-out;user-select:none;background-color:#f6f8fa}.vditor-resize:hover{background-color:#4285f4}.vditor-resize:hover svg{color:#fff}.vditor-resize svg{fill:currentColor;stroke-width:0;stroke:currentColor;width:13px;height:3px;display:block;margin:0 auto;color:#586069}.vditor-upload{opacity:0;position:absolute;width:100%;height:5px;left:0;top:-3px;border-radius:3px;overflow:hidden;transition:all .15s ease-in-out;color:#fff;font-size:12px;line-height:14px}.vditor-upload ul{margin:0}.vditor-upload--tip{height:auto;opacity:1 !important}.vditor-upload--tip .vditor-upload__close{display:block}.vditor-upload__close{display:none;position:absolute;right:5px;cursor:pointer;padding:5px;top:0}.vditor-upload__progress{height:100%;background-color:rgba(66,133,244,0.8);transition:all .15s ease-in-out;padding:5px;box-sizing:border-box}.vditor-hint{background-color:#fff;position:absolute;box-shadow:0 1px 2px rgba(0,0,0,0.2);border-radius:3px;padding:5px 0;z-index:1;line-height:20px;list-style:none;color:#24292e;font-size:12px;margin:0;max-width:200px;min-width:80px;display:none}.vditor-hint li{cursor:pointer;padding:3px 10px;border-bottom:1px solid #d1d5da;line-height:20px}.vditor-hint li:last-child{border-bottom:0}.vditor-hint--current,.vditor-hint li:hover{background-color:#4285f4;color:#fff}.vditor-hint__emoji{font-size:16px;float:left;margin-right:3px}.vditor-hint img{height:20px;width:20px;float:left;margin-right:3px}html,body,div,ul,li,h1,h2,h3,h4,h5,h6{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;color:#333}a:link{outline:none;color:#21759B;text-decoration:none}a:visited{color:#555777}a:hover{color:#D54E21}a:active{color:#333}img{max-width:100%;vertical-align:middle;border:0;height:auto;-ms-interpolation-mode:bicubic}textarea,input{outline:none}.left{float:left}.right{float:right}.clear{background-color:transparent;border:0;clear:both;display:block;font-size:0;height:0;line-height:0;overflow:hidden}.none{display:none}.logo{padding:0 5px;text-shadow:0 0 1px #EEE}.tip{color:#D54E21;font-size:11px}.em-span{line-height:24px;float:left}.em-br{line-height:24px}.date-ico,.tag-ico,.user-ico,.expand-ico,.collapse-ico,#search,.translate-ico,.feed-ico{background-image:url("../../NeoEase/images/icons.png")}.feed-ico{background-position:right -146px;background-repeat:no-repeat;color:#333;padding-right:24px}.translate-ico{background-position:1px -125px;background-repeat:no-repeat;border:1px solid #999;border-radius:3px 3px 3px 3px;cursor:pointer;float:right;height:16px;margin:6px 0 0 18px;padding:1px;width:16px}.translate-ico:hover{border-color:#D54E21;box-shadow:0 0 1px #999;background-color:#F2F2F2}.expand-ico,.collapse-ico{background-position:54px -84px;cursor:pointer;height:16px;background-repeat:no-repeat}.collapse-ico{background-position:54px -69px}.date-ico,.tag-ico,.user-ico{background-repeat:no-repeat;height:16px;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;overflow:hidden;width:667px}.header{background:url("../../NeoEase/images/icons.png") repeat-x scroll 0 -220px #F2F2F2;padding:20px 0}.header .title{border-bottom:1px solid #242424;color:#000;font-size:26px;font-weight:normal}.header .sub-title{color:#242424;font-size:11px}.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 2px 2px 2px;box-shadow:0 1px 1px rgba(0,0,0,0.1) inset;color:#888;float:right;font-size:14px;height:20px;line-height:145%;padding:3px 10px 3px 28px;width:24px;-moz-transition:width 0.4s ease, background 0.4s ease;-webkit-transition:width 0.4s ease, background 0.4s ease;transition:width 0.4s ease, background 0.4s ease}#search:focus{background-color:#F9F9F9;width:196px}.nav{background-color:#E9E9E9;border-bottom:1px solid #CCCCCC}.nav ul{list-style:none;float:left}.nav li{float:left}.nav a{color:#666666;display:block;float:left;font-size:14px;height:30px;line-height:30px;padding:0 15px;text-shadow:0 1px 0 #EEE}.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:#CCCCCC #CCCCCC #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;font-size:11px;padding:12px 0}.footer a{color:#787878}.footer a:hover{color:#D54E21}#goTop{background:url("../../NeoEase/images/icons.png") no-repeat scroll 5px -51px #DDD;border-radius:2px 2px 0 0;cursor:pointer;font-size:11px;height:21px;line-height:21px;padding:0 10px 0 23px;position:absolute;right:56px;display:none}#goTop:hover{background-color:#EAEAEA}.side{float:right;overflow:hidden;width:278px;margin-bottom:50px}.side>div{border-bottom:1px solid #DEDEDE;padding:10px 5px 15px}.side h4{font-size:14px;line-height:32px}.side ul{list-style:none}#archiveSide{list-style:square outside none;margin-left:18px}#archiveSide .archive-year{color:#D54E21;font-weight:bold;height:18px;line-height:18px;list-style:none}.side a{line-height:18px;color:#21759B}.side a:hover{text-decoration:underline}.side sup{color:#333}.side .side-li li{overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;width:268px}.side .side-li a{white-space:nowrap}.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 .expand-ico,.recent-comments-main .collapse-ico{background-position:0 -86px;float:right;width:16px;-moz-transition:opacity 400ms ease;-webkit-transition:opacity 400ms ease;transition:opacity 400ms ease;opacity:0;filter:alpha(opacity=0)}.recent-comments li:hover .expand-ico,.recent-comments li:hover .collapse-ico{opacity:1;filter:alpha(opacity=100)}.recent-comments-main .collapse-ico{background-position:0 -70px}.recent-comments-content{height:18px;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis}.recent-comments-content img{width:16px}.recent-comments-content a{color:#555777}.recent-comments-content a:hover{text-decoration:none}.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;text-decoration:none;padding-bottom:1px}.article-element a:hover{color:#D54E21;border-bottom-color:#D54E21}.article-title{color:#21759B;font-size:20px;font-weight:normal}.article-title:hover{color:#D54E21}.article .expand-ico,.article .collapse-ico{float:right;margin-top:9px;padding-right:6px;width:15px;background-position:0 -86px}.article .collapse-ico{background-position:0 -70px}.pagination{margin-top:30px;line-height:21px}.pagination a{border:1px solid #C5C3C2;font-size:10px;margin:2px;padding:1px 5px;text-decoration:none;background-color:#F2F2F2}.pagination a.current{background-color:#FFF;font-weight:bold;padding:2px 6px;color:#000}.pagination a:hover{background-color:#F3DEDD;color:#D54E21;border:1px solid #D54E21}.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 outside none;margin-left:18px}.share{border-bottom:1px solid #DEDEDE;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{border-bottom:1px solid #DEDEDE;padding:10px;width:647px;background-color:#F5F5F5}#comments>div:nth-child(2n){background-color:#F8F8F8}#comments .comment-panel>.right{-moz-transition:opacity 400ms ease;-webkit-transition:opacity 400ms ease;transition:opacity 400ms 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 .content-reset{margin-top:5px}#comments .comment-body-ref{border-bottom:0;background-color:#FFF;border-radius:5px 5px 5px 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;white-space:nowrap}.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:medium none;padding:0 3px}.form input:focus,.form textarea:focus{box-shadow:0 1px 2px rgba(0,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 3px 3px 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;white-space:nowrap}.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("../../NeoEase/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 none;bottom:12px;color:#333555;float:left;padding:10px 15px;position:absolute;right:-106px}.error a:hover{background-color:#ADEb51} +@keyframes tooltip-appear{from{opacity:0}to{opacity:1}}.vditor-tooltipped{position:relative;cursor:pointer}.vditor-tooltipped::after{position:absolute;z-index:1000000;display:none;padding:5px 8px;font-size:11px;font-weight:normal;-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,0.8);border-radius:3px;line-height:16px;opacity:0}.vditor-tooltipped::before{position:absolute;z-index:1000001;display:none;width:0;height:0;color:rgba(0,0,0,0.8);pointer-events:none;content:"";border:5px solid transparent;opacity:0}.vditor-tooltipped--hover::before,.vditor-tooltipped--hover::after,.vditor-tooltipped:hover::before,.vditor-tooltipped:hover::after,.vditor-tooltipped:active::before,.vditor-tooltipped:active::after,.vditor-tooltipped:focus::before,.vditor-tooltipped:focus::after{display:inline-block;text-decoration:none;animation-name:tooltip-appear;animation-duration:0.1s;animation-fill-mode:forwards;animation-timing-function:ease-in;animation-delay:0.4s}.vditor-tooltipped__s::after,.vditor-tooltipped__se::after,.vditor-tooltipped__sw::after{top:100%;right:50%;margin-top:5px}.vditor-tooltipped__s::before,.vditor-tooltipped__se::before,.vditor-tooltipped__sw::before{top:auto;right:50%;bottom:-5px;margin-right:-5px;border-bottom-color:rgba(0,0,0,0.8)}.vditor-tooltipped__se::after{right:auto;left:50%;margin-left:-15px}.vditor-tooltipped__sw::after{margin-right:-15px}.vditor-tooltipped__n::after,.vditor-tooltipped__ne::after,.vditor-tooltipped__nw::after{right:50%;bottom:100%;margin-bottom:5px}.vditor-tooltipped__n::before,.vditor-tooltipped__ne::before,.vditor-tooltipped__nw::before{top:-5px;right:50%;bottom:auto;margin-right:-5px;border-top-color:rgba(0,0,0,0.8)}.vditor-tooltipped__ne::after{right:auto;left:50%;margin-left:-15px}.vditor-tooltipped__nw::after{margin-right:-15px}.vditor-tooltipped__s::after,.vditor-tooltipped__n::after{transform:translateX(50%)}.vditor-tooltipped__w::after{right:100%;bottom:50%;margin-right:5px;transform:translateY(50%)}.vditor-tooltipped__w::before{top:50%;bottom:50%;left:-5px;margin-top:-5px;border-left-color:rgba(0,0,0,0.8)}.vditor-tooltipped__e::after{bottom:50%;left:100%;margin-left:5px;transform:translateY(50%)}.vditor-tooltipped__e::before{top:50%;right:-5px;bottom:50%;margin-top:-5px;border-right-color:rgba(0,0,0,0.8)}.vditor-panel{background-color:#fff;position:absolute;box-shadow:0 1px 2px rgba(0,0,0,0.2);border-radius:3px;padding:5px;z-index:1;font-size:14px;display:none;user-select:none;max-width:200px;min-width:80px}.vditor-panel h1,.vditor-panel h2,.vditor-panel h3,.vditor-panel h4,.vditor-panel h5,.vditor-panel h6{margin:0;cursor:pointer;padding:3px 10px;border-radius:3px;line-height:normal}.vditor-panel h1:hover,.vditor-panel h2:hover,.vditor-panel h3:hover,.vditor-panel h4:hover,.vditor-panel h5:hover,.vditor-panel h6:hover{background-color:#4285f4;color:#fff}.vditor-toolbar{background-color:#f6f8fa;border-bottom:1px solid #d1d5da;padding:0 5px;border-radius:3px 3px 0 0}.vditor-toolbar>div{padding:10px 5px;float:left;line-height:14px;height:36px;box-sizing:border-box}.vditor-toolbar svg{fill:currentColor;display:inline-block;stroke-width:0;stroke:currentColor;width:14px;height:14px}.vditor-toolbar .vditor-tooltipped{color:#586069}.vditor-toolbar .vditor-tooltipped:hover{color:#4285f4}.vditor-toolbar label{overflow:hidden;position:relative;height:14px;width:15px;display:block;cursor:pointer}.vditor-toolbar input{position:absolute;width:1px;opacity:.001;height:14px;overflow:hidden}.vditor-menu--current svg{color:#4285f4}.vditor-menu__divider{width:10px}.vditor-menu__br{width:100%;padding:0 !important;height:0 !important}.vditor-emojis{display:inline-block}.vditor-emojis__tail{font-size:12px;text-align:right;color:#586069}.vditor-emojis__tail a{text-decoration:none;color:#586069}.vditor-emojis__tail a:hover{color:#4285f4}.vditor-emojis span{cursor:pointer;border-radius:3px;float:left;height:26px;width:26px;text-align:center;line-height:20px;padding:3px;box-sizing:border-box;font-size:16px}.vditor-emojis span:hover{background-color:#4285f4}.vditor-emojis img{height:20px;width:20px;float:left}.vditor{display:flex;flex-direction:column;border:1px solid #d1d5da;border-radius:3px;box-sizing:border-box}.vditor--fullscreen{position:fixed;top:0;width:100% !important;left:0;height:100vh !important;z-index:90;background-color:#fff}.vditor-content{display:flex;min-height:60px;flex:1;position:relative;overflow:hidden}.vditor-textarea{flex:1;border:0;resize:none;padding:10px;box-sizing:border-box;background-color:#fafbfc;outline:0 none;font-size:16px;line-height:22px;color:#24292e;border-radius:0 0 3px 3px}.vditor-textarea[disabled]{opacity:0.3;cursor:not-allowed}.vditor-textarea:focus{background-color:#fff}.vditor-preview{flex:1;background-color:#fff;overflow:auto;padding:10px;box-shadow:inset 1px 0 #d1d5da;box-sizing:border-box;border-radius:0 0 3px 0}.vditor-preview::-webkit-scrollbar{display:none}.vditor-counter{padding:0 3px;position:absolute;bottom:10px;right:20px;color:#24292e;background-color:rgba(255,255,255,0.6);border-radius:3px;font-size:12px;user-select:none}.vditor-counter--error{color:#d23f31;background-color:rgba(210,63,49,0.1)}.vditor-resize{padding:1px 0;border-radius:5px;cursor:row-resize;transition:all .15s ease-in-out;user-select:none;background-color:#f6f8fa}.vditor-resize:hover{background-color:#4285f4}.vditor-resize:hover svg{color:#fff}.vditor-resize svg{fill:currentColor;stroke-width:0;stroke:currentColor;width:13px;height:3px;display:block;margin:0 auto;color:#586069}.vditor-upload{opacity:0;position:absolute;width:100%;height:5px;left:0;top:-3px;border-radius:3px;overflow:hidden;transition:all .15s ease-in-out;color:#fff;font-size:12px;line-height:14px}.vditor-upload ul{margin:0}.vditor-upload--tip{height:auto;opacity:1 !important}.vditor-upload--tip .vditor-upload__close{display:block}.vditor-upload__close{display:none;position:absolute;right:5px;cursor:pointer;padding:5px;top:0}.vditor-upload__progress{height:100%;background-color:rgba(66,133,244,0.8);transition:all .15s ease-in-out;padding:5px;box-sizing:border-box}.vditor-hint{background-color:#fff;position:absolute;box-shadow:0 1px 2px rgba(0,0,0,0.2);border-radius:3px;padding:5px 0;z-index:1;line-height:20px;list-style:none;color:#24292e;font-size:12px;margin:0;max-width:200px;min-width:80px;display:none}.vditor-hint li{cursor:pointer;padding:3px 10px;border-bottom:1px solid #d1d5da;line-height:20px}.vditor-hint li:last-child{border-bottom:0}.vditor-hint--current,.vditor-hint li:hover{background-color:#4285f4;color:#fff}.vditor-hint__emoji{font-size:16px;float:left;margin-right:3px}.vditor-hint img{height:20px;width:20px;float:left;margin-right:3px}.vditor-reset{font-family:"Helvetica Neue","Luxi Sans","DejaVu Sans",Tahoma,"Hiragino Sans GB","Microsoft Yahei",sans-serif;word-wrap:break-word;overflow:auto;line-height:1.65;font-size:16px;word-break:break-word}.vditor-reset ul,.vditor-reset ol{padding-left:2em;margin-top:0;margin-bottom:16px}.vditor-reset li{margin-top:0.25em}.vditor-reset audio{max-width:100%}.vditor-reset video{max-height:90vh}.vditor-reset img.emoji{cursor:auto;max-width:20px;vertical-align:top}.vditor-reset h1,.vditor-reset h2,.vditor-reset h3,.vditor-reset h4,.vditor-reset h5,.vditor-reset h6{margin-top:24px;margin-bottom:16px;font-weight:600;line-height:1.25}.vditor-reset h1{padding-bottom:0.3em;font-size:1.7em;border-bottom:1px solid #eee}.vditor-reset h2{padding-bottom:0.3em;font-size:1.5em;border-bottom:1px solid #eee}.vditor-reset h3{font-size:1.25em}.vditor-reset h4{font-size:1em}.vditor-reset h5{font-size:0.875em}.vditor-reset h6{font-size:0.85em}.vditor-reset hr{height:0.15em;padding:0;margin:24px 0;background-color:#e7e7e7;border:0}.vditor-reset p{margin-top:0;margin-bottom:16px}.vditor-reset blockquote{padding:0 1em;color:#777;border-left:0.25em solid #ddd;margin:0 0 16px 0}.vditor-reset blockquote p{margin:0}.vditor-reset ins>iframe{border:0}.vditor-reset iframe{border:1px solid #d1d5da}.vditor-reset table{width:100%;border:1px solid #dedede;margin:15px auto;border-collapse:collapse;empty-cells:show}.vditor-reset thead{text-align:center}.vditor-reset td,.vditor-reset th{height:35px;border:1px solid #dedede;padding:0 10px}.vditor-reset th{font-weight:bold;text-align:center !important;background:rgba(158,188,226,0.2)}.vditor-reset tbody tr:nth-child(2n){background:rgba(158,188,226,0.12)}.vditor-reset tr:hover{background:#efefef}.vditor-reset code{padding:0.2em 0.4em;margin:0;font-size:85%;background-color:rgba(27,31,35,0.05);border-radius:3px;font-family:mononoki,Consolas,"Liberation Mono",Menlo,Courier,monospace;word-break:break-word}.vditor-reset pre>code{padding:0.5em;background-color:rgba(0,0,0,0.04);background-image:url("https://cdn.jsdelivr.net/npm/vditor@1.1.2/src/assets/images/code-bg.png");background-size:20px 20px;border-radius:5px;display:block;overflow:auto}.vditor-reset pre:hover div.vditor-copy{display:block}.vditor-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:solid 1px #d1d5da;border-bottom-color:#bbb;border-radius:3px;box-shadow:inset 0 -1px 0 #bbb}.vditor-reset summary{cursor:pointer}.vditor-reset summary:focus{outline:none}.vditor-reset svg{height:auto;width:auto}.vditor-task{list-style:none;margin-left:-1.4em;display:flex;align-items:center}.vditor-task input{margin-right:5px}.vditor-copy{position:relative;display:none}.vditor-copy textarea{position:absolute;top:-100000px}.vditor-copy span{cursor:pointer;position:absolute;right:0.5em;top:0.5em;height:20px;width:20px}.vditor-copy svg{height:20px;width:20px}html,body,div,ul,li,h1,h2,h3,h4,h5,h6{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;color:#333}a:link{outline:none;color:#21759B;text-decoration:none}a:visited{color:#555777}a:hover{color:#D54E21}a:active{color:#333}img{max-width:100%;vertical-align:middle;border:0;height:auto;-ms-interpolation-mode:bicubic}textarea,input{outline:none}.left{float:left}.right{float:right}.clear{background-color:transparent;border:0;clear:both;display:block;font-size:0;height:0;line-height:0;overflow:hidden}.none{display:none}.logo{padding:0 5px;text-shadow:0 0 1px #EEE}.tip{color:#D54E21;font-size:11px}.em-span{line-height:24px;float:left}.em-br{line-height:24px}.date-ico,.tag-ico,.user-ico,.expand-ico,.collapse-ico,#search,.translate-ico,.feed-ico{background-image:url("../../NeoEase/images/icons.png")}.feed-ico{background-position:right -146px;background-repeat:no-repeat;color:#333;padding-right:24px}.translate-ico{background-position:1px -125px;background-repeat:no-repeat;border:1px solid #999;border-radius:3px 3px 3px 3px;cursor:pointer;float:right;height:16px;margin:6px 0 0 18px;padding:1px;width:16px}.translate-ico:hover{border-color:#D54E21;box-shadow:0 0 1px #999;background-color:#F2F2F2}.expand-ico,.collapse-ico{background-position:54px -84px;cursor:pointer;height:16px;background-repeat:no-repeat}.collapse-ico{background-position:54px -69px}.date-ico,.tag-ico,.user-ico{background-repeat:no-repeat;height:16px;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;overflow:hidden;width:667px}.header{background:url("../../NeoEase/images/icons.png") repeat-x scroll 0 -220px #F2F2F2;padding:20px 0}.header .title{border-bottom:1px solid #242424;color:#000;font-size:26px;font-weight:normal}.header .sub-title{color:#242424;font-size:11px}.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 2px 2px 2px;box-shadow:0 1px 1px rgba(0,0,0,0.1) inset;color:#888;float:right;font-size:14px;height:20px;line-height:145%;padding:3px 10px 3px 28px;width:24px;-moz-transition:width 0.4s ease, background 0.4s ease;-webkit-transition:width 0.4s ease, background 0.4s ease;transition:width 0.4s ease, background 0.4s ease}#search:focus{background-color:#F9F9F9;width:196px}.nav{background-color:#E9E9E9;border-bottom:1px solid #CCCCCC}.nav ul{list-style:none;float:left}.nav li{float:left}.nav a{color:#666666;display:block;float:left;font-size:14px;height:30px;line-height:30px;padding:0 15px;text-shadow:0 1px 0 #EEE}.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:#CCCCCC #CCCCCC #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;font-size:11px;padding:12px 0}.footer a{color:#787878}.footer a:hover{color:#D54E21}#goTop{background:url("../../NeoEase/images/icons.png") no-repeat scroll 5px -51px #DDD;border-radius:2px 2px 0 0;cursor:pointer;font-size:11px;height:21px;line-height:21px;padding:0 10px 0 23px;position:absolute;right:56px;display:none}#goTop:hover{background-color:#EAEAEA}.side{float:right;overflow:hidden;width:278px;margin-bottom:50px}.side>div{border-bottom:1px solid #DEDEDE;padding:10px 5px 15px}.side h4{font-size:14px;line-height:32px}.side ul{list-style:none}#archiveSide{list-style:square outside none;margin-left:18px}#archiveSide .archive-year{color:#D54E21;font-weight:bold;height:18px;line-height:18px;list-style:none}.side a{line-height:18px;color:#21759B}.side a:hover{text-decoration:underline}.side sup{color:#333}.side .side-li li{overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;width:268px}.side .side-li a{white-space:nowrap}.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 .expand-ico,.recent-comments-main .collapse-ico{background-position:0 -86px;float:right;width:16px;-moz-transition:opacity 400ms ease;-webkit-transition:opacity 400ms ease;transition:opacity 400ms ease;opacity:0;filter:alpha(opacity=0)}.recent-comments li:hover .expand-ico,.recent-comments li:hover .collapse-ico{opacity:1;filter:alpha(opacity=100)}.recent-comments-main .collapse-ico{background-position:0 -70px}.recent-comments-content{height:18px;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis}.recent-comments-content img{width:16px}.recent-comments-content a{color:#555777}.recent-comments-content a:hover{text-decoration:none}.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;text-decoration:none;padding-bottom:1px}.article-element a:hover{color:#D54E21;border-bottom-color:#D54E21}.article-title{color:#21759B;font-size:20px;font-weight:normal}.article-title:hover{color:#D54E21}.article .expand-ico,.article .collapse-ico{float:right;margin-top:9px;padding-right:6px;width:15px;background-position:0 -86px}.article .collapse-ico{background-position:0 -70px}.pagination{margin-top:30px;line-height:21px}.pagination a{border:1px solid #C5C3C2;font-size:10px;margin:2px;padding:1px 5px;text-decoration:none;background-color:#F2F2F2}.pagination a.current{background-color:#FFF;font-weight:bold;padding:2px 6px;color:#000}.pagination a:hover{background-color:#F3DEDD;color:#D54E21;border:1px solid #D54E21}.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 outside none;margin-left:18px}.share{border-bottom:1px solid #DEDEDE;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{border-bottom:1px solid #DEDEDE;padding:10px;width:647px;background-color:#F5F5F5}#comments>div:nth-child(2n){background-color:#F8F8F8}#comments .comment-panel>.right{-moz-transition:opacity 400ms ease;-webkit-transition:opacity 400ms ease;transition:opacity 400ms 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 .vditor-reset{margin-top:5px}#comments .comment-body-ref{border-bottom:0;background-color:#FFF;border-radius:5px 5px 5px 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;white-space:nowrap}.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:medium none;padding:0 3px}.form input:focus,.form textarea:focus{box-shadow:0 1px 2px rgba(0,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 3px 3px 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;white-space:nowrap}.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("../../NeoEase/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 none;bottom:12px;color:#333555;float:left;padding:10px 15px;position:absolute;right:-106px}.error a:hover{background-color:#ADEb51} diff --git a/NeoEase/css/base.scss b/NeoEase/css/base.scss index a7eec82..ce4bf40 100644 --- a/NeoEase/css/base.scss +++ b/NeoEase/css/base.scss @@ -19,10 +19,9 @@ * skin neoease style * * @author Liyuan Li - * @version 2.0.0.0, Feb 21, 2019 + * @version 2.0.0.1, Mar 16, 2019 */ -@import "../../../scss/reset-content"; @import "vditor/src/assets/scss/classic"; /* start base */ html, body, div, ul, li, h1, h2, h3, h4, h5, h6 { @@ -626,7 +625,7 @@ textarea, input { line-height: 16px; } -.comment-panel .content-reset { +.comment-panel .vditor-reset { margin-top: 5px; } diff --git a/NeoEase/footer.ftl b/NeoEase/footer.ftl index 66c4345..a3f1cca 100644 --- a/NeoEase/footer.ftl +++ b/NeoEase/footer.ftl @@ -38,6 +38,8 @@ var Label = { "markedAvailable": ${markedAvailable?c}, + "hljsStyle": "atom-one-light", + "langLabel": "${langLabel}", "adminLabel": "${adminLabel}", "logoutLabel": "${logoutLabel}", "skinDirName": "${skinDirName}" diff --git a/NeoEase/js/NeoEase.js b/NeoEase/js/NeoEase.js index ae657a4..c00151a 100644 --- a/NeoEase/js/NeoEase.js +++ b/NeoEase/js/NeoEase.js @@ -161,6 +161,7 @@ var goTranslate = function () { }); Util.init(); + Util.setTopBar() Util.replaceSideEm($(".recent-comments-content")); Util.buildTags("tagsSide"); diff --git a/NeoEase/js/NeoEase.min.js b/NeoEase/js/NeoEase.min.js index 58966e1..91ed8d6 100644 --- a/NeoEase/js/NeoEase.min.js +++ b/NeoEase/js/NeoEase.min.js @@ -1 +1 @@ -var goTop=function(e){e=e||.1;var a=$(window).scrollTop(),t=1+e;if(window.scrollTo(0,Math.floor(a/t)),0
"+n+" 年
"))}),$(".recent-comments .expand-ico").click(function(){"expand-ico"===this.className?($(this).parent().next().css({height:"auto","white-space":"normal"}),this.className="collapse-ico"):($(this).parent().next().animate({height:"18px"},function(){$(this).css("white-space","nowrap")}),this.className="expand-ico")}),$(".nav ul li").each(function(){$(this).find("a").attr("href")===latkeConfig.servePath+location.pathname?$(this).addClass("current"):/\/[0-9]+$/.test(location.pathname)&&($(".nav ul li")[0].className="current")}),Util.init(),Util.replaceSideEm($(".recent-comments-content")),Util.buildTags("tagsSide"),$(".recent-comments .recent-comments-main").each(function(){$(this).find(".recent-comments-content>a").height()<30?$(this).find(".expand-ico").remove():$(this).find(".expand-ico").parent().next().css({"white-space":"nowrap"})})}(); \ No newline at end of file +var goTop=function(e){e=e||.1;var a=$(window).scrollTop(),t=1+e;if(window.scrollTo(0,Math.floor(a/t)),0
"+n+" 年
"))}),$(".recent-comments .expand-ico").click(function(){"expand-ico"===this.className?($(this).parent().next().css({height:"auto","white-space":"normal"}),this.className="collapse-ico"):($(this).parent().next().animate({height:"18px"},function(){$(this).css("white-space","nowrap")}),this.className="expand-ico")}),$(".nav ul li").each(function(){$(this).find("a").attr("href")===latkeConfig.servePath+location.pathname?$(this).addClass("current"):/\/[0-9]+$/.test(location.pathname)&&($(".nav ul li")[0].className="current")}),Util.init(),Util.setTopBar(),Util.replaceSideEm($(".recent-comments-content")),Util.buildTags("tagsSide"),$(".recent-comments .recent-comments-main").each(function(){$(this).find(".recent-comments-content>a").height()<30?$(this).find(".expand-ico").remove():$(this).find(".expand-ico").parent().next().css({"white-space":"nowrap"})})}(); \ No newline at end of file diff --git a/NeoEase/page.ftl b/NeoEase/page.ftl index 3972396..109507e 100644 --- a/NeoEase/page.ftl +++ b/NeoEase/page.ftl @@ -34,7 +34,7 @@
-
+
${page.pageContent}
<@comments commentList=pageComments article=page> diff --git a/Pinghsu/article.ftl b/Pinghsu/article.ftl index 63c3e8b..6539074 100644 --- a/Pinghsu/article.ftl +++ b/Pinghsu/article.ftl @@ -89,7 +89,7 @@
-
+
${article.articleContent} <#if "" != article.articleSign.signHTML?trim>
diff --git a/Pinghsu/common-comment.ftl b/Pinghsu/common-comment.ftl index 6e6c035..0da1653 100644 --- a/Pinghsu/common-comment.ftl +++ b/Pinghsu/common-comment.ftl @@ -36,7 +36,7 @@
-
+
${comment.commentContent}
diff --git a/Pinghsu/css/base.css b/Pinghsu/css/base.css index 7375c3f..8335aa4 100644 --- a/Pinghsu/css/base.css +++ b/Pinghsu/css/base.css @@ -1 +1 @@ -html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;height:100%}body{margin:0;font-family:"Helvetica Neue", "Luxi Sans", "DejaVu Sans", Tahoma, "Hiragino Sans GB", "Microsoft Yahei", sans-serif;font-size:14px;background-color:#fff;-webkit-font-smoothing:antialiased;-webkit-overflow-scrolling:touch}::-moz-selection{text-shadow:none;background:rgba(65,131,196,0.4)}::selection{text-shadow:none;background:rgba(66,133,244,0.4)}ul,ol{margin:0;padding:0}h1,h2,h3,h4,h5,h6,dl,dd,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{outline:0;text-decoration:none}a:hover{text-decoration:underline}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.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{margin:0;font-size:100%;vertical-align:middle;font-family:"Helvetica Neue", "Luxi Sans", "DejaVu Sans", Tahoma, "Hiragino Sans GB", "Microsoft Yahei", sans-serif;outline:none}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"]{box-sizing:content-box;-webkit-appearance:textfield}input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none}textarea{overflow:auto;resize:vertical}svg{fill:currentColor;display:inline-block;stroke-width:0;stroke:currentColor;width:14px;height:14px}blockquote{margin:0}.content-reset{word-wrap:break-word;overflow:auto;line-height:1.65;font-size:16px;word-break:break-word}.content-reset ul,.content-reset ol{padding-left:2em;margin-top:0;margin-bottom:16px}.content-reset li{margin-top:0.25em}.content-reset audio{max-width:100%}.content-reset video{max-height:90vh}.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{padding-bottom:0.3em;font-size:1.7em;border-bottom:1px solid #eee}.content-reset h2{padding-bottom:0.3em;font-size:1.5em;border-bottom:1px solid #eee}.content-reset h3{font-size:1.25em}.content-reset h4{font-size:1em}.content-reset h5{font-size:0.875em}.content-reset h6{font-size:0.85em}.content-reset hr{height:1px;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:0.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,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:bold;text-align:center !important;background:rgba(158,188,226,0.2)}.content-reset tbody tr:nth-child(2n){background:rgba(158,188,226,0.12)}.content-reset tr:hover{background:#efefef}.content-reset code{padding:.2em .4em;margin:0;font-size:85%;background-color:rgba(27,31,35,0.05);border-radius:3px;font-family:mononoki, Consolas, Liberation Mono, Menlo, Courier, monospace;word-break:break-word}.content-reset pre{position:relative}.content-reset pre textarea{position:absolute;top:-100000px}.content-reset pre>code{padding:0.5em;background-color:rgba(0,0,0,0.04);background-size:20px 20px;border-radius:5px;display:block}.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:solid 1px rgba(0,0,0,0.38);border-bottom-color:#bbb;border-radius:3px;box-shadow:inset 0 -1px 0 #bbb}.content-reset__task,.content-reset .task-list-item{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}.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__pointer{cursor:pointer}.fn__clear:before,.fn__clear:after{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__center{text-align:center}.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;cursor:pointer}.tooltipped::after{position:absolute;z-index:1000000;display:none;padding:5px 8px;font-size:11px;font-weight:normal;-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,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,0.8);pointer-events:none;content:"";border:5px solid transparent;opacity:0}.tooltipped--hover::before,.tooltipped--hover::after,.tooltipped:hover::before,.tooltipped:hover::after,.tooltipped:active::before,.tooltipped:active::after,.tooltipped:focus::before,.tooltipped:focus::after{display:inline-block;text-decoration:none;animation-name:tooltip-appear;animation-duration:0.1s;animation-fill-mode:forwards;animation-timing-function:ease-in;animation-delay:0.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,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,0.8)}.tooltipped__ne::after{right:auto;left:50%;margin-left:-15px}.tooltipped__nw::after{margin-right:-15px}.tooltipped__s::after,.tooltipped__n::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,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,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:0px;width:100px;height:100%;box-shadow:0 0 10px #d23f31, 0 0 5px #d23f31;opacity:1.0;-webkit-transform:rotate(3deg) translate(0px, -4px);-ms-transform:rotate(3deg) translate(0px, -4px);transform:rotate(3deg) translate(0px, -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:solid 2px transparent;border-top-color:#d23f31;border-left-color:#d23f31;border-radius:50%;-webkit-animation:nprogress-spinner 400ms linear infinite;animation:nprogress-spinner 400ms linear infinite}.nprogress-custom-parent{overflow:hidden;position:relative}.nprogress-custom-parent #nprogress .spinner,.nprogress-custom-parent #nprogress .bar{position:absolute}@-webkit-keyframes nprogress-spinner{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}}@keyframes nprogress-spinner{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.ico{background-image:url("../images/ico.png");float:right;width:42px;height:42px;border:1px solid #eaeaea;border-radius:50%;background-size:42px auto}.ico--0{background-position:0 -42px}.ico--1{background-position:0 -84px}.ico--2{background-position:0 -126px}.ico--3{background-position:0 -168px}.ico--4{background-position:0 -210px}.ico--5{background-position:0 -252px}.ico--6{background-position:0 -294px}.ico--7{background-position:0 -336px}.ico--8{background-position:0 -378px}.ico--9{background-position:0 -420px}svg{height:20px;width:20px}@keyframes tooltip-appear{from{opacity:0}to{opacity:1}}.vditor-tooltipped{position:relative;cursor:pointer}.vditor-tooltipped::after{position:absolute;z-index:1000000;display:none;padding:5px 8px;font-size:11px;font-weight:normal;-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,0.8);border-radius:3px;line-height:16px;opacity:0}.vditor-tooltipped::before{position:absolute;z-index:1000001;display:none;width:0;height:0;color:rgba(0,0,0,0.8);pointer-events:none;content:"";border:5px solid transparent;opacity:0}.vditor-tooltipped--hover::before,.vditor-tooltipped--hover::after,.vditor-tooltipped:hover::before,.vditor-tooltipped:hover::after,.vditor-tooltipped:active::before,.vditor-tooltipped:active::after,.vditor-tooltipped:focus::before,.vditor-tooltipped:focus::after{display:inline-block;text-decoration:none;animation-name:tooltip-appear;animation-duration:0.1s;animation-fill-mode:forwards;animation-timing-function:ease-in;animation-delay:0.4s}.vditor-tooltipped__s::after,.vditor-tooltipped__se::after,.vditor-tooltipped__sw::after{top:100%;right:50%;margin-top:5px}.vditor-tooltipped__s::before,.vditor-tooltipped__se::before,.vditor-tooltipped__sw::before{top:auto;right:50%;bottom:-5px;margin-right:-5px;border-bottom-color:rgba(0,0,0,0.8)}.vditor-tooltipped__se::after{right:auto;left:50%;margin-left:-15px}.vditor-tooltipped__sw::after{margin-right:-15px}.vditor-tooltipped__n::after,.vditor-tooltipped__ne::after,.vditor-tooltipped__nw::after{right:50%;bottom:100%;margin-bottom:5px}.vditor-tooltipped__n::before,.vditor-tooltipped__ne::before,.vditor-tooltipped__nw::before{top:-5px;right:50%;bottom:auto;margin-right:-5px;border-top-color:rgba(0,0,0,0.8)}.vditor-tooltipped__ne::after{right:auto;left:50%;margin-left:-15px}.vditor-tooltipped__nw::after{margin-right:-15px}.vditor-tooltipped__s::after,.vditor-tooltipped__n::after{transform:translateX(50%)}.vditor-tooltipped__w::after{right:100%;bottom:50%;margin-right:5px;transform:translateY(50%)}.vditor-tooltipped__w::before{top:50%;bottom:50%;left:-5px;margin-top:-5px;border-left-color:rgba(0,0,0,0.8)}.vditor-tooltipped__e::after{bottom:50%;left:100%;margin-left:5px;transform:translateY(50%)}.vditor-tooltipped__e::before{top:50%;right:-5px;bottom:50%;margin-top:-5px;border-right-color:rgba(0,0,0,0.8)}.vditor-panel{background-color:#fff;position:absolute;box-shadow:0 1px 2px rgba(0,0,0,0.2);border-radius:3px;padding:5px;z-index:1;font-size:14px;display:none;user-select:none;max-width:200px;min-width:80px}.vditor-panel h1,.vditor-panel h2,.vditor-panel h3,.vditor-panel h4,.vditor-panel h5,.vditor-panel h6{margin:0;cursor:pointer;padding:3px 10px;border-radius:3px;line-height:normal}.vditor-panel h1:hover,.vditor-panel h2:hover,.vditor-panel h3:hover,.vditor-panel h4:hover,.vditor-panel h5:hover,.vditor-panel h6:hover{background-color:#4285f4;color:#fff}.vditor-toolbar{background-color:#f6f8fa;border-bottom:1px solid #d1d5da;padding:0 5px;border-radius:3px 3px 0 0}.vditor-toolbar>div{padding:10px 5px;float:left;line-height:14px;height:36px;box-sizing:border-box}.vditor-toolbar svg{fill:currentColor;display:inline-block;stroke-width:0;stroke:currentColor;width:14px;height:14px}.vditor-toolbar .vditor-tooltipped{color:#586069}.vditor-toolbar .vditor-tooltipped:hover{color:#4285f4}.vditor-toolbar label{overflow:hidden;position:relative;height:14px;width:15px;display:block;cursor:pointer}.vditor-toolbar input{position:absolute;width:1px;opacity:.001;height:14px;overflow:hidden}.vditor-menu--current svg{color:#4285f4}.vditor-menu__divider{width:10px}.vditor-menu__br{width:100%;padding:0 !important;height:0 !important}.vditor-emojis{display:inline-block}.vditor-emojis__tail{font-size:12px;text-align:right;color:#586069}.vditor-emojis__tail a{text-decoration:none;color:#586069}.vditor-emojis__tail a:hover{color:#4285f4}.vditor-emojis span{cursor:pointer;border-radius:3px;float:left;height:26px;width:26px;text-align:center;line-height:20px;padding:3px;box-sizing:border-box;font-size:16px}.vditor-emojis span:hover{background-color:#4285f4}.vditor-emojis img{height:20px;width:20px;float:left}.vditor{display:flex;flex-direction:column;border:1px solid #d1d5da;border-radius:3px;box-sizing:border-box}.vditor--fullscreen{position:fixed;top:0;width:100% !important;left:0;height:100vh !important;z-index:90;background-color:#fff}.vditor-content{display:flex;min-height:60px;flex:1;position:relative}.vditor-textarea{flex:1;border:0;resize:none;padding:10px;box-sizing:border-box;background-color:#fafbfc;outline:0 none;font-size:16px;line-height:22px;color:#24292e;border-radius:0 0 3px 3px}.vditor-textarea[disabled]{opacity:0.3;cursor:not-allowed}.vditor-textarea:focus{background-color:#fff}.vditor-preview{flex:1;background-color:#fff;overflow:auto;padding:10px;box-shadow:inset 1px 0 #d1d5da;box-sizing:border-box;border-radius:0 0 3px 0}.vditor-preview::-webkit-scrollbar{display:none}.vditor-counter{padding:0 3px;position:absolute;bottom:10px;right:20px;color:#24292e;background-color:rgba(255,255,255,0.6);border-radius:3px;font-size:12px;user-select:none}.vditor-counter--error{color:#d23f31;background-color:rgba(210,63,49,0.1)}.vditor-resize{padding:1px 0;border-radius:5px;cursor:row-resize;transition:all .15s ease-in-out;user-select:none;background-color:#f6f8fa}.vditor-resize:hover{background-color:#4285f4}.vditor-resize:hover svg{color:#fff}.vditor-resize svg{fill:currentColor;stroke-width:0;stroke:currentColor;width:13px;height:3px;display:block;margin:0 auto;color:#586069}.vditor-upload{opacity:0;position:absolute;width:100%;height:5px;left:0;top:-3px;border-radius:3px;overflow:hidden;transition:all .15s ease-in-out;color:#fff;font-size:12px;line-height:14px}.vditor-upload ul{margin:0}.vditor-upload--tip{height:auto;opacity:1 !important}.vditor-upload--tip .vditor-upload__close{display:block}.vditor-upload__close{display:none;position:absolute;right:5px;cursor:pointer;padding:5px;top:0}.vditor-upload__progress{height:100%;background-color:rgba(66,133,244,0.8);transition:all .15s ease-in-out;padding:5px;box-sizing:border-box}.vditor-hint{background-color:#fff;position:absolute;box-shadow:0 1px 2px rgba(0,0,0,0.2);border-radius:3px;padding:5px 0;z-index:1;line-height:20px;list-style:none;color:#24292e;font-size:12px;margin:0;max-width:200px;min-width:80px;display:none}.vditor-hint li{cursor:pointer;padding:3px 10px;border-bottom:1px solid #d1d5da;line-height:20px}.vditor-hint li:last-child{border-bottom:0}.vditor-hint--current,.vditor-hint li:hover{background-color:#4285f4;color:#fff}.vditor-hint__emoji{font-size:16px;float:left;margin-right:3px}.vditor-hint img{height:20px;width:20px;float:left;margin-right:3px}body{display:flex;flex-direction:column;min-height:100%}.body--gray{background-color:#f7f7f7}a{text-decoration:none;color:#313131;outline:0;transition:all .3s}a:active,a:focus,a:hover{color:#eb5055;outline:0;text-decoration:none}::selection{color:#fff;background-color:#eb5055}.content-reset{font-size:14px}.content-reset .b3-solo-list{display:none}.content-reset a{color:#313131;border-bottom:1px solid #e0e0e0}.content-reset a:hover{color:#eb5055;border-bottom:1px solid #eb5055}.ft__fade{color:rgba(0,0,0,0.38)}.ft__red{color:#eb5055}.ft__link{color:#5f5f5f}.ft__link:hover{color:#000}.tag{font-size:13px;display:inline-block;padding:0 15px;transition:all .3s;line-height:24px;color:#fff;cursor:pointer;background:#6fa3ef;border-radius:12px;margin-left:10px}.tag:hover{color:#5f5f5f;background:#e0e0e0}.tag--1{background:#ff9800}.tag--2{background:#46c47c}.tag--3{background:#eb5055}.tag--4{background:#db4437}.tag--5{background:#1b95e0}.tag--6{background:#fdc200}.tag--7{background:#4caf50}.wrapper{max-width:1024px;padding:0 10px;box-sizing:border-box;margin:0 auto}.wrapper--min{animation:fade-in;animation-duration:.5s;padding-top:115px;max-width:900px}.wrapper--miner{animation:fade-in;animation-duration:.5s;padding-top:115px;max-width:700px}.header{background-color:#fff;animation-duration:.5s;animation-fill-mode:both;line-height:70px;position:fixed;z-index:10;top:0;display:block;width:100%;height:70px;box-shadow:0 1px 5px rgba(0,0,0,0.1)}.header__logo{font-size:20px}.header__logo img{margin:10px 5px 0 0;height:50px;width:50px;float:left}.header__nav{float:right}.header__nav a{margin:0 15px}.header__nav a.current{color:#eb5055}.header__nav a.search{float:right;margin-top:5px}.header--up{animation-name:slideUp}.header--down{animation-name:slideDown}@keyframes slideUp{0%{transform:translateY(0)}100%{transform:translateY(-70px)}}@keyframes slideDown{0%{transform:translateY(-70px)}100%{transform:translateY(0)}}@keyframes fade-in{0%{transform:translateY(20px);opacity:0}100%{transform:translateY(0);opacity:1}}.footer{background-color:#fff;line-height:20px;position:relative;font-size:13px}.footer__border{border-bottom:1px solid rgba(184,197,214,0.2);margin-bottom:40px}.footer__nav{text-align:center;height:65px;line-height:65px}.footer__nav a{padding:0 25px}.footer__nav img{height:20px;width:20px;margin-right:3px}.footer__mid{margin:0 40px}.footer__copyright{font-size:12px;text-align:center;color:rgba(0,0,0,0.38)}.footer .wrapper{padding-bottom:40px}.article-list .item{float:left;width:33.3333%;padding:15px;align-items:center;box-sizing:border-box;transition:all .3s}.article-list .item__container{position:relative;border-radius:3px;background-color:#fff;box-shadow:0 1px 4px rgba(0,0,0,0.04);overflow:hidden}.article-list .item__cover{margin-bottom:130px;height:250px;transition:transform .5s ease, filter .5s ease;background-position:50% 50%;background-size:cover}.article-list .item__slant{transform:rotate(-10deg) translate(10px, -10px);opacity:.7;position:absolute;z-index:0;top:237px;left:3px;width:110%;height:100px;background-color:rgba(0,0,0,0.5)}.article-list .item__slant--white{left:3px;opacity:1;top:234px;transform:rotate(7deg) translate(-10px, 0);background-color:#fff}.article-list .item__main{top:250px;height:130px;box-sizing:border-box;padding:20px;background-color:#fff;position:absolute;width:100%}.article-list .item__abstract{position:absolute;height:100%;top:0;width:100%;padding:40px 20px;color:#fff;word-break:break-all;box-sizing:border-box;transition:all .5s}.article-list .item__abstract>a{color:#fff;display:block;opacity:0;overflow:hidden;-webkit-line-clamp:7;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box}.article-list .item__title{margin-bottom:2px;height:44px}.article-list .item__title a{font-size:18px;line-height:22px;word-break:break-all;font-weight:normal;overflow:hidden;-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box}.article-list .item__tag{float:right;color:#5f5f5f;margin:12px 10px}.article-list .item__container:hover{box-shadow:0 2px 4px rgba(0,0,0,0.1)}.article-list .item__container:hover .item__cover{transform:scale(1.1);filter:blur(3px)}.article-list .item__container:hover .item__abstract{background-color:rgba(0,0,0,0.5)}.article-list .item__container:hover .item__abstract>a{animation:fade-in;animation-duration:.5s;opacity:1}.pagination{text-align:center;margin:25px 0 40px}.pagination__item{color:#5f5f5f;padding:0 15px}.pagination__item--current{color:#eb5055}.post__fix{position:fixed;box-sizing:border-box;z-index:2;right:0;bottom:0;left:0;height:48px;border-top:1px solid #e0e0e0;background-color:#fff;animation-duration:.5s;animation-fill-mode:both}.post__fix--unpinned{animation-name:unpinned}.post__fix--pinned{animation-name:pinned}@keyframes unpinned{0%{transform:translateY(0)}100%{transform:translateY(48px)}}@keyframes pinned{0%{transform:translateY(48px)}100%{transform:translateY(0)}}.post__share{line-height:48px}.post__code{position:relative}.post__code canvas{position:absolute;bottom:30px;left:0}.post__arrow{float:right}.post__arrow a{margin-left:20px;line-height:48px}.post .item__title a{font-weight:400;font-size:21px}.post .item__title sup{font-weight:normal;color:#eb5055}.post .item__meta{font-size:12px;margin:5px 0 15px}.post .item__tags{border-bottom:1px solid #e0e0e0;margin-bottom:15px}.post .item__tags .tag{margin:0 10px 15px 0}.post__list{padding:20px 0 40px}.post__list-mid{margin:0 20px}.post__list h3{font-size:14px;padding-bottom:10px;color:rgba(0,0,0,0.38);font-weight:normal}.post__list li{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;list-style:none;font-size:13px;line-height:26px}.post__list a{color:#5f5f5f}.post__list a:hover{color:#000}.post__toc{display:none;position:fixed;top:100px;max-width:200px;border-left:1px solid #e0e0e0}.post__toc .b3-solo-list{margin:0;font-size:14px;line-height:24px}.post__toc .b3-solo-list a{display:block;margin-top:-24px}.post__toc .b3-solo-list-h2,.post__toc .b3-solo-list-h4,.post__toc .b3-solo-list-h5,.post__toc .b3-solo-list-h3{margin-left:0}.post__toc .b3-solo-list-h2 a{margin-left:10px}.post__toc .b3-solo-list-h3 a{margin-left:20px}.post__toc .b3-solo-list-h4 a{margin-left:30px}.post__toc .b3-solo-list-h5 a{margin-left:40px}.post__toc li:before{position:relative;top:-2px;left:-4px;display:inline-block;width:7px;height:7px;content:'';border-radius:50%;background-color:#eb5055}.post__gray{position:relative}.comment{max-width:700px;box-sizing:border-box}.comment-body-ref{position:absolute;left:80px;width:76%}.comment__title{padding:30px 20px;color:#5f5f5f}.comment .item{margin:20px 0;border:1px solid rgba(184,197,214,0.2);border-radius:3px;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,0.04);list-style:none;padding:20px}.comment .item__meta{color:#5f5f5f;font-size:12px}.comment .item__avatar{float:left;height:40px;width:40px;border-radius:20px;border:1px solid #e0e0e0;margin:0 20px 20px 0;background-size:cover;background-position:center center}.comment .item__name{color:#5f5f5f;float:left;line-height:40px}.comment .item:hover .item__reply{display:block;color:#eb5055}.comment #comments{position:relative}.comment #comment{position:relative;margin-bottom:30px;padding:20px;border-radius:3px;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,0.04);border:0;resize:none;cursor:pointer;width:100%;box-sizing:border-box}.page__title{margin:10px 0;padding:0 15px;color:#5f5f5f}.page__content{margin:15px 0 40px}.page__item{float:left;list-style:none;box-shadow:0 1px 4px rgba(0,0,0,0.04);background-color:#fff;padding:15px;margin:15px;min-width:115px;line-height:22px}.page__item:hover{transform:scale(1.03)}.page__bottom{height:40px}.page__tags .tag{margin:15px}@media (max-width: 746px){.mobile__none{display:none}.footer__copyright{text-align:right}.footer .wrapper{padding:10px 20px}.article-list .item{padding:5px 0;width:100%}.wrapper--min{padding-top:75px}.wrapper--miner{padding-top:85px}.page__title{padding:0}.post__list{display:block}.post__list-mid{margin:20px 0}.comment__title{padding:10px}.comment #comment{padding:10px;margin-bottom:0}.comment .item{padding:10px;margin:10px 0}.page__item{float:none;display:block;padding:10px;margin:0 0 10px 0}.page__content{margin:0}.page__bottom{height:1px}.page__tags .tag{margin:0 10px 10px 0}.header__bar{display:block;float:right;margin-top:6px}.header__menu{background-color:#f7f7f7;position:absolute;top:70px;width:100%;left:0}.header__menu li{list-style:none}.header__menu li a{display:block;line-height:30px;padding:0 15px;box-sizing:border-box;border-bottom:1px solid #fff}} +html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;height:100%}body{margin:0;font-family:"Helvetica Neue", "Luxi Sans", "DejaVu Sans", Tahoma, "Hiragino Sans GB", "Microsoft Yahei", sans-serif;font-size:14px;background-color:#fff;-webkit-font-smoothing:antialiased;-webkit-overflow-scrolling:touch}::-moz-selection{text-shadow:none;background:rgba(65,131,196,0.4)}::selection{text-shadow:none;background:rgba(66,133,244,0.4)}ul,ol{margin:0;padding:0}h1,h2,h3,h4,h5,h6,dl,dd,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{outline:0;text-decoration:none}a:hover{text-decoration:underline}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.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{margin:0;font-size:100%;vertical-align:middle;font-family:"Helvetica Neue", "Luxi Sans", "DejaVu Sans", Tahoma, "Hiragino Sans GB", "Microsoft Yahei", sans-serif;outline:none}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"]{box-sizing:content-box;-webkit-appearance:textfield}input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none}textarea{overflow:auto;resize:vertical}svg{fill:currentColor;display:inline-block;stroke-width:0;stroke:currentColor;width:14px;height:14px}blockquote{margin:0}.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__pointer{cursor:pointer}.fn__clear:before,.fn__clear:after{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__center{text-align:center}.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;cursor:pointer}.tooltipped::after{position:absolute;z-index:1000000;display:none;padding:5px 8px;font-size:11px;font-weight:normal;-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,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,0.8);pointer-events:none;content:"";border:5px solid transparent;opacity:0}.tooltipped--hover::before,.tooltipped--hover::after,.tooltipped:hover::before,.tooltipped:hover::after,.tooltipped:active::before,.tooltipped:active::after,.tooltipped:focus::before,.tooltipped:focus::after{display:inline-block;text-decoration:none;animation-name:tooltip-appear;animation-duration:0.1s;animation-fill-mode:forwards;animation-timing-function:ease-in;animation-delay:0.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,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,0.8)}.tooltipped__ne::after{right:auto;left:50%;margin-left:-15px}.tooltipped__nw::after{margin-right:-15px}.tooltipped__s::after,.tooltipped__n::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,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,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:0px;width:100px;height:100%;box-shadow:0 0 10px #d23f31, 0 0 5px #d23f31;opacity:1.0;-webkit-transform:rotate(3deg) translate(0px, -4px);-ms-transform:rotate(3deg) translate(0px, -4px);transform:rotate(3deg) translate(0px, -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:solid 2px transparent;border-top-color:#d23f31;border-left-color:#d23f31;border-radius:50%;-webkit-animation:nprogress-spinner 400ms linear infinite;animation:nprogress-spinner 400ms linear infinite}.nprogress-custom-parent{overflow:hidden;position:relative}.nprogress-custom-parent #nprogress .spinner,.nprogress-custom-parent #nprogress .bar{position:absolute}@-webkit-keyframes nprogress-spinner{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}}@keyframes nprogress-spinner{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.ico{background-image:url("../images/ico.png");float:right;width:42px;height:42px;border:1px solid #eaeaea;border-radius:50%;background-size:42px auto}.ico--0{background-position:0 -42px}.ico--1{background-position:0 -84px}.ico--2{background-position:0 -126px}.ico--3{background-position:0 -168px}.ico--4{background-position:0 -210px}.ico--5{background-position:0 -252px}.ico--6{background-position:0 -294px}.ico--7{background-position:0 -336px}.ico--8{background-position:0 -378px}.ico--9{background-position:0 -420px}svg{height:20px;width:20px}@keyframes tooltip-appear{from{opacity:0}to{opacity:1}}.vditor-tooltipped{position:relative;cursor:pointer}.vditor-tooltipped::after{position:absolute;z-index:1000000;display:none;padding:5px 8px;font-size:11px;font-weight:normal;-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,0.8);border-radius:3px;line-height:16px;opacity:0}.vditor-tooltipped::before{position:absolute;z-index:1000001;display:none;width:0;height:0;color:rgba(0,0,0,0.8);pointer-events:none;content:"";border:5px solid transparent;opacity:0}.vditor-tooltipped--hover::before,.vditor-tooltipped--hover::after,.vditor-tooltipped:hover::before,.vditor-tooltipped:hover::after,.vditor-tooltipped:active::before,.vditor-tooltipped:active::after,.vditor-tooltipped:focus::before,.vditor-tooltipped:focus::after{display:inline-block;text-decoration:none;animation-name:tooltip-appear;animation-duration:0.1s;animation-fill-mode:forwards;animation-timing-function:ease-in;animation-delay:0.4s}.vditor-tooltipped__s::after,.vditor-tooltipped__se::after,.vditor-tooltipped__sw::after{top:100%;right:50%;margin-top:5px}.vditor-tooltipped__s::before,.vditor-tooltipped__se::before,.vditor-tooltipped__sw::before{top:auto;right:50%;bottom:-5px;margin-right:-5px;border-bottom-color:rgba(0,0,0,0.8)}.vditor-tooltipped__se::after{right:auto;left:50%;margin-left:-15px}.vditor-tooltipped__sw::after{margin-right:-15px}.vditor-tooltipped__n::after,.vditor-tooltipped__ne::after,.vditor-tooltipped__nw::after{right:50%;bottom:100%;margin-bottom:5px}.vditor-tooltipped__n::before,.vditor-tooltipped__ne::before,.vditor-tooltipped__nw::before{top:-5px;right:50%;bottom:auto;margin-right:-5px;border-top-color:rgba(0,0,0,0.8)}.vditor-tooltipped__ne::after{right:auto;left:50%;margin-left:-15px}.vditor-tooltipped__nw::after{margin-right:-15px}.vditor-tooltipped__s::after,.vditor-tooltipped__n::after{transform:translateX(50%)}.vditor-tooltipped__w::after{right:100%;bottom:50%;margin-right:5px;transform:translateY(50%)}.vditor-tooltipped__w::before{top:50%;bottom:50%;left:-5px;margin-top:-5px;border-left-color:rgba(0,0,0,0.8)}.vditor-tooltipped__e::after{bottom:50%;left:100%;margin-left:5px;transform:translateY(50%)}.vditor-tooltipped__e::before{top:50%;right:-5px;bottom:50%;margin-top:-5px;border-right-color:rgba(0,0,0,0.8)}.vditor-panel{background-color:#fff;position:absolute;box-shadow:0 1px 2px rgba(0,0,0,0.2);border-radius:3px;padding:5px;z-index:1;font-size:14px;display:none;user-select:none;max-width:200px;min-width:80px}.vditor-panel h1,.vditor-panel h2,.vditor-panel h3,.vditor-panel h4,.vditor-panel h5,.vditor-panel h6{margin:0;cursor:pointer;padding:3px 10px;border-radius:3px;line-height:normal}.vditor-panel h1:hover,.vditor-panel h2:hover,.vditor-panel h3:hover,.vditor-panel h4:hover,.vditor-panel h5:hover,.vditor-panel h6:hover{background-color:#4285f4;color:#fff}.vditor-toolbar{background-color:#f6f8fa;border-bottom:1px solid #d1d5da;padding:0 5px;border-radius:3px 3px 0 0}.vditor-toolbar>div{padding:10px 5px;float:left;line-height:14px;height:36px;box-sizing:border-box}.vditor-toolbar svg{fill:currentColor;display:inline-block;stroke-width:0;stroke:currentColor;width:14px;height:14px}.vditor-toolbar .vditor-tooltipped{color:#586069}.vditor-toolbar .vditor-tooltipped:hover{color:#4285f4}.vditor-toolbar label{overflow:hidden;position:relative;height:14px;width:15px;display:block;cursor:pointer}.vditor-toolbar input{position:absolute;width:1px;opacity:.001;height:14px;overflow:hidden}.vditor-menu--current svg{color:#4285f4}.vditor-menu__divider{width:10px}.vditor-menu__br{width:100%;padding:0 !important;height:0 !important}.vditor-emojis{display:inline-block}.vditor-emojis__tail{font-size:12px;text-align:right;color:#586069}.vditor-emojis__tail a{text-decoration:none;color:#586069}.vditor-emojis__tail a:hover{color:#4285f4}.vditor-emojis span{cursor:pointer;border-radius:3px;float:left;height:26px;width:26px;text-align:center;line-height:20px;padding:3px;box-sizing:border-box;font-size:16px}.vditor-emojis span:hover{background-color:#4285f4}.vditor-emojis img{height:20px;width:20px;float:left}.vditor{display:flex;flex-direction:column;border:1px solid #d1d5da;border-radius:3px;box-sizing:border-box}.vditor--fullscreen{position:fixed;top:0;width:100% !important;left:0;height:100vh !important;z-index:90;background-color:#fff}.vditor-content{display:flex;min-height:60px;flex:1;position:relative;overflow:hidden}.vditor-textarea{flex:1;border:0;resize:none;padding:10px;box-sizing:border-box;background-color:#fafbfc;outline:0 none;font-size:16px;line-height:22px;color:#24292e;border-radius:0 0 3px 3px}.vditor-textarea[disabled]{opacity:0.3;cursor:not-allowed}.vditor-textarea:focus{background-color:#fff}.vditor-preview{flex:1;background-color:#fff;overflow:auto;padding:10px;box-shadow:inset 1px 0 #d1d5da;box-sizing:border-box;border-radius:0 0 3px 0}.vditor-preview::-webkit-scrollbar{display:none}.vditor-counter{padding:0 3px;position:absolute;bottom:10px;right:20px;color:#24292e;background-color:rgba(255,255,255,0.6);border-radius:3px;font-size:12px;user-select:none}.vditor-counter--error{color:#d23f31;background-color:rgba(210,63,49,0.1)}.vditor-resize{padding:1px 0;border-radius:5px;cursor:row-resize;transition:all .15s ease-in-out;user-select:none;background-color:#f6f8fa}.vditor-resize:hover{background-color:#4285f4}.vditor-resize:hover svg{color:#fff}.vditor-resize svg{fill:currentColor;stroke-width:0;stroke:currentColor;width:13px;height:3px;display:block;margin:0 auto;color:#586069}.vditor-upload{opacity:0;position:absolute;width:100%;height:5px;left:0;top:-3px;border-radius:3px;overflow:hidden;transition:all .15s ease-in-out;color:#fff;font-size:12px;line-height:14px}.vditor-upload ul{margin:0}.vditor-upload--tip{height:auto;opacity:1 !important}.vditor-upload--tip .vditor-upload__close{display:block}.vditor-upload__close{display:none;position:absolute;right:5px;cursor:pointer;padding:5px;top:0}.vditor-upload__progress{height:100%;background-color:rgba(66,133,244,0.8);transition:all .15s ease-in-out;padding:5px;box-sizing:border-box}.vditor-hint{background-color:#fff;position:absolute;box-shadow:0 1px 2px rgba(0,0,0,0.2);border-radius:3px;padding:5px 0;z-index:1;line-height:20px;list-style:none;color:#24292e;font-size:12px;margin:0;max-width:200px;min-width:80px;display:none}.vditor-hint li{cursor:pointer;padding:3px 10px;border-bottom:1px solid #d1d5da;line-height:20px}.vditor-hint li:last-child{border-bottom:0}.vditor-hint--current,.vditor-hint li:hover{background-color:#4285f4;color:#fff}.vditor-hint__emoji{font-size:16px;float:left;margin-right:3px}.vditor-hint img{height:20px;width:20px;float:left;margin-right:3px}.vditor-reset{font-family:"Helvetica Neue","Luxi Sans","DejaVu Sans",Tahoma,"Hiragino Sans GB","Microsoft Yahei",sans-serif;word-wrap:break-word;overflow:auto;line-height:1.65;font-size:16px;word-break:break-word}.vditor-reset ul,.vditor-reset ol{padding-left:2em;margin-top:0;margin-bottom:16px}.vditor-reset li{margin-top:0.25em}.vditor-reset audio{max-width:100%}.vditor-reset video{max-height:90vh}.vditor-reset img.emoji{cursor:auto;max-width:20px;vertical-align:top}.vditor-reset h1,.vditor-reset h2,.vditor-reset h3,.vditor-reset h4,.vditor-reset h5,.vditor-reset h6{margin-top:24px;margin-bottom:16px;font-weight:600;line-height:1.25}.vditor-reset h1{padding-bottom:0.3em;font-size:1.7em;border-bottom:1px solid #eee}.vditor-reset h2{padding-bottom:0.3em;font-size:1.5em;border-bottom:1px solid #eee}.vditor-reset h3{font-size:1.25em}.vditor-reset h4{font-size:1em}.vditor-reset h5{font-size:0.875em}.vditor-reset h6{font-size:0.85em}.vditor-reset hr{height:0.15em;padding:0;margin:24px 0;background-color:#e7e7e7;border:0}.vditor-reset p{margin-top:0;margin-bottom:16px}.vditor-reset blockquote{padding:0 1em;color:#777;border-left:0.25em solid #ddd;margin:0 0 16px 0}.vditor-reset blockquote p{margin:0}.vditor-reset ins>iframe{border:0}.vditor-reset iframe{border:1px solid #d1d5da}.vditor-reset table{width:100%;border:1px solid #dedede;margin:15px auto;border-collapse:collapse;empty-cells:show}.vditor-reset thead{text-align:center}.vditor-reset td,.vditor-reset th{height:35px;border:1px solid #dedede;padding:0 10px}.vditor-reset th{font-weight:bold;text-align:center !important;background:rgba(158,188,226,0.2)}.vditor-reset tbody tr:nth-child(2n){background:rgba(158,188,226,0.12)}.vditor-reset tr:hover{background:#efefef}.vditor-reset code{padding:0.2em 0.4em;margin:0;font-size:85%;background-color:rgba(27,31,35,0.05);border-radius:3px;font-family:mononoki,Consolas,"Liberation Mono",Menlo,Courier,monospace;word-break:break-word}.vditor-reset pre>code{padding:0.5em;background-color:rgba(0,0,0,0.04);background-image:url("https://cdn.jsdelivr.net/npm/vditor@1.1.2/src/assets/images/code-bg.png");background-size:20px 20px;border-radius:5px;display:block;overflow:auto}.vditor-reset pre:hover div.vditor-copy{display:block}.vditor-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:solid 1px #d1d5da;border-bottom-color:#bbb;border-radius:3px;box-shadow:inset 0 -1px 0 #bbb}.vditor-reset summary{cursor:pointer}.vditor-reset summary:focus{outline:none}.vditor-reset svg{height:auto;width:auto}.vditor-task{list-style:none;margin-left:-1.4em;display:flex;align-items:center}.vditor-task input{margin-right:5px}.vditor-copy{position:relative;display:none}.vditor-copy textarea{position:absolute;top:-100000px}.vditor-copy span{cursor:pointer;position:absolute;right:0.5em;top:0.5em;height:20px;width:20px}.vditor-copy svg{height:20px;width:20px}body{display:flex;flex-direction:column;min-height:100%}.body--gray{background-color:#f7f7f7}a{text-decoration:none;color:#313131;outline:0;transition:all .3s}a:active,a:focus,a:hover{color:#eb5055;outline:0;text-decoration:none}::selection{color:#fff;background-color:#eb5055}.vditor-reset{font-size:14px}.vditor-reset .b3-solo-list{display:none}.vditor-reset a{color:#313131;border-bottom:1px solid #e0e0e0}.vditor-reset a:hover{color:#eb5055;border-bottom:1px solid #eb5055}.ft__fade{color:rgba(0,0,0,0.38)}.ft__red{color:#eb5055}.ft__link{color:#5f5f5f}.ft__link:hover{color:#000}.tag{font-size:13px;display:inline-block;padding:0 15px;transition:all .3s;line-height:24px;color:#fff;cursor:pointer;background:#6fa3ef;border-radius:12px;margin-left:10px}.tag:hover{color:#5f5f5f;background:#e0e0e0}.tag--1{background:#ff9800}.tag--2{background:#46c47c}.tag--3{background:#eb5055}.tag--4{background:#db4437}.tag--5{background:#1b95e0}.tag--6{background:#fdc200}.tag--7{background:#4caf50}.wrapper{max-width:1024px;padding:0 10px;box-sizing:border-box;margin:0 auto}.wrapper--min{animation:fade-in;animation-duration:.5s;padding-top:115px;max-width:900px}.wrapper--miner{animation:fade-in;animation-duration:.5s;padding-top:115px;max-width:700px}.header{background-color:#fff;animation-duration:.5s;animation-fill-mode:both;line-height:70px;position:fixed;z-index:10;top:0;display:block;width:100%;height:70px;box-shadow:0 1px 5px rgba(0,0,0,0.1)}.header__logo{font-size:20px}.header__logo img{margin:10px 5px 0 0;height:50px;width:50px;float:left}.header__nav{float:right}.header__nav a{margin:0 15px}.header__nav a.current{color:#eb5055}.header__nav a.search{float:right;margin-top:5px}.header--up{animation-name:slideUp}.header--down{animation-name:slideDown}@keyframes slideUp{0%{transform:translateY(0)}100%{transform:translateY(-70px)}}@keyframes slideDown{0%{transform:translateY(-70px)}100%{transform:translateY(0)}}@keyframes fade-in{0%{transform:translateY(20px);opacity:0}100%{transform:translateY(0);opacity:1}}.footer{background-color:#fff;line-height:20px;position:relative;font-size:13px}.footer__border{border-bottom:1px solid rgba(184,197,214,0.2);margin-bottom:40px}.footer__nav{text-align:center;height:65px;line-height:65px}.footer__nav a{padding:0 25px}.footer__nav img{height:20px;width:20px;margin-right:3px}.footer__mid{margin:0 40px}.footer__copyright{font-size:12px;text-align:center;color:rgba(0,0,0,0.38)}.footer .wrapper{padding-bottom:40px}.article-list .item{float:left;width:33.3333%;padding:15px;align-items:center;box-sizing:border-box;transition:all .3s}.article-list .item__container{position:relative;border-radius:3px;background-color:#fff;box-shadow:0 1px 4px rgba(0,0,0,0.04);overflow:hidden}.article-list .item__cover{margin-bottom:130px;height:250px;transition:transform .5s ease, filter .5s ease;background-position:50% 50%;background-size:cover}.article-list .item__slant{transform:rotate(-10deg) translate(10px, -10px);opacity:.7;position:absolute;z-index:0;top:237px;left:3px;width:110%;height:100px;background-color:rgba(0,0,0,0.5)}.article-list .item__slant--white{left:3px;opacity:1;top:234px;transform:rotate(7deg) translate(-10px, 0);background-color:#fff}.article-list .item__main{top:250px;height:130px;box-sizing:border-box;padding:20px;background-color:#fff;position:absolute;width:100%}.article-list .item__abstract{position:absolute;height:100%;top:0;width:100%;padding:40px 20px;color:#fff;word-break:break-all;box-sizing:border-box;transition:all .5s}.article-list .item__abstract>a{color:#fff;display:block;opacity:0;overflow:hidden;-webkit-line-clamp:7;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box}.article-list .item__title{margin-bottom:2px;height:44px}.article-list .item__title a{font-size:18px;line-height:22px;word-break:break-all;font-weight:normal;overflow:hidden;-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box}.article-list .item__tag{float:right;color:#5f5f5f;margin:12px 10px}.article-list .item__container:hover{box-shadow:0 2px 4px rgba(0,0,0,0.1)}.article-list .item__container:hover .item__cover{transform:scale(1.1);filter:blur(3px)}.article-list .item__container:hover .item__abstract{background-color:rgba(0,0,0,0.5)}.article-list .item__container:hover .item__abstract>a{animation:fade-in;animation-duration:.5s;opacity:1}.pagination{text-align:center;margin:25px 0 40px}.pagination__item{color:#5f5f5f;padding:0 15px}.pagination__item--current{color:#eb5055}.post__fix{position:fixed;box-sizing:border-box;z-index:2;right:0;bottom:0;left:0;height:48px;border-top:1px solid #e0e0e0;background-color:#fff;animation-duration:.5s;animation-fill-mode:both}.post__fix--unpinned{animation-name:unpinned}.post__fix--pinned{animation-name:pinned}@keyframes unpinned{0%{transform:translateY(0)}100%{transform:translateY(48px)}}@keyframes pinned{0%{transform:translateY(48px)}100%{transform:translateY(0)}}.post__share{line-height:48px}.post__code{position:relative}.post__code canvas{position:absolute;bottom:30px;left:0}.post__arrow{float:right}.post__arrow a{margin-left:20px;line-height:48px}.post .item__title a{font-weight:400;font-size:21px}.post .item__title sup{font-weight:normal;color:#eb5055}.post .item__meta{font-size:12px;margin:5px 0 15px}.post .item__tags{border-bottom:1px solid #e0e0e0;margin-bottom:15px}.post .item__tags .tag{margin:0 10px 15px 0}.post__list{padding:20px 0 40px}.post__list-mid{margin:0 20px}.post__list h3{font-size:14px;padding-bottom:10px;color:rgba(0,0,0,0.38);font-weight:normal}.post__list li{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;list-style:none;font-size:13px;line-height:26px}.post__list a{color:#5f5f5f}.post__list a:hover{color:#000}.post__toc{display:none;position:fixed;top:100px;max-width:200px;overflow:auto;height:70vh;padding-left:3px}.post__toc::-webkit-scrollbar{display:none}.post__toc .b3-solo-list{border-left:1px solid #e0e0e0;margin:0;font-size:14px;line-height:24px}.post__toc .b3-solo-list a{display:block;margin-top:-24px}.post__toc .b3-solo-list-h2,.post__toc .b3-solo-list-h4,.post__toc .b3-solo-list-h5,.post__toc .b3-solo-list-h3{margin-left:0}.post__toc .b3-solo-list-h2 a{margin-left:10px}.post__toc .b3-solo-list-h3 a{margin-left:20px}.post__toc .b3-solo-list-h4 a{margin-left:30px}.post__toc .b3-solo-list-h5 a{margin-left:40px}.post__toc li:before{position:relative;top:-2px;left:-4px;display:inline-block;width:7px;height:7px;content:'';border-radius:50%;background-color:#eb5055}.post__gray{position:relative}.comment{max-width:700px;box-sizing:border-box}.comment-body-ref{position:absolute;left:80px;width:76%}.comment__title{padding:30px 20px;color:#5f5f5f}.comment .item{margin:20px 0;border:1px solid rgba(184,197,214,0.2);border-radius:3px;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,0.04);list-style:none;padding:20px}.comment .item__meta{color:#5f5f5f;font-size:12px}.comment .item__avatar{float:left;height:40px;width:40px;border-radius:20px;border:1px solid #e0e0e0;margin:0 20px 20px 0;background-size:cover;background-position:center center}.comment .item__name{color:#5f5f5f;float:left;line-height:40px}.comment .item:hover .item__reply{display:block;color:#eb5055}.comment #comments{position:relative}.comment #comment{position:relative;margin-bottom:30px;padding:20px;border-radius:3px;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,0.04);border:0;resize:none;cursor:pointer;width:100%;box-sizing:border-box}.page__title{margin:10px 0;padding:0 15px;color:#5f5f5f}.page__content{margin:15px 0 40px}.page__item{float:left;list-style:none;box-shadow:0 1px 4px rgba(0,0,0,0.04);background-color:#fff;padding:15px;margin:15px;min-width:115px;line-height:22px}.page__item:hover{transform:scale(1.03)}.page__bottom{height:40px}.page__tags .tag{margin:15px}@media (max-width: 746px){.mobile__none{display:none}.footer__copyright{text-align:right}.footer .wrapper{padding:10px 20px}.article-list .item{padding:5px 0;width:100%}.wrapper--min{padding-top:75px}.wrapper--miner{padding-top:85px}.page__title{padding:0}.post__list{display:block}.post__list-mid{margin:20px 0}.comment__title{padding:10px}.comment #comment{padding:10px;margin-bottom:0}.comment .item{padding:10px;margin:10px 0}.page__item{float:none;display:block;padding:10px;margin:0 0 10px 0}.page__content{margin:0}.page__bottom{height:1px}.page__tags .tag{margin:0 10px 10px 0}.header__bar{display:block;float:right;margin-top:6px}.header__menu{background-color:#f7f7f7;position:absolute;top:70px;width:100%;left:0}.header__menu li{list-style:none}.header__menu li a{display:block;line-height:30px;padding:0 15px;box-sizing:border-box;border-bottom:1px solid #fff}} diff --git a/Pinghsu/css/base.scss b/Pinghsu/css/base.scss index 6ce0a57..7773101 100644 --- a/Pinghsu/css/base.scss +++ b/Pinghsu/css/base.scss @@ -19,10 +19,9 @@ * skin style * * @author Liyuan Li - * @version 0.1.0.2, Mar 1, 2019 + * @version 0.1.0.3, Mar 16, 2019 */ @import "../../../scss/reset"; -@import "../../../scss/reset-content"; @import "../../../scss/function"; @import "../../../scss/tooltipped"; @import "../../../scss/comment"; @@ -65,7 +64,7 @@ a:active, a:focus, a:hover { background-color: $red; } -.content-reset { +.vditor-reset { font-size: 14px; .b3-solo-list { display: none; @@ -517,9 +516,16 @@ a:active, a:focus, a:hover { position: fixed; top: 100px; max-width: 200px; - border-left: 1px solid $gray-lighter; + overflow: auto; + height: 70vh; + padding-left: 3px; + + &::-webkit-scrollbar { + display: none; + } .b3-solo-list { + border-left: 1px solid $gray-lighter; margin: 0; font-size: 14px; line-height: 24px; diff --git a/Pinghsu/footer.ftl b/Pinghsu/footer.ftl index ec38875..d1a450a 100644 --- a/Pinghsu/footer.ftl +++ b/Pinghsu/footer.ftl @@ -92,12 +92,11 @@ var Label = { 'markedAvailable': ${markedAvailable?c}, + "hljsStyle": "atom-one-light", + "langLabel": "${langLabel}", 'skinDirName': "${skinDirName}", } - Util.initSW() - Util.parseMarkdown() - Util.killIE() - Util.previewImg() + Util.init() ${plugins} diff --git a/Pinghsu/js/common.js b/Pinghsu/js/common.js index d0d5344..d8c88bc 100644 --- a/Pinghsu/js/common.js +++ b/Pinghsu/js/common.js @@ -69,7 +69,7 @@ var Skin = { }) }, _initToc: function () { - if ($('.content-reset .b3-solo-list li').length === 0 || $(window).width() < 746) { + if ($('.vditor-reset .b3-solo-list li').length === 0 || $(window).width() < 746) { $('.post__toc .b3-solo-list').remove() return } @@ -83,6 +83,8 @@ var Skin = { $('.post__toc').hide() } }) + + $(window).scroll() }, _initShare: function () { var $this = $('.post__share') diff --git a/Pinghsu/js/common.min.js b/Pinghsu/js/common.min.js index 92f2672..d082554 100644 --- a/Pinghsu/js/common.min.js +++ b/Pinghsu/js/common.min.js @@ -1 +1 @@ -var Skin={init:function(){new Headroom($("header")[0],{tolerance:0,offset:70,classes:{initial:"header",pinned:"header--down",unpinned:"header--up",top:"header",notTop:"header",bottom:"header",notBottom:"header"}}).init(),Util.initPjax(function(){0===$(".post__fix").length?$("body").addClass("body--gray"):$("body").removeClass("body--gray"),$(".header__nav a").each(function(){$(".header__nav a").removeClass("current"),this.href===location.href&&(this.className="current")})}),$(".header__nav a").each(function(){this.href===location.href&&(this.className="current")}).click(function(){$(".header__nav a").removeClass("current"),this.href===location.href&&(this.className="current")})},_initToc:function(){0===$(".content-reset .b3-solo-list li").length||$(window).width()<746?$(".post__toc .b3-solo-list").remove():($(".post__toc").html($(".b3-solo-list")).css("left",$(".post").offset().left+$(".post").outerWidth()),$(window).scroll(function(){72<$(window).scrollTop()?$(".post__toc").show():$(".post__toc").hide()}))},_initShare:function(){var t=$(".post__share"),e=t.find(".post__code"),o=e.data("url"),i=e.data("avatar"),n=encodeURIComponent(e.data("title")+" - "+e.data("blogtitle")),a=encodeURIComponent(o),s={};s.weibo="http://v.t.sina.com.cn/share/share.php?title="+n+"&url="+a+"&pic="+i,s.qqz="https://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?url="+a+"&sharesource=qzone&title="+n+"&pics="+i,s.twitter="https://twitter.com/intent/tweet?status="+n+" "+a,t.find("span").click(function(){var t=$(this).data("type");if(t)return"wechat"===t?(0===e.find("canvas").length?$.ajax({method:"GET",url:latkeConfig.staticServePath+"/js/lib/jquery.qrcode.min.js",dataType:"script",cache:!0,success:function(){e.qrcode({width:128,height:128,text:o})}}):e.find("canvas").slideToggle(),!1):void window.open(s[t],"_blank","top=100,left=200,width=648,height=618")})},initArticle:function(){new Headroom($(".post__fix")[0],{tolerance:0,offset:48,classes:{initial:"post__fix",pinned:"post__fix--pinned",unpinned:"post__fix--unpinned",top:"post__fix",notTop:"post__fix",bottom:"post__fix",notBottom:"post__fix"}}).init(),Skin._initShare(),Skin._initToc()}};Skin.init(); \ No newline at end of file +var Skin={init:function(){new Headroom($("header")[0],{tolerance:0,offset:70,classes:{initial:"header",pinned:"header--down",unpinned:"header--up",top:"header",notTop:"header",bottom:"header",notBottom:"header"}}).init(),Util.initPjax(function(){0===$(".post__fix").length?$("body").addClass("body--gray"):$("body").removeClass("body--gray"),$(".header__nav a").each(function(){$(".header__nav a").removeClass("current"),this.href===location.href&&(this.className="current")})}),$(".header__nav a").each(function(){this.href===location.href&&(this.className="current")}).click(function(){$(".header__nav a").removeClass("current"),this.href===location.href&&(this.className="current")})},_initToc:function(){0===$(".vditor-reset .b3-solo-list li").length||$(window).width()<746?$(".post__toc .b3-solo-list").remove():($(".post__toc").html($(".b3-solo-list")).css("left",$(".post").offset().left+$(".post").outerWidth()),$(window).scroll(function(){72<$(window).scrollTop()?$(".post__toc").show():$(".post__toc").hide()}),$(window).scroll())},_initShare:function(){var t=$(".post__share"),e=t.find(".post__code"),o=e.data("url"),i=e.data("avatar"),n=encodeURIComponent(e.data("title")+" - "+e.data("blogtitle")),a=encodeURIComponent(o),s={};s.weibo="http://v.t.sina.com.cn/share/share.php?title="+n+"&url="+a+"&pic="+i,s.qqz="https://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?url="+a+"&sharesource=qzone&title="+n+"&pics="+i,s.twitter="https://twitter.com/intent/tweet?status="+n+" "+a,t.find("span").click(function(){var t=$(this).data("type");if(t)return"wechat"===t?(0===e.find("canvas").length?$.ajax({method:"GET",url:latkeConfig.staticServePath+"/js/lib/jquery.qrcode.min.js",dataType:"script",cache:!0,success:function(){e.qrcode({width:128,height:128,text:o})}}):e.find("canvas").slideToggle(),!1):void window.open(s[t],"_blank","top=100,left=200,width=648,height=618")})},initArticle:function(){new Headroom($(".post__fix")[0],{tolerance:0,offset:48,classes:{initial:"post__fix",pinned:"post__fix--pinned",unpinned:"post__fix--unpinned",top:"post__fix",notTop:"post__fix",bottom:"post__fix",notBottom:"post__fix"}}).init(),Skin._initShare(),Skin._initToc()}};Skin.init(); \ No newline at end of file diff --git a/Pinghsu/page.ftl b/Pinghsu/page.ftl index c527ef1..0e5628b 100644 --- a/Pinghsu/page.ftl +++ b/Pinghsu/page.ftl @@ -33,7 +33,7 @@
<#if pjax>
-
+
${page.pageContent}
diff --git a/classic/article-list.ftl b/classic/article-list.ftl index 2fcfb74..328eaf4 100644 --- a/classic/article-list.ftl +++ b/classic/article-list.ftl @@ -59,7 +59,7 @@
-
+
${article.articleAbstract}
diff --git a/classic/article.ftl b/classic/article.ftl index 9a46ef9..27e846b 100644 --- a/classic/article.ftl +++ b/classic/article.ftl @@ -97,7 +97,7 @@
-
+
${article.articleContent} <#if "" != article.articleSign.signHTML?trim>
diff --git a/classic/common-comment.ftl b/classic/common-comment.ftl index bad6c9f..b25d121 100644 --- a/classic/common-comment.ftl +++ b/classic/common-comment.ftl @@ -45,7 +45,7 @@
${comment.commentName}
-
+
${comment.commentContent}
diff --git a/classic/css/base.css b/classic/css/base.css index 133d9dc..638a97f 100644 --- a/classic/css/base.css +++ b/classic/css/base.css @@ -1 +1 @@ -html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;height:100%}body{margin:0;font-family:"Helvetica Neue", "Luxi Sans", "DejaVu Sans", Tahoma, "Hiragino Sans GB", "Microsoft Yahei", sans-serif;font-size:14px;background-color:#fff;-webkit-font-smoothing:antialiased;-webkit-overflow-scrolling:touch}::-moz-selection{text-shadow:none;background:rgba(65,131,196,0.4)}::selection{text-shadow:none;background:rgba(66,133,244,0.4)}ul,ol{margin:0;padding:0}h1,h2,h3,h4,h5,h6,dl,dd,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{outline:0;text-decoration:none}a:hover{text-decoration:underline}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.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{margin:0;font-size:100%;vertical-align:middle;font-family:"Helvetica Neue", "Luxi Sans", "DejaVu Sans", Tahoma, "Hiragino Sans GB", "Microsoft Yahei", sans-serif;outline:none}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"]{box-sizing:content-box;-webkit-appearance:textfield}input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none}textarea{overflow:auto;resize:vertical}svg{fill:currentColor;display:inline-block;stroke-width:0;stroke:currentColor;width:14px;height:14px}blockquote{margin:0}.content-reset{word-wrap:break-word;overflow:auto;line-height:1.65;font-size:16px;word-break:break-word}.content-reset ul,.content-reset ol{padding-left:2em;margin-top:0;margin-bottom:16px}.content-reset li{margin-top:0.25em}.content-reset audio{max-width:100%}.content-reset video{max-height:90vh}.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{padding-bottom:0.3em;font-size:1.7em;border-bottom:1px solid #eee}.content-reset h2{padding-bottom:0.3em;font-size:1.5em;border-bottom:1px solid #eee}.content-reset h3{font-size:1.25em}.content-reset h4{font-size:1em}.content-reset h5{font-size:0.875em}.content-reset h6{font-size:0.85em}.content-reset hr{height:1px;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:0.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,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:bold;text-align:center !important;background:rgba(158,188,226,0.2)}.content-reset tbody tr:nth-child(2n){background:rgba(158,188,226,0.12)}.content-reset tr:hover{background:#efefef}.content-reset code{padding:.2em .4em;margin:0;font-size:85%;background-color:rgba(27,31,35,0.05);border-radius:3px;font-family:mononoki, Consolas, Liberation Mono, Menlo, Courier, monospace;word-break:break-word}.content-reset pre{position:relative}.content-reset pre textarea{position:absolute;top:-100000px}.content-reset pre>code{padding:0.5em;background-color:rgba(0,0,0,0.04);background-size:20px 20px;border-radius:5px;display:block}.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:solid 1px rgba(0,0,0,0.38);border-bottom-color:#bbb;border-radius:3px;box-shadow:inset 0 -1px 0 #bbb}.content-reset__task,.content-reset .task-list-item{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}.img-preview img{max-width:inherit;transition:transform .3s ease-in-out}@keyframes tooltip-appear{from{opacity:0}to{opacity:1}}.vditor-tooltipped{position:relative;cursor:pointer}.vditor-tooltipped::after{position:absolute;z-index:1000000;display:none;padding:5px 8px;font-size:11px;font-weight:normal;-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,0.8);border-radius:3px;line-height:16px;opacity:0}.vditor-tooltipped::before{position:absolute;z-index:1000001;display:none;width:0;height:0;color:rgba(0,0,0,0.8);pointer-events:none;content:"";border:5px solid transparent;opacity:0}.vditor-tooltipped--hover::before,.vditor-tooltipped--hover::after,.vditor-tooltipped:hover::before,.vditor-tooltipped:hover::after,.vditor-tooltipped:active::before,.vditor-tooltipped:active::after,.vditor-tooltipped:focus::before,.vditor-tooltipped:focus::after{display:inline-block;text-decoration:none;animation-name:tooltip-appear;animation-duration:0.1s;animation-fill-mode:forwards;animation-timing-function:ease-in;animation-delay:0.4s}.vditor-tooltipped__s::after,.vditor-tooltipped__se::after,.vditor-tooltipped__sw::after{top:100%;right:50%;margin-top:5px}.vditor-tooltipped__s::before,.vditor-tooltipped__se::before,.vditor-tooltipped__sw::before{top:auto;right:50%;bottom:-5px;margin-right:-5px;border-bottom-color:rgba(0,0,0,0.8)}.vditor-tooltipped__se::after{right:auto;left:50%;margin-left:-15px}.vditor-tooltipped__sw::after{margin-right:-15px}.vditor-tooltipped__n::after,.vditor-tooltipped__ne::after,.vditor-tooltipped__nw::after{right:50%;bottom:100%;margin-bottom:5px}.vditor-tooltipped__n::before,.vditor-tooltipped__ne::before,.vditor-tooltipped__nw::before{top:-5px;right:50%;bottom:auto;margin-right:-5px;border-top-color:rgba(0,0,0,0.8)}.vditor-tooltipped__ne::after{right:auto;left:50%;margin-left:-15px}.vditor-tooltipped__nw::after{margin-right:-15px}.vditor-tooltipped__s::after,.vditor-tooltipped__n::after{transform:translateX(50%)}.vditor-tooltipped__w::after{right:100%;bottom:50%;margin-right:5px;transform:translateY(50%)}.vditor-tooltipped__w::before{top:50%;bottom:50%;left:-5px;margin-top:-5px;border-left-color:rgba(0,0,0,0.8)}.vditor-tooltipped__e::after{bottom:50%;left:100%;margin-left:5px;transform:translateY(50%)}.vditor-tooltipped__e::before{top:50%;right:-5px;bottom:50%;margin-top:-5px;border-right-color:rgba(0,0,0,0.8)}.vditor-panel{background-color:#fff;position:absolute;box-shadow:0 1px 2px rgba(0,0,0,0.2);border-radius:3px;padding:5px;z-index:1;font-size:14px;display:none;user-select:none;max-width:200px;min-width:80px}.vditor-panel h1,.vditor-panel h2,.vditor-panel h3,.vditor-panel h4,.vditor-panel h5,.vditor-panel h6{margin:0;cursor:pointer;padding:3px 10px;border-radius:3px;line-height:normal}.vditor-panel h1:hover,.vditor-panel h2:hover,.vditor-panel h3:hover,.vditor-panel h4:hover,.vditor-panel h5:hover,.vditor-panel h6:hover{background-color:#4285f4;color:#fff}.vditor-toolbar{background-color:#f6f8fa;border-bottom:1px solid #d1d5da;padding:0 5px;border-radius:3px 3px 0 0}.vditor-toolbar>div{padding:10px 5px;float:left;line-height:14px;height:36px;box-sizing:border-box}.vditor-toolbar svg{fill:currentColor;display:inline-block;stroke-width:0;stroke:currentColor;width:14px;height:14px}.vditor-toolbar .vditor-tooltipped{color:#586069}.vditor-toolbar .vditor-tooltipped:hover{color:#4285f4}.vditor-toolbar label{overflow:hidden;position:relative;height:14px;width:15px;display:block;cursor:pointer}.vditor-toolbar input{position:absolute;width:1px;opacity:.001;height:14px;overflow:hidden}.vditor-menu--current svg{color:#4285f4}.vditor-menu__divider{width:10px}.vditor-menu__br{width:100%;padding:0 !important;height:0 !important}.vditor-emojis{display:inline-block}.vditor-emojis__tail{font-size:12px;text-align:right;color:#586069}.vditor-emojis__tail a{text-decoration:none;color:#586069}.vditor-emojis__tail a:hover{color:#4285f4}.vditor-emojis span{cursor:pointer;border-radius:3px;float:left;height:26px;width:26px;text-align:center;line-height:20px;padding:3px;box-sizing:border-box;font-size:16px}.vditor-emojis span:hover{background-color:#4285f4}.vditor-emojis img{height:20px;width:20px;float:left}.vditor{display:flex;flex-direction:column;border:1px solid #d1d5da;border-radius:3px;box-sizing:border-box}.vditor--fullscreen{position:fixed;top:0;width:100% !important;left:0;height:100vh !important;z-index:90;background-color:#fff}.vditor-content{display:flex;min-height:60px;flex:1;position:relative}.vditor-textarea{flex:1;border:0;resize:none;padding:10px;box-sizing:border-box;background-color:#fafbfc;outline:0 none;font-size:16px;line-height:22px;color:#24292e;border-radius:0 0 3px 3px}.vditor-textarea[disabled]{opacity:0.3;cursor:not-allowed}.vditor-textarea:focus{background-color:#fff}.vditor-preview{flex:1;background-color:#fff;overflow:auto;padding:10px;box-shadow:inset 1px 0 #d1d5da;box-sizing:border-box;border-radius:0 0 3px 0}.vditor-preview::-webkit-scrollbar{display:none}.vditor-counter{padding:0 3px;position:absolute;bottom:10px;right:20px;color:#24292e;background-color:rgba(255,255,255,0.6);border-radius:3px;font-size:12px;user-select:none}.vditor-counter--error{color:#d23f31;background-color:rgba(210,63,49,0.1)}.vditor-resize{padding:1px 0;border-radius:5px;cursor:row-resize;transition:all .15s ease-in-out;user-select:none;background-color:#f6f8fa}.vditor-resize:hover{background-color:#4285f4}.vditor-resize:hover svg{color:#fff}.vditor-resize svg{fill:currentColor;stroke-width:0;stroke:currentColor;width:13px;height:3px;display:block;margin:0 auto;color:#586069}.vditor-upload{opacity:0;position:absolute;width:100%;height:5px;left:0;top:-3px;border-radius:3px;overflow:hidden;transition:all .15s ease-in-out;color:#fff;font-size:12px;line-height:14px}.vditor-upload ul{margin:0}.vditor-upload--tip{height:auto;opacity:1 !important}.vditor-upload--tip .vditor-upload__close{display:block}.vditor-upload__close{display:none;position:absolute;right:5px;cursor:pointer;padding:5px;top:0}.vditor-upload__progress{height:100%;background-color:rgba(66,133,244,0.8);transition:all .15s ease-in-out;padding:5px;box-sizing:border-box}.vditor-hint{background-color:#fff;position:absolute;box-shadow:0 1px 2px rgba(0,0,0,0.2);border-radius:3px;padding:5px 0;z-index:1;line-height:20px;list-style:none;color:#24292e;font-size:12px;margin:0;max-width:200px;min-width:80px;display:none}.vditor-hint li{cursor:pointer;padding:3px 10px;border-bottom:1px solid #d1d5da;line-height:20px}.vditor-hint li:last-child{border-bottom:0}.vditor-hint--current,.vditor-hint li:hover{background-color:#4285f4;color:#fff}.vditor-hint__emoji{font-size:16px;float:left;margin-right:3px}.vditor-hint img{height:20px;width:20px;float:left;margin-right:3px}.left{float:left}.right{float:right}.clear:before,.clear:after{display:table;content:""}.clear:after{clear:both}.none{display:none}a,a:link{color:#0000CC}a:active{color:red}a:visited{color:#551A8B}h5{font-size:12px}.content{margin:0 auto;max-width:1250px;padding:0 12px}.header{height:108px;margin-bottom:10px}.header .page-icon{height:14px;width:14px;margin:-1px 3px 0 0}.sub-title{font-size:14px;font-weight:normal}.side{border-left:2px solid #E5ECF9;padding-left:12px;width:280px}.main{margin-right:-294px;width:100%}.main>div{min-width:280px;padding-right:318px}#logoTitle{font-family:"Microsoft YaHei";font-size:32px;line-height:64px;text-decoration:none}#statistic span{font-size:11px}.article,.comments{padding-bottom:24px}.article-title{background-color:#E3E3FF;border-top:1px solid #3366CC;margin-left:91px;padding:3px 0 6px 12px}.article-title sup{font-size:12px}.article-date{background-color:#E3E3FF;border:1px solid #BBCCFF;float:left;margin:0 12px 12px 0;border-radius:5px;padding:7px 3px;width:70px;text-align:center;word-break:break-all}.article-abstract{word-wrap:break-word}.content-reset{margin-left:12px;line-height:145%}.article-footer{margin-right:12px}.article-footer a,.article-details-footer a{text-decoration:none}.article-details-footer{margin:36px 12px 0 0}.article-relative{line-height:22px;margin-top:24px}.article-relative ul{list-style:none}.comments{position:relative}.comment-title{background-color:#E3E3FF;border-top:1px solid #3366CC;padding:3px 12px 3px 12px}.comment-body-ref{background-color:#FFFFFF;border:1px solid #E3E3FF;filter:alpha(opacity=90);left:88px;opacity:0.9;position:absolute;top:27px;width:87%;z-index:10}.comment-body-ref .comment-title{border-top:0px}.comment-body{padding:9px 12px 12px;word-wrap:break-word;overflow:hidden}.comment-picture{margin-right:12px}.comment-picture img{height:60px;width:60px}.comment-reply{margin:0 auto 24px auto}.comment-content{float:left;width:88%}#commentURL:focus,#commentURLReply:focus{box-shadow:-3px 1px 2px rgba(0,0,0,0.3) inset}.error-msg{color:#3366CC}.error-footer{bottom:0px;position:fixed;width:82%}#sideNavi a.selected{color:#000000;text-decoration:none}.side-navi ul{list-style:none}#sideNavi li{line-height:22px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis}#sideNavi li.aboutMe,#sideNavi li.side-navi-notice{white-space:normal}#sideNavi sup{margin-right:3px;color:green}.side-comment{text-decoration:none}#recentComments p{display:inline}#recentComments p img{display:none}#recentComments div,#recentComments br{display:none}.line{border-top:thin dotted #BBBBBB;margin-top:12px;padding-top:12px}.pagination{margin:16px;text-align:center}.pagination a,.pagination a:visited{color:#4272DB;padding:0 3px;text-decoration:none}.pagination a.selected{color:#000000;font-weight:bold}#tagsPanel .tagPanel{border:2px solid;cursor:pointer;float:left;margin:3px;border-radius:6px}#tagsPanel .tagPanel:hover{background-color:#EEEEEE;border:2px dashed}#tagsPanel .tagPanel{text-decoration:none}.error-title{border-top:1px solid #3366CC;background-color:#E5ECF9;margin-left:12px;padding:6px 12px}.error-panel{margin-left:12px;padding:24px}.commentIcon,.browserIcon{background-image:url("../../../images/icon.png");cursor:pointer;height:16px;margin-right:3px;width:16px}.commentIcon{background-position:-32px -16px}.browserIcon{background-position:-128px -16px}.goTopIcon{background-position:-128px -32px}.goBottomIcon{background-position:-144px -32px}.footer{text-align:center;margin:30px 0 30px 0}.has-toc>ul>li{list-style:none;float:left;width:50%;text-align:center;margin:15px 0;cursor:pointer}.has-toc>ul>li.current{color:#3366CC} +html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;height:100%}body{margin:0;font-family:"Helvetica Neue", "Luxi Sans", "DejaVu Sans", Tahoma, "Hiragino Sans GB", "Microsoft Yahei", sans-serif;font-size:14px;background-color:#fff;-webkit-font-smoothing:antialiased;-webkit-overflow-scrolling:touch}::-moz-selection{text-shadow:none;background:rgba(65,131,196,0.4)}::selection{text-shadow:none;background:rgba(66,133,244,0.4)}ul,ol{margin:0;padding:0}h1,h2,h3,h4,h5,h6,dl,dd,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{outline:0;text-decoration:none}a:hover{text-decoration:underline}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.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{margin:0;font-size:100%;vertical-align:middle;font-family:"Helvetica Neue", "Luxi Sans", "DejaVu Sans", Tahoma, "Hiragino Sans GB", "Microsoft Yahei", sans-serif;outline:none}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"]{box-sizing:content-box;-webkit-appearance:textfield}input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none}textarea{overflow:auto;resize:vertical}svg{fill:currentColor;display:inline-block;stroke-width:0;stroke:currentColor;width:14px;height:14px}blockquote{margin:0}@keyframes tooltip-appear{from{opacity:0}to{opacity:1}}.vditor-tooltipped{position:relative;cursor:pointer}.vditor-tooltipped::after{position:absolute;z-index:1000000;display:none;padding:5px 8px;font-size:11px;font-weight:normal;-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,0.8);border-radius:3px;line-height:16px;opacity:0}.vditor-tooltipped::before{position:absolute;z-index:1000001;display:none;width:0;height:0;color:rgba(0,0,0,0.8);pointer-events:none;content:"";border:5px solid transparent;opacity:0}.vditor-tooltipped--hover::before,.vditor-tooltipped--hover::after,.vditor-tooltipped:hover::before,.vditor-tooltipped:hover::after,.vditor-tooltipped:active::before,.vditor-tooltipped:active::after,.vditor-tooltipped:focus::before,.vditor-tooltipped:focus::after{display:inline-block;text-decoration:none;animation-name:tooltip-appear;animation-duration:0.1s;animation-fill-mode:forwards;animation-timing-function:ease-in;animation-delay:0.4s}.vditor-tooltipped__s::after,.vditor-tooltipped__se::after,.vditor-tooltipped__sw::after{top:100%;right:50%;margin-top:5px}.vditor-tooltipped__s::before,.vditor-tooltipped__se::before,.vditor-tooltipped__sw::before{top:auto;right:50%;bottom:-5px;margin-right:-5px;border-bottom-color:rgba(0,0,0,0.8)}.vditor-tooltipped__se::after{right:auto;left:50%;margin-left:-15px}.vditor-tooltipped__sw::after{margin-right:-15px}.vditor-tooltipped__n::after,.vditor-tooltipped__ne::after,.vditor-tooltipped__nw::after{right:50%;bottom:100%;margin-bottom:5px}.vditor-tooltipped__n::before,.vditor-tooltipped__ne::before,.vditor-tooltipped__nw::before{top:-5px;right:50%;bottom:auto;margin-right:-5px;border-top-color:rgba(0,0,0,0.8)}.vditor-tooltipped__ne::after{right:auto;left:50%;margin-left:-15px}.vditor-tooltipped__nw::after{margin-right:-15px}.vditor-tooltipped__s::after,.vditor-tooltipped__n::after{transform:translateX(50%)}.vditor-tooltipped__w::after{right:100%;bottom:50%;margin-right:5px;transform:translateY(50%)}.vditor-tooltipped__w::before{top:50%;bottom:50%;left:-5px;margin-top:-5px;border-left-color:rgba(0,0,0,0.8)}.vditor-tooltipped__e::after{bottom:50%;left:100%;margin-left:5px;transform:translateY(50%)}.vditor-tooltipped__e::before{top:50%;right:-5px;bottom:50%;margin-top:-5px;border-right-color:rgba(0,0,0,0.8)}.vditor-panel{background-color:#fff;position:absolute;box-shadow:0 1px 2px rgba(0,0,0,0.2);border-radius:3px;padding:5px;z-index:1;font-size:14px;display:none;user-select:none;max-width:200px;min-width:80px}.vditor-panel h1,.vditor-panel h2,.vditor-panel h3,.vditor-panel h4,.vditor-panel h5,.vditor-panel h6{margin:0;cursor:pointer;padding:3px 10px;border-radius:3px;line-height:normal}.vditor-panel h1:hover,.vditor-panel h2:hover,.vditor-panel h3:hover,.vditor-panel h4:hover,.vditor-panel h5:hover,.vditor-panel h6:hover{background-color:#4285f4;color:#fff}.vditor-toolbar{background-color:#f6f8fa;border-bottom:1px solid #d1d5da;padding:0 5px;border-radius:3px 3px 0 0}.vditor-toolbar>div{padding:10px 5px;float:left;line-height:14px;height:36px;box-sizing:border-box}.vditor-toolbar svg{fill:currentColor;display:inline-block;stroke-width:0;stroke:currentColor;width:14px;height:14px}.vditor-toolbar .vditor-tooltipped{color:#586069}.vditor-toolbar .vditor-tooltipped:hover{color:#4285f4}.vditor-toolbar label{overflow:hidden;position:relative;height:14px;width:15px;display:block;cursor:pointer}.vditor-toolbar input{position:absolute;width:1px;opacity:.001;height:14px;overflow:hidden}.vditor-menu--current svg{color:#4285f4}.vditor-menu__divider{width:10px}.vditor-menu__br{width:100%;padding:0 !important;height:0 !important}.vditor-emojis{display:inline-block}.vditor-emojis__tail{font-size:12px;text-align:right;color:#586069}.vditor-emojis__tail a{text-decoration:none;color:#586069}.vditor-emojis__tail a:hover{color:#4285f4}.vditor-emojis span{cursor:pointer;border-radius:3px;float:left;height:26px;width:26px;text-align:center;line-height:20px;padding:3px;box-sizing:border-box;font-size:16px}.vditor-emojis span:hover{background-color:#4285f4}.vditor-emojis img{height:20px;width:20px;float:left}.vditor{display:flex;flex-direction:column;border:1px solid #d1d5da;border-radius:3px;box-sizing:border-box}.vditor--fullscreen{position:fixed;top:0;width:100% !important;left:0;height:100vh !important;z-index:90;background-color:#fff}.vditor-content{display:flex;min-height:60px;flex:1;position:relative;overflow:hidden}.vditor-textarea{flex:1;border:0;resize:none;padding:10px;box-sizing:border-box;background-color:#fafbfc;outline:0 none;font-size:16px;line-height:22px;color:#24292e;border-radius:0 0 3px 3px}.vditor-textarea[disabled]{opacity:0.3;cursor:not-allowed}.vditor-textarea:focus{background-color:#fff}.vditor-preview{flex:1;background-color:#fff;overflow:auto;padding:10px;box-shadow:inset 1px 0 #d1d5da;box-sizing:border-box;border-radius:0 0 3px 0}.vditor-preview::-webkit-scrollbar{display:none}.vditor-counter{padding:0 3px;position:absolute;bottom:10px;right:20px;color:#24292e;background-color:rgba(255,255,255,0.6);border-radius:3px;font-size:12px;user-select:none}.vditor-counter--error{color:#d23f31;background-color:rgba(210,63,49,0.1)}.vditor-resize{padding:1px 0;border-radius:5px;cursor:row-resize;transition:all .15s ease-in-out;user-select:none;background-color:#f6f8fa}.vditor-resize:hover{background-color:#4285f4}.vditor-resize:hover svg{color:#fff}.vditor-resize svg{fill:currentColor;stroke-width:0;stroke:currentColor;width:13px;height:3px;display:block;margin:0 auto;color:#586069}.vditor-upload{opacity:0;position:absolute;width:100%;height:5px;left:0;top:-3px;border-radius:3px;overflow:hidden;transition:all .15s ease-in-out;color:#fff;font-size:12px;line-height:14px}.vditor-upload ul{margin:0}.vditor-upload--tip{height:auto;opacity:1 !important}.vditor-upload--tip .vditor-upload__close{display:block}.vditor-upload__close{display:none;position:absolute;right:5px;cursor:pointer;padding:5px;top:0}.vditor-upload__progress{height:100%;background-color:rgba(66,133,244,0.8);transition:all .15s ease-in-out;padding:5px;box-sizing:border-box}.vditor-hint{background-color:#fff;position:absolute;box-shadow:0 1px 2px rgba(0,0,0,0.2);border-radius:3px;padding:5px 0;z-index:1;line-height:20px;list-style:none;color:#24292e;font-size:12px;margin:0;max-width:200px;min-width:80px;display:none}.vditor-hint li{cursor:pointer;padding:3px 10px;border-bottom:1px solid #d1d5da;line-height:20px}.vditor-hint li:last-child{border-bottom:0}.vditor-hint--current,.vditor-hint li:hover{background-color:#4285f4;color:#fff}.vditor-hint__emoji{font-size:16px;float:left;margin-right:3px}.vditor-hint img{height:20px;width:20px;float:left;margin-right:3px}.vditor-reset{font-family:"Helvetica Neue","Luxi Sans","DejaVu Sans",Tahoma,"Hiragino Sans GB","Microsoft Yahei",sans-serif;word-wrap:break-word;overflow:auto;line-height:1.65;font-size:16px;word-break:break-word}.vditor-reset ul,.vditor-reset ol{padding-left:2em;margin-top:0;margin-bottom:16px}.vditor-reset li{margin-top:0.25em}.vditor-reset audio{max-width:100%}.vditor-reset video{max-height:90vh}.vditor-reset img.emoji{cursor:auto;max-width:20px;vertical-align:top}.vditor-reset h1,.vditor-reset h2,.vditor-reset h3,.vditor-reset h4,.vditor-reset h5,.vditor-reset h6{margin-top:24px;margin-bottom:16px;font-weight:600;line-height:1.25}.vditor-reset h1{padding-bottom:0.3em;font-size:1.7em;border-bottom:1px solid #eee}.vditor-reset h2{padding-bottom:0.3em;font-size:1.5em;border-bottom:1px solid #eee}.vditor-reset h3{font-size:1.25em}.vditor-reset h4{font-size:1em}.vditor-reset h5{font-size:0.875em}.vditor-reset h6{font-size:0.85em}.vditor-reset hr{height:0.15em;padding:0;margin:24px 0;background-color:#e7e7e7;border:0}.vditor-reset p{margin-top:0;margin-bottom:16px}.vditor-reset blockquote{padding:0 1em;color:#777;border-left:0.25em solid #ddd;margin:0 0 16px 0}.vditor-reset blockquote p{margin:0}.vditor-reset ins>iframe{border:0}.vditor-reset iframe{border:1px solid #d1d5da}.vditor-reset table{width:100%;border:1px solid #dedede;margin:15px auto;border-collapse:collapse;empty-cells:show}.vditor-reset thead{text-align:center}.vditor-reset td,.vditor-reset th{height:35px;border:1px solid #dedede;padding:0 10px}.vditor-reset th{font-weight:bold;text-align:center !important;background:rgba(158,188,226,0.2)}.vditor-reset tbody tr:nth-child(2n){background:rgba(158,188,226,0.12)}.vditor-reset tr:hover{background:#efefef}.vditor-reset code{padding:0.2em 0.4em;margin:0;font-size:85%;background-color:rgba(27,31,35,0.05);border-radius:3px;font-family:mononoki,Consolas,"Liberation Mono",Menlo,Courier,monospace;word-break:break-word}.vditor-reset pre>code{padding:0.5em;background-color:rgba(0,0,0,0.04);background-image:url("https://cdn.jsdelivr.net/npm/vditor@1.1.2/src/assets/images/code-bg.png");background-size:20px 20px;border-radius:5px;display:block;overflow:auto}.vditor-reset pre:hover div.vditor-copy{display:block}.vditor-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:solid 1px #d1d5da;border-bottom-color:#bbb;border-radius:3px;box-shadow:inset 0 -1px 0 #bbb}.vditor-reset summary{cursor:pointer}.vditor-reset summary:focus{outline:none}.vditor-reset svg{height:auto;width:auto}.vditor-task{list-style:none;margin-left:-1.4em;display:flex;align-items:center}.vditor-task input{margin-right:5px}.vditor-copy{position:relative;display:none}.vditor-copy textarea{position:absolute;top:-100000px}.vditor-copy span{cursor:pointer;position:absolute;right:0.5em;top:0.5em;height:20px;width:20px}.vditor-copy svg{height:20px;width:20px}.left{float:left}.right{float:right}.clear:before,.clear:after{display:table;content:""}.clear:after{clear:both}.none{display:none}a,a:link{color:#0000CC}a:active{color:red}a:visited{color:#551A8B}h5{font-size:12px}.content{margin:0 auto;max-width:1250px;padding:0 12px}.header{height:108px;margin-bottom:10px}.header .page-icon{height:14px;width:14px;margin:-1px 3px 0 0}.sub-title{font-size:14px;font-weight:normal}.side{border-left:2px solid #E5ECF9;padding-left:12px;width:280px}.main{margin-right:-294px;width:100%}.main>div{min-width:280px;padding-right:318px}#logoTitle{font-family:"Microsoft YaHei";font-size:32px;line-height:64px;text-decoration:none}#statistic span{font-size:11px}.article,.comments{padding-bottom:24px}.article-title{background-color:#E3E3FF;border-top:1px solid #3366CC;margin-left:91px;padding:3px 0 6px 12px}.article-title sup{font-size:12px}.article-date{background-color:#E3E3FF;border:1px solid #BBCCFF;float:left;margin:0 12px 12px 0;border-radius:5px;padding:7px 3px;width:70px;text-align:center;word-break:break-all}.article-abstract{word-wrap:break-word}.vditor-reset{margin-left:12px;line-height:145%}.article-footer{margin-right:12px}.article-footer a,.article-details-footer a{text-decoration:none}.article-details-footer{margin:36px 12px 0 0}.article-relative{line-height:22px;margin-top:24px}.article-relative ul{list-style:none}.comments{position:relative}.comment-title{background-color:#E3E3FF;border-top:1px solid #3366CC;padding:3px 12px 3px 12px}.comment-body-ref{background-color:#FFFFFF;border:1px solid #E3E3FF;filter:alpha(opacity=90);left:88px;opacity:0.9;position:absolute;top:27px;width:87%;z-index:10}.comment-body-ref .comment-title{border-top:0px}.comment-body{padding:9px 12px 12px;word-wrap:break-word;overflow:hidden}.comment-picture{margin-right:12px}.comment-picture img{height:60px;width:60px}.comment-reply{margin:0 auto 24px auto}.comment-content{float:left;width:88%}#commentURL:focus,#commentURLReply:focus{box-shadow:-3px 1px 2px rgba(0,0,0,0.3) inset}.error-msg{color:#3366CC}.error-footer{bottom:0px;position:fixed;width:82%}#sideNavi a.selected{color:#000000;text-decoration:none}.side-navi ul{list-style:none}#sideNavi li{line-height:22px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis}#sideNavi li.aboutMe,#sideNavi li.side-navi-notice{white-space:normal}#sideNavi sup{margin-right:3px;color:green}.side-comment{text-decoration:none}#recentComments p{display:inline}#recentComments p img{display:none}#recentComments div,#recentComments br{display:none}.line{border-top:thin dotted #BBBBBB;margin-top:12px;padding-top:12px}.pagination{margin:16px;text-align:center}.pagination a,.pagination a:visited{color:#4272DB;padding:0 3px;text-decoration:none}.pagination a.selected{color:#000000;font-weight:bold}#tagsPanel .tagPanel{border:2px solid;cursor:pointer;float:left;margin:3px;border-radius:6px}#tagsPanel .tagPanel:hover{background-color:#EEEEEE;border:2px dashed}#tagsPanel .tagPanel{text-decoration:none}.error-title{border-top:1px solid #3366CC;background-color:#E5ECF9;margin-left:12px;padding:6px 12px}.error-panel{margin-left:12px;padding:24px}.commentIcon,.browserIcon{background-image:url("../../../images/icon.png");cursor:pointer;height:16px;margin-right:3px;width:16px}.commentIcon{background-position:-32px -16px}.browserIcon{background-position:-128px -16px}.goTopIcon{background-position:-128px -32px}.goBottomIcon{background-position:-144px -32px}.footer{text-align:center;margin:30px 0 30px 0}.has-toc>ul>li{list-style:none;float:left;width:50%;text-align:center;margin:15px 0;cursor:pointer}.has-toc>ul>li.current{color:#3366CC} diff --git a/classic/css/base.scss b/classic/css/base.scss index 55fb6c1..67f0180 100644 --- a/classic/css/base.scss +++ b/classic/css/base.scss @@ -21,10 +21,9 @@ * * @author Liyuan Li * @author Liang Ding - * @version 2.0.0.1, Mar 1, 2019 + * @version 2.0.0.2, Mar 16, 2019 */ @import "../../../scss/reset"; -@import "../../../scss/reset-content"; @import "vditor/src/assets/scss/classic"; .left { @@ -145,7 +144,7 @@ h5 { word-wrap: break-word; } -.content-reset { +.vditor-reset { margin-left: 12px; line-height: 145%; } diff --git a/classic/footer.ftl b/classic/footer.ftl index 88f84be..b398e6f 100644 --- a/classic/footer.ftl +++ b/classic/footer.ftl @@ -35,6 +35,8 @@ by Vanessa. var Label = { "markedAvailable": ${markedAvailable?c}, + "hljsStyle": "atom-one-light", + "langLabel": "${langLabel}", "skinDirName": "${skinDirName}" }; @@ -81,6 +83,7 @@ by Vanessa. }); Util.init(); + Util.setTopBar() Util.replaceSideEm($("#recentComments li .side-comment")); }); diff --git a/classic/page.ftl b/classic/page.ftl index b552a5b..9ce3a06 100644 --- a/classic/page.ftl +++ b/classic/page.ftl @@ -38,7 +38,7 @@
-
+
${page.pageContent}
diff --git a/classic/side.ftl b/classic/side.ftl index 3054624..f80ab6c 100644 --- a/classic/side.ftl +++ b/classic/side.ftl @@ -40,7 +40,7 @@ ${comment.commentName}<#else> ${comment.commentName}: - + ${comment.commentContent} diff --git a/ease/article-list.ftl b/ease/article-list.ftl index 5458ab6..31e86bf 100644 --- a/ease/article-list.ftl +++ b/ease/article-list.ftl @@ -46,7 +46,7 @@
-
+
${article.articleAbstract}
diff --git a/ease/article.ftl b/ease/article.ftl index 9f44e41..603f7ab 100644 --- a/ease/article.ftl +++ b/ease/article.ftl @@ -82,7 +82,7 @@
-
+
${article.articleContent} <#if "" != article.articleSign.signHTML?trim>

diff --git a/ease/common-comment.ftl b/ease/common-comment.ftl index f68f95b..1893ab6 100644 --- a/ease/common-comment.ftl +++ b/ease/common-comment.ftl @@ -40,7 +40,7 @@

-
${comment.commentContent}
+
${comment.commentContent}
\ No newline at end of file diff --git a/ease/css/base.css b/ease/css/base.css index 9ebd131..b17c90a 100644 --- a/ease/css/base.css +++ b/ease/css/base.css @@ -1 +1 @@ -.content-reset{word-wrap:break-word;overflow:auto;line-height:1.65;font-size:16px;word-break:break-word}.content-reset ul,.content-reset ol{padding-left:2em;margin-top:0;margin-bottom:16px}.content-reset li{margin-top:0.25em}.content-reset audio{max-width:100%}.content-reset video{max-height:90vh}.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{padding-bottom:0.3em;font-size:1.7em;border-bottom:1px solid #eee}.content-reset h2{padding-bottom:0.3em;font-size:1.5em;border-bottom:1px solid #eee}.content-reset h3{font-size:1.25em}.content-reset h4{font-size:1em}.content-reset h5{font-size:0.875em}.content-reset h6{font-size:0.85em}.content-reset hr{height:1px;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:0.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,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:bold;text-align:center !important;background:rgba(158,188,226,0.2)}.content-reset tbody tr:nth-child(2n){background:rgba(158,188,226,0.12)}.content-reset tr:hover{background:#efefef}.content-reset code{padding:.2em .4em;margin:0;font-size:85%;background-color:rgba(27,31,35,0.05);border-radius:3px;font-family:mononoki, Consolas, Liberation Mono, Menlo, Courier, monospace;word-break:break-word}.content-reset pre{position:relative}.content-reset pre textarea{position:absolute;top:-100000px}.content-reset pre>code{padding:0.5em;background-color:rgba(0,0,0,0.04);background-size:20px 20px;border-radius:5px;display:block}.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:solid 1px rgba(0,0,0,0.38);border-bottom-color:#bbb;border-radius:3px;box-shadow:inset 0 -1px 0 #bbb}.content-reset__task,.content-reset .task-list-item{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}.img-preview img{max-width:inherit;transition:transform .3s ease-in-out}@keyframes tooltip-appear{from{opacity:0}to{opacity:1}}.vditor-tooltipped{position:relative;cursor:pointer}.vditor-tooltipped::after{position:absolute;z-index:1000000;display:none;padding:5px 8px;font-size:11px;font-weight:normal;-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,0.8);border-radius:3px;line-height:16px;opacity:0}.vditor-tooltipped::before{position:absolute;z-index:1000001;display:none;width:0;height:0;color:rgba(0,0,0,0.8);pointer-events:none;content:"";border:5px solid transparent;opacity:0}.vditor-tooltipped--hover::before,.vditor-tooltipped--hover::after,.vditor-tooltipped:hover::before,.vditor-tooltipped:hover::after,.vditor-tooltipped:active::before,.vditor-tooltipped:active::after,.vditor-tooltipped:focus::before,.vditor-tooltipped:focus::after{display:inline-block;text-decoration:none;animation-name:tooltip-appear;animation-duration:0.1s;animation-fill-mode:forwards;animation-timing-function:ease-in;animation-delay:0.4s}.vditor-tooltipped__s::after,.vditor-tooltipped__se::after,.vditor-tooltipped__sw::after{top:100%;right:50%;margin-top:5px}.vditor-tooltipped__s::before,.vditor-tooltipped__se::before,.vditor-tooltipped__sw::before{top:auto;right:50%;bottom:-5px;margin-right:-5px;border-bottom-color:rgba(0,0,0,0.8)}.vditor-tooltipped__se::after{right:auto;left:50%;margin-left:-15px}.vditor-tooltipped__sw::after{margin-right:-15px}.vditor-tooltipped__n::after,.vditor-tooltipped__ne::after,.vditor-tooltipped__nw::after{right:50%;bottom:100%;margin-bottom:5px}.vditor-tooltipped__n::before,.vditor-tooltipped__ne::before,.vditor-tooltipped__nw::before{top:-5px;right:50%;bottom:auto;margin-right:-5px;border-top-color:rgba(0,0,0,0.8)}.vditor-tooltipped__ne::after{right:auto;left:50%;margin-left:-15px}.vditor-tooltipped__nw::after{margin-right:-15px}.vditor-tooltipped__s::after,.vditor-tooltipped__n::after{transform:translateX(50%)}.vditor-tooltipped__w::after{right:100%;bottom:50%;margin-right:5px;transform:translateY(50%)}.vditor-tooltipped__w::before{top:50%;bottom:50%;left:-5px;margin-top:-5px;border-left-color:rgba(0,0,0,0.8)}.vditor-tooltipped__e::after{bottom:50%;left:100%;margin-left:5px;transform:translateY(50%)}.vditor-tooltipped__e::before{top:50%;right:-5px;bottom:50%;margin-top:-5px;border-right-color:rgba(0,0,0,0.8)}.vditor-panel{background-color:#fff;position:absolute;box-shadow:0 1px 2px rgba(0,0,0,0.2);border-radius:3px;padding:5px;z-index:1;font-size:14px;display:none;user-select:none;max-width:200px;min-width:80px}.vditor-panel h1,.vditor-panel h2,.vditor-panel h3,.vditor-panel h4,.vditor-panel h5,.vditor-panel h6{margin:0;cursor:pointer;padding:3px 10px;border-radius:3px;line-height:normal}.vditor-panel h1:hover,.vditor-panel h2:hover,.vditor-panel h3:hover,.vditor-panel h4:hover,.vditor-panel h5:hover,.vditor-panel h6:hover{background-color:#4285f4;color:#fff}.vditor-toolbar{background-color:#f6f8fa;border-bottom:1px solid #d1d5da;padding:0 5px;border-radius:3px 3px 0 0}.vditor-toolbar>div{padding:10px 5px;float:left;line-height:14px;height:36px;box-sizing:border-box}.vditor-toolbar svg{fill:currentColor;display:inline-block;stroke-width:0;stroke:currentColor;width:14px;height:14px}.vditor-toolbar .vditor-tooltipped{color:#586069}.vditor-toolbar .vditor-tooltipped:hover{color:#4285f4}.vditor-toolbar label{overflow:hidden;position:relative;height:14px;width:15px;display:block;cursor:pointer}.vditor-toolbar input{position:absolute;width:1px;opacity:.001;height:14px;overflow:hidden}.vditor-menu--current svg{color:#4285f4}.vditor-menu__divider{width:10px}.vditor-menu__br{width:100%;padding:0 !important;height:0 !important}.vditor-emojis{display:inline-block}.vditor-emojis__tail{font-size:12px;text-align:right;color:#586069}.vditor-emojis__tail a{text-decoration:none;color:#586069}.vditor-emojis__tail a:hover{color:#4285f4}.vditor-emojis span{cursor:pointer;border-radius:3px;float:left;height:26px;width:26px;text-align:center;line-height:20px;padding:3px;box-sizing:border-box;font-size:16px}.vditor-emojis span:hover{background-color:#4285f4}.vditor-emojis img{height:20px;width:20px;float:left}.vditor{display:flex;flex-direction:column;border:1px solid #d1d5da;border-radius:3px;box-sizing:border-box}.vditor--fullscreen{position:fixed;top:0;width:100% !important;left:0;height:100vh !important;z-index:90;background-color:#fff}.vditor-content{display:flex;min-height:60px;flex:1;position:relative}.vditor-textarea{flex:1;border:0;resize:none;padding:10px;box-sizing:border-box;background-color:#fafbfc;outline:0 none;font-size:16px;line-height:22px;color:#24292e;border-radius:0 0 3px 3px}.vditor-textarea[disabled]{opacity:0.3;cursor:not-allowed}.vditor-textarea:focus{background-color:#fff}.vditor-preview{flex:1;background-color:#fff;overflow:auto;padding:10px;box-shadow:inset 1px 0 #d1d5da;box-sizing:border-box;border-radius:0 0 3px 0}.vditor-preview::-webkit-scrollbar{display:none}.vditor-counter{padding:0 3px;position:absolute;bottom:10px;right:20px;color:#24292e;background-color:rgba(255,255,255,0.6);border-radius:3px;font-size:12px;user-select:none}.vditor-counter--error{color:#d23f31;background-color:rgba(210,63,49,0.1)}.vditor-resize{padding:1px 0;border-radius:5px;cursor:row-resize;transition:all .15s ease-in-out;user-select:none;background-color:#f6f8fa}.vditor-resize:hover{background-color:#4285f4}.vditor-resize:hover svg{color:#fff}.vditor-resize svg{fill:currentColor;stroke-width:0;stroke:currentColor;width:13px;height:3px;display:block;margin:0 auto;color:#586069}.vditor-upload{opacity:0;position:absolute;width:100%;height:5px;left:0;top:-3px;border-radius:3px;overflow:hidden;transition:all .15s ease-in-out;color:#fff;font-size:12px;line-height:14px}.vditor-upload ul{margin:0}.vditor-upload--tip{height:auto;opacity:1 !important}.vditor-upload--tip .vditor-upload__close{display:block}.vditor-upload__close{display:none;position:absolute;right:5px;cursor:pointer;padding:5px;top:0}.vditor-upload__progress{height:100%;background-color:rgba(66,133,244,0.8);transition:all .15s ease-in-out;padding:5px;box-sizing:border-box}.vditor-hint{background-color:#fff;position:absolute;box-shadow:0 1px 2px rgba(0,0,0,0.2);border-radius:3px;padding:5px 0;z-index:1;line-height:20px;list-style:none;color:#24292e;font-size:12px;margin:0;max-width:200px;min-width:80px;display:none}.vditor-hint li{cursor:pointer;padding:3px 10px;border-bottom:1px solid #d1d5da;line-height:20px}.vditor-hint li:last-child{border-bottom:0}.vditor-hint--current,.vditor-hint li:hover{background-color:#4285f4;color:#fff}.vditor-hint__emoji{font-size:16px;float:left;margin-right:3px}.vditor-hint img{height:20px;width:20px;float:left;margin-right:3px}html,body,div,ul,li{margin:0;padding:0}body{font-family:Verdana,arial,'\5fae\8f6f\96c5\9ed1';font-size:12px;background-color:#FCFCFC}::selection{background-color:#D5D5D5;color:#FCFCFC}::-moz-selection{background-color:#D5D5D5;color:#FCFCFC}a{outline:none;color:#009EB8;text-decoration:none}a:visited{color:#00b4d2}a:hover{text-decoration:underline}a:active{color:#00889f}img{vertical-align:middle;border:0;max-width:100%;height:auto;-ms-interpolation-mode:bicubic;overflow:hidden;font-size:12px}textarea,input{outline:none}sup{font-size:10px;font-weight:normal;-webkit-text-size-adjust:none}.left{float:left}.right{float:right}.clear{background-color:transparent;border:0;clear:both;display:block;font-size:0;height:0;line-height:0;overflow:hidden}.none{display:none}.ft-gray{color:#808080}.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}#search,.translate-ico{background-image:url("/skins/ease/images/icons.png")}.translate-ico{background-position:1px -125px;background-repeat:no-repeat;border:1px solid #D5D5D5;border-radius:3px;cursor:pointer;float:right;height:16px;margin:-3px 0 0 15px;padding:1px;width:16px}.translate-ico:hover{border-color:#9a9a9a;box-shadow:0 0 1px #808080;background-color:#FCFCFC}.wrapper{margin:0 auto;width:990px}.main{background-color:#FFF;padding-bottom:50px}.header{width:100%;z-index:1}.header .title{border-bottom:1px solid #808080;font-size:26px;font-weight:normal}.header .sub-title{font-size:11px}#search{background-position:7px -99px;background-repeat:no-repeat;background-color:#FFF;border:1px solid #D5D5D5;border-radius:2px 2px 2px 2px;box-shadow:0 1px 1px rgba(0,0,0,0.1) inset;color:#808080;float:right;font-size:14px;height:19px;line-height:145%;padding:4px 10px 4px 28px;width:24px;-moz-transition:width 0.4s ease, background 0.4s ease;-webkit-transition:width 0.4s ease, background 0.4s ease;transition:width 0.4s ease, background 0.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 ul{list-style:none;float:left}.nav li{float:left}.nav a{color:#C9C9C9;display:block;float:left;font-size:14px;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}.nav a:hover{color:#FFF;background-color:#535353}.nav a.current{background-color:#FFF;box-shadow:0 -1px 1px rgba(0,0,0,0.1) inset,0 1px 1px rgba(0,0,0,0.1) inset;color:#808080}.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;font-size:11px;padding:12px 0;-webkit-text-size-adjust:none}#goTop{background:url("/skins/ease/images/icons.png") no-repeat scroll 5px -51px #D5D5D5;border-radius:2px 2px 0 0;box-shadow:0 0 3px #D5D5D5;cursor:pointer;font-size:11px;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}.wrapper>ul{list-style:none}.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}.content-reset a{color:#808080;text-decoration:underline}.content-reset a:vidited{color:#9a9a9a}.content-reset a:hover{color:#676767}.content-reset>div{min-height:32px}.article-title h2{display:inline}.article-title span{cursor:pointer}.article-last:hover{border-bottom:1px solid #f6f6f6}.article-next{border:1px solid #eee;background-color:#F9F9F9;cursor:pointer;font-size:14px;line-height:36px;text-align:center}.article-next:hover{background-color:#FCFCFC}.article-relative{background-color:#FCFCFC;box-shadow:0 0 2px #D5D5D5;float:left;margin:10px 0;padding:0 20px 10px;width:382px;min-height:134px}.article-relative:hover{background-color:#fff;box-shadow:0 0 4px #D5D5D5}.article-relative ul{list-style:none}#relevantArticles{margin-right:40px}#externalRelevantArticles{margin-top:0}#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;overflow:hidden;width:814px}.comment-body-ref{background-color:#FCFCFC;box-shadow:0 0 2px #D5D5D5;display:block;left:127px;padding:10px;opacity:0.9;filter:alpha(opacity=90);position:absolute;border:1px solid #e2e2e2}.comment-body-ref>.comment-header{border:0 none;float:right;height:48px;width:48px;padding:0}.comment-body-ref>.comment-panel{margin:0 20px 0 0;min-height:48px;width:725px}.comment-body-ref>.comment-panel>.right{display:none}.form{padding:0 50px 20px}.wrapper>.form{float:left}.form th{text-align:right;white-space:nowrap}.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:medium none;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:146px;overflow:auto;width:426px;line-height:16px}.form button{background-color:#F6F6F6;border:0 none;box-shadow:0 0 2px #D5D5D5;height:28px;line-height:28px;padding:0 12px;color:#808080}.form button:hover{box-shadow:0 0 4px #D5D5D5;text-shadow:0 0 2px}.form img{background-color:#FCFCFC;box-shadow:0 0 2px #D5D5D5;cursor:pointer;height:24px;padding:1px}#tags.other-main{margin:47px 44px 0;width:902px}#tags li{float:left;height:38px}#tags a{margin:3px 6px;padding:3px 12px;background-color:#FCFCFC;box-shadow:0 0 2px #D5D5D5;float:left}#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:#808080}.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 h3{text-align:center}.archives>div:hover{box-shadow:0 0 4px #D5D5D5}.archives a{display:block;margin-left:77px}.dynamic ul{list-style:none}.dynamic h3{text-align:center}.dynamic .module{background-color:#FCFCFC;box-shadow:0 0 2px #D5D5D5;float:left;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{float:left;line-height:22px;margin:0 20px;width:270px}.other-main{display:inline-block;margin:30px 30px 0;width:930px}#tags a,.archives>div,.dynamic .module,.form input[type="text"],.form input[type="password"],.form textarea,.article-relative{border:1px solid #f2f2f2}#tags a:hover,.archives>div:hover,.dynamic .module:hover,.form input:focus,.form textarea:focus,.article-relative:hover{border:1px solid #e2e2e2} +@keyframes tooltip-appear{from{opacity:0}to{opacity:1}}.vditor-tooltipped{position:relative;cursor:pointer}.vditor-tooltipped::after{position:absolute;z-index:1000000;display:none;padding:5px 8px;font-size:11px;font-weight:normal;-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,0.8);border-radius:3px;line-height:16px;opacity:0}.vditor-tooltipped::before{position:absolute;z-index:1000001;display:none;width:0;height:0;color:rgba(0,0,0,0.8);pointer-events:none;content:"";border:5px solid transparent;opacity:0}.vditor-tooltipped--hover::before,.vditor-tooltipped--hover::after,.vditor-tooltipped:hover::before,.vditor-tooltipped:hover::after,.vditor-tooltipped:active::before,.vditor-tooltipped:active::after,.vditor-tooltipped:focus::before,.vditor-tooltipped:focus::after{display:inline-block;text-decoration:none;animation-name:tooltip-appear;animation-duration:0.1s;animation-fill-mode:forwards;animation-timing-function:ease-in;animation-delay:0.4s}.vditor-tooltipped__s::after,.vditor-tooltipped__se::after,.vditor-tooltipped__sw::after{top:100%;right:50%;margin-top:5px}.vditor-tooltipped__s::before,.vditor-tooltipped__se::before,.vditor-tooltipped__sw::before{top:auto;right:50%;bottom:-5px;margin-right:-5px;border-bottom-color:rgba(0,0,0,0.8)}.vditor-tooltipped__se::after{right:auto;left:50%;margin-left:-15px}.vditor-tooltipped__sw::after{margin-right:-15px}.vditor-tooltipped__n::after,.vditor-tooltipped__ne::after,.vditor-tooltipped__nw::after{right:50%;bottom:100%;margin-bottom:5px}.vditor-tooltipped__n::before,.vditor-tooltipped__ne::before,.vditor-tooltipped__nw::before{top:-5px;right:50%;bottom:auto;margin-right:-5px;border-top-color:rgba(0,0,0,0.8)}.vditor-tooltipped__ne::after{right:auto;left:50%;margin-left:-15px}.vditor-tooltipped__nw::after{margin-right:-15px}.vditor-tooltipped__s::after,.vditor-tooltipped__n::after{transform:translateX(50%)}.vditor-tooltipped__w::after{right:100%;bottom:50%;margin-right:5px;transform:translateY(50%)}.vditor-tooltipped__w::before{top:50%;bottom:50%;left:-5px;margin-top:-5px;border-left-color:rgba(0,0,0,0.8)}.vditor-tooltipped__e::after{bottom:50%;left:100%;margin-left:5px;transform:translateY(50%)}.vditor-tooltipped__e::before{top:50%;right:-5px;bottom:50%;margin-top:-5px;border-right-color:rgba(0,0,0,0.8)}.vditor-panel{background-color:#fff;position:absolute;box-shadow:0 1px 2px rgba(0,0,0,0.2);border-radius:3px;padding:5px;z-index:1;font-size:14px;display:none;user-select:none;max-width:200px;min-width:80px}.vditor-panel h1,.vditor-panel h2,.vditor-panel h3,.vditor-panel h4,.vditor-panel h5,.vditor-panel h6{margin:0;cursor:pointer;padding:3px 10px;border-radius:3px;line-height:normal}.vditor-panel h1:hover,.vditor-panel h2:hover,.vditor-panel h3:hover,.vditor-panel h4:hover,.vditor-panel h5:hover,.vditor-panel h6:hover{background-color:#4285f4;color:#fff}.vditor-toolbar{background-color:#f6f8fa;border-bottom:1px solid #d1d5da;padding:0 5px;border-radius:3px 3px 0 0}.vditor-toolbar>div{padding:10px 5px;float:left;line-height:14px;height:36px;box-sizing:border-box}.vditor-toolbar svg{fill:currentColor;display:inline-block;stroke-width:0;stroke:currentColor;width:14px;height:14px}.vditor-toolbar .vditor-tooltipped{color:#586069}.vditor-toolbar .vditor-tooltipped:hover{color:#4285f4}.vditor-toolbar label{overflow:hidden;position:relative;height:14px;width:15px;display:block;cursor:pointer}.vditor-toolbar input{position:absolute;width:1px;opacity:.001;height:14px;overflow:hidden}.vditor-menu--current svg{color:#4285f4}.vditor-menu__divider{width:10px}.vditor-menu__br{width:100%;padding:0 !important;height:0 !important}.vditor-emojis{display:inline-block}.vditor-emojis__tail{font-size:12px;text-align:right;color:#586069}.vditor-emojis__tail a{text-decoration:none;color:#586069}.vditor-emojis__tail a:hover{color:#4285f4}.vditor-emojis span{cursor:pointer;border-radius:3px;float:left;height:26px;width:26px;text-align:center;line-height:20px;padding:3px;box-sizing:border-box;font-size:16px}.vditor-emojis span:hover{background-color:#4285f4}.vditor-emojis img{height:20px;width:20px;float:left}.vditor{display:flex;flex-direction:column;border:1px solid #d1d5da;border-radius:3px;box-sizing:border-box}.vditor--fullscreen{position:fixed;top:0;width:100% !important;left:0;height:100vh !important;z-index:90;background-color:#fff}.vditor-content{display:flex;min-height:60px;flex:1;position:relative;overflow:hidden}.vditor-textarea{flex:1;border:0;resize:none;padding:10px;box-sizing:border-box;background-color:#fafbfc;outline:0 none;font-size:16px;line-height:22px;color:#24292e;border-radius:0 0 3px 3px}.vditor-textarea[disabled]{opacity:0.3;cursor:not-allowed}.vditor-textarea:focus{background-color:#fff}.vditor-preview{flex:1;background-color:#fff;overflow:auto;padding:10px;box-shadow:inset 1px 0 #d1d5da;box-sizing:border-box;border-radius:0 0 3px 0}.vditor-preview::-webkit-scrollbar{display:none}.vditor-counter{padding:0 3px;position:absolute;bottom:10px;right:20px;color:#24292e;background-color:rgba(255,255,255,0.6);border-radius:3px;font-size:12px;user-select:none}.vditor-counter--error{color:#d23f31;background-color:rgba(210,63,49,0.1)}.vditor-resize{padding:1px 0;border-radius:5px;cursor:row-resize;transition:all .15s ease-in-out;user-select:none;background-color:#f6f8fa}.vditor-resize:hover{background-color:#4285f4}.vditor-resize:hover svg{color:#fff}.vditor-resize svg{fill:currentColor;stroke-width:0;stroke:currentColor;width:13px;height:3px;display:block;margin:0 auto;color:#586069}.vditor-upload{opacity:0;position:absolute;width:100%;height:5px;left:0;top:-3px;border-radius:3px;overflow:hidden;transition:all .15s ease-in-out;color:#fff;font-size:12px;line-height:14px}.vditor-upload ul{margin:0}.vditor-upload--tip{height:auto;opacity:1 !important}.vditor-upload--tip .vditor-upload__close{display:block}.vditor-upload__close{display:none;position:absolute;right:5px;cursor:pointer;padding:5px;top:0}.vditor-upload__progress{height:100%;background-color:rgba(66,133,244,0.8);transition:all .15s ease-in-out;padding:5px;box-sizing:border-box}.vditor-hint{background-color:#fff;position:absolute;box-shadow:0 1px 2px rgba(0,0,0,0.2);border-radius:3px;padding:5px 0;z-index:1;line-height:20px;list-style:none;color:#24292e;font-size:12px;margin:0;max-width:200px;min-width:80px;display:none}.vditor-hint li{cursor:pointer;padding:3px 10px;border-bottom:1px solid #d1d5da;line-height:20px}.vditor-hint li:last-child{border-bottom:0}.vditor-hint--current,.vditor-hint li:hover{background-color:#4285f4;color:#fff}.vditor-hint__emoji{font-size:16px;float:left;margin-right:3px}.vditor-hint img{height:20px;width:20px;float:left;margin-right:3px}.vditor-reset{font-family:"Helvetica Neue","Luxi Sans","DejaVu Sans",Tahoma,"Hiragino Sans GB","Microsoft Yahei",sans-serif;word-wrap:break-word;overflow:auto;line-height:1.65;font-size:16px;word-break:break-word}.vditor-reset ul,.vditor-reset ol{padding-left:2em;margin-top:0;margin-bottom:16px}.vditor-reset li{margin-top:0.25em}.vditor-reset audio{max-width:100%}.vditor-reset video{max-height:90vh}.vditor-reset img.emoji{cursor:auto;max-width:20px;vertical-align:top}.vditor-reset h1,.vditor-reset h2,.vditor-reset h3,.vditor-reset h4,.vditor-reset h5,.vditor-reset h6{margin-top:24px;margin-bottom:16px;font-weight:600;line-height:1.25}.vditor-reset h1{padding-bottom:0.3em;font-size:1.7em;border-bottom:1px solid #eee}.vditor-reset h2{padding-bottom:0.3em;font-size:1.5em;border-bottom:1px solid #eee}.vditor-reset h3{font-size:1.25em}.vditor-reset h4{font-size:1em}.vditor-reset h5{font-size:0.875em}.vditor-reset h6{font-size:0.85em}.vditor-reset hr{height:0.15em;padding:0;margin:24px 0;background-color:#e7e7e7;border:0}.vditor-reset p{margin-top:0;margin-bottom:16px}.vditor-reset blockquote{padding:0 1em;color:#777;border-left:0.25em solid #ddd;margin:0 0 16px 0}.vditor-reset blockquote p{margin:0}.vditor-reset ins>iframe{border:0}.vditor-reset iframe{border:1px solid #d1d5da}.vditor-reset table{width:100%;border:1px solid #dedede;margin:15px auto;border-collapse:collapse;empty-cells:show}.vditor-reset thead{text-align:center}.vditor-reset td,.vditor-reset th{height:35px;border:1px solid #dedede;padding:0 10px}.vditor-reset th{font-weight:bold;text-align:center !important;background:rgba(158,188,226,0.2)}.vditor-reset tbody tr:nth-child(2n){background:rgba(158,188,226,0.12)}.vditor-reset tr:hover{background:#efefef}.vditor-reset code{padding:0.2em 0.4em;margin:0;font-size:85%;background-color:rgba(27,31,35,0.05);border-radius:3px;font-family:mononoki,Consolas,"Liberation Mono",Menlo,Courier,monospace;word-break:break-word}.vditor-reset pre>code{padding:0.5em;background-color:rgba(0,0,0,0.04);background-image:url("https://cdn.jsdelivr.net/npm/vditor@1.1.2/src/assets/images/code-bg.png");background-size:20px 20px;border-radius:5px;display:block;overflow:auto}.vditor-reset pre:hover div.vditor-copy{display:block}.vditor-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:solid 1px #d1d5da;border-bottom-color:#bbb;border-radius:3px;box-shadow:inset 0 -1px 0 #bbb}.vditor-reset summary{cursor:pointer}.vditor-reset summary:focus{outline:none}.vditor-reset svg{height:auto;width:auto}.vditor-task{list-style:none;margin-left:-1.4em;display:flex;align-items:center}.vditor-task input{margin-right:5px}.vditor-copy{position:relative;display:none}.vditor-copy textarea{position:absolute;top:-100000px}.vditor-copy span{cursor:pointer;position:absolute;right:0.5em;top:0.5em;height:20px;width:20px}.vditor-copy svg{height:20px;width:20px}html,body,div,ul,li{margin:0;padding:0}body{font-family:Verdana, arial, '\5fae\8f6f\96c5\9ed1';font-size:12px;background-color:#FCFCFC}::selection{background-color:#D5D5D5;color:#FCFCFC}::-moz-selection{background-color:#D5D5D5;color:#FCFCFC}a{outline:none;color:#009EB8;text-decoration:none}a:visited{color:#00b4d2}a:hover{text-decoration:underline}a:active{color:#00889f}img{vertical-align:middle;border:0;max-width:100%;height:auto;-ms-interpolation-mode:bicubic;overflow:hidden;font-size:12px}textarea,input{outline:none}sup{font-size:10px;font-weight:normal;-webkit-text-size-adjust:none}.left{float:left}.right{float:right}.clear{background-color:transparent;border:0;clear:both;display:block;font-size:0;height:0;line-height:0;overflow:hidden}.none{display:none}.ft-gray{color:#808080}.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}#search,.translate-ico{background-image:url("/skins/ease/images/icons.png")}.translate-ico{background-position:1px -125px;background-repeat:no-repeat;border:1px solid #D5D5D5;border-radius:3px;cursor:pointer;float:right;height:16px;margin:-3px 0 0 15px;padding:1px;width:16px}.translate-ico:hover{border-color:#9a9a9a;box-shadow:0 0 1px #808080;background-color:#FCFCFC}.wrapper{margin:0 auto;width:990px}.main{background-color:#FFF;padding-bottom:50px}.header{width:100%;z-index:1}.header .title{border-bottom:1px solid #808080;font-size:26px;font-weight:normal}.header .sub-title{font-size:11px}#search{background-position:7px -99px;background-repeat:no-repeat;background-color:#FFF;border:1px solid #D5D5D5;border-radius:2px 2px 2px 2px;box-shadow:0 1px 1px rgba(0,0,0,0.1) inset;color:#808080;float:right;font-size:14px;height:19px;line-height:145%;padding:4px 10px 4px 28px;width:24px;-moz-transition:width 0.4s ease, background 0.4s ease;-webkit-transition:width 0.4s ease, background 0.4s ease;transition:width 0.4s ease, background 0.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 ul{list-style:none;float:left}.nav li{float:left}.nav a{color:#C9C9C9;display:block;float:left;font-size:14px;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}.nav a:hover{color:#FFF;background-color:#535353}.nav a.current{background-color:#FFF;box-shadow:0 -1px 1px rgba(0,0,0,0.1) inset,0 1px 1px rgba(0,0,0,0.1) inset;color:#808080}.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;font-size:11px;padding:12px 0;-webkit-text-size-adjust:none}#goTop{background:url("/skins/ease/images/icons.png") no-repeat scroll 5px -51px #D5D5D5;border-radius:2px 2px 0 0;box-shadow:0 0 3px #D5D5D5;cursor:pointer;font-size:11px;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}.wrapper>ul{list-style:none}.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}.vditor-reset a{color:#808080;text-decoration:underline}.vditor-reset a:visited{color:#9a9a9a}.vditor-reset a:hover{color:#676767}.vditor-reset>div{min-height:32px}.article-title h2{display:inline}.article-title span{cursor:pointer}.article-last:hover{border-bottom:1px solid #f6f6f6}.article-next{border:1px solid #eee;background-color:#F9F9F9;cursor:pointer;font-size:14px;line-height:36px;text-align:center}.article-next:hover{background-color:#FCFCFC}.article-relative{background-color:#FCFCFC;box-shadow:0 0 2px #D5D5D5;float:left;margin:10px 0;padding:0 20px 10px;width:382px;min-height:134px}.article-relative:hover{background-color:#fff;box-shadow:0 0 4px #D5D5D5}.article-relative ul{list-style:none}#relevantArticles{margin-right:40px}#externalRelevantArticles{margin-top:0}#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;overflow:hidden;width:814px}.comment-body-ref{background-color:#FCFCFC;box-shadow:0 0 2px #D5D5D5;display:block;left:127px;padding:10px;opacity:0.9;filter:alpha(opacity=90);position:absolute;border:1px solid #e2e2e2}.comment-body-ref>.comment-header{border:0 none;float:right;height:48px;width:48px;padding:0}.comment-body-ref>.comment-panel{margin:0 20px 0 0;min-height:48px;width:725px}.comment-body-ref>.comment-panel>.right{display:none}.form{padding:0 50px 20px}.wrapper>.form{float:left}.form th{text-align:right;white-space:nowrap}.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:medium none;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:146px;overflow:auto;width:426px;line-height:16px}.form button{background-color:#F6F6F6;border:0 none;box-shadow:0 0 2px #D5D5D5;height:28px;line-height:28px;padding:0 12px;color:#808080}.form button:hover{box-shadow:0 0 4px #D5D5D5;text-shadow:0 0 2px}.form img{background-color:#FCFCFC;box-shadow:0 0 2px #D5D5D5;cursor:pointer;height:24px;padding:1px}#tags.other-main{margin:47px 44px 0;width:902px}#tags li{float:left;height:38px}#tags a{margin:3px 6px;padding:3px 12px;background-color:#FCFCFC;box-shadow:0 0 2px #D5D5D5;float:left}#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:#808080}.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 h3{text-align:center}.archives>div:hover{box-shadow:0 0 4px #D5D5D5}.archives a{display:block;margin-left:77px}.dynamic ul{list-style:none}.dynamic h3{text-align:center}.dynamic .module{background-color:#FCFCFC;box-shadow:0 0 2px #D5D5D5;float:left;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{float:left;line-height:22px;margin:0 20px;width:270px}.other-main{display:inline-block;margin:30px 30px 0;width:930px}#tags a,.archives>div,.dynamic .module,.form input[type="text"],.form input[type="password"],.form textarea,.article-relative{border:1px solid #f2f2f2}#tags a:hover,.archives>div:hover,.dynamic .module:hover,.form input:focus,.form textarea:focus,.article-relative:hover{border:1px solid #e2e2e2} diff --git a/ease/css/base.scss b/ease/css/base.scss index f69d210..bc9e7a9 100644 --- a/ease/css/base.scss +++ b/ease/css/base.scss @@ -19,659 +19,674 @@ * Skin ease style. * * @author Liyuan Li - * @version 2.1.0.0, Mar 1, 2019 + * @version 2.1.0.1, Mar 16, 2019 */ - -@import "../../../scss/reset-content"; @import "vditor/src/assets/scss/classic"; /* start base */ html, body, div, ul, li { - margin: 0; - padding: 0; + margin: 0; + padding: 0; } body { - font-family: Verdana,arial,'\5fae\8f6f\96c5\9ed1'; - font-size: 12px; - background-color: #FCFCFC; + font-family: Verdana, arial, '\5fae\8f6f\96c5\9ed1'; + font-size: 12px; + background-color: #FCFCFC; } ::selection { - background-color: #D5D5D5; - color: #FCFCFC; + background-color: #D5D5D5; + color: #FCFCFC; } ::-moz-selection { - background-color: #D5D5D5; - color: #FCFCFC; + background-color: #D5D5D5; + color: #FCFCFC; } a { - outline: none; - color: #009EB8; - text-decoration: none; + outline: none; + color: #009EB8; + text-decoration: none; } a:visited { - color: #00b4d2; + color: #00b4d2; } a:hover { - text-decoration: underline; + text-decoration: underline; } a:active { - color: #00889f; + color: #00889f; } img { - vertical-align: middle; - border: 0; - max-width: 100%; - height: auto; - -ms-interpolation-mode: bicubic; - overflow: hidden; - font-size: 12px; + vertical-align: middle; + border: 0; + max-width: 100%; + height: auto; + -ms-interpolation-mode: bicubic; + overflow: hidden; + font-size: 12px; } textarea, input { - outline: none; + outline: none; } sup { - font-size: 10px; - font-weight: normal; - -webkit-text-size-adjust: none; + font-size: 10px; + font-weight: normal; + -webkit-text-size-adjust: none; } .left { - float: left; + float: left; } .right { - float: right; + float: right; } .clear { - background-color: transparent; - border: 0; - clear: both; - display: block; - font-size: 0; - height: 0; - line-height: 0; - overflow: hidden; + background-color: transparent; + border: 0; + clear: both; + display: block; + font-size: 0; + height: 0; + line-height: 0; + overflow: hidden; } .none { - display: none; + display: none; } .ft-gray { - color: #808080; + color: #808080; } .ft-gray:visited { - color: #9a9a9a + color: #9a9a9a } .ft-gray:hover { - color: #676767; - text-decoration: none; + color: #676767; + text-decoration: none; } .fn-mgtb10 { - margin: 10px 0; + margin: 10px 0; } .logo { - padding: 0 5px; - text-shadow: 0 0 1px #D5D5D5; + padding: 0 5px; + text-shadow: 0 0 1px #D5D5D5; } + /* end base */ /* start ico */ #search, .translate-ico { - background-image: url("/skins/ease/images/icons.png"); + background-image: url("/skins/ease/images/icons.png"); } .translate-ico { - background-position: 1px -125px; - background-repeat: no-repeat; - border: 1px solid #D5D5D5; - border-radius: 3px; - cursor: pointer; - float: right; - height: 16px; - margin: -3px 0 0 15px; - padding: 1px; - width: 16px; + background-position: 1px -125px; + background-repeat: no-repeat; + border: 1px solid #D5D5D5; + border-radius: 3px; + cursor: pointer; + float: right; + height: 16px; + margin: -3px 0 0 15px; + padding: 1px; + width: 16px; } .translate-ico:hover { - border-color: #9a9a9a; - box-shadow: 0 0 1px #808080; - background-color: #FCFCFC; + border-color: #9a9a9a; + box-shadow: 0 0 1px #808080; + background-color: #FCFCFC; } + /* end ico */ /* start frame */ .wrapper { - margin: 0 auto; - width: 990px; + margin: 0 auto; + width: 990px; } .main { - background-color: #FFF; - padding-bottom: 50px; + background-color: #FFF; + padding-bottom: 50px; } + /* end frame */ /* start header */ .header { - width: 100%; - z-index: 1; + width: 100%; + z-index: 1; } .header .title { - border-bottom: 1px solid #808080; - font-size: 26px; - font-weight: normal; + border-bottom: 1px solid #808080; + font-size: 26px; + font-weight: normal; } .header .sub-title { - font-size: 11px; + font-size: 11px; } #search { - background-position: 7px -99px; - background-repeat: no-repeat; - background-color: #FFF; - border: 1px solid #D5D5D5; - border-radius: 2px 2px 2px 2px; - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset; - color: #808080; - float: right; - font-size: 14px; - height: 19px; - line-height: 145%; - padding: 4px 10px 4px 28px; - width: 24px; - -moz-transition: width 0.4s ease, background 0.4s ease; - -webkit-transition: width 0.4s ease, background 0.4s ease; - transition: width 0.4s ease, background 0.4s ease; + background-position: 7px -99px; + background-repeat: no-repeat; + background-color: #FFF; + border: 1px solid #D5D5D5; + border-radius: 2px 2px 2px 2px; + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset; + color: #808080; + float: right; + font-size: 14px; + height: 19px; + line-height: 145%; + padding: 4px 10px 4px 28px; + width: 24px; + -moz-transition: width 0.4s ease, background 0.4s ease; + -webkit-transition: width 0.4s ease, background 0.4s ease; + transition: width 0.4s ease, background 0.4s ease; } #search:focus { - width: 150px; + width: 150px; } .banner { - margin-bottom: 20px; + margin-bottom: 20px; } .banner .notice { - float: left; - margin: 20px 0 0 50px; + 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; + 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 ul { - list-style: none; - float: left; + list-style: none; + float: left; } .nav li { - float: left; + float: left; } .nav a { - color: #C9C9C9; - display: block; - float: left; - font-size: 14px; - 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; -} -.nav a:hover { - color: #FFF; - background-color: #535353; + color: #C9C9C9; + display: block; + float: left; + font-size: 14px; + 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; } -.nav a.current { - background-color: #FFF; - box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.1) inset, 0 1px 1px rgba(0, 0, 0, 0.1) inset; - color: #808080; +.nav a:hover { + color: #FFF; + background-color: #535353; +} + +.nav a.current { + background-color: #FFF; + box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.1) inset, 0 1px 1px rgba(0, 0, 0, 0.1) inset; + color: #808080; } .nav img { - margin-left: 3px; + margin-left: 3px; } .nav .page-icon { - float: left; - height: 14px; - width: 14px; - margin: 8px 5px 0 0; + float: left; + height: 14px; + width: 14px; + margin: 8px 5px 0 0; } + /* end header */ /* start footer */ .footer { - border-top: 1px solid #D5D5D5; - box-shadow: 0 -1px 1px #D5D5D5; - font-size: 11px; - padding: 12px 0; - -webkit-text-size-adjust: none; + border-top: 1px solid #D5D5D5; + box-shadow: 0 -1px 1px #D5D5D5; + font-size: 11px; + padding: 12px 0; + -webkit-text-size-adjust: none; } #goTop { - background: url("/skins/ease/images/icons.png") no-repeat scroll 5px -51px #D5D5D5; - border-radius: 2px 2px 0 0; - box-shadow: 0 0 3px #D5D5D5; - cursor: pointer; - font-size: 11px; - height: 21px; - line-height: 21px; - padding: 0 10px 0 23px; - position: absolute; - right: 50px; - display: none; + background: url("/skins/ease/images/icons.png") no-repeat scroll 5px -51px #D5D5D5; + border-radius: 2px 2px 0 0; + box-shadow: 0 0 3px #D5D5D5; + cursor: pointer; + font-size: 11px; + 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; + background-color: #c8c8c8; + box-shadow: 0 0 3px #c8c8c8; } + /* end footer*/ /* start article list */ .wrapper > ul { - list-style: none; + list-style: none; } .main > .wrapper > h2 { - margin: 0; - padding: 14px 0; + margin: 0; + padding: 14px 0; } .article { - border-bottom: 1px solid #f6f6f6; - padding: 30px 50px; + border-bottom: 1px solid #f6f6f6; + padding: 30px 50px; } .article:hover { - border-bottom-color: #ddd; - box-shadow: 0 0 1px #f6f6f6 inset; - background-color: #FCFCFC; + border-bottom-color: #ddd; + box-shadow: 0 0 1px #f6f6f6 inset; + background-color: #FCFCFC; } -.content-reset a { +.vditor-reset { + a { color: #808080; text-decoration: underline; -} + &:visited { + color: #9a9a9a + } -.content-reset a:vidited { - color: #9a9a9a -} + &:hover { + color: #676767; + } + } -.content-reset a:hover { - color: #676767; -} - -.content-reset>div { + & > div { min-height: 32px; + } + } .article-title h2 { - display: inline; + display: inline; } .article-title span { - cursor: pointer; + cursor: pointer; } .article-last:hover { - border-bottom: 1px solid #f6f6f6; + border-bottom: 1px solid #f6f6f6; } .article-next { - border: 1px solid #eee; - background-color: #F9F9F9; - cursor: pointer; - font-size: 14px; - line-height: 36px; - text-align: center; + border: 1px solid #eee; + background-color: #F9F9F9; + cursor: pointer; + font-size: 14px; + line-height: 36px; + text-align: center; } .article-next:hover { - background-color: #FCFCFC; + background-color: #FCFCFC; } + /* end article list */ /* start article */ .article-relative { - background-color: #FCFCFC; - box-shadow: 0 0 2px #D5D5D5; - float: left; - margin: 10px 0; - padding: 0 20px 10px; - width: 382px; - min-height: 134px; + background-color: #FCFCFC; + box-shadow: 0 0 2px #D5D5D5; + float: left; + margin: 10px 0; + padding: 0 20px 10px; + width: 382px; + min-height: 134px; } .article-relative:hover { - background-color: #fff; - box-shadow: 0 0 4px #D5D5D5; + background-color: #fff; + box-shadow: 0 0 4px #D5D5D5; } .article-relative ul { - list-style: none; + list-style: none; } #relevantArticles { - margin-right: 40px; + margin-right: 40px; } #externalRelevantArticles { - margin-top: 0; + margin-top: 0; } + /* end article*/ /* start comment */ #comments { - padding: 20px 50px; - position: relative; + padding: 20px 50px; + position: relative; } .comment-header { - float: left; - background-color: #FFF; - border: 1px solid #DEDEDE; - padding: 2px; - height: 60px; - width: 60px; + 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; - overflow: hidden; - width: 814px; + float: left; + line-height: 16px; + margin: 0 0 20px 10px; + min-height: 64px; + overflow: hidden; + width: 814px; } .comment-body-ref { - background-color: #FCFCFC; - box-shadow: 0 0 2px #D5D5D5; - display: block; - left: 127px; - padding: 10px; - opacity: 0.9; - filter: alpha(opacity=90); - position: absolute; - border: 1px solid #e2e2e2; + background-color: #FCFCFC; + box-shadow: 0 0 2px #D5D5D5; + display: block; + left: 127px; + padding: 10px; + opacity: 0.9; + filter: alpha(opacity=90); + position: absolute; + border: 1px solid #e2e2e2; } .comment-body-ref > .comment-header { - border: 0 none; - float: right; - height: 48px; - width: 48px; - padding: 0; + border: 0 none; + float: right; + height: 48px; + width: 48px; + padding: 0; } -.comment-body-ref > .comment-panel { - margin: 0 20px 0 0; - min-height: 48px; - width: 725px; +.comment-body-ref > .comment-panel { + margin: 0 20px 0 0; + min-height: 48px; + width: 725px; } .comment-body-ref > .comment-panel > .right { - display: none; + display: none; } + .form { - padding: 0 50px 20px; + padding: 0 50px 20px; } .wrapper > .form { - float: left; + float: left; } .form th { - text-align: right; - white-space: nowrap; + text-align: right; + white-space: nowrap; } -.form input[type="text"], -.form input[type="password"], +.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: medium none; - padding: 0 3px; - height: 28px; - line-height: 28px; - width: 260px; + 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: medium none; + padding: 0 3px; + height: 28px; + line-height: 28px; + width: 260px; } -.form input:focus, +.form input:focus, .form textarea:focus { - box-shadow: 0 0 4px #D5D5D5; + box-shadow: 0 0 4px #D5D5D5; } .form textarea { - height: 146px; - overflow: auto; - width: 426px; - line-height: 16px; + height: 146px; + overflow: auto; + width: 426px; + line-height: 16px; } .form button { - background-color: #F6F6F6; - border: 0 none; - box-shadow: 0 0 2px #D5D5D5; - height: 28px; - line-height: 28px; - padding: 0 12px; - color: #808080; + background-color: #F6F6F6; + border: 0 none; + box-shadow: 0 0 2px #D5D5D5; + height: 28px; + line-height: 28px; + padding: 0 12px; + color: #808080; } .form button:hover { - box-shadow: 0 0 4px #D5D5D5; - text-shadow: 0 0 2px; + box-shadow: 0 0 4px #D5D5D5; + text-shadow: 0 0 2px; } .form img { - background-color: #FCFCFC; - box-shadow: 0 0 2px #D5D5D5; - cursor: pointer; - height: 24px; - padding: 1px; + background-color: #FCFCFC; + box-shadow: 0 0 2px #D5D5D5; + cursor: pointer; + height: 24px; + padding: 1px; } + /* end comment */ /* start tags */ #tags.other-main { - margin: 47px 44px 0; - width: 902px; + margin: 47px 44px 0; + width: 902px; } #tags li { - float: left; - height: 38px; + float: left; + height: 38px; } #tags a { - margin: 3px 6px; - padding: 3px 12px; - background-color: #FCFCFC; - box-shadow: 0 0 2px #D5D5D5; - float: left; + margin: 3px 6px; + padding: 3px 12px; + background-color: #FCFCFC; + box-shadow: 0 0 2px #D5D5D5; + float: left; } #tags a:hover { - text-shadow: 0 0 2px; - text-decoration: none; - box-shadow: 0 0 4px #D5D5D5; + text-shadow: 0 0 2px; + text-decoration: none; + box-shadow: 0 0 4px #D5D5D5; } .tags1, .tags1:visited { - font-size: 12px; - color: #a7a7a7; + font-size: 12px; + color: #a7a7a7; } .tags2, .tags2:visited { - font-size: 14px; - color: #808080; + font-size: 14px; + color: #808080; } .tags3, .tags3:visited { - font-size: 16px; - color: #595959; + font-size: 16px; + color: #595959; } .tags4, .tags4:visited { - font-size: 18px; - color: #323232; + font-size: 18px; + color: #323232; } .tags5, .tags5:visited { - font-size: 20px; - color: #0a0a0a; + font-size: 20px; + color: #0a0a0a; } + /* end tags */ /* start archives */ .archives { - position: relative; + 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; + background-color: #FCFCFC; + box-shadow: 0 0 2px #D5D5D5; + padding-bottom: 20px; + line-height: 20px; + margin: 20px; + width: 270px; + position: absolute; + top: 0; } .archives h3 { - text-align: center; + text-align: center; } .archives > div:hover { - box-shadow: 0 0 4px #D5D5D5; + box-shadow: 0 0 4px #D5D5D5; } .archives a { - display: block; - margin-left: 77px; + display: block; + margin-left: 77px; } + /* end archives */ /* start dynamic */ .dynamic ul { - list-style: none; + list-style: none; } .dynamic h3 { - text-align: center; + text-align: center; } .dynamic .module { - background-color: #FCFCFC; - box-shadow: 0 0 2px #D5D5D5; - float: left; - line-height: 20px; - margin: 20px; - padding: 10px 20px 20px; - width: 380px; + background-color: #FCFCFC; + box-shadow: 0 0 2px #D5D5D5; + float: left; + line-height: 20px; + margin: 20px; + padding: 10px 20px 20px; + width: 380px; } .dynamic .module:hover { - box-shadow: 0 0 4px #D5D5D5; + box-shadow: 0 0 4px #D5D5D5; } .dynamic .side-comments { - width: 840px; + width: 840px; } .dynamic .side-comments .comment-panel { - width: 760px; + width: 760px; } .dynamic .side-tags li { - float: left; - margin: 0 5px; + float: left; + margin: 0 5px; } -.dynamic .side-most-comment, +.dynamic .side-most-comment, .dynamic .side-most-view { - margin-bottom: 0; + margin-bottom: 0; } + /* end dynamic */ /* start links */ .other-main.links { - margin-top: 45px; + margin-top: 45px; } .links li { - float: left; - line-height: 22px; - margin: 0 20px; - width: 270px; + float: left; + line-height: 22px; + margin: 0 20px; + width: 270px; } + /* end links */ /* start not list */ .other-main { - display: inline-block; - margin: 30px 30px 0; - width: 930px; + display: inline-block; + margin: 30px 30px 0; + width: 930px; } #tags a, .archives > div, .dynamic .module, -.form input[type="text"], -.form input[type="password"], +.form input[type="text"], +.form input[type="password"], .form textarea, .article-relative { - border: 1px solid #f2f2f2; + border: 1px solid #f2f2f2; } #tags a:hover, -.archives>div:hover, +.archives > div:hover, .dynamic .module:hover, -.form input:focus, +.form input:focus, .form textarea:focus, .article-relative:hover { - border: 1px solid #e2e2e2; + border: 1px solid #e2e2e2; } + /* end not list */ \ No newline at end of file diff --git a/ease/dynamic.ftl b/ease/dynamic.ftl index 253f1d4..d746076 100644 --- a/ease/dynamic.ftl +++ b/ease/dynamic.ftl @@ -54,7 +54,7 @@ ${viewLabel}
-
+
${comment.commentContent}
diff --git a/ease/footer.ftl b/ease/footer.ftl index eb53b0f..d4fb5bb 100644 --- a/ease/footer.ftl +++ b/ease/footer.ftl @@ -58,6 +58,8 @@ var Label = { "markedAvailable": ${markedAvailable?c}, + "hljsStyle": "atom-one-light", + "langLabel": "${langLabel}", "tag1Label": "${tag1Label}", "viewLabel": "${viewLabel}", "commentLabel": "${commentLabel}", diff --git a/ease/js/ease.js b/ease/js/ease.js index 5e989d2..aac4ca3 100644 --- a/ease/js/ease.js +++ b/ease/js/ease.js @@ -88,7 +88,7 @@ var getNextPage = function () { '
' + '
' + '
' + - '
' + + '
' + '
' + article.articleAbstract + '
' + @@ -159,6 +159,7 @@ var ease = { initCommon: function () { Util.init(); + Util.setTopBar() Util.replaceSideEm($(".recent-comments-content")); Util.buildTags("tagsSide"); }, @@ -279,7 +280,7 @@ var ease = { } // emotions - $(".content-reset").each(function () { + $(".vditor-reset").each(function () { this.innerHTML = Util.replaceEmString($(this).html()); }); } diff --git a/ease/js/ease.min.js b/ease/js/ease.min.js index abe2f7b..ebb7e29 100644 --- a/ease/js/ease.min.js +++ b/ease/js/ease.min.js @@ -1 +1 @@ -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

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

'+ +n.articleCommentCount+"  "+Label.commentLabel+'  '+n.articleViewCount+"  "+Label.viewLabel+'
'+n.articleAbstract+'
',n.hasUpdated?a+=Util.toDate(n.articleUpdateTime,"yy-MM-dd HH:mm"):a+=Util.toDate(n.articleCreateTime,"yy-MM-dd HH:mm"),a+=' '+n.authorName+'
'+Label.tag1Label+" ";for(var s=n.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()),$(".content-reset").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

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

'+ +n.articleCommentCount+"  "+Label.commentLabel+'  '+n.articleViewCount+"  "+Label.viewLabel+'
'+n.articleAbstract+'
',n.hasUpdated?a+=Util.toDate(n.articleUpdateTime,"yy-MM-dd HH:mm"):a+=Util.toDate(n.articleCreateTime,"yy-MM-dd HH:mm"),a+=' '+n.authorName+'
'+Label.tag1Label+" ";for(var s=n.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()),$(".vditor-reset").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/ease/page.ftl b/ease/page.ftl index 19e760a..5221ed1 100644 --- a/ease/page.ftl +++ b/ease/page.ftl @@ -33,7 +33,7 @@ <#include "header.ftl">
-
+
${page.pageContent}
<@comments commentList=pageComments article=page> diff --git a/favourite/article-list.ftl b/favourite/article-list.ftl index 5709a46..52a14cb 100644 --- a/favourite/article-list.ftl +++ b/favourite/article-list.ftl @@ -53,7 +53,7 @@
-
+
${article.articleAbstract}
diff --git a/favourite/article.ftl b/favourite/article.ftl index 5c15a51..818abbf 100644 --- a/favourite/article.ftl +++ b/favourite/article.ftl @@ -94,7 +94,7 @@
-
+
${article.articleContent} <#if "" != article.articleSign.signHTML?trim>
diff --git a/favourite/common-comment.ftl b/favourite/common-comment.ftl index ba21258..0782687 100644 --- a/favourite/common-comment.ftl +++ b/favourite/common-comment.ftl @@ -47,7 +47,7 @@
-
+
${comment.commentContent}
diff --git a/favourite/css/base.css b/favourite/css/base.css index 7edcf71..e16dc6e 100644 --- a/favourite/css/base.css +++ b/favourite/css/base.css @@ -1 +1 @@ -html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;height:100%}body{margin:0;font-family:"Helvetica Neue", "Luxi Sans", "DejaVu Sans", Tahoma, "Hiragino Sans GB", "Microsoft Yahei", sans-serif;font-size:14px;background-color:#fff;-webkit-font-smoothing:antialiased;-webkit-overflow-scrolling:touch}::-moz-selection{text-shadow:none;background:rgba(65,131,196,0.4)}::selection{text-shadow:none;background:rgba(66,133,244,0.4)}ul,ol{margin:0;padding:0}h1,h2,h3,h4,h5,h6,dl,dd,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{outline:0;text-decoration:none}a:hover{text-decoration:underline}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.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{margin:0;font-size:100%;vertical-align:middle;font-family:"Helvetica Neue", "Luxi Sans", "DejaVu Sans", Tahoma, "Hiragino Sans GB", "Microsoft Yahei", sans-serif;outline:none}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"]{box-sizing:content-box;-webkit-appearance:textfield}input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none}textarea{overflow:auto;resize:vertical}svg{fill:currentColor;display:inline-block;stroke-width:0;stroke:currentColor;width:14px;height:14px}blockquote{margin:0}.content-reset{word-wrap:break-word;overflow:auto;line-height:1.65;font-size:16px;word-break:break-word}.content-reset ul,.content-reset ol{padding-left:2em;margin-top:0;margin-bottom:16px}.content-reset li{margin-top:0.25em}.content-reset audio{max-width:100%}.content-reset video{max-height:90vh}.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{padding-bottom:0.3em;font-size:1.7em;border-bottom:1px solid #eee}.content-reset h2{padding-bottom:0.3em;font-size:1.5em;border-bottom:1px solid #eee}.content-reset h3{font-size:1.25em}.content-reset h4{font-size:1em}.content-reset h5{font-size:0.875em}.content-reset h6{font-size:0.85em}.content-reset hr{height:1px;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:0.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,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:bold;text-align:center !important;background:rgba(158,188,226,0.2)}.content-reset tbody tr:nth-child(2n){background:rgba(158,188,226,0.12)}.content-reset tr:hover{background:#efefef}.content-reset code{padding:.2em .4em;margin:0;font-size:85%;background-color:rgba(27,31,35,0.05);border-radius:3px;font-family:mononoki, Consolas, Liberation Mono, Menlo, Courier, monospace;word-break:break-word}.content-reset pre{position:relative}.content-reset pre textarea{position:absolute;top:-100000px}.content-reset pre>code{padding:0.5em;background-color:rgba(0,0,0,0.04);background-size:20px 20px;border-radius:5px;display:block}.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:solid 1px rgba(0,0,0,0.38);border-bottom-color:#bbb;border-radius:3px;box-shadow:inset 0 -1px 0 #bbb}.content-reset__task,.content-reset .task-list-item{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}.img-preview img{max-width:inherit;transition:transform .3s ease-in-out}@keyframes tooltip-appear{from{opacity:0}to{opacity:1}}.vditor-tooltipped{position:relative;cursor:pointer}.vditor-tooltipped::after{position:absolute;z-index:1000000;display:none;padding:5px 8px;font-size:11px;font-weight:normal;-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,0.8);border-radius:3px;line-height:16px;opacity:0}.vditor-tooltipped::before{position:absolute;z-index:1000001;display:none;width:0;height:0;color:rgba(0,0,0,0.8);pointer-events:none;content:"";border:5px solid transparent;opacity:0}.vditor-tooltipped--hover::before,.vditor-tooltipped--hover::after,.vditor-tooltipped:hover::before,.vditor-tooltipped:hover::after,.vditor-tooltipped:active::before,.vditor-tooltipped:active::after,.vditor-tooltipped:focus::before,.vditor-tooltipped:focus::after{display:inline-block;text-decoration:none;animation-name:tooltip-appear;animation-duration:0.1s;animation-fill-mode:forwards;animation-timing-function:ease-in;animation-delay:0.4s}.vditor-tooltipped__s::after,.vditor-tooltipped__se::after,.vditor-tooltipped__sw::after{top:100%;right:50%;margin-top:5px}.vditor-tooltipped__s::before,.vditor-tooltipped__se::before,.vditor-tooltipped__sw::before{top:auto;right:50%;bottom:-5px;margin-right:-5px;border-bottom-color:rgba(0,0,0,0.8)}.vditor-tooltipped__se::after{right:auto;left:50%;margin-left:-15px}.vditor-tooltipped__sw::after{margin-right:-15px}.vditor-tooltipped__n::after,.vditor-tooltipped__ne::after,.vditor-tooltipped__nw::after{right:50%;bottom:100%;margin-bottom:5px}.vditor-tooltipped__n::before,.vditor-tooltipped__ne::before,.vditor-tooltipped__nw::before{top:-5px;right:50%;bottom:auto;margin-right:-5px;border-top-color:rgba(0,0,0,0.8)}.vditor-tooltipped__ne::after{right:auto;left:50%;margin-left:-15px}.vditor-tooltipped__nw::after{margin-right:-15px}.vditor-tooltipped__s::after,.vditor-tooltipped__n::after{transform:translateX(50%)}.vditor-tooltipped__w::after{right:100%;bottom:50%;margin-right:5px;transform:translateY(50%)}.vditor-tooltipped__w::before{top:50%;bottom:50%;left:-5px;margin-top:-5px;border-left-color:rgba(0,0,0,0.8)}.vditor-tooltipped__e::after{bottom:50%;left:100%;margin-left:5px;transform:translateY(50%)}.vditor-tooltipped__e::before{top:50%;right:-5px;bottom:50%;margin-top:-5px;border-right-color:rgba(0,0,0,0.8)}.vditor-panel{background-color:#fff;position:absolute;box-shadow:0 1px 2px rgba(0,0,0,0.2);border-radius:3px;padding:5px;z-index:1;font-size:14px;display:none;user-select:none;max-width:200px;min-width:80px}.vditor-panel h1,.vditor-panel h2,.vditor-panel h3,.vditor-panel h4,.vditor-panel h5,.vditor-panel h6{margin:0;cursor:pointer;padding:3px 10px;border-radius:3px;line-height:normal}.vditor-panel h1:hover,.vditor-panel h2:hover,.vditor-panel h3:hover,.vditor-panel h4:hover,.vditor-panel h5:hover,.vditor-panel h6:hover{background-color:#4285f4;color:#fff}.vditor-toolbar{background-color:#f6f8fa;border-bottom:1px solid #d1d5da;padding:0 5px;border-radius:3px 3px 0 0}.vditor-toolbar>div{padding:10px 5px;float:left;line-height:14px;height:36px;box-sizing:border-box}.vditor-toolbar svg{fill:currentColor;display:inline-block;stroke-width:0;stroke:currentColor;width:14px;height:14px}.vditor-toolbar .vditor-tooltipped{color:#586069}.vditor-toolbar .vditor-tooltipped:hover{color:#4285f4}.vditor-toolbar label{overflow:hidden;position:relative;height:14px;width:15px;display:block;cursor:pointer}.vditor-toolbar input{position:absolute;width:1px;opacity:.001;height:14px;overflow:hidden}.vditor-menu--current svg{color:#4285f4}.vditor-menu__divider{width:10px}.vditor-menu__br{width:100%;padding:0 !important;height:0 !important}.vditor-emojis{display:inline-block}.vditor-emojis__tail{font-size:12px;text-align:right;color:#586069}.vditor-emojis__tail a{text-decoration:none;color:#586069}.vditor-emojis__tail a:hover{color:#4285f4}.vditor-emojis span{cursor:pointer;border-radius:3px;float:left;height:26px;width:26px;text-align:center;line-height:20px;padding:3px;box-sizing:border-box;font-size:16px}.vditor-emojis span:hover{background-color:#4285f4}.vditor-emojis img{height:20px;width:20px;float:left}.vditor{display:flex;flex-direction:column;border:1px solid #d1d5da;border-radius:3px;box-sizing:border-box}.vditor--fullscreen{position:fixed;top:0;width:100% !important;left:0;height:100vh !important;z-index:90;background-color:#fff}.vditor-content{display:flex;min-height:60px;flex:1;position:relative}.vditor-textarea{flex:1;border:0;resize:none;padding:10px;box-sizing:border-box;background-color:#fafbfc;outline:0 none;font-size:16px;line-height:22px;color:#24292e;border-radius:0 0 3px 3px}.vditor-textarea[disabled]{opacity:0.3;cursor:not-allowed}.vditor-textarea:focus{background-color:#fff}.vditor-preview{flex:1;background-color:#fff;overflow:auto;padding:10px;box-shadow:inset 1px 0 #d1d5da;box-sizing:border-box;border-radius:0 0 3px 0}.vditor-preview::-webkit-scrollbar{display:none}.vditor-counter{padding:0 3px;position:absolute;bottom:10px;right:20px;color:#24292e;background-color:rgba(255,255,255,0.6);border-radius:3px;font-size:12px;user-select:none}.vditor-counter--error{color:#d23f31;background-color:rgba(210,63,49,0.1)}.vditor-resize{padding:1px 0;border-radius:5px;cursor:row-resize;transition:all .15s ease-in-out;user-select:none;background-color:#f6f8fa}.vditor-resize:hover{background-color:#4285f4}.vditor-resize:hover svg{color:#fff}.vditor-resize svg{fill:currentColor;stroke-width:0;stroke:currentColor;width:13px;height:3px;display:block;margin:0 auto;color:#586069}.vditor-upload{opacity:0;position:absolute;width:100%;height:5px;left:0;top:-3px;border-radius:3px;overflow:hidden;transition:all .15s ease-in-out;color:#fff;font-size:12px;line-height:14px}.vditor-upload ul{margin:0}.vditor-upload--tip{height:auto;opacity:1 !important}.vditor-upload--tip .vditor-upload__close{display:block}.vditor-upload__close{display:none;position:absolute;right:5px;cursor:pointer;padding:5px;top:0}.vditor-upload__progress{height:100%;background-color:rgba(66,133,244,0.8);transition:all .15s ease-in-out;padding:5px;box-sizing:border-box}.vditor-hint{background-color:#fff;position:absolute;box-shadow:0 1px 2px rgba(0,0,0,0.2);border-radius:3px;padding:5px 0;z-index:1;line-height:20px;list-style:none;color:#24292e;font-size:12px;margin:0;max-width:200px;min-width:80px;display:none}.vditor-hint li{cursor:pointer;padding:3px 10px;border-bottom:1px solid #d1d5da;line-height:20px}.vditor-hint li:last-child{border-bottom:0}.vditor-hint--current,.vditor-hint li:hover{background-color:#4285f4;color:#fff}.vditor-hint__emoji{font-size:16px;float:left;margin-right:3px}.vditor-hint img{height:20px;width:20px;float:left;margin-right:3px}.left{float:left}.right{float:right}.clear:before,.clear:after{display:table;content:""}.clear:after{clear:both}.none{display:none}body{background:url("../images/bg.jpg") repeat scroll left top transparent}a,a:link,a:active,a:visited{color:#2970A6;text-decoration:none}a:hover{color:black}h1{font-size:300%}h4{font-size:160%;padding:18px 0 0 80px}h5{font-size:12px}img{max-width:100%;vertical-align:middle;border:0;height:auto;-ms-interpolation-mode:bicubic;overflow:hidden;font-size:12px}.margin5R{margin-right:5px}.margin5{margin:5px}.margin25{margin:25px 25px 0}.content{margin:0 auto;width:960px}.header{height:65px;padding:15px 0 0 30px}.body{background:url("../images/cont-bg.png") repeat-y scroll right center #fff;min-height:400px}.side-navi{background:url("../images/cont-bg.png") repeat-y scroll left top #00798A;color:white;font-size:95%;line-height:145%;padding-top:8px;position:relative;width:300px}.side-navi ul{list-style:none}.side-navi a{color:#FFFFFF}.comm div{display:none}.main{padding:0 0 15px 35px;width:600px}.footer{color:#fff;line-height:145%}.footer a{color:#fff;font-weight:bold}.footer a:hover{text-decoration:underline}#logoTitle{color:white;display:block;font-family:"Microsoft YaHei";height:50px;outline:none;text-decoration:none}.sub-title{border-top:1px solid #FFFFFF;color:#FFFFFF;font-size:18px;padding:0 15px}#header-navi{background:none repeat scroll 0 0 #FFFFFF;border-bottom:1px solid #A6A6A6}#header-navi li{float:left;list-style:none;margin-left:0px}#header-navi li a{background:url("../images/menu.gif") no-repeat scroll 0 0 transparent;color:#382E1F;display:block;font-size:11px;height:31px;line-height:31px;margin-left:-10px;outline:none;padding:0 20px;text-decoration:none}#header-navi li a:hover{background-position:0 -31px}#header-navi li a.home{background-position:0 -93px;margin-left:0;padding:0;text-indent:-999em;width:45px}#header-navi li a.home:hover{background-position:0 -124px}#header-navi li a.lastNavi:hover{background-position:0 0}#header-navi li.selected a{background-position:0 -62px}#header-navi li.selected a.home{background-position:0 -155px}#statistic{left:250px;position:relative;text-align:left;top:110px;width:600px}.footer .copyright{padding-top:60px;text-align:center}.footer .goTop{background:url("../images/icons.gif") no-repeat scroll 0 -304px transparent;cursor:pointer;font-size:12px;padding-left:16px;position:absolute;right:17px;top:0;width:25px}.article{border-top:1px dotted #0184AF;padding-bottom:15px}.article-title{font-size:22px;margin-top:10px;padding:0 5px 3px;position:relative;top:20px}.article-title sup{font-size:12px}.article-title a{color:#4C4C4C;text-decoration:none}.article-title a:hover{color:#2970A6}.article-abstract{line-height:145%;margin:5px 0 5px 5px;word-wrap:break-word}.tagsIcon,.articles-commentIcon,.dateIcon,.article-browserIcon{background:url("../images/icons.gif") no-repeat scroll 0 -400px transparent;float:left;height:30px;margin-right:6px;width:30px}.tagsIcon{background:url("../images/tagsIcon.png")}.dateIcon{background-position:0 -48px}.articles-commentIcon{background:url("../images/comment.jpg")}.article-browserIcon{background:url("../images/category.jpg")}.content-reset{line-height:145%;padding:5px 0 0 5px}.article-footer{margin:0 5px 10px 5px}.article-relative{line-height:22px;margin-top:20px}.article-relative h4{font-size:12px;padding:0}.comments{background:none repeat scroll 0 0 #FCFCFC;border-bottom:1px solid #CCCCCC;border-top:1px solid #CCCCCC;margin:15px -15px;padding:0 15px 15px;position:relative}.comment-title{background-color:#E3E9FF;border-top:1px solid #3366CC;padding:3px 12px 3px 12px;position:relative}.comment-body-ref{background-color:#FFFFFF;filter:alpha(opacity=90);left:217px;opacity:0.9;padding:6px;position:absolute;width:605px;z-index:10}.comment-body{margin-top:15px}.comment-author{float:left;text-align:center;width:81px}.comment-author div{background:url("../images/commentpoint.png") no-repeat scroll 100% 33% transparent;margin-top:10px;padding-right:14px}.comment-author img{border:1px solid #999999;height:32px;padding:1px;width:32px}.comment-author a{font-weight:bold;white-space:nowrap;margin-right:14px}.comment-info{background:url("../images/comment.gif") no-repeat scroll 0 0 #EDEFF0;font-size:12px;margin:-62px 0 0 80px;padding:10px 15px 0;width:494px}.comment-content{background:url("../images/comment.gif") no-repeat scroll 100% 100% transparent;font-size:12px;line-height:145%;margin:0 -15px;overflow:hidden;padding:9px 15px 10px;word-wrap:break-word}.comment-form img{cursor:pointer}.comment-form input,.comment-form textarea{background:url("../images/textfield.gif") repeat-x scroll 50% 0 #fff;border:1px solid #A6A6A6;color:#555555;font-family:Helvetica, Arial, sans-serif;height:16px;outline:none;padding:2px 1px;width:200px}.comment-form textarea{font-size:12px;height:auto;width:600px}.comment-form button{background:none repeat scroll 0 0 #B4D666;border-color:#B4D666 #81B840 #81B840 #B4D666;border-radius:0px;border-style:solid;border-width:1px;color:#2970A6;font-size:12px;height:22px;line-height:22px;padding:0px 6px}.comment-form button:hover{background:none repeat scroll 0 0 #98C64C;border-color:#76B33A #98C64C #98C64C #76B33A;color:#074A7E}.error-msg{color:#3366CC}.side-navi .item{padding:12px 15px}.side-navi .navi-comments img{border:1px solid #999999;height:32px;margin-right:7px;padding:1px;width:32px}.side-navi .navi-comments a{color:white;font-weight:bold}.side-navi .navi-comments .side-comment{color:white;font-weight:normal;height:18px;width:210px}.side-navi .navi-comments .side-comment img{display:none}.side-navi .navi-comments li{padding:2px 0}.side-navi .navi-comments li div{width:215px;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis}.side-navi a.selected{color:#555555;text-decoration:none}.side-navi ul.navi-tags li,.side-navi .navi-comments li{background-image:none;padding-left:0px}.side-navi ul.navi-tags li img{height:16px;padding-right:6px;width:16px}.side-navi li{background:url("../images/pl.png") no-repeat scroll 0 0 transparent;margin:5px 0 0 0;overflow:hidden;padding-left:22px;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis}.side-navi li.aboutMe{white-space:normal}.side-navi .line{border-color:#67C3CF;border-style:dotted;border-width:1px 0}.pagination{margin:16px;text-align:center}.pagination a,.pagination a:visited{color:#4272DB;padding:0 3px}.pagination a.selected{color:#000000;font-weight:bold}#tagsPanel .tagPanel{border:2px solid;border-radius:6px;cursor:pointer;float:left;margin:3px}#tagsPanel .tagPanel:hover{background-color:#EEEEEE;border:2px dashed}#tagsPanel .tagPanel{text-decoration:none}.error-body{background:url("../images/cont-bg_2.png") repeat-y scroll left;height:400px;padding:12px}.error-title{line-height:72px}.error-panel{margin:0 auto;width:201px}.error-panel a{background:none repeat scroll 0 0 #9CD941;border-color:#D0F29D #398A38 #398A38 #D0F29D;border-style:solid;border-width:1px;color:#000000;font-size:14px;font-weight:bold;margin-right:3px;padding:10px 15px;text-decoration:none}.error-panel a:hover{background-color:#ADEb51}.kind-panel{background:url("../images/box.gif") no-repeat scroll 100% 100% #F4F5F7;margin-bottom:10px;padding:8px 12px}.kind-title{background:url("../images/box.gif") no-repeat scroll 0 0 #E3E4E6;border-bottom:1px solid #CCCCCC;font-weight:bold;padding:6px 12px}.top{background:url("../images/top-bg.jpg") repeat-x scroll left top transparent;border:none;color:white;height:87px}.footer-icon{background:url("../images/footer-ico.png") no-repeat scroll center center transparent;height:133px}.info{background:url("../images/info.png") repeat-x scroll left top transparent;height:110px;position:relative}.logoutIcon{background-position:-96px -16px}#qq2{float:right;padding:68px 120px 0 0}.thinks{background:url("../images/thinks.png") no-repeat scroll left top transparent;height:420px;position:absolute;right:12px;top:36px;width:388px;z-index:1}.lamb{background:url("../images/lamb.png") no-repeat scroll left top transparent;height:80px;left:460px;position:absolute;top:100px;width:320px}.lamb a{display:block;height:80px;outline:none;width:320px}.null{height:160px}#navigation{height:87px;margin:0 auto;width:960px}#navigation a.classifiche{background:url("../images/classifiche.png") no-repeat scroll left top transparent}#navigation a.about{background:url("../images/about.png") no-repeat scroll left top transparent}#navigation a.home{background:url("../images/home.png") no-repeat scroll left top transparent}#navigation a.Guestbook{background:url("../images/Guestbook.png") no-repeat scroll left top transparent}#navigation a{background:url("../images/default.png") no-repeat scroll left top transparent;color:#FFFFFF;cursor:pointer !important;float:left;height:70px;margin-left:10px;outline:none;padding-top:2px;text-align:center;text-decoration:none;width:73px}.admins{position:relative;top:-85px}#mostCommentArticles li a,#mostViewCountArticles li a,.navi-tags li a,#sideLink li a,#save li a,#sideAuthor li a{color:white}.roundtop{background:url("../images/roundtop.png") no-repeat scroll left top transparent;height:75px}.roundbottom{background:url("../images/roundbottom.png") no-repeat scroll left top transparent;height:35px}.paint{background:url("../images/paint.png") no-repeat scroll left top transparent;height:183px;left:34px;position:absolute;top:450px;width:87px}.rings{background:url("../images/anelli.png") no-repeat scroll left top transparent;height:121px;left:-28px;position:absolute;width:56px;z-index:80}.antefatto{background:url("../images/twitter.png") no-repeat scroll left top transparent;height:64px}.ads{background:url("../images/ads.png") no-repeat scroll left top transparent;height:64px}.categorie{background:url("../images/categorie.png") no-repeat scroll left top transparent;height:64px}#sideNavi .tags{background:url(../images/tagsIcon.png) no-repeat scroll left top transparent;height:52px;background-size:contain}.archivio{background:url("../images/archivio.png") no-repeat scroll left top transparent;height:64px}.side-author{background:url("../images/antefatto.png") no-repeat scroll left top transparent;height:64px}.blog{background:url("../images/blog.png") no-repeat scroll left top transparent;height:64px}.cuore{background:url("../images/cuore.png") no-repeat scroll left top transparent;height:64px}.esclamativo{background:url("../images/esclamativo.png") no-repeat scroll left top transparent;height:64px}.posttime-blue{background-color:#0184AF}.posttime-blue,.posttime-pink{border:1px solid #999999;clear:right;color:#FFFFFF;float:right;font-family:Tohama, Arial, Helvetica, sans-serif;height:60px;position:relative;right:30px;top:-25px;width:60px}.posttime-MY{border-bottom:1px solid #FFFFFF;font-size:9px;height:15px;padding-top:5px;text-align:center}.posttime-D{font-size:28px;font-weight:bold;text-align:center}.note{background:none repeat scroll 0 0 #E7F5F7;margin:40px 0 0 -49px;padding:10px 10px 10px 50px;position:relative;width:609px}.corner{background:url("../images/corner.png") no-repeat scroll left top transparent;height:9px;left:0;position:absolute;top:-9px;width:9px}.count{position:relative;top:8px}.substance{overflow:hidden;width:500px} +html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;height:100%}body{margin:0;font-family:"Helvetica Neue", "Luxi Sans", "DejaVu Sans", Tahoma, "Hiragino Sans GB", "Microsoft Yahei", sans-serif;font-size:14px;background-color:#fff;-webkit-font-smoothing:antialiased;-webkit-overflow-scrolling:touch}::-moz-selection{text-shadow:none;background:rgba(65,131,196,0.4)}::selection{text-shadow:none;background:rgba(66,133,244,0.4)}ul,ol{margin:0;padding:0}h1,h2,h3,h4,h5,h6,dl,dd,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{outline:0;text-decoration:none}a:hover{text-decoration:underline}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.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{margin:0;font-size:100%;vertical-align:middle;font-family:"Helvetica Neue", "Luxi Sans", "DejaVu Sans", Tahoma, "Hiragino Sans GB", "Microsoft Yahei", sans-serif;outline:none}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"]{box-sizing:content-box;-webkit-appearance:textfield}input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none}textarea{overflow:auto;resize:vertical}svg{fill:currentColor;display:inline-block;stroke-width:0;stroke:currentColor;width:14px;height:14px}blockquote{margin:0}@keyframes tooltip-appear{from{opacity:0}to{opacity:1}}.vditor-tooltipped{position:relative;cursor:pointer}.vditor-tooltipped::after{position:absolute;z-index:1000000;display:none;padding:5px 8px;font-size:11px;font-weight:normal;-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,0.8);border-radius:3px;line-height:16px;opacity:0}.vditor-tooltipped::before{position:absolute;z-index:1000001;display:none;width:0;height:0;color:rgba(0,0,0,0.8);pointer-events:none;content:"";border:5px solid transparent;opacity:0}.vditor-tooltipped--hover::before,.vditor-tooltipped--hover::after,.vditor-tooltipped:hover::before,.vditor-tooltipped:hover::after,.vditor-tooltipped:active::before,.vditor-tooltipped:active::after,.vditor-tooltipped:focus::before,.vditor-tooltipped:focus::after{display:inline-block;text-decoration:none;animation-name:tooltip-appear;animation-duration:0.1s;animation-fill-mode:forwards;animation-timing-function:ease-in;animation-delay:0.4s}.vditor-tooltipped__s::after,.vditor-tooltipped__se::after,.vditor-tooltipped__sw::after{top:100%;right:50%;margin-top:5px}.vditor-tooltipped__s::before,.vditor-tooltipped__se::before,.vditor-tooltipped__sw::before{top:auto;right:50%;bottom:-5px;margin-right:-5px;border-bottom-color:rgba(0,0,0,0.8)}.vditor-tooltipped__se::after{right:auto;left:50%;margin-left:-15px}.vditor-tooltipped__sw::after{margin-right:-15px}.vditor-tooltipped__n::after,.vditor-tooltipped__ne::after,.vditor-tooltipped__nw::after{right:50%;bottom:100%;margin-bottom:5px}.vditor-tooltipped__n::before,.vditor-tooltipped__ne::before,.vditor-tooltipped__nw::before{top:-5px;right:50%;bottom:auto;margin-right:-5px;border-top-color:rgba(0,0,0,0.8)}.vditor-tooltipped__ne::after{right:auto;left:50%;margin-left:-15px}.vditor-tooltipped__nw::after{margin-right:-15px}.vditor-tooltipped__s::after,.vditor-tooltipped__n::after{transform:translateX(50%)}.vditor-tooltipped__w::after{right:100%;bottom:50%;margin-right:5px;transform:translateY(50%)}.vditor-tooltipped__w::before{top:50%;bottom:50%;left:-5px;margin-top:-5px;border-left-color:rgba(0,0,0,0.8)}.vditor-tooltipped__e::after{bottom:50%;left:100%;margin-left:5px;transform:translateY(50%)}.vditor-tooltipped__e::before{top:50%;right:-5px;bottom:50%;margin-top:-5px;border-right-color:rgba(0,0,0,0.8)}.vditor-panel{background-color:#fff;position:absolute;box-shadow:0 1px 2px rgba(0,0,0,0.2);border-radius:3px;padding:5px;z-index:1;font-size:14px;display:none;user-select:none;max-width:200px;min-width:80px}.vditor-panel h1,.vditor-panel h2,.vditor-panel h3,.vditor-panel h4,.vditor-panel h5,.vditor-panel h6{margin:0;cursor:pointer;padding:3px 10px;border-radius:3px;line-height:normal}.vditor-panel h1:hover,.vditor-panel h2:hover,.vditor-panel h3:hover,.vditor-panel h4:hover,.vditor-panel h5:hover,.vditor-panel h6:hover{background-color:#4285f4;color:#fff}.vditor-toolbar{background-color:#f6f8fa;border-bottom:1px solid #d1d5da;padding:0 5px;border-radius:3px 3px 0 0}.vditor-toolbar>div{padding:10px 5px;float:left;line-height:14px;height:36px;box-sizing:border-box}.vditor-toolbar svg{fill:currentColor;display:inline-block;stroke-width:0;stroke:currentColor;width:14px;height:14px}.vditor-toolbar .vditor-tooltipped{color:#586069}.vditor-toolbar .vditor-tooltipped:hover{color:#4285f4}.vditor-toolbar label{overflow:hidden;position:relative;height:14px;width:15px;display:block;cursor:pointer}.vditor-toolbar input{position:absolute;width:1px;opacity:.001;height:14px;overflow:hidden}.vditor-menu--current svg{color:#4285f4}.vditor-menu__divider{width:10px}.vditor-menu__br{width:100%;padding:0 !important;height:0 !important}.vditor-emojis{display:inline-block}.vditor-emojis__tail{font-size:12px;text-align:right;color:#586069}.vditor-emojis__tail a{text-decoration:none;color:#586069}.vditor-emojis__tail a:hover{color:#4285f4}.vditor-emojis span{cursor:pointer;border-radius:3px;float:left;height:26px;width:26px;text-align:center;line-height:20px;padding:3px;box-sizing:border-box;font-size:16px}.vditor-emojis span:hover{background-color:#4285f4}.vditor-emojis img{height:20px;width:20px;float:left}.vditor{display:flex;flex-direction:column;border:1px solid #d1d5da;border-radius:3px;box-sizing:border-box}.vditor--fullscreen{position:fixed;top:0;width:100% !important;left:0;height:100vh !important;z-index:90;background-color:#fff}.vditor-content{display:flex;min-height:60px;flex:1;position:relative;overflow:hidden}.vditor-textarea{flex:1;border:0;resize:none;padding:10px;box-sizing:border-box;background-color:#fafbfc;outline:0 none;font-size:16px;line-height:22px;color:#24292e;border-radius:0 0 3px 3px}.vditor-textarea[disabled]{opacity:0.3;cursor:not-allowed}.vditor-textarea:focus{background-color:#fff}.vditor-preview{flex:1;background-color:#fff;overflow:auto;padding:10px;box-shadow:inset 1px 0 #d1d5da;box-sizing:border-box;border-radius:0 0 3px 0}.vditor-preview::-webkit-scrollbar{display:none}.vditor-counter{padding:0 3px;position:absolute;bottom:10px;right:20px;color:#24292e;background-color:rgba(255,255,255,0.6);border-radius:3px;font-size:12px;user-select:none}.vditor-counter--error{color:#d23f31;background-color:rgba(210,63,49,0.1)}.vditor-resize{padding:1px 0;border-radius:5px;cursor:row-resize;transition:all .15s ease-in-out;user-select:none;background-color:#f6f8fa}.vditor-resize:hover{background-color:#4285f4}.vditor-resize:hover svg{color:#fff}.vditor-resize svg{fill:currentColor;stroke-width:0;stroke:currentColor;width:13px;height:3px;display:block;margin:0 auto;color:#586069}.vditor-upload{opacity:0;position:absolute;width:100%;height:5px;left:0;top:-3px;border-radius:3px;overflow:hidden;transition:all .15s ease-in-out;color:#fff;font-size:12px;line-height:14px}.vditor-upload ul{margin:0}.vditor-upload--tip{height:auto;opacity:1 !important}.vditor-upload--tip .vditor-upload__close{display:block}.vditor-upload__close{display:none;position:absolute;right:5px;cursor:pointer;padding:5px;top:0}.vditor-upload__progress{height:100%;background-color:rgba(66,133,244,0.8);transition:all .15s ease-in-out;padding:5px;box-sizing:border-box}.vditor-hint{background-color:#fff;position:absolute;box-shadow:0 1px 2px rgba(0,0,0,0.2);border-radius:3px;padding:5px 0;z-index:1;line-height:20px;list-style:none;color:#24292e;font-size:12px;margin:0;max-width:200px;min-width:80px;display:none}.vditor-hint li{cursor:pointer;padding:3px 10px;border-bottom:1px solid #d1d5da;line-height:20px}.vditor-hint li:last-child{border-bottom:0}.vditor-hint--current,.vditor-hint li:hover{background-color:#4285f4;color:#fff}.vditor-hint__emoji{font-size:16px;float:left;margin-right:3px}.vditor-hint img{height:20px;width:20px;float:left;margin-right:3px}.vditor-reset{font-family:"Helvetica Neue","Luxi Sans","DejaVu Sans",Tahoma,"Hiragino Sans GB","Microsoft Yahei",sans-serif;word-wrap:break-word;overflow:auto;line-height:1.65;font-size:16px;word-break:break-word}.vditor-reset ul,.vditor-reset ol{padding-left:2em;margin-top:0;margin-bottom:16px}.vditor-reset li{margin-top:0.25em}.vditor-reset audio{max-width:100%}.vditor-reset video{max-height:90vh}.vditor-reset img.emoji{cursor:auto;max-width:20px;vertical-align:top}.vditor-reset h1,.vditor-reset h2,.vditor-reset h3,.vditor-reset h4,.vditor-reset h5,.vditor-reset h6{margin-top:24px;margin-bottom:16px;font-weight:600;line-height:1.25}.vditor-reset h1{padding-bottom:0.3em;font-size:1.7em;border-bottom:1px solid #eee}.vditor-reset h2{padding-bottom:0.3em;font-size:1.5em;border-bottom:1px solid #eee}.vditor-reset h3{font-size:1.25em}.vditor-reset h4{font-size:1em}.vditor-reset h5{font-size:0.875em}.vditor-reset h6{font-size:0.85em}.vditor-reset hr{height:0.15em;padding:0;margin:24px 0;background-color:#e7e7e7;border:0}.vditor-reset p{margin-top:0;margin-bottom:16px}.vditor-reset blockquote{padding:0 1em;color:#777;border-left:0.25em solid #ddd;margin:0 0 16px 0}.vditor-reset blockquote p{margin:0}.vditor-reset ins>iframe{border:0}.vditor-reset iframe{border:1px solid #d1d5da}.vditor-reset table{width:100%;border:1px solid #dedede;margin:15px auto;border-collapse:collapse;empty-cells:show}.vditor-reset thead{text-align:center}.vditor-reset td,.vditor-reset th{height:35px;border:1px solid #dedede;padding:0 10px}.vditor-reset th{font-weight:bold;text-align:center !important;background:rgba(158,188,226,0.2)}.vditor-reset tbody tr:nth-child(2n){background:rgba(158,188,226,0.12)}.vditor-reset tr:hover{background:#efefef}.vditor-reset code{padding:0.2em 0.4em;margin:0;font-size:85%;background-color:rgba(27,31,35,0.05);border-radius:3px;font-family:mononoki,Consolas,"Liberation Mono",Menlo,Courier,monospace;word-break:break-word}.vditor-reset pre>code{padding:0.5em;background-color:rgba(0,0,0,0.04);background-image:url("https://cdn.jsdelivr.net/npm/vditor@1.1.2/src/assets/images/code-bg.png");background-size:20px 20px;border-radius:5px;display:block;overflow:auto}.vditor-reset pre:hover div.vditor-copy{display:block}.vditor-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:solid 1px #d1d5da;border-bottom-color:#bbb;border-radius:3px;box-shadow:inset 0 -1px 0 #bbb}.vditor-reset summary{cursor:pointer}.vditor-reset summary:focus{outline:none}.vditor-reset svg{height:auto;width:auto}.vditor-task{list-style:none;margin-left:-1.4em;display:flex;align-items:center}.vditor-task input{margin-right:5px}.vditor-copy{position:relative;display:none}.vditor-copy textarea{position:absolute;top:-100000px}.vditor-copy span{cursor:pointer;position:absolute;right:0.5em;top:0.5em;height:20px;width:20px}.vditor-copy svg{height:20px;width:20px}.left{float:left}.right{float:right}.clear:before,.clear:after{display:table;content:""}.clear:after{clear:both}.none{display:none}body{background:url("../images/bg.jpg") repeat scroll left top transparent}a,a:link,a:active,a:visited{color:#2970A6;text-decoration:none}a:hover{color:black}h1{font-size:300%}h4{font-size:160%;padding:18px 0 0 80px}h5{font-size:12px}img{max-width:100%;vertical-align:middle;border:0;height:auto;-ms-interpolation-mode:bicubic;overflow:hidden;font-size:12px}.margin5R{margin-right:5px}.margin5{margin:5px}.margin25{margin:25px 25px 0}.content{margin:0 auto;width:960px}.header{height:65px;padding:15px 0 0 30px}.body{background:url("../images/cont-bg.png") repeat-y scroll right center #fff;min-height:400px}.side-navi{background:url("../images/cont-bg.png") repeat-y scroll left top #00798A;color:white;font-size:95%;line-height:145%;padding-top:8px;position:relative;width:300px}.side-navi ul{list-style:none}.side-navi a{color:#FFFFFF}.comm div{display:none}.main{padding:0 0 15px 35px;width:600px}.footer{color:#fff;line-height:145%}.footer a{color:#fff;font-weight:bold}.footer a:hover{text-decoration:underline}#logoTitle{color:white;display:block;font-family:"Microsoft YaHei";height:50px;outline:none;text-decoration:none}.sub-title{border-top:1px solid #FFFFFF;color:#FFFFFF;font-size:18px;padding:0 15px}#header-navi{background:none repeat scroll 0 0 #FFFFFF;border-bottom:1px solid #A6A6A6}#header-navi li{float:left;list-style:none;margin-left:0px}#header-navi li a{background:url("../images/menu.gif") no-repeat scroll 0 0 transparent;color:#382E1F;display:block;font-size:11px;height:31px;line-height:31px;margin-left:-10px;outline:none;padding:0 20px;text-decoration:none}#header-navi li a:hover{background-position:0 -31px}#header-navi li a.home{background-position:0 -93px;margin-left:0;padding:0;text-indent:-999em;width:45px}#header-navi li a.home:hover{background-position:0 -124px}#header-navi li a.lastNavi:hover{background-position:0 0}#header-navi li.selected a{background-position:0 -62px}#header-navi li.selected a.home{background-position:0 -155px}#statistic{left:250px;position:relative;text-align:left;top:110px;width:600px}.footer .copyright{padding-top:60px;text-align:center}.footer .goTop{background:url("../images/icons.gif") no-repeat scroll 0 -304px transparent;cursor:pointer;font-size:12px;padding-left:16px;position:absolute;right:17px;top:0;width:25px}.article{border-top:1px dotted #0184AF;padding-bottom:15px}.article-title{font-size:22px;margin-top:10px;padding:0 5px 3px;position:relative;top:20px}.article-title sup{font-size:12px}.article-title a{color:#4C4C4C;text-decoration:none}.article-title a:hover{color:#2970A6}.article-abstract{line-height:145%;margin:5px 0 5px 5px;word-wrap:break-word}.tagsIcon,.articles-commentIcon,.dateIcon,.article-browserIcon{background:url("../images/icons.gif") no-repeat scroll 0 -400px transparent;float:left;height:30px;margin-right:6px;width:30px}.tagsIcon{background:url("../images/tagsIcon.png")}.dateIcon{background-position:0 -48px}.articles-commentIcon{background:url("../images/comment.jpg")}.article-browserIcon{background:url("../images/category.jpg")}.vditor-reset{line-height:145%;padding:5px 0 0 5px}.article-footer{margin:0 5px 10px 5px}.article-relative{line-height:22px;margin-top:20px}.article-relative h4{font-size:12px;padding:0}.comments{background:none repeat scroll 0 0 #FCFCFC;border-bottom:1px solid #CCCCCC;border-top:1px solid #CCCCCC;margin:15px -15px;padding:0 15px 15px;position:relative}.comment-title{background-color:#E3E9FF;border-top:1px solid #3366CC;padding:3px 12px 3px 12px;position:relative}.comment-body-ref{background-color:#FFFFFF;filter:alpha(opacity=90);left:217px;opacity:0.9;padding:6px;position:absolute;width:605px;z-index:10}.comment-body{margin-top:15px}.comment-author{float:left;text-align:center;width:81px}.comment-author div{background:url("../images/commentpoint.png") no-repeat scroll 100% 33% transparent;margin-top:10px;padding-right:14px}.comment-author img{border:1px solid #999999;height:32px;padding:1px;width:32px}.comment-author a{font-weight:bold;white-space:nowrap;margin-right:14px}.comment-info{background:url("../images/comment.gif") no-repeat scroll 0 0 #EDEFF0;font-size:12px;margin:-62px 0 0 80px;padding:10px 15px 0;width:494px}.comment-content{background:url("../images/comment.gif") no-repeat scroll 100% 100% transparent;font-size:12px;line-height:145%;margin:0 -15px;overflow:hidden;padding:9px 15px 10px;word-wrap:break-word}.comment-form img{cursor:pointer}.comment-form input,.comment-form textarea{background:url("../images/textfield.gif") repeat-x scroll 50% 0 #fff;border:1px solid #A6A6A6;color:#555555;font-family:Helvetica, Arial, sans-serif;height:16px;outline:none;padding:2px 1px;width:200px}.comment-form textarea{font-size:12px;height:auto;width:600px}.comment-form button{background:none repeat scroll 0 0 #B4D666;border-color:#B4D666 #81B840 #81B840 #B4D666;border-radius:0px;border-style:solid;border-width:1px;color:#2970A6;font-size:12px;height:22px;line-height:22px;padding:0px 6px}.comment-form button:hover{background:none repeat scroll 0 0 #98C64C;border-color:#76B33A #98C64C #98C64C #76B33A;color:#074A7E}.error-msg{color:#3366CC}.side-navi .item{padding:12px 15px}.side-navi .navi-comments img{border:1px solid #999999;height:32px;margin-right:7px;padding:1px;width:32px}.side-navi .navi-comments a{color:white;font-weight:bold}.side-navi .navi-comments .side-comment{color:white;font-weight:normal;height:18px;width:210px}.side-navi .navi-comments .side-comment img{display:none}.side-navi .navi-comments li{padding:2px 0}.side-navi .navi-comments li div{width:215px;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis}.side-navi a.selected{color:#555555;text-decoration:none}.side-navi ul.navi-tags li,.side-navi .navi-comments li{background-image:none;padding-left:0px}.side-navi ul.navi-tags li img{height:16px;padding-right:6px;width:16px}.side-navi li{background:url("../images/pl.png") no-repeat scroll 0 0 transparent;margin:5px 0 0 0;overflow:hidden;padding-left:22px;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis}.side-navi li.aboutMe{white-space:normal}.side-navi .line{border-color:#67C3CF;border-style:dotted;border-width:1px 0}.pagination{margin:16px;text-align:center}.pagination a,.pagination a:visited{color:#4272DB;padding:0 3px}.pagination a.selected{color:#000000;font-weight:bold}#tagsPanel .tagPanel{border:2px solid;border-radius:6px;cursor:pointer;float:left;margin:3px}#tagsPanel .tagPanel:hover{background-color:#EEEEEE;border:2px dashed}#tagsPanel .tagPanel{text-decoration:none}.error-body{background:url("../images/cont-bg_2.png") repeat-y scroll left;height:400px;padding:12px}.error-title{line-height:72px}.error-panel{margin:0 auto;width:201px}.error-panel a{background:none repeat scroll 0 0 #9CD941;border-color:#D0F29D #398A38 #398A38 #D0F29D;border-style:solid;border-width:1px;color:#000000;font-size:14px;font-weight:bold;margin-right:3px;padding:10px 15px;text-decoration:none}.error-panel a:hover{background-color:#ADEb51}.kind-panel{background:url("../images/box.gif") no-repeat scroll 100% 100% #F4F5F7;margin-bottom:10px;padding:8px 12px}.kind-title{background:url("../images/box.gif") no-repeat scroll 0 0 #E3E4E6;border-bottom:1px solid #CCCCCC;font-weight:bold;padding:6px 12px}.top{background:url("../images/top-bg.jpg") repeat-x scroll left top transparent;border:none;color:white;height:87px}.footer-icon{background:url("../images/footer-ico.png") no-repeat scroll center center transparent;height:133px}.info{background:url("../images/info.png") repeat-x scroll left top transparent;height:110px;position:relative}.logoutIcon{background-position:-96px -16px}#qq2{float:right;padding:68px 120px 0 0}.thinks{background:url("../images/thinks.png") no-repeat scroll left top transparent;height:420px;position:absolute;right:12px;top:36px;width:388px;z-index:1}.lamb{background:url("../images/lamb.png") no-repeat scroll left top transparent;height:80px;left:460px;position:absolute;top:100px;width:320px}.lamb a{display:block;height:80px;outline:none;width:320px}.null{height:160px}#navigation{height:87px;margin:0 auto;width:960px}#navigation a.classifiche{background:url("../images/classifiche.png") no-repeat scroll left top transparent}#navigation a.about{background:url("../images/about.png") no-repeat scroll left top transparent}#navigation a.home{background:url("../images/home.png") no-repeat scroll left top transparent}#navigation a.Guestbook{background:url("../images/Guestbook.png") no-repeat scroll left top transparent}#navigation a{background:url("../images/default.png") no-repeat scroll left top transparent;color:#FFFFFF;cursor:pointer !important;float:left;height:70px;margin-left:10px;outline:none;padding-top:2px;text-align:center;text-decoration:none;width:73px}.admins{position:relative;top:-85px}#mostCommentArticles li a,#mostViewCountArticles li a,.navi-tags li a,#sideLink li a,#save li a,#sideAuthor li a{color:white}.roundtop{background:url("../images/roundtop.png") no-repeat scroll left top transparent;height:75px}.roundbottom{background:url("../images/roundbottom.png") no-repeat scroll left top transparent;height:35px}.paint{background:url("../images/paint.png") no-repeat scroll left top transparent;height:183px;left:34px;position:absolute;top:450px;width:87px}.rings{background:url("../images/anelli.png") no-repeat scroll left top transparent;height:121px;left:-28px;position:absolute;width:56px;z-index:80}.antefatto{background:url("../images/twitter.png") no-repeat scroll left top transparent;height:64px}.ads{background:url("../images/ads.png") no-repeat scroll left top transparent;height:64px}.categorie{background:url("../images/categorie.png") no-repeat scroll left top transparent;height:64px}#sideNavi .tags{background:url(../images/tagsIcon.png) no-repeat scroll left top transparent;height:52px;background-size:contain}.archivio{background:url("../images/archivio.png") no-repeat scroll left top transparent;height:64px}.side-author{background:url("../images/antefatto.png") no-repeat scroll left top transparent;height:64px}.blog{background:url("../images/blog.png") no-repeat scroll left top transparent;height:64px}.cuore{background:url("../images/cuore.png") no-repeat scroll left top transparent;height:64px}.esclamativo{background:url("../images/esclamativo.png") no-repeat scroll left top transparent;height:64px}.posttime-blue{background-color:#0184AF}.posttime-blue,.posttime-pink{border:1px solid #999999;clear:right;color:#FFFFFF;float:right;font-family:Tohama, Arial, Helvetica, sans-serif;height:60px;position:relative;right:30px;top:-25px;width:60px}.posttime-MY{border-bottom:1px solid #FFFFFF;font-size:9px;height:15px;padding-top:5px;text-align:center}.posttime-D{font-size:28px;font-weight:bold;text-align:center}.note{background:none repeat scroll 0 0 #E7F5F7;margin:40px 0 0 -49px;padding:10px 10px 10px 50px;position:relative;width:609px}.corner{background:url("../images/corner.png") no-repeat scroll left top transparent;height:9px;left:0;position:absolute;top:-9px;width:9px}.count{position:relative;top:8px}.substance{overflow:hidden;width:500px} diff --git a/favourite/css/base.scss b/favourite/css/base.scss index c0e2755..11a4b7e 100644 --- a/favourite/css/base.scss +++ b/favourite/css/base.scss @@ -20,11 +20,10 @@ * skin favoutite style * * @author Liyuan Li - * @version 2.1.0.1, Mar 1, 2019 + * @version 2.1.0.2, Mar 16, 2019 */ @import "../../../scss/reset"; -@import "../../../scss/reset-content"; @import "vditor/src/assets/scss/classic"; .left { @@ -300,7 +299,7 @@ img { background: url("../images/category.jpg"); } -.content-reset { +.vditor-reset { line-height: 145%; padding: 5px 0 0 5px; } diff --git a/favourite/footer.ftl b/favourite/footer.ftl index 137598c..475dfcd 100644 --- a/favourite/footer.ftl +++ b/favourite/footer.ftl @@ -39,6 +39,8 @@ var Label = { "markedAvailable": ${markedAvailable?c}, + "hljsStyle": "atom-one-light", + "langLabel": "${langLabel}", "adminLabel": "${adminLabel}", "logoutLabel": "${logoutLabel}", "skinDirName": "${skinDirName}" @@ -46,6 +48,7 @@ $(document).ready(function () { Util.init(); + Util.setTopBar() Util.replaceSideEm($(".side-navi .navi-comments .side-comment")); }); diff --git a/favourite/page.ftl b/favourite/page.ftl index f16c9ce..6f1d370 100644 --- a/favourite/page.ftl +++ b/favourite/page.ftl @@ -41,7 +41,7 @@
-
+
${page.pageContent}
diff --git a/i-nove/article-list.ftl b/i-nove/article-list.ftl index 3992793..6789524 100644 --- a/i-nove/article-list.ftl +++ b/i-nove/article-list.ftl @@ -57,7 +57,7 @@
-
+
${article.articleAbstract}
diff --git a/i-nove/article.ftl b/i-nove/article.ftl index 54f8b43..bfb8e33 100644 --- a/i-nove/article.ftl +++ b/i-nove/article.ftl @@ -93,7 +93,7 @@
-
+
${article.articleContent} <#if "" != article.articleSign.signHTML?trim>
diff --git a/i-nove/common-comment.ftl b/i-nove/common-comment.ftl index 5323296..2818e2d 100644 --- a/i-nove/common-comment.ftl +++ b/i-nove/common-comment.ftl @@ -45,7 +45,7 @@
-
+
${comment.commentContent}
diff --git a/i-nove/css/base.css b/i-nove/css/base.css index 943fb2d..7b482a6 100644 --- a/i-nove/css/base.css +++ b/i-nove/css/base.css @@ -1 +1 @@ -.content-reset{word-wrap:break-word;overflow:auto;line-height:1.65;font-size:16px;word-break:break-word}.content-reset ul,.content-reset ol{padding-left:2em;margin-top:0;margin-bottom:16px}.content-reset li{margin-top:0.25em}.content-reset audio{max-width:100%}.content-reset video{max-height:90vh}.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{padding-bottom:0.3em;font-size:1.7em;border-bottom:1px solid #eee}.content-reset h2{padding-bottom:0.3em;font-size:1.5em;border-bottom:1px solid #eee}.content-reset h3{font-size:1.25em}.content-reset h4{font-size:1em}.content-reset h5{font-size:0.875em}.content-reset h6{font-size:0.85em}.content-reset hr{height:1px;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:0.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,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:bold;text-align:center !important;background:rgba(158,188,226,0.2)}.content-reset tbody tr:nth-child(2n){background:rgba(158,188,226,0.12)}.content-reset tr:hover{background:#efefef}.content-reset code{padding:.2em .4em;margin:0;font-size:85%;background-color:rgba(27,31,35,0.05);border-radius:3px;font-family:mononoki, Consolas, Liberation Mono, Menlo, Courier, monospace;word-break:break-word}.content-reset pre{position:relative}.content-reset pre textarea{position:absolute;top:-100000px}.content-reset pre>code{padding:0.5em;background-color:rgba(0,0,0,0.04);background-size:20px 20px;border-radius:5px;display:block}.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:solid 1px rgba(0,0,0,0.38);border-bottom-color:#bbb;border-radius:3px;box-shadow:inset 0 -1px 0 #bbb}.content-reset__task,.content-reset .task-list-item{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}.img-preview img{max-width:inherit;transition:transform .3s ease-in-out}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;height:100%}body{margin:0;font-family:"Helvetica Neue", "Luxi Sans", "DejaVu Sans", Tahoma, "Hiragino Sans GB", "Microsoft Yahei", sans-serif;font-size:14px;background-color:#fff;-webkit-font-smoothing:antialiased;-webkit-overflow-scrolling:touch}::-moz-selection{text-shadow:none;background:rgba(65,131,196,0.4)}::selection{text-shadow:none;background:rgba(66,133,244,0.4)}ul,ol{margin:0;padding:0}h1,h2,h3,h4,h5,h6,dl,dd,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{outline:0;text-decoration:none}a:hover{text-decoration:underline}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.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{margin:0;font-size:100%;vertical-align:middle;font-family:"Helvetica Neue", "Luxi Sans", "DejaVu Sans", Tahoma, "Hiragino Sans GB", "Microsoft Yahei", sans-serif;outline:none}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"]{box-sizing:content-box;-webkit-appearance:textfield}input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none}textarea{overflow:auto;resize:vertical}svg{fill:currentColor;display:inline-block;stroke-width:0;stroke:currentColor;width:14px;height:14px}blockquote{margin:0}@keyframes tooltip-appear{from{opacity:0}to{opacity:1}}.vditor-tooltipped{position:relative;cursor:pointer}.vditor-tooltipped::after{position:absolute;z-index:1000000;display:none;padding:5px 8px;font-size:11px;font-weight:normal;-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,0.8);border-radius:3px;line-height:16px;opacity:0}.vditor-tooltipped::before{position:absolute;z-index:1000001;display:none;width:0;height:0;color:rgba(0,0,0,0.8);pointer-events:none;content:"";border:5px solid transparent;opacity:0}.vditor-tooltipped--hover::before,.vditor-tooltipped--hover::after,.vditor-tooltipped:hover::before,.vditor-tooltipped:hover::after,.vditor-tooltipped:active::before,.vditor-tooltipped:active::after,.vditor-tooltipped:focus::before,.vditor-tooltipped:focus::after{display:inline-block;text-decoration:none;animation-name:tooltip-appear;animation-duration:0.1s;animation-fill-mode:forwards;animation-timing-function:ease-in;animation-delay:0.4s}.vditor-tooltipped__s::after,.vditor-tooltipped__se::after,.vditor-tooltipped__sw::after{top:100%;right:50%;margin-top:5px}.vditor-tooltipped__s::before,.vditor-tooltipped__se::before,.vditor-tooltipped__sw::before{top:auto;right:50%;bottom:-5px;margin-right:-5px;border-bottom-color:rgba(0,0,0,0.8)}.vditor-tooltipped__se::after{right:auto;left:50%;margin-left:-15px}.vditor-tooltipped__sw::after{margin-right:-15px}.vditor-tooltipped__n::after,.vditor-tooltipped__ne::after,.vditor-tooltipped__nw::after{right:50%;bottom:100%;margin-bottom:5px}.vditor-tooltipped__n::before,.vditor-tooltipped__ne::before,.vditor-tooltipped__nw::before{top:-5px;right:50%;bottom:auto;margin-right:-5px;border-top-color:rgba(0,0,0,0.8)}.vditor-tooltipped__ne::after{right:auto;left:50%;margin-left:-15px}.vditor-tooltipped__nw::after{margin-right:-15px}.vditor-tooltipped__s::after,.vditor-tooltipped__n::after{transform:translateX(50%)}.vditor-tooltipped__w::after{right:100%;bottom:50%;margin-right:5px;transform:translateY(50%)}.vditor-tooltipped__w::before{top:50%;bottom:50%;left:-5px;margin-top:-5px;border-left-color:rgba(0,0,0,0.8)}.vditor-tooltipped__e::after{bottom:50%;left:100%;margin-left:5px;transform:translateY(50%)}.vditor-tooltipped__e::before{top:50%;right:-5px;bottom:50%;margin-top:-5px;border-right-color:rgba(0,0,0,0.8)}.vditor-panel{background-color:#fff;position:absolute;box-shadow:0 1px 2px rgba(0,0,0,0.2);border-radius:3px;padding:5px;z-index:1;font-size:14px;display:none;user-select:none;max-width:200px;min-width:80px}.vditor-panel h1,.vditor-panel h2,.vditor-panel h3,.vditor-panel h4,.vditor-panel h5,.vditor-panel h6{margin:0;cursor:pointer;padding:3px 10px;border-radius:3px;line-height:normal}.vditor-panel h1:hover,.vditor-panel h2:hover,.vditor-panel h3:hover,.vditor-panel h4:hover,.vditor-panel h5:hover,.vditor-panel h6:hover{background-color:#4285f4;color:#fff}.vditor-toolbar{background-color:#f6f8fa;border-bottom:1px solid #d1d5da;padding:0 5px;border-radius:3px 3px 0 0}.vditor-toolbar>div{padding:10px 5px;float:left;line-height:14px;height:36px;box-sizing:border-box}.vditor-toolbar svg{fill:currentColor;display:inline-block;stroke-width:0;stroke:currentColor;width:14px;height:14px}.vditor-toolbar .vditor-tooltipped{color:#586069}.vditor-toolbar .vditor-tooltipped:hover{color:#4285f4}.vditor-toolbar label{overflow:hidden;position:relative;height:14px;width:15px;display:block;cursor:pointer}.vditor-toolbar input{position:absolute;width:1px;opacity:.001;height:14px;overflow:hidden}.vditor-menu--current svg{color:#4285f4}.vditor-menu__divider{width:10px}.vditor-menu__br{width:100%;padding:0 !important;height:0 !important}.vditor-emojis{display:inline-block}.vditor-emojis__tail{font-size:12px;text-align:right;color:#586069}.vditor-emojis__tail a{text-decoration:none;color:#586069}.vditor-emojis__tail a:hover{color:#4285f4}.vditor-emojis span{cursor:pointer;border-radius:3px;float:left;height:26px;width:26px;text-align:center;line-height:20px;padding:3px;box-sizing:border-box;font-size:16px}.vditor-emojis span:hover{background-color:#4285f4}.vditor-emojis img{height:20px;width:20px;float:left}.vditor{display:flex;flex-direction:column;border:1px solid #d1d5da;border-radius:3px;box-sizing:border-box}.vditor--fullscreen{position:fixed;top:0;width:100% !important;left:0;height:100vh !important;z-index:90;background-color:#fff}.vditor-content{display:flex;min-height:60px;flex:1;position:relative}.vditor-textarea{flex:1;border:0;resize:none;padding:10px;box-sizing:border-box;background-color:#fafbfc;outline:0 none;font-size:16px;line-height:22px;color:#24292e;border-radius:0 0 3px 3px}.vditor-textarea[disabled]{opacity:0.3;cursor:not-allowed}.vditor-textarea:focus{background-color:#fff}.vditor-preview{flex:1;background-color:#fff;overflow:auto;padding:10px;box-shadow:inset 1px 0 #d1d5da;box-sizing:border-box;border-radius:0 0 3px 0}.vditor-preview::-webkit-scrollbar{display:none}.vditor-counter{padding:0 3px;position:absolute;bottom:10px;right:20px;color:#24292e;background-color:rgba(255,255,255,0.6);border-radius:3px;font-size:12px;user-select:none}.vditor-counter--error{color:#d23f31;background-color:rgba(210,63,49,0.1)}.vditor-resize{padding:1px 0;border-radius:5px;cursor:row-resize;transition:all .15s ease-in-out;user-select:none;background-color:#f6f8fa}.vditor-resize:hover{background-color:#4285f4}.vditor-resize:hover svg{color:#fff}.vditor-resize svg{fill:currentColor;stroke-width:0;stroke:currentColor;width:13px;height:3px;display:block;margin:0 auto;color:#586069}.vditor-upload{opacity:0;position:absolute;width:100%;height:5px;left:0;top:-3px;border-radius:3px;overflow:hidden;transition:all .15s ease-in-out;color:#fff;font-size:12px;line-height:14px}.vditor-upload ul{margin:0}.vditor-upload--tip{height:auto;opacity:1 !important}.vditor-upload--tip .vditor-upload__close{display:block}.vditor-upload__close{display:none;position:absolute;right:5px;cursor:pointer;padding:5px;top:0}.vditor-upload__progress{height:100%;background-color:rgba(66,133,244,0.8);transition:all .15s ease-in-out;padding:5px;box-sizing:border-box}.vditor-hint{background-color:#fff;position:absolute;box-shadow:0 1px 2px rgba(0,0,0,0.2);border-radius:3px;padding:5px 0;z-index:1;line-height:20px;list-style:none;color:#24292e;font-size:12px;margin:0;max-width:200px;min-width:80px;display:none}.vditor-hint li{cursor:pointer;padding:3px 10px;border-bottom:1px solid #d1d5da;line-height:20px}.vditor-hint li:last-child{border-bottom:0}.vditor-hint--current,.vditor-hint li:hover{background-color:#4285f4;color:#fff}.vditor-hint__emoji{font-size:16px;float:left;margin-right:3px}.vditor-hint img{height:20px;width:20px;float:left;margin-right:3px}.left{float:left}.right{float:right}.clear:before,.clear:after{display:table;content:""}.clear:after{clear:both}.none{display:none}.marginLeft12{margin-left:12px}.marginTop12{margin-top:12px}.margin5{margin:5px}img{max-width:100%;height:auto}.bg{background:url("../images/bg.jpg") repeat-x scroll 0 0 #BEC3C6;color:#555555}a,a:link,a:active,a:visited{color:#2970A6;text-decoration:none}a:hover{text-decoration:underline}h1{font-size:200%}h4{font-size:160%}h5{font-size:12px}.margin5R{margin-right:5px}.margin5{margin:5px}.wrapper{background:url("../images/light.gif") no-repeat scroll 50% 0 transparent;padding:20px 0}.content{margin:0 auto;width:936px}.header{background:url("../images/header.jpg") no-repeat scroll 0 0 transparent;border-bottom:1px solid #A6A6A6;height:65px;padding:25px 30px 0}.body{background:url("../images/sidesep.gif") repeat-y scroll right center #fff;min-height:400px}.side-navi{background:url("../images/sidebar_shadow.gif") repeat-x scroll 50% 0 #F7F7F7;font-size:95%;line-height:145%;padding-top:8px;width:300px}.main{background:url("../images/main_shadow.gif") repeat-x scroll center top #fff;padding:13px 15px 15px;width:605px}.footer{background:url("../images/footer.jpg") no-repeat scroll 0 0 transparent;border-top:1px solid #CCCCCC;font-size:11px;height:88px;line-height:145%;padding:0}#logoTitle{color:#FFFFFF;display:block;font-family:"Trajan Pro";height:30px;outline:none;text-decoration:none}.sub-title{border-top:1px solid #FFFFFF;color:#FFFFFF;font-size:10px;padding:0 3px}#header-navi{background:none repeat scroll 0 0 #FFFFFF;border-bottom:1px solid #A6A6A6}#header-navi ul{margin:0}#header-navi li{float:left;list-style:none;margin-left:0px}#header-navi li a{background:url("../images/menu.gif") no-repeat scroll 0 0 transparent;color:#382E1F;display:block;font-size:11px;height:31px;line-height:31px;margin-left:-10px;outline:none;padding:0 18px;text-decoration:none}#header-navi li a:hover{background-position:0 -31px}#header-navi li a.home{background-position:0 -93px;margin-left:0;padding:0;text-indent:-999em;width:45px}#header-navi li a.home:hover{background-position:0 -124px}#header-navi li a.lastNavi:hover{background-position:0 0}#header-navi li.selected a{background-position:0 -62px}#header-navi li.selected a.home{background-position:0 -155px}#header-navi .page-icon{float:left;height:14px;width:14px;margin:8px 3px 0 0}#statistic{font-size:11px;line-height:31px;margin-right:15px}.footer .copyright{padding:12px;width:857px}.footer .copyright span{margin:0px}.footer .goTop{background:url("../images/icons.gif") no-repeat scroll 0 -304px transparent;color:#2A2A2A;cursor:pointer;line-height:18px;margin:5px 17px 0 0;padding-left:16px;width:22px;white-space:nowrap}.article{padding-bottom:15px;overflow:hidden}.article-title{border-bottom:1px solid #CCCCCC;font-size:16px;margin-top:10px;padding:0 5px 3px}.article-title sup{font-size:12px}.article-title a{color:#4C4C4C;text-decoration:none}.article-title a:hover{color:#2970A6}.article-abstract{line-height:145%;margin:10px 0 10px 5px;word-wrap:break-word}.tagsIcon,.articles-commentIcon,.dateIcon,.article-browserIcon,.authorIcon{background:url("../images/icons.gif") no-repeat scroll 0 -400px transparent;float:left;height:16px;margin-right:6px;width:16px}.tagsIcon{background-position:0 -400px;margin-left:15px}.dateIcon{background-position:0 -48px;margin-left:15px}.authorIcon{background-position:0 0}.articles-commentIcon{background-position:0 -96px}.article-browserIcon{background-position:0 -480px}.content-reset{line-height:145%;padding:5px 0 0 5px}.article-footer{margin:0 5px 10px 5px}.article-relative{line-height:22px;margin-top:24px}.article-relative h4{font-size:12px}.comments{background:none repeat scroll 0 0 #FCFCFC;border-bottom:1px solid #CCCCCC;border-top:1px solid #CCCCCC;margin:15px -15px;padding:0 15px 15px;position:relative}.comment-title{background-color:#E3E9FF;border-top:1px solid #3366CC;padding:3px 12px 3px 12px;position:relative}.comment-body-ref{background-color:#FFFFFF;filter:alpha(opacity=90);left:217px;opacity:0.9;padding:6px;position:absolute;width:605px;z-index:10}.comment-body{margin-top:15px}.comment-author{float:left;text-align:center;width:81px}.comment-author div{background:url("../images/commentpoint.png") no-repeat scroll 100% 33% transparent;margin-top:10px;padding-right:14px}.comment-author img{border:1px solid #999999;height:32px;padding:1px;width:32px}.comment-author a{font-weight:bold;white-space:nowrap;margin-right:14px}.comment-info{background:url("../images/comment.gif") no-repeat scroll 0 0 #EDEFF0;font-size:12px;padding:10px 15px 0;width:494px}.comment-content{background:url("../images/comment.gif") no-repeat scroll 100% 100% transparent;font-size:12px;line-height:145%;margin:0 -15px;overflow:hidden;padding:9px 15px 10px;word-wrap:break-word}.comment-form img{cursor:pointer}.comment-form input,.comment-form textarea{background:url("../images/textfield.gif") repeat-x scroll 50% 0 #fff;border:1px solid #A6A6A6;color:#555555;font-family:Helvetica, Arial, sans-serif;height:16px;outline:none;padding:2px 1px;width:200px}.comment-form textarea{font-size:12px;height:auto;width:601px}.comment-form button{background:none repeat scroll 0 0 #B4D666;border-color:#B4D666 #81B840 #81B840 #B4D666;border-radius:0px;border-style:solid;border-width:1px;color:#2970A6;font-size:12px;height:24px;line-height:24px;padding:0px 6px}.comment-form button:hover{background:none repeat scroll 0 0 #98C64C;border-color:#76B33A #98C64C #98C64C #76B33A;color:#074A7E}.error-msg{color:#3366CC}.side-navi ul{list-style:none;margin-top:10px}.side-navi .item{padding:15px}.side-navi sup{margin-right:3px;color:#555}.side-navi .navi-comments li>img{border:1px solid #999999;height:32px;margin-right:7px;padding:1px;width:32px}.side-navi .navi-comments a{font-weight:bold}.side-navi .navi-comments .side-comment{color:#555555;font-weight:normal;height:18px}.side-navi .navi-comments div.left>div>div{display:none}.side-navi .navi-comments .side-comment img{border:0px;height:16px;margin-right:0px;padding:0px;width:16px}.side-navi .navi-comments li{padding:2px 0}.side-navi .navi-comments li div{overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;width:227px}.side-navi a.selected{color:#555555;text-decoration:none}.side-navi ul.navi-tags li,.side-navi .navi-comments li{background-image:none;padding-left:0px}.side-navi ul.navi-tags li img{height:16px;padding-right:6px;width:16px}.side-navi li{background:url("../images/icons.gif") no-repeat scroll 0 -623px transparent;margin:5px 0 0 0;overflow:hidden;padding-left:20px;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap}.side-navi li.aboutMe{white-space:normal}.side-navi .line{background:url("../images/widgetsep.png") no-repeat scroll center bottom transparent;height:6px;width:300px}.pagination{margin:16px;text-align:center}.pagination a,.pagination a:visited{color:#4272DB;padding:0 3px}.pagination a.selected{color:#000000;font-weight:bold}#tagsPanel .tagPanel{border:2px solid;border-radius:6px;cursor:pointer;float:left;margin:3px}#tagsPanel .tagPanel:hover{background-color:#EEEEEE;border:2px dashed}#tagsPanel .tagPanel{text-decoration:none}.error-body{background:url("../images/main_shadow.gif") repeat-x scroll center top #fff;height:400px;padding:12px}.error-title{line-height:72px}.error-panel{margin-left:35px;width:201px}.error-panel a{background-color:#9CD941;border-color:#D0F29D #398A38 #398A38 #D0F29D;border-style:solid;border-width:1px;color:#000000;font-size:14px;font-weight:bold;margin-right:3px;padding:10px 15px;text-decoration:none}.error-panel a:hover{background-color:#ADEb51}.kind-panel{background:url("../images/box.gif") no-repeat scroll 100% 100% #F4F5F7;margin-bottom:10px;padding:8px 12px}.kind-title{background:url("../images/box.gif") no-repeat scroll 0 0 #E3E4E6;border-bottom:1px solid #CCCCCC;font-weight:bold;padding:6px 12px} +html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;height:100%}body{margin:0;font-family:"Helvetica Neue", "Luxi Sans", "DejaVu Sans", Tahoma, "Hiragino Sans GB", "Microsoft Yahei", sans-serif;font-size:14px;background-color:#fff;-webkit-font-smoothing:antialiased;-webkit-overflow-scrolling:touch}::-moz-selection{text-shadow:none;background:rgba(65,131,196,0.4)}::selection{text-shadow:none;background:rgba(66,133,244,0.4)}ul,ol{margin:0;padding:0}h1,h2,h3,h4,h5,h6,dl,dd,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{outline:0;text-decoration:none}a:hover{text-decoration:underline}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.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{margin:0;font-size:100%;vertical-align:middle;font-family:"Helvetica Neue", "Luxi Sans", "DejaVu Sans", Tahoma, "Hiragino Sans GB", "Microsoft Yahei", sans-serif;outline:none}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"]{box-sizing:content-box;-webkit-appearance:textfield}input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none}textarea{overflow:auto;resize:vertical}svg{fill:currentColor;display:inline-block;stroke-width:0;stroke:currentColor;width:14px;height:14px}blockquote{margin:0}@keyframes tooltip-appear{from{opacity:0}to{opacity:1}}.vditor-tooltipped{position:relative;cursor:pointer}.vditor-tooltipped::after{position:absolute;z-index:1000000;display:none;padding:5px 8px;font-size:11px;font-weight:normal;-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,0.8);border-radius:3px;line-height:16px;opacity:0}.vditor-tooltipped::before{position:absolute;z-index:1000001;display:none;width:0;height:0;color:rgba(0,0,0,0.8);pointer-events:none;content:"";border:5px solid transparent;opacity:0}.vditor-tooltipped--hover::before,.vditor-tooltipped--hover::after,.vditor-tooltipped:hover::before,.vditor-tooltipped:hover::after,.vditor-tooltipped:active::before,.vditor-tooltipped:active::after,.vditor-tooltipped:focus::before,.vditor-tooltipped:focus::after{display:inline-block;text-decoration:none;animation-name:tooltip-appear;animation-duration:0.1s;animation-fill-mode:forwards;animation-timing-function:ease-in;animation-delay:0.4s}.vditor-tooltipped__s::after,.vditor-tooltipped__se::after,.vditor-tooltipped__sw::after{top:100%;right:50%;margin-top:5px}.vditor-tooltipped__s::before,.vditor-tooltipped__se::before,.vditor-tooltipped__sw::before{top:auto;right:50%;bottom:-5px;margin-right:-5px;border-bottom-color:rgba(0,0,0,0.8)}.vditor-tooltipped__se::after{right:auto;left:50%;margin-left:-15px}.vditor-tooltipped__sw::after{margin-right:-15px}.vditor-tooltipped__n::after,.vditor-tooltipped__ne::after,.vditor-tooltipped__nw::after{right:50%;bottom:100%;margin-bottom:5px}.vditor-tooltipped__n::before,.vditor-tooltipped__ne::before,.vditor-tooltipped__nw::before{top:-5px;right:50%;bottom:auto;margin-right:-5px;border-top-color:rgba(0,0,0,0.8)}.vditor-tooltipped__ne::after{right:auto;left:50%;margin-left:-15px}.vditor-tooltipped__nw::after{margin-right:-15px}.vditor-tooltipped__s::after,.vditor-tooltipped__n::after{transform:translateX(50%)}.vditor-tooltipped__w::after{right:100%;bottom:50%;margin-right:5px;transform:translateY(50%)}.vditor-tooltipped__w::before{top:50%;bottom:50%;left:-5px;margin-top:-5px;border-left-color:rgba(0,0,0,0.8)}.vditor-tooltipped__e::after{bottom:50%;left:100%;margin-left:5px;transform:translateY(50%)}.vditor-tooltipped__e::before{top:50%;right:-5px;bottom:50%;margin-top:-5px;border-right-color:rgba(0,0,0,0.8)}.vditor-panel{background-color:#fff;position:absolute;box-shadow:0 1px 2px rgba(0,0,0,0.2);border-radius:3px;padding:5px;z-index:1;font-size:14px;display:none;user-select:none;max-width:200px;min-width:80px}.vditor-panel h1,.vditor-panel h2,.vditor-panel h3,.vditor-panel h4,.vditor-panel h5,.vditor-panel h6{margin:0;cursor:pointer;padding:3px 10px;border-radius:3px;line-height:normal}.vditor-panel h1:hover,.vditor-panel h2:hover,.vditor-panel h3:hover,.vditor-panel h4:hover,.vditor-panel h5:hover,.vditor-panel h6:hover{background-color:#4285f4;color:#fff}.vditor-toolbar{background-color:#f6f8fa;border-bottom:1px solid #d1d5da;padding:0 5px;border-radius:3px 3px 0 0}.vditor-toolbar>div{padding:10px 5px;float:left;line-height:14px;height:36px;box-sizing:border-box}.vditor-toolbar svg{fill:currentColor;display:inline-block;stroke-width:0;stroke:currentColor;width:14px;height:14px}.vditor-toolbar .vditor-tooltipped{color:#586069}.vditor-toolbar .vditor-tooltipped:hover{color:#4285f4}.vditor-toolbar label{overflow:hidden;position:relative;height:14px;width:15px;display:block;cursor:pointer}.vditor-toolbar input{position:absolute;width:1px;opacity:.001;height:14px;overflow:hidden}.vditor-menu--current svg{color:#4285f4}.vditor-menu__divider{width:10px}.vditor-menu__br{width:100%;padding:0 !important;height:0 !important}.vditor-emojis{display:inline-block}.vditor-emojis__tail{font-size:12px;text-align:right;color:#586069}.vditor-emojis__tail a{text-decoration:none;color:#586069}.vditor-emojis__tail a:hover{color:#4285f4}.vditor-emojis span{cursor:pointer;border-radius:3px;float:left;height:26px;width:26px;text-align:center;line-height:20px;padding:3px;box-sizing:border-box;font-size:16px}.vditor-emojis span:hover{background-color:#4285f4}.vditor-emojis img{height:20px;width:20px;float:left}.vditor{display:flex;flex-direction:column;border:1px solid #d1d5da;border-radius:3px;box-sizing:border-box}.vditor--fullscreen{position:fixed;top:0;width:100% !important;left:0;height:100vh !important;z-index:90;background-color:#fff}.vditor-content{display:flex;min-height:60px;flex:1;position:relative;overflow:hidden}.vditor-textarea{flex:1;border:0;resize:none;padding:10px;box-sizing:border-box;background-color:#fafbfc;outline:0 none;font-size:16px;line-height:22px;color:#24292e;border-radius:0 0 3px 3px}.vditor-textarea[disabled]{opacity:0.3;cursor:not-allowed}.vditor-textarea:focus{background-color:#fff}.vditor-preview{flex:1;background-color:#fff;overflow:auto;padding:10px;box-shadow:inset 1px 0 #d1d5da;box-sizing:border-box;border-radius:0 0 3px 0}.vditor-preview::-webkit-scrollbar{display:none}.vditor-counter{padding:0 3px;position:absolute;bottom:10px;right:20px;color:#24292e;background-color:rgba(255,255,255,0.6);border-radius:3px;font-size:12px;user-select:none}.vditor-counter--error{color:#d23f31;background-color:rgba(210,63,49,0.1)}.vditor-resize{padding:1px 0;border-radius:5px;cursor:row-resize;transition:all .15s ease-in-out;user-select:none;background-color:#f6f8fa}.vditor-resize:hover{background-color:#4285f4}.vditor-resize:hover svg{color:#fff}.vditor-resize svg{fill:currentColor;stroke-width:0;stroke:currentColor;width:13px;height:3px;display:block;margin:0 auto;color:#586069}.vditor-upload{opacity:0;position:absolute;width:100%;height:5px;left:0;top:-3px;border-radius:3px;overflow:hidden;transition:all .15s ease-in-out;color:#fff;font-size:12px;line-height:14px}.vditor-upload ul{margin:0}.vditor-upload--tip{height:auto;opacity:1 !important}.vditor-upload--tip .vditor-upload__close{display:block}.vditor-upload__close{display:none;position:absolute;right:5px;cursor:pointer;padding:5px;top:0}.vditor-upload__progress{height:100%;background-color:rgba(66,133,244,0.8);transition:all .15s ease-in-out;padding:5px;box-sizing:border-box}.vditor-hint{background-color:#fff;position:absolute;box-shadow:0 1px 2px rgba(0,0,0,0.2);border-radius:3px;padding:5px 0;z-index:1;line-height:20px;list-style:none;color:#24292e;font-size:12px;margin:0;max-width:200px;min-width:80px;display:none}.vditor-hint li{cursor:pointer;padding:3px 10px;border-bottom:1px solid #d1d5da;line-height:20px}.vditor-hint li:last-child{border-bottom:0}.vditor-hint--current,.vditor-hint li:hover{background-color:#4285f4;color:#fff}.vditor-hint__emoji{font-size:16px;float:left;margin-right:3px}.vditor-hint img{height:20px;width:20px;float:left;margin-right:3px}.vditor-reset{font-family:"Helvetica Neue","Luxi Sans","DejaVu Sans",Tahoma,"Hiragino Sans GB","Microsoft Yahei",sans-serif;word-wrap:break-word;overflow:auto;line-height:1.65;font-size:16px;word-break:break-word}.vditor-reset ul,.vditor-reset ol{padding-left:2em;margin-top:0;margin-bottom:16px}.vditor-reset li{margin-top:0.25em}.vditor-reset audio{max-width:100%}.vditor-reset video{max-height:90vh}.vditor-reset img.emoji{cursor:auto;max-width:20px;vertical-align:top}.vditor-reset h1,.vditor-reset h2,.vditor-reset h3,.vditor-reset h4,.vditor-reset h5,.vditor-reset h6{margin-top:24px;margin-bottom:16px;font-weight:600;line-height:1.25}.vditor-reset h1{padding-bottom:0.3em;font-size:1.7em;border-bottom:1px solid #eee}.vditor-reset h2{padding-bottom:0.3em;font-size:1.5em;border-bottom:1px solid #eee}.vditor-reset h3{font-size:1.25em}.vditor-reset h4{font-size:1em}.vditor-reset h5{font-size:0.875em}.vditor-reset h6{font-size:0.85em}.vditor-reset hr{height:0.15em;padding:0;margin:24px 0;background-color:#e7e7e7;border:0}.vditor-reset p{margin-top:0;margin-bottom:16px}.vditor-reset blockquote{padding:0 1em;color:#777;border-left:0.25em solid #ddd;margin:0 0 16px 0}.vditor-reset blockquote p{margin:0}.vditor-reset ins>iframe{border:0}.vditor-reset iframe{border:1px solid #d1d5da}.vditor-reset table{width:100%;border:1px solid #dedede;margin:15px auto;border-collapse:collapse;empty-cells:show}.vditor-reset thead{text-align:center}.vditor-reset td,.vditor-reset th{height:35px;border:1px solid #dedede;padding:0 10px}.vditor-reset th{font-weight:bold;text-align:center !important;background:rgba(158,188,226,0.2)}.vditor-reset tbody tr:nth-child(2n){background:rgba(158,188,226,0.12)}.vditor-reset tr:hover{background:#efefef}.vditor-reset code{padding:0.2em 0.4em;margin:0;font-size:85%;background-color:rgba(27,31,35,0.05);border-radius:3px;font-family:mononoki,Consolas,"Liberation Mono",Menlo,Courier,monospace;word-break:break-word}.vditor-reset pre>code{padding:0.5em;background-color:rgba(0,0,0,0.04);background-image:url("https://cdn.jsdelivr.net/npm/vditor@1.1.2/src/assets/images/code-bg.png");background-size:20px 20px;border-radius:5px;display:block;overflow:auto}.vditor-reset pre:hover div.vditor-copy{display:block}.vditor-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:solid 1px #d1d5da;border-bottom-color:#bbb;border-radius:3px;box-shadow:inset 0 -1px 0 #bbb}.vditor-reset summary{cursor:pointer}.vditor-reset summary:focus{outline:none}.vditor-reset svg{height:auto;width:auto}.vditor-task{list-style:none;margin-left:-1.4em;display:flex;align-items:center}.vditor-task input{margin-right:5px}.vditor-copy{position:relative;display:none}.vditor-copy textarea{position:absolute;top:-100000px}.vditor-copy span{cursor:pointer;position:absolute;right:0.5em;top:0.5em;height:20px;width:20px}.vditor-copy svg{height:20px;width:20px}.left{float:left}.right{float:right}.clear:before,.clear:after{display:table;content:""}.clear:after{clear:both}.none{display:none}.marginLeft12{margin-left:12px}.marginTop12{margin-top:12px}.margin5{margin:5px}img{max-width:100%;height:auto}.bg{background:url("../images/bg.jpg") repeat-x scroll 0 0 #BEC3C6;color:#555555}a,a:link,a:active,a:visited{color:#2970A6;text-decoration:none}a:hover{text-decoration:underline}h1{font-size:200%}h4{font-size:160%}h5{font-size:12px}.margin5R{margin-right:5px}.margin5{margin:5px}.wrapper{background:url("../images/light.gif") no-repeat scroll 50% 0 transparent;padding:20px 0}.content{margin:0 auto;width:936px}.header{background:url("../images/header.jpg") no-repeat scroll 0 0 transparent;border-bottom:1px solid #A6A6A6;height:65px;padding:25px 30px 0}.body{background:url("../images/sidesep.gif") repeat-y scroll right center #fff;min-height:400px}.side-navi{background:url("../images/sidebar_shadow.gif") repeat-x scroll 50% 0 #F7F7F7;font-size:95%;line-height:145%;padding-top:8px;width:300px}.main{background:url("../images/main_shadow.gif") repeat-x scroll center top #fff;padding:13px 15px 15px;width:605px}.footer{background:url("../images/footer.jpg") no-repeat scroll 0 0 transparent;border-top:1px solid #CCCCCC;font-size:11px;height:88px;line-height:145%;padding:0}#logoTitle{color:#FFFFFF;display:block;font-family:"Trajan Pro";height:30px;outline:none;text-decoration:none}.sub-title{border-top:1px solid #FFFFFF;color:#FFFFFF;font-size:10px;padding:0 3px}#header-navi{background:none repeat scroll 0 0 #FFFFFF;border-bottom:1px solid #A6A6A6}#header-navi ul{margin:0}#header-navi li{float:left;list-style:none;margin-left:0px}#header-navi li a{background:url("../images/menu.gif") no-repeat scroll 0 0 transparent;color:#382E1F;display:block;font-size:11px;height:31px;line-height:31px;margin-left:-10px;outline:none;padding:0 18px;text-decoration:none}#header-navi li a:hover{background-position:0 -31px}#header-navi li a.home{background-position:0 -93px;margin-left:0;padding:0;text-indent:-999em;width:45px}#header-navi li a.home:hover{background-position:0 -124px}#header-navi li a.lastNavi:hover{background-position:0 0}#header-navi li.selected a{background-position:0 -62px}#header-navi li.selected a.home{background-position:0 -155px}#header-navi .page-icon{float:left;height:14px;width:14px;margin:8px 3px 0 0}#statistic{font-size:11px;line-height:31px;margin-right:15px}.footer .copyright{padding:12px;width:857px}.footer .copyright span{margin:0px}.footer .goTop{background:url("../images/icons.gif") no-repeat scroll 0 -304px transparent;color:#2A2A2A;cursor:pointer;line-height:18px;margin:5px 17px 0 0;padding-left:16px;width:22px;white-space:nowrap}.article{padding-bottom:15px;overflow:hidden}.article-title{border-bottom:1px solid #CCCCCC;font-size:16px;margin-top:10px;padding:0 5px 3px}.article-title sup{font-size:12px}.article-title a{color:#4C4C4C;text-decoration:none}.article-title a:hover{color:#2970A6}.article-abstract{line-height:145%;margin:10px 0 10px 5px;word-wrap:break-word}.tagsIcon,.articles-commentIcon,.dateIcon,.article-browserIcon,.authorIcon{background:url("../images/icons.gif") no-repeat scroll 0 -400px transparent;float:left;height:16px;margin-right:6px;width:16px}.tagsIcon{background-position:0 -400px;margin-left:15px}.dateIcon{background-position:0 -48px;margin-left:15px}.authorIcon{background-position:0 0}.articles-commentIcon{background-position:0 -96px}.article-browserIcon{background-position:0 -480px}.vditor-reset{line-height:145%;padding:5px 0 0 5px}.article-footer{margin:0 5px 10px 5px}.article-relative{line-height:22px;margin-top:24px}.article-relative h4{font-size:12px}.comments{background:none repeat scroll 0 0 #FCFCFC;border-bottom:1px solid #CCCCCC;border-top:1px solid #CCCCCC;margin:15px -15px;padding:0 15px 15px;position:relative}.comment-title{background-color:#E3E9FF;border-top:1px solid #3366CC;padding:3px 12px 3px 12px;position:relative}.comment-body-ref{background-color:#FFFFFF;filter:alpha(opacity=90);left:217px;opacity:0.9;padding:6px;position:absolute;width:605px;z-index:10}.comment-body{margin-top:15px}.comment-author{float:left;text-align:center;width:81px}.comment-author div{background:url("../images/commentpoint.png") no-repeat scroll 100% 33% transparent;margin-top:10px;padding-right:14px}.comment-author img{border:1px solid #999999;height:32px;padding:1px;width:32px}.comment-author a{font-weight:bold;white-space:nowrap;margin-right:14px}.comment-info{background:url("../images/comment.gif") no-repeat scroll 0 0 #EDEFF0;font-size:12px;padding:10px 15px 0;width:494px}.comment-content{background:url("../images/comment.gif") no-repeat scroll 100% 100% transparent;font-size:12px;line-height:145%;margin:0 -15px;overflow:hidden;padding:9px 15px 10px;word-wrap:break-word}.comment-form img{cursor:pointer}.comment-form input,.comment-form textarea{background:url("../images/textfield.gif") repeat-x scroll 50% 0 #fff;border:1px solid #A6A6A6;color:#555555;font-family:Helvetica, Arial, sans-serif;height:16px;outline:none;padding:2px 1px;width:200px}.comment-form textarea{font-size:12px;height:auto;width:601px}.comment-form button{background:none repeat scroll 0 0 #B4D666;border-color:#B4D666 #81B840 #81B840 #B4D666;border-radius:0px;border-style:solid;border-width:1px;color:#2970A6;font-size:12px;height:24px;line-height:24px;padding:0px 6px}.comment-form button:hover{background:none repeat scroll 0 0 #98C64C;border-color:#76B33A #98C64C #98C64C #76B33A;color:#074A7E}.error-msg{color:#3366CC}.side-navi ul{list-style:none;margin-top:10px}.side-navi .item{padding:15px}.side-navi sup{margin-right:3px;color:#555}.side-navi .navi-comments li>img{border:1px solid #999999;height:32px;margin-right:7px;padding:1px;width:32px}.side-navi .navi-comments a{font-weight:bold}.side-navi .navi-comments .side-comment{color:#555555;font-weight:normal;height:18px}.side-navi .navi-comments div.left>div>div{display:none}.side-navi .navi-comments .side-comment img{border:0px;height:16px;margin-right:0px;padding:0px;width:16px}.side-navi .navi-comments li{padding:2px 0}.side-navi .navi-comments li div{overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;width:227px}.side-navi a.selected{color:#555555;text-decoration:none}.side-navi ul.navi-tags li,.side-navi .navi-comments li{background-image:none;padding-left:0px}.side-navi ul.navi-tags li img{height:16px;padding-right:6px;width:16px}.side-navi li{background:url("../images/icons.gif") no-repeat scroll 0 -623px transparent;margin:5px 0 0 0;overflow:hidden;padding-left:20px;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap}.side-navi li.aboutMe{white-space:normal}.side-navi .line{background:url("../images/widgetsep.png") no-repeat scroll center bottom transparent;height:6px;width:300px}.pagination{margin:16px;text-align:center}.pagination a,.pagination a:visited{color:#4272DB;padding:0 3px}.pagination a.selected{color:#000000;font-weight:bold}#tagsPanel .tagPanel{border:2px solid;border-radius:6px;cursor:pointer;float:left;margin:3px}#tagsPanel .tagPanel:hover{background-color:#EEEEEE;border:2px dashed}#tagsPanel .tagPanel{text-decoration:none}.error-body{background:url("../images/main_shadow.gif") repeat-x scroll center top #fff;height:400px;padding:12px}.error-title{line-height:72px}.error-panel{margin-left:35px;width:201px}.error-panel a{background-color:#9CD941;border-color:#D0F29D #398A38 #398A38 #D0F29D;border-style:solid;border-width:1px;color:#000000;font-size:14px;font-weight:bold;margin-right:3px;padding:10px 15px;text-decoration:none}.error-panel a:hover{background-color:#ADEb51}.kind-panel{background:url("../images/box.gif") no-repeat scroll 100% 100% #F4F5F7;margin-bottom:10px;padding:8px 12px}.kind-title{background:url("../images/box.gif") no-repeat scroll 0 0 #E3E4E6;border-bottom:1px solid #CCCCCC;font-weight:bold;padding:6px 12px} diff --git a/i-nove/css/base.scss b/i-nove/css/base.scss index bb1cfb1..d59ab02 100644 --- a/i-nove/css/base.scss +++ b/i-nove/css/base.scss @@ -20,9 +20,8 @@ * skin i-nove style * * @author Liyuan Li - * @version 2.0.0.1, Mar 1, 2019 + * @version 2.0.0.2, Mar 16, 2019 */ -@import "../../../scss/reset-content"; @import "../../../scss/reset"; @import "vditor/src/assets/scss/classic"; @@ -309,7 +308,7 @@ h5 { background-position: 0 -480px; } -.content-reset { +.vditor-reset { line-height: 145%; padding: 5px 0 0 5px; } diff --git a/i-nove/footer.ftl b/i-nove/footer.ftl index 66e1dcb..b864587 100644 --- a/i-nove/footer.ftl +++ b/i-nove/footer.ftl @@ -37,6 +37,8 @@ var Label = { "markedAvailable": ${markedAvailable?c}, + "hljsStyle": "atom-one-light", + "langLabel": "${langLabel}", "adminLabel": "${adminLabel}", "logoutLabel": "${logoutLabel}", "skinDirName": "${skinDirName}" @@ -44,6 +46,7 @@ $(document).ready(function () { Util.init(); + Util.setTopBar() Util.replaceSideEm($(".side-navi .navi-comments li .side-comment")); // set selected navi diff --git a/i-nove/page.ftl b/i-nove/page.ftl index 5f6bca5..a7bb2fa 100644 --- a/i-nove/page.ftl +++ b/i-nove/page.ftl @@ -37,7 +37,7 @@
-
+
${page.pageContent}
diff --git a/metro-hot/article-list.ftl b/metro-hot/article-list.ftl index e021b66..faaf191 100644 --- a/metro-hot/article-list.ftl +++ b/metro-hot/article-list.ftl @@ -58,7 +58,7 @@ ${article.articleTitle} -
+
${article.articleAbstractText}
diff --git a/metro-hot/article.ftl b/metro-hot/article.ftl index 4fd7d99..229dd74 100644 --- a/metro-hot/article.ftl +++ b/metro-hot/article.ftl @@ -98,7 +98,7 @@
-
+
${article.articleContent} <#if "" != article.articleSign.signHTML?trim> ${article.articleSign.signHTML} diff --git a/metro-hot/common-comment.ftl b/metro-hot/common-comment.ftl index 68f3660..e6923ca 100644 --- a/metro-hot/common-comment.ftl +++ b/metro-hot/common-comment.ftl @@ -43,6 +43,6 @@ ${comment.commentDate2?string("yy-MM-dd HH:mm")}
-
${comment.commentContent}
+
${comment.commentContent}
\ No newline at end of file diff --git a/metro-hot/css/base.css b/metro-hot/css/base.css index b8d3174..92425b7 100644 --- a/metro-hot/css/base.css +++ b/metro-hot/css/base.css @@ -1 +1 @@ -.content-reset{word-wrap:break-word;overflow:auto;line-height:1.65;font-size:16px;word-break:break-word}.content-reset ul,.content-reset ol{padding-left:2em;margin-top:0;margin-bottom:16px}.content-reset li{margin-top:0.25em}.content-reset audio{max-width:100%}.content-reset video{max-height:90vh}.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{padding-bottom:0.3em;font-size:1.7em;border-bottom:1px solid #eee}.content-reset h2{padding-bottom:0.3em;font-size:1.5em;border-bottom:1px solid #eee}.content-reset h3{font-size:1.25em}.content-reset h4{font-size:1em}.content-reset h5{font-size:0.875em}.content-reset h6{font-size:0.85em}.content-reset hr{height:1px;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:0.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,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:bold;text-align:center !important;background:rgba(158,188,226,0.2)}.content-reset tbody tr:nth-child(2n){background:rgba(158,188,226,0.12)}.content-reset tr:hover{background:#efefef}.content-reset code{padding:.2em .4em;margin:0;font-size:85%;background-color:rgba(27,31,35,0.05);border-radius:3px;font-family:mononoki, Consolas, Liberation Mono, Menlo, Courier, monospace;word-break:break-word}.content-reset pre{position:relative}.content-reset pre textarea{position:absolute;top:-100000px}.content-reset pre>code{padding:0.5em;background-color:rgba(0,0,0,0.04);background-size:20px 20px;border-radius:5px;display:block}.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:solid 1px rgba(0,0,0,0.38);border-bottom-color:#bbb;border-radius:3px;box-shadow:inset 0 -1px 0 #bbb}.content-reset__task,.content-reset .task-list-item{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}.img-preview img{max-width:inherit;transition:transform .3s ease-in-out}@keyframes tooltip-appear{from{opacity:0}to{opacity:1}}.vditor-tooltipped{position:relative;cursor:pointer}.vditor-tooltipped::after{position:absolute;z-index:1000000;display:none;padding:5px 8px;font-size:11px;font-weight:normal;-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,0.8);border-radius:3px;line-height:16px;opacity:0}.vditor-tooltipped::before{position:absolute;z-index:1000001;display:none;width:0;height:0;color:rgba(0,0,0,0.8);pointer-events:none;content:"";border:5px solid transparent;opacity:0}.vditor-tooltipped--hover::before,.vditor-tooltipped--hover::after,.vditor-tooltipped:hover::before,.vditor-tooltipped:hover::after,.vditor-tooltipped:active::before,.vditor-tooltipped:active::after,.vditor-tooltipped:focus::before,.vditor-tooltipped:focus::after{display:inline-block;text-decoration:none;animation-name:tooltip-appear;animation-duration:0.1s;animation-fill-mode:forwards;animation-timing-function:ease-in;animation-delay:0.4s}.vditor-tooltipped__s::after,.vditor-tooltipped__se::after,.vditor-tooltipped__sw::after{top:100%;right:50%;margin-top:5px}.vditor-tooltipped__s::before,.vditor-tooltipped__se::before,.vditor-tooltipped__sw::before{top:auto;right:50%;bottom:-5px;margin-right:-5px;border-bottom-color:rgba(0,0,0,0.8)}.vditor-tooltipped__se::after{right:auto;left:50%;margin-left:-15px}.vditor-tooltipped__sw::after{margin-right:-15px}.vditor-tooltipped__n::after,.vditor-tooltipped__ne::after,.vditor-tooltipped__nw::after{right:50%;bottom:100%;margin-bottom:5px}.vditor-tooltipped__n::before,.vditor-tooltipped__ne::before,.vditor-tooltipped__nw::before{top:-5px;right:50%;bottom:auto;margin-right:-5px;border-top-color:rgba(0,0,0,0.8)}.vditor-tooltipped__ne::after{right:auto;left:50%;margin-left:-15px}.vditor-tooltipped__nw::after{margin-right:-15px}.vditor-tooltipped__s::after,.vditor-tooltipped__n::after{transform:translateX(50%)}.vditor-tooltipped__w::after{right:100%;bottom:50%;margin-right:5px;transform:translateY(50%)}.vditor-tooltipped__w::before{top:50%;bottom:50%;left:-5px;margin-top:-5px;border-left-color:rgba(0,0,0,0.8)}.vditor-tooltipped__e::after{bottom:50%;left:100%;margin-left:5px;transform:translateY(50%)}.vditor-tooltipped__e::before{top:50%;right:-5px;bottom:50%;margin-top:-5px;border-right-color:rgba(0,0,0,0.8)}.vditor-panel{background-color:#fff;position:absolute;box-shadow:0 1px 2px rgba(0,0,0,0.2);border-radius:3px;padding:5px;z-index:1;font-size:14px;display:none;user-select:none;max-width:200px;min-width:80px}.vditor-panel h1,.vditor-panel h2,.vditor-panel h3,.vditor-panel h4,.vditor-panel h5,.vditor-panel h6{margin:0;cursor:pointer;padding:3px 10px;border-radius:3px;line-height:normal}.vditor-panel h1:hover,.vditor-panel h2:hover,.vditor-panel h3:hover,.vditor-panel h4:hover,.vditor-panel h5:hover,.vditor-panel h6:hover{background-color:#4285f4;color:#fff}.vditor-toolbar{background-color:#f6f8fa;border-bottom:1px solid #d1d5da;padding:0 5px;border-radius:3px 3px 0 0}.vditor-toolbar>div{padding:10px 5px;float:left;line-height:14px;height:36px;box-sizing:border-box}.vditor-toolbar svg{fill:currentColor;display:inline-block;stroke-width:0;stroke:currentColor;width:14px;height:14px}.vditor-toolbar .vditor-tooltipped{color:#586069}.vditor-toolbar .vditor-tooltipped:hover{color:#4285f4}.vditor-toolbar label{overflow:hidden;position:relative;height:14px;width:15px;display:block;cursor:pointer}.vditor-toolbar input{position:absolute;width:1px;opacity:.001;height:14px;overflow:hidden}.vditor-menu--current svg{color:#4285f4}.vditor-menu__divider{width:10px}.vditor-menu__br{width:100%;padding:0 !important;height:0 !important}.vditor-emojis{display:inline-block}.vditor-emojis__tail{font-size:12px;text-align:right;color:#586069}.vditor-emojis__tail a{text-decoration:none;color:#586069}.vditor-emojis__tail a:hover{color:#4285f4}.vditor-emojis span{cursor:pointer;border-radius:3px;float:left;height:26px;width:26px;text-align:center;line-height:20px;padding:3px;box-sizing:border-box;font-size:16px}.vditor-emojis span:hover{background-color:#4285f4}.vditor-emojis img{height:20px;width:20px;float:left}.vditor{display:flex;flex-direction:column;border:1px solid #d1d5da;border-radius:3px;box-sizing:border-box}.vditor--fullscreen{position:fixed;top:0;width:100% !important;left:0;height:100vh !important;z-index:90;background-color:#fff}.vditor-content{display:flex;min-height:60px;flex:1;position:relative}.vditor-textarea{flex:1;border:0;resize:none;padding:10px;box-sizing:border-box;background-color:#fafbfc;outline:0 none;font-size:16px;line-height:22px;color:#24292e;border-radius:0 0 3px 3px}.vditor-textarea[disabled]{opacity:0.3;cursor:not-allowed}.vditor-textarea:focus{background-color:#fff}.vditor-preview{flex:1;background-color:#fff;overflow:auto;padding:10px;box-shadow:inset 1px 0 #d1d5da;box-sizing:border-box;border-radius:0 0 3px 0}.vditor-preview::-webkit-scrollbar{display:none}.vditor-counter{padding:0 3px;position:absolute;bottom:10px;right:20px;color:#24292e;background-color:rgba(255,255,255,0.6);border-radius:3px;font-size:12px;user-select:none}.vditor-counter--error{color:#d23f31;background-color:rgba(210,63,49,0.1)}.vditor-resize{padding:1px 0;border-radius:5px;cursor:row-resize;transition:all .15s ease-in-out;user-select:none;background-color:#f6f8fa}.vditor-resize:hover{background-color:#4285f4}.vditor-resize:hover svg{color:#fff}.vditor-resize svg{fill:currentColor;stroke-width:0;stroke:currentColor;width:13px;height:3px;display:block;margin:0 auto;color:#586069}.vditor-upload{opacity:0;position:absolute;width:100%;height:5px;left:0;top:-3px;border-radius:3px;overflow:hidden;transition:all .15s ease-in-out;color:#fff;font-size:12px;line-height:14px}.vditor-upload ul{margin:0}.vditor-upload--tip{height:auto;opacity:1 !important}.vditor-upload--tip .vditor-upload__close{display:block}.vditor-upload__close{display:none;position:absolute;right:5px;cursor:pointer;padding:5px;top:0}.vditor-upload__progress{height:100%;background-color:rgba(66,133,244,0.8);transition:all .15s ease-in-out;padding:5px;box-sizing:border-box}.vditor-hint{background-color:#fff;position:absolute;box-shadow:0 1px 2px rgba(0,0,0,0.2);border-radius:3px;padding:5px 0;z-index:1;line-height:20px;list-style:none;color:#24292e;font-size:12px;margin:0;max-width:200px;min-width:80px;display:none}.vditor-hint li{cursor:pointer;padding:3px 10px;border-bottom:1px solid #d1d5da;line-height:20px}.vditor-hint li:last-child{border-bottom:0}.vditor-hint--current,.vditor-hint li:hover{background-color:#4285f4;color:#fff}.vditor-hint__emoji{font-size:16px;float:left;margin-right:3px}.vditor-hint img{height:20px;width:20px;float:left;margin-right:3px}@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:normal;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{position:relative;font-size:70%;line-height:0;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.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:none}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-decoration,input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none}textarea{overflow:auto;vertical-align:top}::selection{background-color:#D5D5D5;color:#FCFCFC}::-moz-selection{background-color:#D5D5D5;color:#FCFCFC}.fn-clear:before,.fn-clear:after{display:table;content:""}.fn-clear:after{clear:both}.fn-left{float:left}.fn-right{float:right}.fn-none{display:none}.fn-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal}.footer a:hover,.article-relative a:hover,.article-abstract .article-title a:hover,.article-abstract .article-tags a:hover,.content-reset a{text-decoration:underline}.content-reset 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 none;display:inline-block;height:42px;margin:2px 10px;padding:0;vertical-align:top;width:1px}.top-info a{color:#FFF}.top-info a:hover{color:#CA1B1E}#showTop{display:none}.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:bold}.pagination>a:hover,.pagination>span{color:#E61E1E;background-color:#FFF}.navigation{background-color:#FFF;border:2px solid #BABABA;left:0;list-style:none outside none;margin:0;min-width:223px;padding:0;position:absolute;top:63px;z-index:1;display:none}.navigation a{background-color:#FFF;border-bottom:1px solid #BABABA;color:#333;display:block;padding:10px 15px}.navigation a:hover{background-color:#E61E1E;color:#FFFFFF}.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:0.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;text-overflow:ellipsis;white-space:nowrap;width:430px;font-weight:normal}.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 0.8s}.article-abstract .fn-right>a:hover{color:#FFF;background-color:#E61E1E}.article-abstract>.article-tags{margin:10px 0 0 10px}.article-abstract>.content-reset{margin:10px;overflow:hidden;white-space:inherit;word-wrap:break-word;padding:10px;height:95px}.side{float:right;width:240px}#search{background-color:#FFF;border:0 none;color:#3A3A3A;height:50px;margin-top:5px;padding:0 10px;width:177px;transition:all 0.3s ease-out 0s}.side form>span{background-color:#FFF;color:#3A3A3A;float:right;font-size:25px;height:32px;margin-top:5px;padding:9px}.side-tile{color:#FFF;float:left;margin-top:20px;padding:15px 25px 15px 25px;position:relative;background-color:#F09609;width:65px;transition:all 0.3s ease-out 0s}.side-tile:hover,.side form input:focus,.form input:focus,.form textarea:focus,.form button:hover,#dynamic .footer:hover{outline:3px solid #BABABA}.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:bold;left:93px;line-height:30px;position:absolute;top:20px}.side-tile>.text a{color:#FFF}.online-count,.user,.notice-board,.share,.article-relative{width:188px}.translate,.logout,.prev,.prev-disabled{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:16px;font-weight:normal;left:128px;line-height:54px;top:5px;width:105px}.share div.text .icon-wechat{position:relative}.share div.text .icon-wechat canvas{position:absolute;right:43px;top:-17px}.share .text span:hover{cursor:pointer;color:#FFF}.online-count .text,.article-relative .text{font-size:12px;font-weight:normal;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}.user .text,.notice-board .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;float:left;margin:10px;padding:10px 15px;white-space:nowrap;transition:all 0.8s}.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;transition:all 0.8s;font-size:14px;float:left;padding:14px;border-bottom:1px solid #FFF;border-left:1px solid #FFF}.article-info>a:hover{background-color:#E61E1E;color:#FFF}.article-header h2{color:#FFF}.article-header h2>span{font-weight:normal;color:#D1D2D1}.article-header .article-date{float:none;margin:0}.content-reset{background-color:#323232;margin-bottom:30px;overflow:hidden;padding:10px;white-space:normal;word-break:break-all;font-size:14px;word-wrap:break-word}.main>.content-reset{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 .content-reset{margin:10px 0;width:800px}#comments .user-name{color:#E61E1E;font-weight:bold}#comments .user-name:hover{color:#CA1B1E}.comment-info a{color:#F8F7F7}.at{font-size:15px;color:#FFF;font-weight:bold}.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:#FFFFFF;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;transition:all 0.3s ease-out 0s;width:456px}.form textarea{width:600px;height:300px;margin:0 0 10px}.form button{background-color:#E61E1E;border:0 none;color:#FFFFFF;cursor:pointer;font-size:15px;transition:all 0.3s ease-out 0s;padding:10px 50px}.tip{color:#CA1B1E}#dynamic #comments{background-color:#EA4040;margin-top:5px;padding:25px 15px 15px 25px}#dynamic #comments .content-reset{width:743px}#dynamic .article-relative .text{left:110px}#dynamic .footer{margin:20px 0 10px;float:left;transition:all 0.3s ease-out 0s}.most-comment,.most-view,.links-tile,.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:#339933}.links-tile{background-color:#7B4F9D}.tags-tile span,.links-tile span,.most-comment span,.most-view span{font-size:60px}.tags-tile .text,.links-tile .text,.most-comment .text,.most-view .text{position:static;width:430px}.tags-tile a,.links-tile a{background-color:#EA4040;color:#D1D2D1;float:left;font-size:12px;line-height:20px;margin:6px;padding:5px 10px;transition:all 0.8s ease 0s;white-space:nowrap}.tags-tile a:hover,.links-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:normal} +@keyframes tooltip-appear{from{opacity:0}to{opacity:1}}.vditor-tooltipped{position:relative;cursor:pointer}.vditor-tooltipped::after{position:absolute;z-index:1000000;display:none;padding:5px 8px;font-size:11px;font-weight:normal;-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,0.8);border-radius:3px;line-height:16px;opacity:0}.vditor-tooltipped::before{position:absolute;z-index:1000001;display:none;width:0;height:0;color:rgba(0,0,0,0.8);pointer-events:none;content:"";border:5px solid transparent;opacity:0}.vditor-tooltipped--hover::before,.vditor-tooltipped--hover::after,.vditor-tooltipped:hover::before,.vditor-tooltipped:hover::after,.vditor-tooltipped:active::before,.vditor-tooltipped:active::after,.vditor-tooltipped:focus::before,.vditor-tooltipped:focus::after{display:inline-block;text-decoration:none;animation-name:tooltip-appear;animation-duration:0.1s;animation-fill-mode:forwards;animation-timing-function:ease-in;animation-delay:0.4s}.vditor-tooltipped__s::after,.vditor-tooltipped__se::after,.vditor-tooltipped__sw::after{top:100%;right:50%;margin-top:5px}.vditor-tooltipped__s::before,.vditor-tooltipped__se::before,.vditor-tooltipped__sw::before{top:auto;right:50%;bottom:-5px;margin-right:-5px;border-bottom-color:rgba(0,0,0,0.8)}.vditor-tooltipped__se::after{right:auto;left:50%;margin-left:-15px}.vditor-tooltipped__sw::after{margin-right:-15px}.vditor-tooltipped__n::after,.vditor-tooltipped__ne::after,.vditor-tooltipped__nw::after{right:50%;bottom:100%;margin-bottom:5px}.vditor-tooltipped__n::before,.vditor-tooltipped__ne::before,.vditor-tooltipped__nw::before{top:-5px;right:50%;bottom:auto;margin-right:-5px;border-top-color:rgba(0,0,0,0.8)}.vditor-tooltipped__ne::after{right:auto;left:50%;margin-left:-15px}.vditor-tooltipped__nw::after{margin-right:-15px}.vditor-tooltipped__s::after,.vditor-tooltipped__n::after{transform:translateX(50%)}.vditor-tooltipped__w::after{right:100%;bottom:50%;margin-right:5px;transform:translateY(50%)}.vditor-tooltipped__w::before{top:50%;bottom:50%;left:-5px;margin-top:-5px;border-left-color:rgba(0,0,0,0.8)}.vditor-tooltipped__e::after{bottom:50%;left:100%;margin-left:5px;transform:translateY(50%)}.vditor-tooltipped__e::before{top:50%;right:-5px;bottom:50%;margin-top:-5px;border-right-color:rgba(0,0,0,0.8)}.vditor-panel{background-color:#fff;position:absolute;box-shadow:0 1px 2px rgba(0,0,0,0.2);border-radius:3px;padding:5px;z-index:1;font-size:14px;display:none;user-select:none;max-width:200px;min-width:80px}.vditor-panel h1,.vditor-panel h2,.vditor-panel h3,.vditor-panel h4,.vditor-panel h5,.vditor-panel h6{margin:0;cursor:pointer;padding:3px 10px;border-radius:3px;line-height:normal}.vditor-panel h1:hover,.vditor-panel h2:hover,.vditor-panel h3:hover,.vditor-panel h4:hover,.vditor-panel h5:hover,.vditor-panel h6:hover{background-color:#4285f4;color:#fff}.vditor-toolbar{background-color:#f6f8fa;border-bottom:1px solid #d1d5da;padding:0 5px;border-radius:3px 3px 0 0}.vditor-toolbar>div{padding:10px 5px;float:left;line-height:14px;height:36px;box-sizing:border-box}.vditor-toolbar svg{fill:currentColor;display:inline-block;stroke-width:0;stroke:currentColor;width:14px;height:14px}.vditor-toolbar .vditor-tooltipped{color:#586069}.vditor-toolbar .vditor-tooltipped:hover{color:#4285f4}.vditor-toolbar label{overflow:hidden;position:relative;height:14px;width:15px;display:block;cursor:pointer}.vditor-toolbar input{position:absolute;width:1px;opacity:.001;height:14px;overflow:hidden}.vditor-menu--current svg{color:#4285f4}.vditor-menu__divider{width:10px}.vditor-menu__br{width:100%;padding:0 !important;height:0 !important}.vditor-emojis{display:inline-block}.vditor-emojis__tail{font-size:12px;text-align:right;color:#586069}.vditor-emojis__tail a{text-decoration:none;color:#586069}.vditor-emojis__tail a:hover{color:#4285f4}.vditor-emojis span{cursor:pointer;border-radius:3px;float:left;height:26px;width:26px;text-align:center;line-height:20px;padding:3px;box-sizing:border-box;font-size:16px}.vditor-emojis span:hover{background-color:#4285f4}.vditor-emojis img{height:20px;width:20px;float:left}.vditor{display:flex;flex-direction:column;border:1px solid #d1d5da;border-radius:3px;box-sizing:border-box}.vditor--fullscreen{position:fixed;top:0;width:100% !important;left:0;height:100vh !important;z-index:90;background-color:#fff}.vditor-content{display:flex;min-height:60px;flex:1;position:relative;overflow:hidden}.vditor-textarea{flex:1;border:0;resize:none;padding:10px;box-sizing:border-box;background-color:#fafbfc;outline:0 none;font-size:16px;line-height:22px;color:#24292e;border-radius:0 0 3px 3px}.vditor-textarea[disabled]{opacity:0.3;cursor:not-allowed}.vditor-textarea:focus{background-color:#fff}.vditor-preview{flex:1;background-color:#fff;overflow:auto;padding:10px;box-shadow:inset 1px 0 #d1d5da;box-sizing:border-box;border-radius:0 0 3px 0}.vditor-preview::-webkit-scrollbar{display:none}.vditor-counter{padding:0 3px;position:absolute;bottom:10px;right:20px;color:#24292e;background-color:rgba(255,255,255,0.6);border-radius:3px;font-size:12px;user-select:none}.vditor-counter--error{color:#d23f31;background-color:rgba(210,63,49,0.1)}.vditor-resize{padding:1px 0;border-radius:5px;cursor:row-resize;transition:all .15s ease-in-out;user-select:none;background-color:#f6f8fa}.vditor-resize:hover{background-color:#4285f4}.vditor-resize:hover svg{color:#fff}.vditor-resize svg{fill:currentColor;stroke-width:0;stroke:currentColor;width:13px;height:3px;display:block;margin:0 auto;color:#586069}.vditor-upload{opacity:0;position:absolute;width:100%;height:5px;left:0;top:-3px;border-radius:3px;overflow:hidden;transition:all .15s ease-in-out;color:#fff;font-size:12px;line-height:14px}.vditor-upload ul{margin:0}.vditor-upload--tip{height:auto;opacity:1 !important}.vditor-upload--tip .vditor-upload__close{display:block}.vditor-upload__close{display:none;position:absolute;right:5px;cursor:pointer;padding:5px;top:0}.vditor-upload__progress{height:100%;background-color:rgba(66,133,244,0.8);transition:all .15s ease-in-out;padding:5px;box-sizing:border-box}.vditor-hint{background-color:#fff;position:absolute;box-shadow:0 1px 2px rgba(0,0,0,0.2);border-radius:3px;padding:5px 0;z-index:1;line-height:20px;list-style:none;color:#24292e;font-size:12px;margin:0;max-width:200px;min-width:80px;display:none}.vditor-hint li{cursor:pointer;padding:3px 10px;border-bottom:1px solid #d1d5da;line-height:20px}.vditor-hint li:last-child{border-bottom:0}.vditor-hint--current,.vditor-hint li:hover{background-color:#4285f4;color:#fff}.vditor-hint__emoji{font-size:16px;float:left;margin-right:3px}.vditor-hint img{height:20px;width:20px;float:left;margin-right:3px}.vditor-reset{font-family:"Helvetica Neue","Luxi Sans","DejaVu Sans",Tahoma,"Hiragino Sans GB","Microsoft Yahei",sans-serif;word-wrap:break-word;overflow:auto;line-height:1.65;font-size:16px;word-break:break-word}.vditor-reset ul,.vditor-reset ol{padding-left:2em;margin-top:0;margin-bottom:16px}.vditor-reset li{margin-top:0.25em}.vditor-reset audio{max-width:100%}.vditor-reset video{max-height:90vh}.vditor-reset img.emoji{cursor:auto;max-width:20px;vertical-align:top}.vditor-reset h1,.vditor-reset h2,.vditor-reset h3,.vditor-reset h4,.vditor-reset h5,.vditor-reset h6{margin-top:24px;margin-bottom:16px;font-weight:600;line-height:1.25}.vditor-reset h1{padding-bottom:0.3em;font-size:1.7em;border-bottom:1px solid #eee}.vditor-reset h2{padding-bottom:0.3em;font-size:1.5em;border-bottom:1px solid #eee}.vditor-reset h3{font-size:1.25em}.vditor-reset h4{font-size:1em}.vditor-reset h5{font-size:0.875em}.vditor-reset h6{font-size:0.85em}.vditor-reset hr{height:0.15em;padding:0;margin:24px 0;background-color:#e7e7e7;border:0}.vditor-reset p{margin-top:0;margin-bottom:16px}.vditor-reset blockquote{padding:0 1em;color:#777;border-left:0.25em solid #ddd;margin:0 0 16px 0}.vditor-reset blockquote p{margin:0}.vditor-reset ins>iframe{border:0}.vditor-reset iframe{border:1px solid #d1d5da}.vditor-reset table{width:100%;border:1px solid #dedede;margin:15px auto;border-collapse:collapse;empty-cells:show}.vditor-reset thead{text-align:center}.vditor-reset td,.vditor-reset th{height:35px;border:1px solid #dedede;padding:0 10px}.vditor-reset th{font-weight:bold;text-align:center !important;background:rgba(158,188,226,0.2)}.vditor-reset tbody tr:nth-child(2n){background:rgba(158,188,226,0.12)}.vditor-reset tr:hover{background:#efefef}.vditor-reset code{padding:0.2em 0.4em;margin:0;font-size:85%;background-color:rgba(27,31,35,0.05);border-radius:3px;font-family:mononoki,Consolas,"Liberation Mono",Menlo,Courier,monospace;word-break:break-word}.vditor-reset pre>code{padding:0.5em;background-color:rgba(0,0,0,0.04);background-image:url("https://cdn.jsdelivr.net/npm/vditor@1.1.2/src/assets/images/code-bg.png");background-size:20px 20px;border-radius:5px;display:block;overflow:auto}.vditor-reset pre:hover div.vditor-copy{display:block}.vditor-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:solid 1px #d1d5da;border-bottom-color:#bbb;border-radius:3px;box-shadow:inset 0 -1px 0 #bbb}.vditor-reset summary{cursor:pointer}.vditor-reset summary:focus{outline:none}.vditor-reset svg{height:auto;width:auto}.vditor-task{list-style:none;margin-left:-1.4em;display:flex;align-items:center}.vditor-task input{margin-right:5px}.vditor-copy{position:relative;display:none}.vditor-copy textarea{position:absolute;top:-100000px}.vditor-copy span{cursor:pointer;position:absolute;right:0.5em;top:0.5em;height:20px;width:20px}.vditor-copy svg{height:20px;width:20px}@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:normal;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{position:relative;font-size:70%;line-height:0;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.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:none}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-decoration,input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none}textarea{overflow:auto;vertical-align:top}::selection{background-color:#D5D5D5;color:#FCFCFC}::-moz-selection{background-color:#D5D5D5;color:#FCFCFC}.fn-clear:before,.fn-clear:after{display:table;content:""}.fn-clear:after{clear:both}.fn-left{float:left}.fn-right{float:right}.fn-none{display:none}.fn-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal}.footer a:hover,.article-relative a:hover,.article-abstract .article-title a:hover,.article-abstract .article-tags a:hover,.vditor-reset a{text-decoration:underline}.vditor-reset 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 none;display:inline-block;height:42px;margin:2px 10px;padding:0;vertical-align:top;width:1px}.top-info a{color:#FFF}.top-info a:hover{color:#CA1B1E}#showTop{display:none}.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:bold}.pagination>a:hover,.pagination>span{color:#E61E1E;background-color:#FFF}.navigation{background-color:#FFF;border:2px solid #BABABA;left:0;list-style:none outside none;margin:0;min-width:223px;padding:0;position:absolute;top:63px;z-index:1;display:none}.navigation a{background-color:#FFF;border-bottom:1px solid #BABABA;color:#333;display:block;padding:10px 15px}.navigation a:hover{background-color:#E61E1E;color:#FFFFFF}.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:0.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;text-overflow:ellipsis;white-space:nowrap;width:430px;font-weight:normal}.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 0.8s}.article-abstract .fn-right>a:hover{color:#FFF;background-color:#E61E1E}.article-abstract>.article-tags{margin:10px 0 0 10px}.article-abstract>.vditor-reset{margin:10px;overflow:hidden;white-space:inherit;word-wrap:break-word;padding:10px;height:95px}.side{float:right;width:240px}#search{background-color:#FFF;border:0 none;color:#3A3A3A;height:50px;margin-top:5px;padding:0 10px;width:177px;transition:all 0.3s ease-out 0s}.side form>span{background-color:#FFF;color:#3A3A3A;float:right;font-size:25px;height:32px;margin-top:5px;padding:9px}.side-tile{color:#FFF;float:left;margin-top:20px;padding:15px 25px 15px 25px;position:relative;background-color:#F09609;width:65px;transition:all 0.3s ease-out 0s}.side-tile:hover,.side form input:focus,.form input:focus,.form textarea:focus,.form button:hover,#dynamic .footer:hover{outline:3px solid #BABABA}.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:bold;left:93px;line-height:30px;position:absolute;top:20px}.side-tile>.text a{color:#FFF}.online-count,.user,.notice-board,.share,.article-relative{width:188px}.translate,.logout,.prev,.prev-disabled{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:16px;font-weight:normal;left:128px;line-height:54px;top:5px;width:105px}.share div.text .icon-wechat{position:relative}.share div.text .icon-wechat canvas{position:absolute;right:43px;top:-17px}.share .text span:hover{cursor:pointer;color:#FFF}.online-count .text,.article-relative .text{font-size:12px;font-weight:normal;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}.user .text,.notice-board .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;float:left;margin:10px;padding:10px 15px;white-space:nowrap;transition:all 0.8s}.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;transition:all 0.8s;font-size:14px;float:left;padding:14px;border-bottom:1px solid #FFF;border-left:1px solid #FFF}.article-info>a:hover{background-color:#E61E1E;color:#FFF}.article-header h2{color:#FFF}.article-header h2>span{font-weight:normal;color:#D1D2D1}.article-header .article-date{float:none;margin:0}.vditor-reset{background-color:#323232;margin-bottom:30px;overflow:hidden;padding:10px;white-space:normal;word-break:break-all;font-size:14px;word-wrap:break-word}.main>.vditor-reset{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 .vditor-reset{margin:10px 0;width:800px}#comments .user-name{color:#E61E1E;font-weight:bold}#comments .user-name:hover{color:#CA1B1E}.comment-info a{color:#F8F7F7}.at{font-size:15px;color:#FFF;font-weight:bold}.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:#FFFFFF;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;transition:all 0.3s ease-out 0s;width:456px}.form textarea{width:600px;height:300px;margin:0 0 10px}.form button{background-color:#E61E1E;border:0 none;color:#FFFFFF;cursor:pointer;font-size:15px;transition:all 0.3s ease-out 0s;padding:10px 50px}.tip{color:#CA1B1E}#dynamic #comments{background-color:#EA4040;margin-top:5px;padding:25px 15px 15px 25px}#dynamic #comments .vditor-reset{width:743px}#dynamic .article-relative .text{left:110px}#dynamic .footer{margin:20px 0 10px;float:left;transition:all 0.3s ease-out 0s}.most-comment,.most-view,.links-tile,.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:#339933}.links-tile{background-color:#7B4F9D}.tags-tile span,.links-tile span,.most-comment span,.most-view span{font-size:60px}.tags-tile .text,.links-tile .text,.most-comment .text,.most-view .text{position:static;width:430px}.tags-tile a,.links-tile a{background-color:#EA4040;color:#D1D2D1;float:left;font-size:12px;line-height:20px;margin:6px;padding:5px 10px;transition:all 0.8s ease 0s;white-space:nowrap}.tags-tile a:hover,.links-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:normal} diff --git a/metro-hot/css/base.scss b/metro-hot/css/base.scss index 4e59898..cbfabdc 100644 --- a/metro-hot/css/base.scss +++ b/metro-hot/css/base.scss @@ -20,9 +20,8 @@ * skin metro-hot style * * @author Liyuan Li - * @version 2.1.0.0, Feb 27, 2019 + * @version 2.1.0.1, Mar 16, 2019 */ -@import "../../../scss/reset-content"; @import "vditor/src/assets/scss/classic"; /* start base */ @font-face { @@ -185,11 +184,11 @@ textarea { .article-relative a:hover, .article-abstract .article-title a:hover, .article-abstract .article-tags a:hover, -.content-reset a { +.vditor-reset a { text-decoration: underline; } -.content-reset a:hover { +.vditor-reset a:hover { text-decoration: none; } @@ -439,7 +438,7 @@ textarea { margin: 10px 0 0 10px; } -.article-abstract > .content-reset { +.article-abstract > .vditor-reset { margin: 10px; overflow: hidden; white-space: inherit; @@ -726,7 +725,7 @@ textarea { margin: 0; } -.content-reset { +.vditor-reset { background-color: #323232; margin-bottom: 30px; overflow: hidden; @@ -737,7 +736,7 @@ textarea { word-wrap: break-word; } -.main > .content-reset { +.main > .vditor-reset { margin-right: 10px; margin-top: 20px; } @@ -762,7 +761,7 @@ pre.prettyprint { width: 80px; } -#comments .content-reset { +#comments .vditor-reset { margin: 10px 0; width: 800px; } @@ -849,7 +848,7 @@ pre.prettyprint { padding: 25px 15px 15px 25px; } -#dynamic #comments .content-reset { +#dynamic #comments .vditor-reset { width: 743px; } diff --git a/metro-hot/css/metro-hot-responsive.css b/metro-hot/css/metro-hot-responsive.css index 699913b..bc03251 100644 --- a/metro-hot/css/metro-hot-responsive.css +++ b/metro-hot/css/metro-hot-responsive.css @@ -42,11 +42,11 @@ width: 434px; } - #comments .content-reset { + #comments .vditor-reset { width: 340px; } - #dynamic #comments .content-reset { + #dynamic #comments .vditor-reset { width: 283px; } @@ -119,14 +119,14 @@ } .main .pagination, - .main > .content-reset, + .main > .vditor-reset, .comment-disabled, #comments > div { margin-right: 0; } .side > div, - #comments .content-reset { + #comments .vditor-reset { position: static !important; width: auto !important; } diff --git a/metro-hot/dynamic.ftl b/metro-hot/dynamic.ftl index 60c78bc..87a6655 100644 --- a/metro-hot/dynamic.ftl +++ b/metro-hot/dynamic.ftl @@ -60,7 +60,7 @@ ${comment.commentDate?string("yy-MM-dd HH:mm")}   
-
${comment.commentContent}
+
${comment.commentContent}
@@ -206,7 +206,7 @@ <#include "footer.ftl"/> ${plugins} diff --git a/metro-hot/page.ftl b/metro-hot/page.ftl index 6dbb3be..4947d12 100644 --- a/metro-hot/page.ftl +++ b/metro-hot/page.ftl @@ -47,7 +47,7 @@
-
+
${page.pageContent}
<@comments commentList=pageComments article=page> diff --git a/mobile/article.ftl b/mobile/article.ftl index 6e01c5d..39b64e4 100644 --- a/mobile/article.ftl +++ b/mobile/article.ftl @@ -66,8 +66,8 @@
-
-
+
+
${article.articleContent} <#if "" != article.articleSign.signHTML?trim>
diff --git a/mobile/common-comment.ftl b/mobile/common-comment.ftl index beeb94e..ffe9b9c 100644 --- a/mobile/common-comment.ftl +++ b/mobile/common-comment.ftl @@ -40,7 +40,7 @@
-
+

${comment.commentContent}

diff --git a/mobile/css/base.css b/mobile/css/base.css index b2e3f5d..544e26b 100644 --- a/mobile/css/base.css +++ b/mobile/css/base.css @@ -1 +1 @@ -.content-reset{word-wrap:break-word;overflow:auto;line-height:1.65;font-size:16px;word-break:break-word}.content-reset ul,.content-reset ol{padding-left:2em;margin-top:0;margin-bottom:16px}.content-reset li{margin-top:0.25em}.content-reset audio{max-width:100%}.content-reset video{max-height:90vh}.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{padding-bottom:0.3em;font-size:1.7em;border-bottom:1px solid #eee}.content-reset h2{padding-bottom:0.3em;font-size:1.5em;border-bottom:1px solid #eee}.content-reset h3{font-size:1.25em}.content-reset h4{font-size:1em}.content-reset h5{font-size:0.875em}.content-reset h6{font-size:0.85em}.content-reset hr{height:1px;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:0.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,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:bold;text-align:center !important;background:rgba(158,188,226,0.2)}.content-reset tbody tr:nth-child(2n){background:rgba(158,188,226,0.12)}.content-reset tr:hover{background:#efefef}.content-reset code{padding:.2em .4em;margin:0;font-size:85%;background-color:rgba(27,31,35,0.05);border-radius:3px;font-family:mononoki, Consolas, Liberation Mono, Menlo, Courier, monospace;word-break:break-word}.content-reset pre{position:relative}.content-reset pre textarea{position:absolute;top:-100000px}.content-reset pre>code{padding:0.5em;background-color:rgba(0,0,0,0.04);background-size:20px 20px;border-radius:5px;display:block}.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:solid 1px rgba(0,0,0,0.38);border-bottom-color:#bbb;border-radius:3px;box-shadow:inset 0 -1px 0 #bbb}.content-reset__task,.content-reset .task-list-item{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}.img-preview img{max-width:inherit;transition:transform .3s ease-in-out}@keyframes tooltip-appear{from{opacity:0}to{opacity:1}}.vditor-tooltipped{position:relative;cursor:pointer}.vditor-tooltipped::after{position:absolute;z-index:1000000;display:none;padding:5px 8px;font-size:11px;font-weight:normal;-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,0.8);border-radius:3px;line-height:16px;opacity:0}.vditor-tooltipped::before{position:absolute;z-index:1000001;display:none;width:0;height:0;color:rgba(0,0,0,0.8);pointer-events:none;content:"";border:5px solid transparent;opacity:0}.vditor-tooltipped--hover::before,.vditor-tooltipped--hover::after,.vditor-tooltipped:hover::before,.vditor-tooltipped:hover::after,.vditor-tooltipped:active::before,.vditor-tooltipped:active::after,.vditor-tooltipped:focus::before,.vditor-tooltipped:focus::after{display:inline-block;text-decoration:none;animation-name:tooltip-appear;animation-duration:0.1s;animation-fill-mode:forwards;animation-timing-function:ease-in;animation-delay:0.4s}.vditor-tooltipped__s::after,.vditor-tooltipped__se::after,.vditor-tooltipped__sw::after{top:100%;right:50%;margin-top:5px}.vditor-tooltipped__s::before,.vditor-tooltipped__se::before,.vditor-tooltipped__sw::before{top:auto;right:50%;bottom:-5px;margin-right:-5px;border-bottom-color:rgba(0,0,0,0.8)}.vditor-tooltipped__se::after{right:auto;left:50%;margin-left:-15px}.vditor-tooltipped__sw::after{margin-right:-15px}.vditor-tooltipped__n::after,.vditor-tooltipped__ne::after,.vditor-tooltipped__nw::after{right:50%;bottom:100%;margin-bottom:5px}.vditor-tooltipped__n::before,.vditor-tooltipped__ne::before,.vditor-tooltipped__nw::before{top:-5px;right:50%;bottom:auto;margin-right:-5px;border-top-color:rgba(0,0,0,0.8)}.vditor-tooltipped__ne::after{right:auto;left:50%;margin-left:-15px}.vditor-tooltipped__nw::after{margin-right:-15px}.vditor-tooltipped__s::after,.vditor-tooltipped__n::after{transform:translateX(50%)}.vditor-tooltipped__w::after{right:100%;bottom:50%;margin-right:5px;transform:translateY(50%)}.vditor-tooltipped__w::before{top:50%;bottom:50%;left:-5px;margin-top:-5px;border-left-color:rgba(0,0,0,0.8)}.vditor-tooltipped__e::after{bottom:50%;left:100%;margin-left:5px;transform:translateY(50%)}.vditor-tooltipped__e::before{top:50%;right:-5px;bottom:50%;margin-top:-5px;border-right-color:rgba(0,0,0,0.8)}.vditor-panel{background-color:#fff;position:absolute;box-shadow:0 1px 2px rgba(0,0,0,0.2);border-radius:3px;padding:5px;z-index:1;font-size:14px;display:none;user-select:none;max-width:200px;min-width:80px}.vditor-panel h1,.vditor-panel h2,.vditor-panel h3,.vditor-panel h4,.vditor-panel h5,.vditor-panel h6{margin:0;cursor:pointer;padding:3px 10px;border-radius:3px;line-height:normal}.vditor-panel h1:hover,.vditor-panel h2:hover,.vditor-panel h3:hover,.vditor-panel h4:hover,.vditor-panel h5:hover,.vditor-panel h6:hover{background-color:#4285f4;color:#fff}.vditor-toolbar{background-color:#f6f8fa;border-bottom:1px solid #d1d5da;padding:0 5px;border-radius:3px 3px 0 0}.vditor-toolbar>div{padding:10px 5px;float:left;line-height:14px;height:36px;box-sizing:border-box}.vditor-toolbar svg{fill:currentColor;display:inline-block;stroke-width:0;stroke:currentColor;width:14px;height:14px}.vditor-toolbar .vditor-tooltipped{color:#586069}.vditor-toolbar .vditor-tooltipped:hover{color:#4285f4}.vditor-toolbar label{overflow:hidden;position:relative;height:14px;width:15px;display:block;cursor:pointer}.vditor-toolbar input{position:absolute;width:1px;opacity:.001;height:14px;overflow:hidden}.vditor-menu--current svg{color:#4285f4}.vditor-menu__divider{width:10px}.vditor-menu__br{width:100%;padding:0 !important;height:0 !important}.vditor-emojis{display:inline-block}.vditor-emojis__tail{font-size:12px;text-align:right;color:#586069}.vditor-emojis__tail a{text-decoration:none;color:#586069}.vditor-emojis__tail a:hover{color:#4285f4}.vditor-emojis span{cursor:pointer;border-radius:3px;float:left;height:26px;width:26px;text-align:center;line-height:20px;padding:3px;box-sizing:border-box;font-size:16px}.vditor-emojis span:hover{background-color:#4285f4}.vditor-emojis img{height:20px;width:20px;float:left}.vditor{display:flex;flex-direction:column;border:1px solid #d1d5da;border-radius:3px;box-sizing:border-box}.vditor--fullscreen{position:fixed;top:0;width:100% !important;left:0;height:100vh !important;z-index:90;background-color:#fff}.vditor-content{display:flex;min-height:60px;flex:1;position:relative}.vditor-textarea{flex:1;border:0;resize:none;padding:10px;box-sizing:border-box;background-color:#fafbfc;outline:0 none;font-size:16px;line-height:22px;color:#24292e;border-radius:0 0 3px 3px}.vditor-textarea[disabled]{opacity:0.3;cursor:not-allowed}.vditor-textarea:focus{background-color:#fff}.vditor-preview{flex:1;background-color:#fff;overflow:auto;padding:10px;box-shadow:inset 1px 0 #d1d5da;box-sizing:border-box;border-radius:0 0 3px 0}.vditor-preview::-webkit-scrollbar{display:none}.vditor-counter{padding:0 3px;position:absolute;bottom:10px;right:20px;color:#24292e;background-color:rgba(255,255,255,0.6);border-radius:3px;font-size:12px;user-select:none}.vditor-counter--error{color:#d23f31;background-color:rgba(210,63,49,0.1)}.vditor-resize{padding:1px 0;border-radius:5px;cursor:row-resize;transition:all .15s ease-in-out;user-select:none;background-color:#f6f8fa}.vditor-resize:hover{background-color:#4285f4}.vditor-resize:hover svg{color:#fff}.vditor-resize svg{fill:currentColor;stroke-width:0;stroke:currentColor;width:13px;height:3px;display:block;margin:0 auto;color:#586069}.vditor-upload{opacity:0;position:absolute;width:100%;height:5px;left:0;top:-3px;border-radius:3px;overflow:hidden;transition:all .15s ease-in-out;color:#fff;font-size:12px;line-height:14px}.vditor-upload ul{margin:0}.vditor-upload--tip{height:auto;opacity:1 !important}.vditor-upload--tip .vditor-upload__close{display:block}.vditor-upload__close{display:none;position:absolute;right:5px;cursor:pointer;padding:5px;top:0}.vditor-upload__progress{height:100%;background-color:rgba(66,133,244,0.8);transition:all .15s ease-in-out;padding:5px;box-sizing:border-box}.vditor-hint{background-color:#fff;position:absolute;box-shadow:0 1px 2px rgba(0,0,0,0.2);border-radius:3px;padding:5px 0;z-index:1;line-height:20px;list-style:none;color:#24292e;font-size:12px;margin:0;max-width:200px;min-width:80px;display:none}.vditor-hint li{cursor:pointer;padding:3px 10px;border-bottom:1px solid #d1d5da;line-height:20px}.vditor-hint li:last-child{border-bottom:0}.vditor-hint--current,.vditor-hint li:hover{background-color:#4285f4;color:#fff}.vditor-hint__emoji{font-size:16px;float:left;margin-right:3px}.vditor-hint img{height:20px;width:20px;float:left;margin-right:3px} +@keyframes tooltip-appear{from{opacity:0}to{opacity:1}}.vditor-tooltipped{position:relative;cursor:pointer}.vditor-tooltipped::after{position:absolute;z-index:1000000;display:none;padding:5px 8px;font-size:11px;font-weight:normal;-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,0.8);border-radius:3px;line-height:16px;opacity:0}.vditor-tooltipped::before{position:absolute;z-index:1000001;display:none;width:0;height:0;color:rgba(0,0,0,0.8);pointer-events:none;content:"";border:5px solid transparent;opacity:0}.vditor-tooltipped--hover::before,.vditor-tooltipped--hover::after,.vditor-tooltipped:hover::before,.vditor-tooltipped:hover::after,.vditor-tooltipped:active::before,.vditor-tooltipped:active::after,.vditor-tooltipped:focus::before,.vditor-tooltipped:focus::after{display:inline-block;text-decoration:none;animation-name:tooltip-appear;animation-duration:0.1s;animation-fill-mode:forwards;animation-timing-function:ease-in;animation-delay:0.4s}.vditor-tooltipped__s::after,.vditor-tooltipped__se::after,.vditor-tooltipped__sw::after{top:100%;right:50%;margin-top:5px}.vditor-tooltipped__s::before,.vditor-tooltipped__se::before,.vditor-tooltipped__sw::before{top:auto;right:50%;bottom:-5px;margin-right:-5px;border-bottom-color:rgba(0,0,0,0.8)}.vditor-tooltipped__se::after{right:auto;left:50%;margin-left:-15px}.vditor-tooltipped__sw::after{margin-right:-15px}.vditor-tooltipped__n::after,.vditor-tooltipped__ne::after,.vditor-tooltipped__nw::after{right:50%;bottom:100%;margin-bottom:5px}.vditor-tooltipped__n::before,.vditor-tooltipped__ne::before,.vditor-tooltipped__nw::before{top:-5px;right:50%;bottom:auto;margin-right:-5px;border-top-color:rgba(0,0,0,0.8)}.vditor-tooltipped__ne::after{right:auto;left:50%;margin-left:-15px}.vditor-tooltipped__nw::after{margin-right:-15px}.vditor-tooltipped__s::after,.vditor-tooltipped__n::after{transform:translateX(50%)}.vditor-tooltipped__w::after{right:100%;bottom:50%;margin-right:5px;transform:translateY(50%)}.vditor-tooltipped__w::before{top:50%;bottom:50%;left:-5px;margin-top:-5px;border-left-color:rgba(0,0,0,0.8)}.vditor-tooltipped__e::after{bottom:50%;left:100%;margin-left:5px;transform:translateY(50%)}.vditor-tooltipped__e::before{top:50%;right:-5px;bottom:50%;margin-top:-5px;border-right-color:rgba(0,0,0,0.8)}.vditor-panel{background-color:#fff;position:absolute;box-shadow:0 1px 2px rgba(0,0,0,0.2);border-radius:3px;padding:5px;z-index:1;font-size:14px;display:none;user-select:none;max-width:200px;min-width:80px}.vditor-panel h1,.vditor-panel h2,.vditor-panel h3,.vditor-panel h4,.vditor-panel h5,.vditor-panel h6{margin:0;cursor:pointer;padding:3px 10px;border-radius:3px;line-height:normal}.vditor-panel h1:hover,.vditor-panel h2:hover,.vditor-panel h3:hover,.vditor-panel h4:hover,.vditor-panel h5:hover,.vditor-panel h6:hover{background-color:#4285f4;color:#fff}.vditor-toolbar{background-color:#f6f8fa;border-bottom:1px solid #d1d5da;padding:0 5px;border-radius:3px 3px 0 0}.vditor-toolbar>div{padding:10px 5px;float:left;line-height:14px;height:36px;box-sizing:border-box}.vditor-toolbar svg{fill:currentColor;display:inline-block;stroke-width:0;stroke:currentColor;width:14px;height:14px}.vditor-toolbar .vditor-tooltipped{color:#586069}.vditor-toolbar .vditor-tooltipped:hover{color:#4285f4}.vditor-toolbar label{overflow:hidden;position:relative;height:14px;width:15px;display:block;cursor:pointer}.vditor-toolbar input{position:absolute;width:1px;opacity:.001;height:14px;overflow:hidden}.vditor-menu--current svg{color:#4285f4}.vditor-menu__divider{width:10px}.vditor-menu__br{width:100%;padding:0 !important;height:0 !important}.vditor-emojis{display:inline-block}.vditor-emojis__tail{font-size:12px;text-align:right;color:#586069}.vditor-emojis__tail a{text-decoration:none;color:#586069}.vditor-emojis__tail a:hover{color:#4285f4}.vditor-emojis span{cursor:pointer;border-radius:3px;float:left;height:26px;width:26px;text-align:center;line-height:20px;padding:3px;box-sizing:border-box;font-size:16px}.vditor-emojis span:hover{background-color:#4285f4}.vditor-emojis img{height:20px;width:20px;float:left}.vditor{display:flex;flex-direction:column;border:1px solid #d1d5da;border-radius:3px;box-sizing:border-box}.vditor--fullscreen{position:fixed;top:0;width:100% !important;left:0;height:100vh !important;z-index:90;background-color:#fff}.vditor-content{display:flex;min-height:60px;flex:1;position:relative;overflow:hidden}.vditor-textarea{flex:1;border:0;resize:none;padding:10px;box-sizing:border-box;background-color:#fafbfc;outline:0 none;font-size:16px;line-height:22px;color:#24292e;border-radius:0 0 3px 3px}.vditor-textarea[disabled]{opacity:0.3;cursor:not-allowed}.vditor-textarea:focus{background-color:#fff}.vditor-preview{flex:1;background-color:#fff;overflow:auto;padding:10px;box-shadow:inset 1px 0 #d1d5da;box-sizing:border-box;border-radius:0 0 3px 0}.vditor-preview::-webkit-scrollbar{display:none}.vditor-counter{padding:0 3px;position:absolute;bottom:10px;right:20px;color:#24292e;background-color:rgba(255,255,255,0.6);border-radius:3px;font-size:12px;user-select:none}.vditor-counter--error{color:#d23f31;background-color:rgba(210,63,49,0.1)}.vditor-resize{padding:1px 0;border-radius:5px;cursor:row-resize;transition:all .15s ease-in-out;user-select:none;background-color:#f6f8fa}.vditor-resize:hover{background-color:#4285f4}.vditor-resize:hover svg{color:#fff}.vditor-resize svg{fill:currentColor;stroke-width:0;stroke:currentColor;width:13px;height:3px;display:block;margin:0 auto;color:#586069}.vditor-upload{opacity:0;position:absolute;width:100%;height:5px;left:0;top:-3px;border-radius:3px;overflow:hidden;transition:all .15s ease-in-out;color:#fff;font-size:12px;line-height:14px}.vditor-upload ul{margin:0}.vditor-upload--tip{height:auto;opacity:1 !important}.vditor-upload--tip .vditor-upload__close{display:block}.vditor-upload__close{display:none;position:absolute;right:5px;cursor:pointer;padding:5px;top:0}.vditor-upload__progress{height:100%;background-color:rgba(66,133,244,0.8);transition:all .15s ease-in-out;padding:5px;box-sizing:border-box}.vditor-hint{background-color:#fff;position:absolute;box-shadow:0 1px 2px rgba(0,0,0,0.2);border-radius:3px;padding:5px 0;z-index:1;line-height:20px;list-style:none;color:#24292e;font-size:12px;margin:0;max-width:200px;min-width:80px;display:none}.vditor-hint li{cursor:pointer;padding:3px 10px;border-bottom:1px solid #d1d5da;line-height:20px}.vditor-hint li:last-child{border-bottom:0}.vditor-hint--current,.vditor-hint li:hover{background-color:#4285f4;color:#fff}.vditor-hint__emoji{font-size:16px;float:left;margin-right:3px}.vditor-hint img{height:20px;width:20px;float:left;margin-right:3px}.vditor-reset{font-family:"Helvetica Neue","Luxi Sans","DejaVu Sans",Tahoma,"Hiragino Sans GB","Microsoft Yahei",sans-serif;word-wrap:break-word;overflow:auto;line-height:1.65;font-size:16px;word-break:break-word}.vditor-reset ul,.vditor-reset ol{padding-left:2em;margin-top:0;margin-bottom:16px}.vditor-reset li{margin-top:0.25em}.vditor-reset audio{max-width:100%}.vditor-reset video{max-height:90vh}.vditor-reset img.emoji{cursor:auto;max-width:20px;vertical-align:top}.vditor-reset h1,.vditor-reset h2,.vditor-reset h3,.vditor-reset h4,.vditor-reset h5,.vditor-reset h6{margin-top:24px;margin-bottom:16px;font-weight:600;line-height:1.25}.vditor-reset h1{padding-bottom:0.3em;font-size:1.7em;border-bottom:1px solid #eee}.vditor-reset h2{padding-bottom:0.3em;font-size:1.5em;border-bottom:1px solid #eee}.vditor-reset h3{font-size:1.25em}.vditor-reset h4{font-size:1em}.vditor-reset h5{font-size:0.875em}.vditor-reset h6{font-size:0.85em}.vditor-reset hr{height:0.15em;padding:0;margin:24px 0;background-color:#e7e7e7;border:0}.vditor-reset p{margin-top:0;margin-bottom:16px}.vditor-reset blockquote{padding:0 1em;color:#777;border-left:0.25em solid #ddd;margin:0 0 16px 0}.vditor-reset blockquote p{margin:0}.vditor-reset ins>iframe{border:0}.vditor-reset iframe{border:1px solid #d1d5da}.vditor-reset table{width:100%;border:1px solid #dedede;margin:15px auto;border-collapse:collapse;empty-cells:show}.vditor-reset thead{text-align:center}.vditor-reset td,.vditor-reset th{height:35px;border:1px solid #dedede;padding:0 10px}.vditor-reset th{font-weight:bold;text-align:center !important;background:rgba(158,188,226,0.2)}.vditor-reset tbody tr:nth-child(2n){background:rgba(158,188,226,0.12)}.vditor-reset tr:hover{background:#efefef}.vditor-reset code{padding:0.2em 0.4em;margin:0;font-size:85%;background-color:rgba(27,31,35,0.05);border-radius:3px;font-family:mononoki,Consolas,"Liberation Mono",Menlo,Courier,monospace;word-break:break-word}.vditor-reset pre>code{padding:0.5em;background-color:rgba(0,0,0,0.04);background-image:url("https://cdn.jsdelivr.net/npm/vditor@1.1.2/src/assets/images/code-bg.png");background-size:20px 20px;border-radius:5px;display:block;overflow:auto}.vditor-reset pre:hover div.vditor-copy{display:block}.vditor-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:solid 1px #d1d5da;border-bottom-color:#bbb;border-radius:3px;box-shadow:inset 0 -1px 0 #bbb}.vditor-reset summary{cursor:pointer}.vditor-reset summary:focus{outline:none}.vditor-reset svg{height:auto;width:auto}.vditor-task{list-style:none;margin-left:-1.4em;display:flex;align-items:center}.vditor-task input{margin-right:5px}.vditor-copy{position:relative;display:none}.vditor-copy textarea{position:absolute;top:-100000px}.vditor-copy span{cursor:pointer;position:absolute;right:0.5em;top:0.5em;height:20px;width:20px}.vditor-copy svg{height:20px;width:20px} diff --git a/mobile/css/base.scss b/mobile/css/base.scss index 9b84b67..f6a5a68 100644 --- a/mobile/css/base.scss +++ b/mobile/css/base.scss @@ -19,8 +19,7 @@ * skin style * * @author Liyuan Li - * @version 1.0.0.0, Feb 21, 2019 + * @version 1.0.0.0, Mar 16, 2019 */ -@import "../../../scss/reset-content"; @import "vditor/src/assets/scss/classic"; \ No newline at end of file diff --git a/mobile/footer.ftl b/mobile/footer.ftl index 827be62..92f65fb 100644 --- a/mobile/footer.ftl +++ b/mobile/footer.ftl @@ -39,11 +39,14 @@ var Label = { "markedAvailable": ${markedAvailable?c}, + "hljsStyle": "atom-one-light", + "langLabel": "${langLabel}", "skinDirName": "${skinDirName}" }; $(document).ready(function () { Util.init(); + Util.setTopBar() var toggleArchive = function (it) { var $it = $(it); diff --git a/mobile/page.ftl b/mobile/page.ftl index bd98abb..ef7c773 100644 --- a/mobile/page.ftl +++ b/mobile/page.ftl @@ -31,7 +31,7 @@ <#include "header.ftl">
-
+
${page.pageContent}
<@comments commentList=pageComments article=page> diff --git a/next/article-list.ftl b/next/article-list.ftl index 3f1b0ed..4afa9cc 100644 --- a/next/article-list.ftl +++ b/next/article-list.ftl @@ -52,7 +52,7 @@   |  ${viewsLabel} ${article.articleViewCount}°C
-
+
${article.articleAbstract}
diff --git a/next/article.ftl b/next/article.ftl index 81ef8a7..66f6f2f 100644 --- a/next/article.ftl +++ b/next/article.ftl @@ -87,7 +87,7 @@
-
+
${article.articleContent} <#if "" != article.articleSign.signHTML?trim>
diff --git a/next/common-comment.ftl b/next/common-comment.ftl index 66a470c..4a11d24 100644 --- a/next/common-comment.ftl +++ b/next/common-comment.ftl @@ -40,7 +40,7 @@ ${replyLabel}
-
+
${comment.commentContent}
diff --git a/next/css/base.css b/next/css/base.css index 764c07c..79a44b4 100644 --- a/next/css/base.css +++ b/next/css/base.css @@ -1 +1 @@ -.content-reset{word-wrap:break-word;overflow:auto;line-height:1.65;font-size:16px;word-break:break-word}.content-reset ul,.content-reset ol{padding-left:2em;margin-top:0;margin-bottom:16px}.content-reset li{margin-top:0.25em}.content-reset audio{max-width:100%}.content-reset video{max-height:90vh}.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{padding-bottom:0.3em;font-size:1.7em;border-bottom:1px solid #eee}.content-reset h2{padding-bottom:0.3em;font-size:1.5em;border-bottom:1px solid #eee}.content-reset h3{font-size:1.25em}.content-reset h4{font-size:1em}.content-reset h5{font-size:0.875em}.content-reset h6{font-size:0.85em}.content-reset hr{height:1px;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:0.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,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:bold;text-align:center !important;background:rgba(158,188,226,0.2)}.content-reset tbody tr:nth-child(2n){background:rgba(158,188,226,0.12)}.content-reset tr:hover{background:#efefef}.content-reset code{padding:.2em .4em;margin:0;font-size:85%;background-color:rgba(27,31,35,0.05);border-radius:3px;font-family:mononoki, Consolas, Liberation Mono, Menlo, Courier, monospace;word-break:break-word}.content-reset pre{position:relative}.content-reset pre textarea{position:absolute;top:-100000px}.content-reset pre>code{padding:0.5em;background-color:rgba(0,0,0,0.04);background-size:20px 20px;border-radius:5px;display:block}.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:solid 1px rgba(0,0,0,0.38);border-bottom-color:#bbb;border-radius:3px;box-shadow:inset 0 -1px 0 #bbb}.content-reset__task,.content-reset .task-list-item{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}.img-preview img{max-width:inherit;transition:transform .3s ease-in-out}@keyframes tooltip-appear{from{opacity:0}to{opacity:1}}.vditor-tooltipped{position:relative;cursor:pointer}.vditor-tooltipped::after{position:absolute;z-index:1000000;display:none;padding:5px 8px;font-size:11px;font-weight:normal;-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,0.8);border-radius:3px;line-height:16px;opacity:0}.vditor-tooltipped::before{position:absolute;z-index:1000001;display:none;width:0;height:0;color:rgba(0,0,0,0.8);pointer-events:none;content:"";border:5px solid transparent;opacity:0}.vditor-tooltipped--hover::before,.vditor-tooltipped--hover::after,.vditor-tooltipped:hover::before,.vditor-tooltipped:hover::after,.vditor-tooltipped:active::before,.vditor-tooltipped:active::after,.vditor-tooltipped:focus::before,.vditor-tooltipped:focus::after{display:inline-block;text-decoration:none;animation-name:tooltip-appear;animation-duration:0.1s;animation-fill-mode:forwards;animation-timing-function:ease-in;animation-delay:0.4s}.vditor-tooltipped__s::after,.vditor-tooltipped__se::after,.vditor-tooltipped__sw::after{top:100%;right:50%;margin-top:5px}.vditor-tooltipped__s::before,.vditor-tooltipped__se::before,.vditor-tooltipped__sw::before{top:auto;right:50%;bottom:-5px;margin-right:-5px;border-bottom-color:rgba(0,0,0,0.8)}.vditor-tooltipped__se::after{right:auto;left:50%;margin-left:-15px}.vditor-tooltipped__sw::after{margin-right:-15px}.vditor-tooltipped__n::after,.vditor-tooltipped__ne::after,.vditor-tooltipped__nw::after{right:50%;bottom:100%;margin-bottom:5px}.vditor-tooltipped__n::before,.vditor-tooltipped__ne::before,.vditor-tooltipped__nw::before{top:-5px;right:50%;bottom:auto;margin-right:-5px;border-top-color:rgba(0,0,0,0.8)}.vditor-tooltipped__ne::after{right:auto;left:50%;margin-left:-15px}.vditor-tooltipped__nw::after{margin-right:-15px}.vditor-tooltipped__s::after,.vditor-tooltipped__n::after{transform:translateX(50%)}.vditor-tooltipped__w::after{right:100%;bottom:50%;margin-right:5px;transform:translateY(50%)}.vditor-tooltipped__w::before{top:50%;bottom:50%;left:-5px;margin-top:-5px;border-left-color:rgba(0,0,0,0.8)}.vditor-tooltipped__e::after{bottom:50%;left:100%;margin-left:5px;transform:translateY(50%)}.vditor-tooltipped__e::before{top:50%;right:-5px;bottom:50%;margin-top:-5px;border-right-color:rgba(0,0,0,0.8)}.vditor-panel{background-color:#fff;position:absolute;box-shadow:0 1px 2px rgba(0,0,0,0.2);border-radius:3px;padding:5px;z-index:1;font-size:14px;display:none;user-select:none;max-width:200px;min-width:80px}.vditor-panel h1,.vditor-panel h2,.vditor-panel h3,.vditor-panel h4,.vditor-panel h5,.vditor-panel h6{margin:0;cursor:pointer;padding:3px 10px;border-radius:3px;line-height:normal}.vditor-panel h1:hover,.vditor-panel h2:hover,.vditor-panel h3:hover,.vditor-panel h4:hover,.vditor-panel h5:hover,.vditor-panel h6:hover{background-color:#4285f4;color:#fff}.vditor-toolbar{background-color:#f6f8fa;border-bottom:1px solid #d1d5da;padding:0 5px;border-radius:3px 3px 0 0}.vditor-toolbar>div{padding:10px 5px;float:left;line-height:14px;height:36px;box-sizing:border-box}.vditor-toolbar svg{fill:currentColor;display:inline-block;stroke-width:0;stroke:currentColor;width:14px;height:14px}.vditor-toolbar .vditor-tooltipped{color:#586069}.vditor-toolbar .vditor-tooltipped:hover{color:#4285f4}.vditor-toolbar label{overflow:hidden;position:relative;height:14px;width:15px;display:block;cursor:pointer}.vditor-toolbar input{position:absolute;width:1px;opacity:.001;height:14px;overflow:hidden}.vditor-menu--current svg{color:#4285f4}.vditor-menu__divider{width:10px}.vditor-menu__br{width:100%;padding:0 !important;height:0 !important}.vditor-emojis{display:inline-block}.vditor-emojis__tail{font-size:12px;text-align:right;color:#586069}.vditor-emojis__tail a{text-decoration:none;color:#586069}.vditor-emojis__tail a:hover{color:#4285f4}.vditor-emojis span{cursor:pointer;border-radius:3px;float:left;height:26px;width:26px;text-align:center;line-height:20px;padding:3px;box-sizing:border-box;font-size:16px}.vditor-emojis span:hover{background-color:#4285f4}.vditor-emojis img{height:20px;width:20px;float:left}.vditor{display:flex;flex-direction:column;border:1px solid #d1d5da;border-radius:3px;box-sizing:border-box}.vditor--fullscreen{position:fixed;top:0;width:100% !important;left:0;height:100vh !important;z-index:90;background-color:#fff}.vditor-content{display:flex;min-height:60px;flex:1;position:relative}.vditor-textarea{flex:1;border:0;resize:none;padding:10px;box-sizing:border-box;background-color:#fafbfc;outline:0 none;font-size:16px;line-height:22px;color:#24292e;border-radius:0 0 3px 3px}.vditor-textarea[disabled]{opacity:0.3;cursor:not-allowed}.vditor-textarea:focus{background-color:#fff}.vditor-preview{flex:1;background-color:#fff;overflow:auto;padding:10px;box-shadow:inset 1px 0 #d1d5da;box-sizing:border-box;border-radius:0 0 3px 0}.vditor-preview::-webkit-scrollbar{display:none}.vditor-counter{padding:0 3px;position:absolute;bottom:10px;right:20px;color:#24292e;background-color:rgba(255,255,255,0.6);border-radius:3px;font-size:12px;user-select:none}.vditor-counter--error{color:#d23f31;background-color:rgba(210,63,49,0.1)}.vditor-resize{padding:1px 0;border-radius:5px;cursor:row-resize;transition:all .15s ease-in-out;user-select:none;background-color:#f6f8fa}.vditor-resize:hover{background-color:#4285f4}.vditor-resize:hover svg{color:#fff}.vditor-resize svg{fill:currentColor;stroke-width:0;stroke:currentColor;width:13px;height:3px;display:block;margin:0 auto;color:#586069}.vditor-upload{opacity:0;position:absolute;width:100%;height:5px;left:0;top:-3px;border-radius:3px;overflow:hidden;transition:all .15s ease-in-out;color:#fff;font-size:12px;line-height:14px}.vditor-upload ul{margin:0}.vditor-upload--tip{height:auto;opacity:1 !important}.vditor-upload--tip .vditor-upload__close{display:block}.vditor-upload__close{display:none;position:absolute;right:5px;cursor:pointer;padding:5px;top:0}.vditor-upload__progress{height:100%;background-color:rgba(66,133,244,0.8);transition:all .15s ease-in-out;padding:5px;box-sizing:border-box}.vditor-hint{background-color:#fff;position:absolute;box-shadow:0 1px 2px rgba(0,0,0,0.2);border-radius:3px;padding:5px 0;z-index:1;line-height:20px;list-style:none;color:#24292e;font-size:12px;margin:0;max-width:200px;min-width:80px;display:none}.vditor-hint li{cursor:pointer;padding:3px 10px;border-bottom:1px solid #d1d5da;line-height:20px}.vditor-hint li:last-child{border-bottom:0}.vditor-hint--current,.vditor-hint li:hover{background-color:#4285f4;color:#fff}.vditor-hint__emoji{font-size:16px;float:left;margin-right:3px}.vditor-hint img{height:20px;width:20px;float:left;margin-right:3px}#soloEditor{z-index:1041 !important}html{background-color:#f5f5f5}body{margin:0;font-family:Lato, "PingFang SC", "Microsoft YaHei", sans-serif;font-size:14px;color:#555;background:#fff}a{color:#555;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:before,.fn-clear:after{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:normal;font-style:normal}[class^="icon-"],[class*=" icon-"]{font-family:'icomoon' !important;speak:none;font-style:normal;font-weight:normal;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 input,.form textarea,.form button{border:1px solid #CCCCCC;background-color:#FAFAFA;border-radius:3px;box-shadow:0 1px 2px rgba(0,0,0,0.075) inset;padding:7px 8px;width:100%;box-sizing:border-box;outline:none}.form button{width:auto}.form input:focus,.form textarea:focus{background-color:#FFF;box-shadow:0 1px 2px rgba(0,0,0,0.075) inset,0 0 5px rgba(81,167,232,0.5);border:1px solid #51A7E8}.error-msg{color:#9EABB3;margin-right:10px}.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 0px}.logo-wrap{float:left;overflow:hidden;top:0;opacity:0}.logo-line-before,.logo-line-after{display:block;overflow:hidden;margin:0 auto;width:75%}.logo-line-before i,.logo-line-after 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{float:left;margin:5px 0 0 20px;padding:0 20px;opacity:0}.menu .menu-item{display:inline-block}.menu .menu-item a{padding:5px 10px;border:none;transition-property:background;transition-duration:0.2s;transition-timing-function:ease-in-out;transition-delay:0s}.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;border:none;padding-left:18px;border-radius:0;width:140px;background:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGhlaWdodD0iMTZweCIgaWQ9IkxheWVyXzEiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDE2IDE2OyIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgMTYgMTYiIHdpZHRoPSIxNnB4IiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48cGF0aCBkPSJNMTUuNywxNC4zbC0zLjEwNS0zLjEwNUMxMy40NzMsMTAuMDI0LDE0LDguNTc2LDE0LDdjMC0zLjg2Ni0zLjEzNC03LTctN1MwLDMuMTM0LDAsN3MzLjEzNCw3LDcsNyAgYzEuNTc2LDAsMy4wMjQtMC41MjcsNC4xOTQtMS40MDVMMTQuMywxNS43YzAuMTg0LDAuMTg0LDAuMzgsMC4zLDAuNywwLjNjMC41NTMsMCwxLTAuNDQ3LDEtMUMxNiwxNC43ODEsMTUuOTQ2LDE0LjU0NiwxNS43LDE0LjN6ICAgTTIsN2MwLTIuNzYyLDIuMjM4LTUsNS01czUsMi4yMzgsNSw1cy0yLjIzOCw1LTUsNVMyLDkuNzYyLDIsN3oiLz48L3N2Zz4=") no-repeat 0 50%;background-size:12px 12px;outline:none;border-bottom:1px solid #999;opacity:0.5}.site-search input:focus{opacity:1}.footer{margin-top:80px;padding:10px 20px;background:#f5f5f5;color:#666;line-height:2}.sidebar-toggle{position:fixed;right:50px;bottom:45px;width:15px;height:15px;padding:5px;background:#222;line-height:0;z-index:1050;cursor:pointer;-webkit-transform:translateZ(0)}.sidebar-toggle.has-toc .sidebar-toggle-line{background:#87daff}.sidebar-toggle-line{position:relative;display:inline-block;vertical-align:top;height:2px;width:100%;background:#fff;margin-top:4px;transition-duration:0.2s;transition-timing-function:ease-in-out;transition-delay:0s}.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{position:fixed;bottom:19px;right:50px;z-index:1050;width:15px;height:13px;padding:5px;background:#222;color:#fff;cursor:pointer;-webkit-transform:translateZ(0)}.back-to-top:before{display:block;content:" ";margin-top:2px;width:0;height:0;border-width:0 7px 8px 7px;border-color:transparent transparent #fff transparent;border-style:solid}.sidebar{overflow:auto;width:320px;position:fixed;right:-320px;top:0;bottom:0;z-index:1040;box-shadow:inset 0 2px 6px #000;background:#222;-webkit-transform:translateZ(0);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 .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{margin-top:20px}.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{margin-top:20px}.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);transition-duration:0.2s;transition-timing-function:ease-in-out;transition-delay:0s}.post-title-link:hover::before{visibility:visible;transform:scaleX(1)}.posts-expand .post-meta{margin:3px 0 60px 0;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;transition-duration:0.2s;transition-timing-function:ease-in-out;transition-delay:0s}.pagination .next:hover,.pagination .page-number:hover{border-top-color:#222}.pagination .page-number.current{color:#fff;background:#ccc;border-top-color:#ccc}.post-header{text-align:center}.post-body{word-wrap:break-word}.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}.content-reset{text-align:justify}.content-reset p{margin:0 0 25px 0}ul.comments{padding:0;list-style:none;margin-top:50px;position:relative}ul.comments li{padding:10px;white-space:normal;word-wrap:break-word;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:#d5dbde 1px solid;width:80%;left:69px}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}.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{content:" ";position:absolute;left:0;top:50%;margin-left:-4px;margin-top:-4px;width:8px;height:8px;background:#bbb;border-radius:50%}.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{content:" ";position:absolute;left:0;top:12px;width:6px;height:6px;margin-left:-4px;background:#bbb;border-radius:50%;border:1px solid #fff;transition-duration:0.2s;transition-timing-function:ease-in-out;transition-delay:0s;transition-property:background}.posts-collapse .post-header{position:relative;transition-duration:0.2s;transition-timing-function:ease-in-out;transition-delay:0s;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:normal;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:0.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-toggle,.sidebar{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}.logo-line-before,.logo-line-after,.menu,.site-search,.back-to-top{display:none}.header{margin-bottom:50px;padding:5px 0px}.header-line{position:relative;top:52px;height:1px;width:100%;background-color:#ddd;display:none}.wrapper{min-width:inherit}.btn-bar{display:block;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 .menu-item{display:block}.menu .page-icon{margin:6px -4px 0px 10px}.footer{text-align:center;font-size:12px;padding:10px 0}.footer .fn-right{float:none}} +@keyframes tooltip-appear{from{opacity:0}to{opacity:1}}.vditor-tooltipped{position:relative;cursor:pointer}.vditor-tooltipped::after{position:absolute;z-index:1000000;display:none;padding:5px 8px;font-size:11px;font-weight:normal;-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,0.8);border-radius:3px;line-height:16px;opacity:0}.vditor-tooltipped::before{position:absolute;z-index:1000001;display:none;width:0;height:0;color:rgba(0,0,0,0.8);pointer-events:none;content:"";border:5px solid transparent;opacity:0}.vditor-tooltipped--hover::before,.vditor-tooltipped--hover::after,.vditor-tooltipped:hover::before,.vditor-tooltipped:hover::after,.vditor-tooltipped:active::before,.vditor-tooltipped:active::after,.vditor-tooltipped:focus::before,.vditor-tooltipped:focus::after{display:inline-block;text-decoration:none;animation-name:tooltip-appear;animation-duration:0.1s;animation-fill-mode:forwards;animation-timing-function:ease-in;animation-delay:0.4s}.vditor-tooltipped__s::after,.vditor-tooltipped__se::after,.vditor-tooltipped__sw::after{top:100%;right:50%;margin-top:5px}.vditor-tooltipped__s::before,.vditor-tooltipped__se::before,.vditor-tooltipped__sw::before{top:auto;right:50%;bottom:-5px;margin-right:-5px;border-bottom-color:rgba(0,0,0,0.8)}.vditor-tooltipped__se::after{right:auto;left:50%;margin-left:-15px}.vditor-tooltipped__sw::after{margin-right:-15px}.vditor-tooltipped__n::after,.vditor-tooltipped__ne::after,.vditor-tooltipped__nw::after{right:50%;bottom:100%;margin-bottom:5px}.vditor-tooltipped__n::before,.vditor-tooltipped__ne::before,.vditor-tooltipped__nw::before{top:-5px;right:50%;bottom:auto;margin-right:-5px;border-top-color:rgba(0,0,0,0.8)}.vditor-tooltipped__ne::after{right:auto;left:50%;margin-left:-15px}.vditor-tooltipped__nw::after{margin-right:-15px}.vditor-tooltipped__s::after,.vditor-tooltipped__n::after{transform:translateX(50%)}.vditor-tooltipped__w::after{right:100%;bottom:50%;margin-right:5px;transform:translateY(50%)}.vditor-tooltipped__w::before{top:50%;bottom:50%;left:-5px;margin-top:-5px;border-left-color:rgba(0,0,0,0.8)}.vditor-tooltipped__e::after{bottom:50%;left:100%;margin-left:5px;transform:translateY(50%)}.vditor-tooltipped__e::before{top:50%;right:-5px;bottom:50%;margin-top:-5px;border-right-color:rgba(0,0,0,0.8)}.vditor-panel{background-color:#fff;position:absolute;box-shadow:0 1px 2px rgba(0,0,0,0.2);border-radius:3px;padding:5px;z-index:1;font-size:14px;display:none;user-select:none;max-width:200px;min-width:80px}.vditor-panel h1,.vditor-panel h2,.vditor-panel h3,.vditor-panel h4,.vditor-panel h5,.vditor-panel h6{margin:0;cursor:pointer;padding:3px 10px;border-radius:3px;line-height:normal}.vditor-panel h1:hover,.vditor-panel h2:hover,.vditor-panel h3:hover,.vditor-panel h4:hover,.vditor-panel h5:hover,.vditor-panel h6:hover{background-color:#4285f4;color:#fff}.vditor-toolbar{background-color:#f6f8fa;border-bottom:1px solid #d1d5da;padding:0 5px;border-radius:3px 3px 0 0}.vditor-toolbar>div{padding:10px 5px;float:left;line-height:14px;height:36px;box-sizing:border-box}.vditor-toolbar svg{fill:currentColor;display:inline-block;stroke-width:0;stroke:currentColor;width:14px;height:14px}.vditor-toolbar .vditor-tooltipped{color:#586069}.vditor-toolbar .vditor-tooltipped:hover{color:#4285f4}.vditor-toolbar label{overflow:hidden;position:relative;height:14px;width:15px;display:block;cursor:pointer}.vditor-toolbar input{position:absolute;width:1px;opacity:.001;height:14px;overflow:hidden}.vditor-menu--current svg{color:#4285f4}.vditor-menu__divider{width:10px}.vditor-menu__br{width:100%;padding:0 !important;height:0 !important}.vditor-emojis{display:inline-block}.vditor-emojis__tail{font-size:12px;text-align:right;color:#586069}.vditor-emojis__tail a{text-decoration:none;color:#586069}.vditor-emojis__tail a:hover{color:#4285f4}.vditor-emojis span{cursor:pointer;border-radius:3px;float:left;height:26px;width:26px;text-align:center;line-height:20px;padding:3px;box-sizing:border-box;font-size:16px}.vditor-emojis span:hover{background-color:#4285f4}.vditor-emojis img{height:20px;width:20px;float:left}.vditor{display:flex;flex-direction:column;border:1px solid #d1d5da;border-radius:3px;box-sizing:border-box}.vditor--fullscreen{position:fixed;top:0;width:100% !important;left:0;height:100vh !important;z-index:90;background-color:#fff}.vditor-content{display:flex;min-height:60px;flex:1;position:relative;overflow:hidden}.vditor-textarea{flex:1;border:0;resize:none;padding:10px;box-sizing:border-box;background-color:#fafbfc;outline:0 none;font-size:16px;line-height:22px;color:#24292e;border-radius:0 0 3px 3px}.vditor-textarea[disabled]{opacity:0.3;cursor:not-allowed}.vditor-textarea:focus{background-color:#fff}.vditor-preview{flex:1;background-color:#fff;overflow:auto;padding:10px;box-shadow:inset 1px 0 #d1d5da;box-sizing:border-box;border-radius:0 0 3px 0}.vditor-preview::-webkit-scrollbar{display:none}.vditor-counter{padding:0 3px;position:absolute;bottom:10px;right:20px;color:#24292e;background-color:rgba(255,255,255,0.6);border-radius:3px;font-size:12px;user-select:none}.vditor-counter--error{color:#d23f31;background-color:rgba(210,63,49,0.1)}.vditor-resize{padding:1px 0;border-radius:5px;cursor:row-resize;transition:all .15s ease-in-out;user-select:none;background-color:#f6f8fa}.vditor-resize:hover{background-color:#4285f4}.vditor-resize:hover svg{color:#fff}.vditor-resize svg{fill:currentColor;stroke-width:0;stroke:currentColor;width:13px;height:3px;display:block;margin:0 auto;color:#586069}.vditor-upload{opacity:0;position:absolute;width:100%;height:5px;left:0;top:-3px;border-radius:3px;overflow:hidden;transition:all .15s ease-in-out;color:#fff;font-size:12px;line-height:14px}.vditor-upload ul{margin:0}.vditor-upload--tip{height:auto;opacity:1 !important}.vditor-upload--tip .vditor-upload__close{display:block}.vditor-upload__close{display:none;position:absolute;right:5px;cursor:pointer;padding:5px;top:0}.vditor-upload__progress{height:100%;background-color:rgba(66,133,244,0.8);transition:all .15s ease-in-out;padding:5px;box-sizing:border-box}.vditor-hint{background-color:#fff;position:absolute;box-shadow:0 1px 2px rgba(0,0,0,0.2);border-radius:3px;padding:5px 0;z-index:1;line-height:20px;list-style:none;color:#24292e;font-size:12px;margin:0;max-width:200px;min-width:80px;display:none}.vditor-hint li{cursor:pointer;padding:3px 10px;border-bottom:1px solid #d1d5da;line-height:20px}.vditor-hint li:last-child{border-bottom:0}.vditor-hint--current,.vditor-hint li:hover{background-color:#4285f4;color:#fff}.vditor-hint__emoji{font-size:16px;float:left;margin-right:3px}.vditor-hint img{height:20px;width:20px;float:left;margin-right:3px}.vditor-reset{font-family:"Helvetica Neue","Luxi Sans","DejaVu Sans",Tahoma,"Hiragino Sans GB","Microsoft Yahei",sans-serif;word-wrap:break-word;overflow:auto;line-height:1.65;font-size:16px;word-break:break-word}.vditor-reset ul,.vditor-reset ol{padding-left:2em;margin-top:0;margin-bottom:16px}.vditor-reset li{margin-top:0.25em}.vditor-reset audio{max-width:100%}.vditor-reset video{max-height:90vh}.vditor-reset img.emoji{cursor:auto;max-width:20px;vertical-align:top}.vditor-reset h1,.vditor-reset h2,.vditor-reset h3,.vditor-reset h4,.vditor-reset h5,.vditor-reset h6{margin-top:24px;margin-bottom:16px;font-weight:600;line-height:1.25}.vditor-reset h1{padding-bottom:0.3em;font-size:1.7em;border-bottom:1px solid #eee}.vditor-reset h2{padding-bottom:0.3em;font-size:1.5em;border-bottom:1px solid #eee}.vditor-reset h3{font-size:1.25em}.vditor-reset h4{font-size:1em}.vditor-reset h5{font-size:0.875em}.vditor-reset h6{font-size:0.85em}.vditor-reset hr{height:0.15em;padding:0;margin:24px 0;background-color:#e7e7e7;border:0}.vditor-reset p{margin-top:0;margin-bottom:16px}.vditor-reset blockquote{padding:0 1em;color:#777;border-left:0.25em solid #ddd;margin:0 0 16px 0}.vditor-reset blockquote p{margin:0}.vditor-reset ins>iframe{border:0}.vditor-reset iframe{border:1px solid #d1d5da}.vditor-reset table{width:100%;border:1px solid #dedede;margin:15px auto;border-collapse:collapse;empty-cells:show}.vditor-reset thead{text-align:center}.vditor-reset td,.vditor-reset th{height:35px;border:1px solid #dedede;padding:0 10px}.vditor-reset th{font-weight:bold;text-align:center !important;background:rgba(158,188,226,0.2)}.vditor-reset tbody tr:nth-child(2n){background:rgba(158,188,226,0.12)}.vditor-reset tr:hover{background:#efefef}.vditor-reset code{padding:0.2em 0.4em;margin:0;font-size:85%;background-color:rgba(27,31,35,0.05);border-radius:3px;font-family:mononoki,Consolas,"Liberation Mono",Menlo,Courier,monospace;word-break:break-word}.vditor-reset pre>code{padding:0.5em;background-color:rgba(0,0,0,0.04);background-image:url("https://cdn.jsdelivr.net/npm/vditor@1.1.2/src/assets/images/code-bg.png");background-size:20px 20px;border-radius:5px;display:block;overflow:auto}.vditor-reset pre:hover div.vditor-copy{display:block}.vditor-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:solid 1px #d1d5da;border-bottom-color:#bbb;border-radius:3px;box-shadow:inset 0 -1px 0 #bbb}.vditor-reset summary{cursor:pointer}.vditor-reset summary:focus{outline:none}.vditor-reset svg{height:auto;width:auto}.vditor-task{list-style:none;margin-left:-1.4em;display:flex;align-items:center}.vditor-task input{margin-right:5px}.vditor-copy{position:relative;display:none}.vditor-copy textarea{position:absolute;top:-100000px}.vditor-copy span{cursor:pointer;position:absolute;right:0.5em;top:0.5em;height:20px;width:20px}.vditor-copy svg{height:20px;width:20px}#soloEditor{z-index:1041 !important}html{background-color:#f5f5f5}body{margin:0;font-family:Lato, "PingFang SC", "Microsoft YaHei", sans-serif;font-size:14px;color:#555;background:#fff}a{color:#555;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:before,.fn-clear:after{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:normal;font-style:normal}[class^="icon-"],[class*=" icon-"]{font-family:'icomoon' !important;speak:none;font-style:normal;font-weight:normal;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 input,.form textarea,.form button{border:1px solid #CCCCCC;background-color:#FAFAFA;border-radius:3px;box-shadow:0 1px 2px rgba(0,0,0,0.075) inset;padding:7px 8px;width:100%;box-sizing:border-box;outline:none}.form button{width:auto}.form input:focus,.form textarea:focus{background-color:#FFF;box-shadow:0 1px 2px rgba(0,0,0,0.075) inset,0 0 5px rgba(81,167,232,0.5);border:1px solid #51A7E8}.error-msg{color:#9EABB3;margin-right:10px}.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 0px}.logo-wrap{float:left;overflow:hidden;top:0;opacity:0}.logo-line-before,.logo-line-after{display:block;overflow:hidden;margin:0 auto;width:75%}.logo-line-before i,.logo-line-after 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{float:left;margin:5px 0 0 20px;padding:0 20px;opacity:0}.menu .menu-item{display:inline-block}.menu .menu-item a{padding:5px 10px;border:none;transition-property:background;transition-duration:0.2s;transition-timing-function:ease-in-out;transition-delay:0s}.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;border:none;padding-left:18px;border-radius:0;width:140px;background:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGhlaWdodD0iMTZweCIgaWQ9IkxheWVyXzEiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDE2IDE2OyIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgMTYgMTYiIHdpZHRoPSIxNnB4IiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48cGF0aCBkPSJNMTUuNywxNC4zbC0zLjEwNS0zLjEwNUMxMy40NzMsMTAuMDI0LDE0LDguNTc2LDE0LDdjMC0zLjg2Ni0zLjEzNC03LTctN1MwLDMuMTM0LDAsN3MzLjEzNCw3LDcsNyAgYzEuNTc2LDAsMy4wMjQtMC41MjcsNC4xOTQtMS40MDVMMTQuMywxNS43YzAuMTg0LDAuMTg0LDAuMzgsMC4zLDAuNywwLjNjMC41NTMsMCwxLTAuNDQ3LDEtMUMxNiwxNC43ODEsMTUuOTQ2LDE0LjU0NiwxNS43LDE0LjN6ICAgTTIsN2MwLTIuNzYyLDIuMjM4LTUsNS01czUsMi4yMzgsNSw1cy0yLjIzOCw1LTUsNVMyLDkuNzYyLDIsN3oiLz48L3N2Zz4=") no-repeat 0 50%;background-size:12px 12px;outline:none;border-bottom:1px solid #999;opacity:0.5}.site-search input:focus{opacity:1}.footer{margin-top:80px;padding:10px 20px;background:#f5f5f5;color:#666;line-height:2}.sidebar-toggle{position:fixed;right:50px;bottom:45px;width:15px;height:15px;padding:5px;background:#222;line-height:0;z-index:1050;cursor:pointer;-webkit-transform:translateZ(0)}.sidebar-toggle.has-toc .sidebar-toggle-line{background:#87daff}.sidebar-toggle-line{position:relative;display:inline-block;vertical-align:top;height:2px;width:100%;background:#fff;margin-top:4px;transition-duration:0.2s;transition-timing-function:ease-in-out;transition-delay:0s}.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{position:fixed;bottom:19px;right:50px;z-index:1050;width:15px;height:13px;padding:5px;background:#222;color:#fff;cursor:pointer;-webkit-transform:translateZ(0)}.back-to-top:before{display:block;content:" ";margin-top:2px;width:0;height:0;border-width:0 7px 8px 7px;border-color:transparent transparent #fff transparent;border-style:solid}.sidebar{overflow:auto;width:320px;position:fixed;right:-320px;top:0;bottom:0;z-index:1040;box-shadow:inset 0 2px 6px #000;background:#222;-webkit-transform:translateZ(0);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 .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{margin-top:20px}.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{margin-top:20px}.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);transition-duration:0.2s;transition-timing-function:ease-in-out;transition-delay:0s}.post-title-link:hover::before{visibility:visible;transform:scaleX(1)}.posts-expand .post-meta{margin:3px 0 60px 0;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;transition-duration:0.2s;transition-timing-function:ease-in-out;transition-delay:0s}.pagination .next:hover,.pagination .page-number:hover{border-top-color:#222}.pagination .page-number.current{color:#fff;background:#ccc;border-top-color:#ccc}.post-header{text-align:center}.post-body{word-wrap:break-word}.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}.vditor-reset{text-align:justify}.vditor-reset p{margin:0 0 25px 0}ul.comments{padding:0;list-style:none;margin-top:50px;position:relative}ul.comments li{padding:10px;white-space:normal;word-wrap:break-word;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:#d5dbde 1px solid;width:80%;left:69px}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}.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{content:" ";position:absolute;left:0;top:50%;margin-left:-4px;margin-top:-4px;width:8px;height:8px;background:#bbb;border-radius:50%}.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{content:" ";position:absolute;left:0;top:12px;width:6px;height:6px;margin-left:-4px;background:#bbb;border-radius:50%;border:1px solid #fff;transition-duration:0.2s;transition-timing-function:ease-in-out;transition-delay:0s;transition-property:background}.posts-collapse .post-header{position:relative;transition-duration:0.2s;transition-timing-function:ease-in-out;transition-delay:0s;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:normal;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:0.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-toggle,.sidebar{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}.logo-line-before,.logo-line-after,.menu,.site-search,.back-to-top{display:none}.header{margin-bottom:50px;padding:5px 0px}.header-line{position:relative;top:52px;height:1px;width:100%;background-color:#ddd;display:none}.wrapper{min-width:inherit}.btn-bar{display:block;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 .menu-item{display:block}.menu .page-icon{margin:6px -4px 0px 10px}.footer{text-align:center;font-size:12px;padding:10px 0}.footer .fn-right{float:none}} diff --git a/next/css/base.scss b/next/css/base.scss index 831d144..b03aeda 100644 --- a/next/css/base.scss +++ b/next/css/base.scss @@ -20,10 +20,9 @@ * skin next style * * @author Liyuan Li - * @version 2.0.0.0, Feb 21, 2019 + * @version 2.0.0.1, Mar 16, 2019 */ -@import "../../../scss/reset-content"; @import "vditor/src/assets/scss/classic"; #soloEditor { @@ -693,11 +692,11 @@ img { margin-top: 5px; } -.content-reset { +.vditor-reset { text-align: justify; } -.content-reset p { +.vditor-reset p { margin: 0 0 25px 0; } /* end article */ diff --git a/next/dynamic.ftl b/next/dynamic.ftl index 117df4a..10dccc6 100644 --- a/next/dynamic.ftl +++ b/next/dynamic.ftl @@ -48,7 +48,7 @@ ${viewLabel}»
-
+
${comment.commentContent}
diff --git a/next/footer.ftl b/next/footer.ftl index e29de9d..2eb4264 100644 --- a/next/footer.ftl +++ b/next/footer.ftl @@ -48,13 +48,12 @@ var Label = { "markedAvailable": ${markedAvailable?c}, + "hljsStyle": "atom-one-light", + "langLabel": "${langLabel}", "skinDirName": "${skinDirName}", "tocLabel": "${tocLabel}", "siteViewLabel": "${siteViewLabel}" }; - Util.initSW(); - Util.parseMarkdown(); - Util.killIE(8); - Util.previewImg() + Util.init() ${plugins} diff --git a/next/js/next.js b/next/js/next.js index 14047b1..eaa1b5c 100644 --- a/next/js/next.js +++ b/next/js/next.js @@ -135,7 +135,7 @@ var NexT = { } }, initToc: function () { - var $articleTocs = $('.content-reset [id^=b3_solo_h]'), + var $articleTocs = $('.vditor-reset [id^=b3_solo_h]'), $articleToc = $('.b3-solo-list'); $(window).scroll(function (event) { diff --git a/next/js/next.min.js b/next/js/next.min.js index cd1c413..2de610e 100644 --- a/next/js/next.min.js +++ b/next/js/next.min.js @@ -1 +1 @@ -var NexT={init:function(){$(".sidebar-toggle").click(function(){var i=$(".sidebar");$(this).hasClass("sidebar-active")?($(this).removeClass("sidebar-active"),$("body").animate({"padding-right":0}),i.animate({right:-320}),i.find("section").css("opacity",0)):($(this).addClass("sidebar-active"),$("body").animate({"padding-right":320}),i.animate({right:0},function(){i.find("section:first").animate({opacity:1})}))}),$(".site-nav-toggle").click(function(){$(".site-nav").slideToggle()}),$(document).ready(function(){setTimeout(function(){$(".logo-wrap").css("opacity",1),$(".logo-line-before i").animate({left:"0"},function(){$(".site-title").css("opacity",1).animate({top:0},function(){$(".menu").css("opacity",1).animate({"margin-top":"15px"}),$(".main").css("opacity",1).animate({top:"0"},function(){0<$(".b3-solo-list li").length&&1e3<$(window).width()&&$(".sidebar-toggle").click()})})}),$(".logo-line-after i").animate({right:"0"})},500)})},initArticle:function(){if(0<$(".b3-solo-list li").length&&1e3<$(window).width()){$(".sidebar-toggle").addClass("has-toc");var i='
  • '+Label.tocLabel+'
  • '+Label.siteViewLabel+"
";$(".sidebar").prepend(i);var t=$(".sidebar section:first").html($(".b3-solo-list")),a=$(".sidebar section:last");t.height($(window).height()-90),$(".sidebar > ul > li").click(function(){"toc"===$(this).data("tab")?a.animate({opacity:"0",top:"-50px"},300,function(){t.show().css("top","-50px"),t.animate({opacity:"1",top:"0"},300)}):t.animate({opacity:"0",top:"-50px"},300,function(){t.hide().css("top","-50px"),a.animate({opacity:"1",top:"0"},300)}),$(".sidebar > ul > li").removeClass("current"),$(this).addClass("current")}),this.initToc()}},initToc:function(){var s=$(".content-reset [id^=b3_solo_h]"),l=$(".b3-solo-list");$(window).scroll(function(i){if(0===$(".b3-solo-list li").length)return!1;var t=[];s.each(function(i){t.push({id:this.id,offsetTop:this.offsetTop})});for(var a=$(window).scrollTop(),e=0,o=t.length;e=t[t.length-1].offsetTop+200&&(l.find("li").removeClass("current"),l.find("li:last").addClass("current"))}),$(window).scroll()}};NexT.init(); \ No newline at end of file +var NexT={init:function(){$(".sidebar-toggle").click(function(){var i=$(".sidebar");$(this).hasClass("sidebar-active")?($(this).removeClass("sidebar-active"),$("body").animate({"padding-right":0}),i.animate({right:-320}),i.find("section").css("opacity",0)):($(this).addClass("sidebar-active"),$("body").animate({"padding-right":320}),i.animate({right:0},function(){i.find("section:first").animate({opacity:1})}))}),$(".site-nav-toggle").click(function(){$(".site-nav").slideToggle()}),$(document).ready(function(){setTimeout(function(){$(".logo-wrap").css("opacity",1),$(".logo-line-before i").animate({left:"0"},function(){$(".site-title").css("opacity",1).animate({top:0},function(){$(".menu").css("opacity",1).animate({"margin-top":"15px"}),$(".main").css("opacity",1).animate({top:"0"},function(){0<$(".b3-solo-list li").length&&1e3<$(window).width()&&$(".sidebar-toggle").click()})})}),$(".logo-line-after i").animate({right:"0"})},500)})},initArticle:function(){if(0<$(".b3-solo-list li").length&&1e3<$(window).width()){$(".sidebar-toggle").addClass("has-toc");var i='
  • '+Label.tocLabel+'
  • '+Label.siteViewLabel+"
";$(".sidebar").prepend(i);var t=$(".sidebar section:first").html($(".b3-solo-list")),a=$(".sidebar section:last");t.height($(window).height()-90),$(".sidebar > ul > li").click(function(){"toc"===$(this).data("tab")?a.animate({opacity:"0",top:"-50px"},300,function(){t.show().css("top","-50px"),t.animate({opacity:"1",top:"0"},300)}):t.animate({opacity:"0",top:"-50px"},300,function(){t.hide().css("top","-50px"),a.animate({opacity:"1",top:"0"},300)}),$(".sidebar > ul > li").removeClass("current"),$(this).addClass("current")}),this.initToc()}},initToc:function(){var n=$(".vditor-reset [id^=b3_solo_h]"),l=$(".b3-solo-list");$(window).scroll(function(i){if(0===$(".b3-solo-list li").length)return!1;var t=[];n.each(function(i){t.push({id:this.id,offsetTop:this.offsetTop})});for(var a=$(window).scrollTop(),e=0,o=t.length;e=t[t.length-1].offsetTop+200&&(l.find("li").removeClass("current"),l.find("li:last").addClass("current"))}),$(window).scroll()}};NexT.init(); \ No newline at end of file diff --git a/next/page.ftl b/next/page.ftl index 9234e61..62d3546 100644 --- a/next/page.ftl +++ b/next/page.ftl @@ -33,7 +33,7 @@
-
+
${page.pageContent}
<@comments commentList=pageComments article=page> diff --git a/nijigen/article-list.ftl b/nijigen/article-list.ftl index e67e53f..e1a1579 100644 --- a/nijigen/article-list.ftl +++ b/nijigen/article-list.ftl @@ -65,7 +65,7 @@
-
+
${article.articleAbstract}
diff --git a/nijigen/article.ftl b/nijigen/article.ftl index 727087b..eb86d80 100644 --- a/nijigen/article.ftl +++ b/nijigen/article.ftl @@ -100,7 +100,7 @@
-
+
${article.articleContent} <#if "" != article.articleSign.signHTML?trim>
diff --git a/nijigen/common-comment.ftl b/nijigen/common-comment.ftl index edb5023..e132cf0 100644 --- a/nijigen/common-comment.ftl +++ b/nijigen/common-comment.ftl @@ -36,7 +36,7 @@
-
+
${comment.commentContent}
<#if article?? && article.commentable> diff --git a/nijigen/css/base.css b/nijigen/css/base.css index d0ca9d5..0cb0bba 100644 --- a/nijigen/css/base.css +++ b/nijigen/css/base.css @@ -1 +1 @@ -html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;height:100%}body{margin:0;font-family:"Helvetica Neue", "Luxi Sans", "DejaVu Sans", Tahoma, "Hiragino Sans GB", "Microsoft Yahei", sans-serif;font-size:14px;background-color:#fff;-webkit-font-smoothing:antialiased;-webkit-overflow-scrolling:touch}::-moz-selection{text-shadow:none;background:rgba(65,131,196,0.4)}::selection{text-shadow:none;background:rgba(66,133,244,0.4)}ul,ol{margin:0;padding:0}h1,h2,h3,h4,h5,h6,dl,dd,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{outline:0;text-decoration:none}a:hover{text-decoration:underline}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.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{margin:0;font-size:100%;vertical-align:middle;font-family:"Helvetica Neue", "Luxi Sans", "DejaVu Sans", Tahoma, "Hiragino Sans GB", "Microsoft Yahei", sans-serif;outline:none}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"]{box-sizing:content-box;-webkit-appearance:textfield}input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none}textarea{overflow:auto;resize:vertical}svg{fill:currentColor;display:inline-block;stroke-width:0;stroke:currentColor;width:14px;height:14px}blockquote{margin:0}.content-reset{word-wrap:break-word;overflow:auto;line-height:1.65;font-size:16px;word-break:break-word}.content-reset ul,.content-reset ol{padding-left:2em;margin-top:0;margin-bottom:16px}.content-reset li{margin-top:0.25em}.content-reset audio{max-width:100%}.content-reset video{max-height:90vh}.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{padding-bottom:0.3em;font-size:1.7em;border-bottom:1px solid #eee}.content-reset h2{padding-bottom:0.3em;font-size:1.5em;border-bottom:1px solid #eee}.content-reset h3{font-size:1.25em}.content-reset h4{font-size:1em}.content-reset h5{font-size:0.875em}.content-reset h6{font-size:0.85em}.content-reset hr{height:1px;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:0.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,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:bold;text-align:center !important;background:rgba(158,188,226,0.2)}.content-reset tbody tr:nth-child(2n){background:rgba(158,188,226,0.12)}.content-reset tr:hover{background:#efefef}.content-reset code{padding:.2em .4em;margin:0;font-size:85%;background-color:rgba(27,31,35,0.05);border-radius:3px;font-family:mononoki, Consolas, Liberation Mono, Menlo, Courier, monospace;word-break:break-word}.content-reset pre{position:relative}.content-reset pre textarea{position:absolute;top:-100000px}.content-reset pre>code{padding:0.5em;background-color:rgba(0,0,0,0.04);background-size:20px 20px;border-radius:5px;display:block}.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:solid 1px rgba(0,0,0,0.38);border-bottom-color:#bbb;border-radius:3px;box-shadow:inset 0 -1px 0 #bbb}.content-reset__task,.content-reset .task-list-item{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}.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__pointer{cursor:pointer}.fn__clear:before,.fn__clear:after{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__center{text-align:center}.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;cursor:pointer}.tooltipped::after{position:absolute;z-index:1000000;display:none;padding:5px 8px;font-size:11px;font-weight:normal;-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,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,0.8);pointer-events:none;content:"";border:5px solid transparent;opacity:0}.tooltipped--hover::before,.tooltipped--hover::after,.tooltipped:hover::before,.tooltipped:hover::after,.tooltipped:active::before,.tooltipped:active::after,.tooltipped:focus::before,.tooltipped:focus::after{display:inline-block;text-decoration:none;animation-name:tooltip-appear;animation-duration:0.1s;animation-fill-mode:forwards;animation-timing-function:ease-in;animation-delay:0.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,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,0.8)}.tooltipped__ne::after{right:auto;left:50%;margin-left:-15px}.tooltipped__nw::after{margin-right:-15px}.tooltipped__s::after,.tooltipped__n::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,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,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:0px;width:100px;height:100%;box-shadow:0 0 10px #d23f31, 0 0 5px #d23f31;opacity:1.0;-webkit-transform:rotate(3deg) translate(0px, -4px);-ms-transform:rotate(3deg) translate(0px, -4px);transform:rotate(3deg) translate(0px, -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:solid 2px transparent;border-top-color:#d23f31;border-left-color:#d23f31;border-radius:50%;-webkit-animation:nprogress-spinner 400ms linear infinite;animation:nprogress-spinner 400ms linear infinite}.nprogress-custom-parent{overflow:hidden;position:relative}.nprogress-custom-parent #nprogress .spinner,.nprogress-custom-parent #nprogress .bar{position:absolute}@-webkit-keyframes nprogress-spinner{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}}@keyframes nprogress-spinner{0%{transform:rotate(0deg)}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:normal;font-style:normal}[class^="icon__"],[class*=" icon__"]{font-family:'icomoon' !important;speak:none;font-style:normal;font-weight:normal;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"}@keyframes tooltip-appear{from{opacity:0}to{opacity:1}}.vditor-tooltipped{position:relative;cursor:pointer}.vditor-tooltipped::after{position:absolute;z-index:1000000;display:none;padding:5px 8px;font-size:11px;font-weight:normal;-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,0.8);border-radius:3px;line-height:16px;opacity:0}.vditor-tooltipped::before{position:absolute;z-index:1000001;display:none;width:0;height:0;color:rgba(0,0,0,0.8);pointer-events:none;content:"";border:5px solid transparent;opacity:0}.vditor-tooltipped--hover::before,.vditor-tooltipped--hover::after,.vditor-tooltipped:hover::before,.vditor-tooltipped:hover::after,.vditor-tooltipped:active::before,.vditor-tooltipped:active::after,.vditor-tooltipped:focus::before,.vditor-tooltipped:focus::after{display:inline-block;text-decoration:none;animation-name:tooltip-appear;animation-duration:0.1s;animation-fill-mode:forwards;animation-timing-function:ease-in;animation-delay:0.4s}.vditor-tooltipped__s::after,.vditor-tooltipped__se::after,.vditor-tooltipped__sw::after{top:100%;right:50%;margin-top:5px}.vditor-tooltipped__s::before,.vditor-tooltipped__se::before,.vditor-tooltipped__sw::before{top:auto;right:50%;bottom:-5px;margin-right:-5px;border-bottom-color:rgba(0,0,0,0.8)}.vditor-tooltipped__se::after{right:auto;left:50%;margin-left:-15px}.vditor-tooltipped__sw::after{margin-right:-15px}.vditor-tooltipped__n::after,.vditor-tooltipped__ne::after,.vditor-tooltipped__nw::after{right:50%;bottom:100%;margin-bottom:5px}.vditor-tooltipped__n::before,.vditor-tooltipped__ne::before,.vditor-tooltipped__nw::before{top:-5px;right:50%;bottom:auto;margin-right:-5px;border-top-color:rgba(0,0,0,0.8)}.vditor-tooltipped__ne::after{right:auto;left:50%;margin-left:-15px}.vditor-tooltipped__nw::after{margin-right:-15px}.vditor-tooltipped__s::after,.vditor-tooltipped__n::after{transform:translateX(50%)}.vditor-tooltipped__w::after{right:100%;bottom:50%;margin-right:5px;transform:translateY(50%)}.vditor-tooltipped__w::before{top:50%;bottom:50%;left:-5px;margin-top:-5px;border-left-color:rgba(0,0,0,0.8)}.vditor-tooltipped__e::after{bottom:50%;left:100%;margin-left:5px;transform:translateY(50%)}.vditor-tooltipped__e::before{top:50%;right:-5px;bottom:50%;margin-top:-5px;border-right-color:rgba(0,0,0,0.8)}.vditor-panel{background-color:#fff;position:absolute;box-shadow:0 1px 2px rgba(0,0,0,0.2);border-radius:3px;padding:5px;z-index:1;font-size:14px;display:none;user-select:none;max-width:200px;min-width:80px}.vditor-panel h1,.vditor-panel h2,.vditor-panel h3,.vditor-panel h4,.vditor-panel h5,.vditor-panel h6{margin:0;cursor:pointer;padding:3px 10px;border-radius:3px;line-height:normal}.vditor-panel h1:hover,.vditor-panel h2:hover,.vditor-panel h3:hover,.vditor-panel h4:hover,.vditor-panel h5:hover,.vditor-panel h6:hover{background-color:#4285f4;color:#fff}.vditor-toolbar{background-color:#f6f8fa;border-bottom:1px solid #d1d5da;padding:0 5px;border-radius:3px 3px 0 0}.vditor-toolbar>div{padding:10px 5px;float:left;line-height:14px;height:36px;box-sizing:border-box}.vditor-toolbar svg{fill:currentColor;display:inline-block;stroke-width:0;stroke:currentColor;width:14px;height:14px}.vditor-toolbar .vditor-tooltipped{color:#586069}.vditor-toolbar .vditor-tooltipped:hover{color:#4285f4}.vditor-toolbar label{overflow:hidden;position:relative;height:14px;width:15px;display:block;cursor:pointer}.vditor-toolbar input{position:absolute;width:1px;opacity:.001;height:14px;overflow:hidden}.vditor-menu--current svg{color:#4285f4}.vditor-menu__divider{width:10px}.vditor-menu__br{width:100%;padding:0 !important;height:0 !important}.vditor-emojis{display:inline-block}.vditor-emojis__tail{font-size:12px;text-align:right;color:#586069}.vditor-emojis__tail a{text-decoration:none;color:#586069}.vditor-emojis__tail a:hover{color:#4285f4}.vditor-emojis span{cursor:pointer;border-radius:3px;float:left;height:26px;width:26px;text-align:center;line-height:20px;padding:3px;box-sizing:border-box;font-size:16px}.vditor-emojis span:hover{background-color:#4285f4}.vditor-emojis img{height:20px;width:20px;float:left}.vditor{display:flex;flex-direction:column;border:1px solid #d1d5da;border-radius:3px;box-sizing:border-box}.vditor--fullscreen{position:fixed;top:0;width:100% !important;left:0;height:100vh !important;z-index:90;background-color:#fff}.vditor-content{display:flex;min-height:60px;flex:1;position:relative}.vditor-textarea{flex:1;border:0;resize:none;padding:10px;box-sizing:border-box;background-color:#fafbfc;outline:0 none;font-size:16px;line-height:22px;color:#24292e;border-radius:0 0 3px 3px}.vditor-textarea[disabled]{opacity:0.3;cursor:not-allowed}.vditor-textarea:focus{background-color:#fff}.vditor-preview{flex:1;background-color:#fff;overflow:auto;padding:10px;box-shadow:inset 1px 0 #d1d5da;box-sizing:border-box;border-radius:0 0 3px 0}.vditor-preview::-webkit-scrollbar{display:none}.vditor-counter{padding:0 3px;position:absolute;bottom:10px;right:20px;color:#24292e;background-color:rgba(255,255,255,0.6);border-radius:3px;font-size:12px;user-select:none}.vditor-counter--error{color:#d23f31;background-color:rgba(210,63,49,0.1)}.vditor-resize{padding:1px 0;border-radius:5px;cursor:row-resize;transition:all .15s ease-in-out;user-select:none;background-color:#f6f8fa}.vditor-resize:hover{background-color:#4285f4}.vditor-resize:hover svg{color:#fff}.vditor-resize svg{fill:currentColor;stroke-width:0;stroke:currentColor;width:13px;height:3px;display:block;margin:0 auto;color:#586069}.vditor-upload{opacity:0;position:absolute;width:100%;height:5px;left:0;top:-3px;border-radius:3px;overflow:hidden;transition:all .15s ease-in-out;color:#fff;font-size:12px;line-height:14px}.vditor-upload ul{margin:0}.vditor-upload--tip{height:auto;opacity:1 !important}.vditor-upload--tip .vditor-upload__close{display:block}.vditor-upload__close{display:none;position:absolute;right:5px;cursor:pointer;padding:5px;top:0}.vditor-upload__progress{height:100%;background-color:rgba(66,133,244,0.8);transition:all .15s ease-in-out;padding:5px;box-sizing:border-box}.vditor-hint{background-color:#fff;position:absolute;box-shadow:0 1px 2px rgba(0,0,0,0.2);border-radius:3px;padding:5px 0;z-index:1;line-height:20px;list-style:none;color:#24292e;font-size:12px;margin:0;max-width:200px;min-width:80px;display:none}.vditor-hint li{cursor:pointer;padding:3px 10px;border-bottom:1px solid #d1d5da;line-height:20px}.vditor-hint li:last-child{border-bottom:0}.vditor-hint--current,.vditor-hint li:hover{background-color:#4285f4;color:#fff}.vditor-hint__emoji{font-size:16px;float:left;margin-right:3px}.vditor-hint img{height:20px;width:20px;float:left;margin-right:3px}body{cursor:url(../images/cursor.cur),url(../images/cursor.cur),auto}a{transition:all .3s;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,0.2);transition:all .3s}.module.item{transform:translateY(30px);transition:transform 2s cubic-bezier(0.175, 0.885, 0.32, 1.275)}.module.item--active{transform:translate(0)}.module:hover{box-shadow:0px 0px 20px 0px rgba(0,0,0,0.8)}.module__content{background-color:rgba(255,255,255,0.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,0.7);padding:15px;color:#fff}.module__header a{color:#fff}.module__header:hover{background-color:rgba(10,10,0,0.9)}.module__list li{border-bottom:1px solid #ddd;background-color:rgba(255,255,255,0.8);line-height:20px}.module__list li a{padding:15px 15px;display:block;color:#3d4450}.module__list li a:hover{text-decoration:none;color:#b94a48;background-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(0deg)}25%{opacity:0;transform:scale(1.1) rotate(0deg)}100%{opacity:0}}.header{background-color:rgba(10,10,0,0.7);height:50px;line-height:50px;color:#fff;transition:all .3s;box-shadow:0 0 8px black}.header:hover{background-color:rgba(10,10,0,0.9)}.header a{color:#fff;padding:0 15px;display:inline-block}.header a.current,.header a:hover{text-decoration:none;background-color:rgba(102,88,184,0.8)}.header__logo{position:absolute;left:30px}.header__nav{text-align:center}.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:0 auto;margin-bottom:15px;transition:transform .3s;margin-top:10px}.side__avatar:hover{transform:rotate(360deg) scale(1.2);border:5px solid rgba(114,102,186,0.36);margin-top:0}.tag{float:left;color:#fff;padding:2px 5px;border:1px solid transparent;height:20px;white-space:nowrap;word-wrap:normal;background-color:rgba(10,10,0,0.7);border-radius:3px 3px 3px 3px;line-height:21px;margin:0 15px 15px 0}.tag a{color:#fff}.tag:hover{background-color:#b94a48;box-shadow:0 1px 1px rgba(0,0,0,0.2);text-decoration:none}.breadcrumb{color:#7266BA !important}.breadcrumb:hover{color:#3d4450 !important}.footer{text-align:center;color:#fff;padding:15px;margin-bottom:30px}.footer a{color:#7266BA}.article-list .item{border-radius:5px;margin-bottom:30px;box-shadow:1px 1px 3px 1px rgba(0,0,0,0.2);padding:15px;background-color:rgba(255,255,255,0.8);position:relative;transition:all 0.3s,transform 1s cubic-bezier(0.175, 0.885, 0.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:0px 0px 20px 0px rgba(0,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,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;text-align:center;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,0.58)}.pagination__item--text{background-color:rgba(255,255,255,0.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,0.2);transition:all .3s}.comments__item:hover{box-shadow:0px 0px 20px 0px rgba(0,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{background-color:#d9edf7}.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,0.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,0.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,0.6)}.comment-body-ref{right:0;position:absolute;left:64px}.comment-body-ref .breadcrumb{display:none}.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,0.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,0.075),0 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}.icon__up{position:fixed;bottom:30px;right:30px;color:#fff;background-color:rgba(114,102,186,0.8);height:30px;width:30px;line-height:28px;border-radius:15px;cursor:pointer;display:none;text-align:center}.icon__up:hover{background-color:#6658b8}.content .b3-solo-list{display:none !important}.b3-solo-list{margin:0 !important;font-size:14px !important}.b3-solo-list-h1{margin:0 !important}.b3-solo-list-h2{margin:0 !important}.b3-solo-list-h2 a{padding-left:30px !important}.b3-solo-list-h3{margin:0 !important}.b3-solo-list-h3 a{padding-left:45px !important}.b3-solo-list-h4{margin:0 !important}.b3-solo-list-h4 a{padding-left:60px !important}.b3-solo-list-h5{margin:0 !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,0.8);margin-bottom:0}@media (max-width: 768px){.mobile__hidden{display:none}.mobile__hidden.fn__none{display:block}.main{display:block;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{display:none}.article-list .item,.module,.comments__item{margin-bottom:15px}.footer{margin:0 15px 15px;background-color:rgba(255,255,255,0.8);border-radius:5px;color:#3d4450;line-height:20px}.footer a{text-decoration:underline}.footer .fn__none--m{display:none}.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__more,.header__m .icon__list{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}} +html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;height:100%}body{margin:0;font-family:"Helvetica Neue", "Luxi Sans", "DejaVu Sans", Tahoma, "Hiragino Sans GB", "Microsoft Yahei", sans-serif;font-size:14px;background-color:#fff;-webkit-font-smoothing:antialiased;-webkit-overflow-scrolling:touch}::-moz-selection{text-shadow:none;background:rgba(65,131,196,0.4)}::selection{text-shadow:none;background:rgba(66,133,244,0.4)}ul,ol{margin:0;padding:0}h1,h2,h3,h4,h5,h6,dl,dd,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{outline:0;text-decoration:none}a:hover{text-decoration:underline}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.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{margin:0;font-size:100%;vertical-align:middle;font-family:"Helvetica Neue", "Luxi Sans", "DejaVu Sans", Tahoma, "Hiragino Sans GB", "Microsoft Yahei", sans-serif;outline:none}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"]{box-sizing:content-box;-webkit-appearance:textfield}input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none}textarea{overflow:auto;resize:vertical}svg{fill:currentColor;display:inline-block;stroke-width:0;stroke:currentColor;width:14px;height:14px}blockquote{margin:0}.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__pointer{cursor:pointer}.fn__clear:before,.fn__clear:after{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__center{text-align:center}.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;cursor:pointer}.tooltipped::after{position:absolute;z-index:1000000;display:none;padding:5px 8px;font-size:11px;font-weight:normal;-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,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,0.8);pointer-events:none;content:"";border:5px solid transparent;opacity:0}.tooltipped--hover::before,.tooltipped--hover::after,.tooltipped:hover::before,.tooltipped:hover::after,.tooltipped:active::before,.tooltipped:active::after,.tooltipped:focus::before,.tooltipped:focus::after{display:inline-block;text-decoration:none;animation-name:tooltip-appear;animation-duration:0.1s;animation-fill-mode:forwards;animation-timing-function:ease-in;animation-delay:0.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,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,0.8)}.tooltipped__ne::after{right:auto;left:50%;margin-left:-15px}.tooltipped__nw::after{margin-right:-15px}.tooltipped__s::after,.tooltipped__n::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,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,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:0px;width:100px;height:100%;box-shadow:0 0 10px #d23f31, 0 0 5px #d23f31;opacity:1.0;-webkit-transform:rotate(3deg) translate(0px, -4px);-ms-transform:rotate(3deg) translate(0px, -4px);transform:rotate(3deg) translate(0px, -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:solid 2px transparent;border-top-color:#d23f31;border-left-color:#d23f31;border-radius:50%;-webkit-animation:nprogress-spinner 400ms linear infinite;animation:nprogress-spinner 400ms linear infinite}.nprogress-custom-parent{overflow:hidden;position:relative}.nprogress-custom-parent #nprogress .spinner,.nprogress-custom-parent #nprogress .bar{position:absolute}@-webkit-keyframes nprogress-spinner{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}}@keyframes nprogress-spinner{0%{transform:rotate(0deg)}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:normal;font-style:normal}[class^="icon__"],[class*=" icon__"]{font-family:'icomoon' !important;speak:none;font-style:normal;font-weight:normal;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"}@keyframes tooltip-appear{from{opacity:0}to{opacity:1}}.vditor-tooltipped{position:relative;cursor:pointer}.vditor-tooltipped::after{position:absolute;z-index:1000000;display:none;padding:5px 8px;font-size:11px;font-weight:normal;-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,0.8);border-radius:3px;line-height:16px;opacity:0}.vditor-tooltipped::before{position:absolute;z-index:1000001;display:none;width:0;height:0;color:rgba(0,0,0,0.8);pointer-events:none;content:"";border:5px solid transparent;opacity:0}.vditor-tooltipped--hover::before,.vditor-tooltipped--hover::after,.vditor-tooltipped:hover::before,.vditor-tooltipped:hover::after,.vditor-tooltipped:active::before,.vditor-tooltipped:active::after,.vditor-tooltipped:focus::before,.vditor-tooltipped:focus::after{display:inline-block;text-decoration:none;animation-name:tooltip-appear;animation-duration:0.1s;animation-fill-mode:forwards;animation-timing-function:ease-in;animation-delay:0.4s}.vditor-tooltipped__s::after,.vditor-tooltipped__se::after,.vditor-tooltipped__sw::after{top:100%;right:50%;margin-top:5px}.vditor-tooltipped__s::before,.vditor-tooltipped__se::before,.vditor-tooltipped__sw::before{top:auto;right:50%;bottom:-5px;margin-right:-5px;border-bottom-color:rgba(0,0,0,0.8)}.vditor-tooltipped__se::after{right:auto;left:50%;margin-left:-15px}.vditor-tooltipped__sw::after{margin-right:-15px}.vditor-tooltipped__n::after,.vditor-tooltipped__ne::after,.vditor-tooltipped__nw::after{right:50%;bottom:100%;margin-bottom:5px}.vditor-tooltipped__n::before,.vditor-tooltipped__ne::before,.vditor-tooltipped__nw::before{top:-5px;right:50%;bottom:auto;margin-right:-5px;border-top-color:rgba(0,0,0,0.8)}.vditor-tooltipped__ne::after{right:auto;left:50%;margin-left:-15px}.vditor-tooltipped__nw::after{margin-right:-15px}.vditor-tooltipped__s::after,.vditor-tooltipped__n::after{transform:translateX(50%)}.vditor-tooltipped__w::after{right:100%;bottom:50%;margin-right:5px;transform:translateY(50%)}.vditor-tooltipped__w::before{top:50%;bottom:50%;left:-5px;margin-top:-5px;border-left-color:rgba(0,0,0,0.8)}.vditor-tooltipped__e::after{bottom:50%;left:100%;margin-left:5px;transform:translateY(50%)}.vditor-tooltipped__e::before{top:50%;right:-5px;bottom:50%;margin-top:-5px;border-right-color:rgba(0,0,0,0.8)}.vditor-panel{background-color:#fff;position:absolute;box-shadow:0 1px 2px rgba(0,0,0,0.2);border-radius:3px;padding:5px;z-index:1;font-size:14px;display:none;user-select:none;max-width:200px;min-width:80px}.vditor-panel h1,.vditor-panel h2,.vditor-panel h3,.vditor-panel h4,.vditor-panel h5,.vditor-panel h6{margin:0;cursor:pointer;padding:3px 10px;border-radius:3px;line-height:normal}.vditor-panel h1:hover,.vditor-panel h2:hover,.vditor-panel h3:hover,.vditor-panel h4:hover,.vditor-panel h5:hover,.vditor-panel h6:hover{background-color:#4285f4;color:#fff}.vditor-toolbar{background-color:#f6f8fa;border-bottom:1px solid #d1d5da;padding:0 5px;border-radius:3px 3px 0 0}.vditor-toolbar>div{padding:10px 5px;float:left;line-height:14px;height:36px;box-sizing:border-box}.vditor-toolbar svg{fill:currentColor;display:inline-block;stroke-width:0;stroke:currentColor;width:14px;height:14px}.vditor-toolbar .vditor-tooltipped{color:#586069}.vditor-toolbar .vditor-tooltipped:hover{color:#4285f4}.vditor-toolbar label{overflow:hidden;position:relative;height:14px;width:15px;display:block;cursor:pointer}.vditor-toolbar input{position:absolute;width:1px;opacity:.001;height:14px;overflow:hidden}.vditor-menu--current svg{color:#4285f4}.vditor-menu__divider{width:10px}.vditor-menu__br{width:100%;padding:0 !important;height:0 !important}.vditor-emojis{display:inline-block}.vditor-emojis__tail{font-size:12px;text-align:right;color:#586069}.vditor-emojis__tail a{text-decoration:none;color:#586069}.vditor-emojis__tail a:hover{color:#4285f4}.vditor-emojis span{cursor:pointer;border-radius:3px;float:left;height:26px;width:26px;text-align:center;line-height:20px;padding:3px;box-sizing:border-box;font-size:16px}.vditor-emojis span:hover{background-color:#4285f4}.vditor-emojis img{height:20px;width:20px;float:left}.vditor{display:flex;flex-direction:column;border:1px solid #d1d5da;border-radius:3px;box-sizing:border-box}.vditor--fullscreen{position:fixed;top:0;width:100% !important;left:0;height:100vh !important;z-index:90;background-color:#fff}.vditor-content{display:flex;min-height:60px;flex:1;position:relative;overflow:hidden}.vditor-textarea{flex:1;border:0;resize:none;padding:10px;box-sizing:border-box;background-color:#fafbfc;outline:0 none;font-size:16px;line-height:22px;color:#24292e;border-radius:0 0 3px 3px}.vditor-textarea[disabled]{opacity:0.3;cursor:not-allowed}.vditor-textarea:focus{background-color:#fff}.vditor-preview{flex:1;background-color:#fff;overflow:auto;padding:10px;box-shadow:inset 1px 0 #d1d5da;box-sizing:border-box;border-radius:0 0 3px 0}.vditor-preview::-webkit-scrollbar{display:none}.vditor-counter{padding:0 3px;position:absolute;bottom:10px;right:20px;color:#24292e;background-color:rgba(255,255,255,0.6);border-radius:3px;font-size:12px;user-select:none}.vditor-counter--error{color:#d23f31;background-color:rgba(210,63,49,0.1)}.vditor-resize{padding:1px 0;border-radius:5px;cursor:row-resize;transition:all .15s ease-in-out;user-select:none;background-color:#f6f8fa}.vditor-resize:hover{background-color:#4285f4}.vditor-resize:hover svg{color:#fff}.vditor-resize svg{fill:currentColor;stroke-width:0;stroke:currentColor;width:13px;height:3px;display:block;margin:0 auto;color:#586069}.vditor-upload{opacity:0;position:absolute;width:100%;height:5px;left:0;top:-3px;border-radius:3px;overflow:hidden;transition:all .15s ease-in-out;color:#fff;font-size:12px;line-height:14px}.vditor-upload ul{margin:0}.vditor-upload--tip{height:auto;opacity:1 !important}.vditor-upload--tip .vditor-upload__close{display:block}.vditor-upload__close{display:none;position:absolute;right:5px;cursor:pointer;padding:5px;top:0}.vditor-upload__progress{height:100%;background-color:rgba(66,133,244,0.8);transition:all .15s ease-in-out;padding:5px;box-sizing:border-box}.vditor-hint{background-color:#fff;position:absolute;box-shadow:0 1px 2px rgba(0,0,0,0.2);border-radius:3px;padding:5px 0;z-index:1;line-height:20px;list-style:none;color:#24292e;font-size:12px;margin:0;max-width:200px;min-width:80px;display:none}.vditor-hint li{cursor:pointer;padding:3px 10px;border-bottom:1px solid #d1d5da;line-height:20px}.vditor-hint li:last-child{border-bottom:0}.vditor-hint--current,.vditor-hint li:hover{background-color:#4285f4;color:#fff}.vditor-hint__emoji{font-size:16px;float:left;margin-right:3px}.vditor-hint img{height:20px;width:20px;float:left;margin-right:3px}.vditor-reset{font-family:"Helvetica Neue","Luxi Sans","DejaVu Sans",Tahoma,"Hiragino Sans GB","Microsoft Yahei",sans-serif;word-wrap:break-word;overflow:auto;line-height:1.65;font-size:16px;word-break:break-word}.vditor-reset ul,.vditor-reset ol{padding-left:2em;margin-top:0;margin-bottom:16px}.vditor-reset li{margin-top:0.25em}.vditor-reset audio{max-width:100%}.vditor-reset video{max-height:90vh}.vditor-reset img.emoji{cursor:auto;max-width:20px;vertical-align:top}.vditor-reset h1,.vditor-reset h2,.vditor-reset h3,.vditor-reset h4,.vditor-reset h5,.vditor-reset h6{margin-top:24px;margin-bottom:16px;font-weight:600;line-height:1.25}.vditor-reset h1{padding-bottom:0.3em;font-size:1.7em;border-bottom:1px solid #eee}.vditor-reset h2{padding-bottom:0.3em;font-size:1.5em;border-bottom:1px solid #eee}.vditor-reset h3{font-size:1.25em}.vditor-reset h4{font-size:1em}.vditor-reset h5{font-size:0.875em}.vditor-reset h6{font-size:0.85em}.vditor-reset hr{height:0.15em;padding:0;margin:24px 0;background-color:#e7e7e7;border:0}.vditor-reset p{margin-top:0;margin-bottom:16px}.vditor-reset blockquote{padding:0 1em;color:#777;border-left:0.25em solid #ddd;margin:0 0 16px 0}.vditor-reset blockquote p{margin:0}.vditor-reset ins>iframe{border:0}.vditor-reset iframe{border:1px solid #d1d5da}.vditor-reset table{width:100%;border:1px solid #dedede;margin:15px auto;border-collapse:collapse;empty-cells:show}.vditor-reset thead{text-align:center}.vditor-reset td,.vditor-reset th{height:35px;border:1px solid #dedede;padding:0 10px}.vditor-reset th{font-weight:bold;text-align:center !important;background:rgba(158,188,226,0.2)}.vditor-reset tbody tr:nth-child(2n){background:rgba(158,188,226,0.12)}.vditor-reset tr:hover{background:#efefef}.vditor-reset code{padding:0.2em 0.4em;margin:0;font-size:85%;background-color:rgba(27,31,35,0.05);border-radius:3px;font-family:mononoki,Consolas,"Liberation Mono",Menlo,Courier,monospace;word-break:break-word}.vditor-reset pre>code{padding:0.5em;background-color:rgba(0,0,0,0.04);background-image:url("https://cdn.jsdelivr.net/npm/vditor@1.1.2/src/assets/images/code-bg.png");background-size:20px 20px;border-radius:5px;display:block;overflow:auto}.vditor-reset pre:hover div.vditor-copy{display:block}.vditor-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:solid 1px #d1d5da;border-bottom-color:#bbb;border-radius:3px;box-shadow:inset 0 -1px 0 #bbb}.vditor-reset summary{cursor:pointer}.vditor-reset summary:focus{outline:none}.vditor-reset svg{height:auto;width:auto}.vditor-task{list-style:none;margin-left:-1.4em;display:flex;align-items:center}.vditor-task input{margin-right:5px}.vditor-copy{position:relative;display:none}.vditor-copy textarea{position:absolute;top:-100000px}.vditor-copy span{cursor:pointer;position:absolute;right:0.5em;top:0.5em;height:20px;width:20px}.vditor-copy svg{height:20px;width:20px}body{cursor:url(../images/cursor.cur),url(../images/cursor.cur),auto}a{transition:all .3s;cursor:url(../images/pointer.cur),url(../images/pointer.cur),auto}.vditor-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,0.2);transition:all .3s}.module.item{transform:translateY(30px);transition:transform 2s cubic-bezier(0.175, 0.885, 0.32, 1.275)}.module.item--active{transform:translate(0)}.module:hover{box-shadow:0px 0px 20px 0px rgba(0,0,0,0.8)}.module__content{background-color:rgba(255,255,255,0.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,0.7);padding:15px;color:#fff}.module__header a{color:#fff}.module__header:hover{background-color:rgba(10,10,0,0.9)}.module__list li{border-bottom:1px solid #ddd;background-color:rgba(255,255,255,0.8);line-height:20px}.module__list li a{padding:15px 15px;display:block;color:#3d4450}.module__list li a:hover{text-decoration:none;color:#b94a48;background-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(0deg)}25%{opacity:0;transform:scale(1.1) rotate(0deg)}100%{opacity:0}}.header{background-color:rgba(10,10,0,0.7);height:50px;line-height:50px;color:#fff;transition:all .3s;box-shadow:0 0 8px black}.header:hover{background-color:rgba(10,10,0,0.9)}.header a{color:#fff;padding:0 15px;display:inline-block}.header a.current,.header a:hover{text-decoration:none;background-color:rgba(102,88,184,0.8)}.header__logo{position:absolute;left:30px}.header__nav{text-align:center}.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:0 auto;margin-bottom:15px;transition:transform .3s;margin-top:10px}.side__avatar:hover{transform:rotate(360deg) scale(1.2);border:5px solid rgba(114,102,186,0.36);margin-top:0}.tag{float:left;color:#fff;padding:2px 5px;border:1px solid transparent;height:20px;white-space:nowrap;word-wrap:normal;background-color:rgba(10,10,0,0.7);border-radius:3px 3px 3px 3px;line-height:21px;margin:0 15px 15px 0}.tag a{color:#fff}.tag:hover{background-color:#b94a48;box-shadow:0 1px 1px rgba(0,0,0,0.2);text-decoration:none}.breadcrumb{color:#7266BA !important}.breadcrumb:hover{color:#3d4450 !important}.footer{text-align:center;color:#fff;padding:15px;margin-bottom:30px}.footer a{color:#7266BA}.article-list .item{border-radius:5px;margin-bottom:30px;box-shadow:1px 1px 3px 1px rgba(0,0,0,0.2);padding:15px;background-color:rgba(255,255,255,0.8);position:relative;transition:all 0.3s,transform 1s cubic-bezier(0.175, 0.885, 0.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:0px 0px 20px 0px rgba(0,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,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;text-align:center;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,0.58)}.pagination__item--text{background-color:rgba(255,255,255,0.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,0.2);transition:all .3s}.comments__item:hover{box-shadow:0px 0px 20px 0px rgba(0,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{background-color:#d9edf7}.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,0.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,0.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,0.6)}.comment-body-ref{right:0;position:absolute;left:64px}.comment-body-ref .breadcrumb{display:none}.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,0.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,0.075),0 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}.icon__up{position:fixed;bottom:30px;right:30px;color:#fff;background-color:rgba(114,102,186,0.8);height:30px;width:30px;line-height:28px;border-radius:15px;cursor:pointer;display:none;text-align:center}.icon__up:hover{background-color:#6658b8}.content .b3-solo-list{display:none !important}.b3-solo-list{margin:0 !important;font-size:14px !important}.b3-solo-list-h1{margin:0 !important}.b3-solo-list-h2{margin:0 !important}.b3-solo-list-h2 a{padding-left:30px !important}.b3-solo-list-h3{margin:0 !important}.b3-solo-list-h3 a{padding-left:45px !important}.b3-solo-list-h4{margin:0 !important}.b3-solo-list-h4 a{padding-left:60px !important}.b3-solo-list-h5{margin:0 !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,0.8);margin-bottom:0}@media (max-width: 768px){.mobile__hidden{display:none}.mobile__hidden.fn__none{display:block}.main{display:block;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{display:none}.article-list .item,.module,.comments__item{margin-bottom:15px}.footer{margin:0 15px 15px;background-color:rgba(255,255,255,0.8);border-radius:5px;color:#3d4450;line-height:20px}.footer a{text-decoration:underline}.footer .fn__none--m{display:none}.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__more,.header__m .icon__list{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}.vditor-reset{font-size:14px}.article__relevant{display:block;margin-bottom:0}.article__relevant .module{margin-bottom:15px}.article__near a{display:block;float:none}} diff --git a/nijigen/css/base.scss b/nijigen/css/base.scss index 561bb1f..c43bc9c 100644 --- a/nijigen/css/base.scss +++ b/nijigen/css/base.scss @@ -19,10 +19,9 @@ * skin style * * @author Liyuan Li - * @version 0.4.0.0, Dec 17, 2018 + * @version 0.4.0.1, Mar 16, 2019 */ @import "../../../scss/reset"; -@import "../../../scss/reset-content"; @import "../../../scss/function"; @import "../../../scss/tooltipped"; @import "../../../scss/comment"; @@ -45,7 +44,7 @@ a { cursor: url(../images/pointer.cur), url(../images/pointer.cur), auto } -.content-reset img { +.vditor-reset img { vertical-align: sub; } @@ -781,7 +780,7 @@ a { padding: 15px; } - .content-reset { + .vditor-reset { font-size: 14px; } diff --git a/nijigen/dynamic.ftl b/nijigen/dynamic.ftl index 98848ab..9f9d758 100644 --- a/nijigen/dynamic.ftl +++ b/nijigen/dynamic.ftl @@ -54,7 +54,7 @@
<#include "footer.ftl"> ${plugins} diff --git a/nijigen/page.ftl b/nijigen/page.ftl index e63a2fb..ba6261e 100644 --- a/nijigen/page.ftl +++ b/nijigen/page.ftl @@ -36,7 +36,7 @@
-
+
${page.pageContent}
diff --git a/nijigen/side.ftl b/nijigen/side.ftl index 25a0c0e..ef7aa28 100644 --- a/nijigen/side.ftl +++ b/nijigen/side.ftl @@ -19,7 +19,7 @@ -->
"}l.before(a).data("page",c),i.paginationPageCount<=c?l.remove():l.css("background","none #60829F").text(Label.moreLabel),$(window).resize(),$(".module img").imagesLoaded(function(){$(window).resize()})}else l.remove();else l.css("background","none #60829F").text("Error")}})},toggleArchives:function(a,i){$(".nav-abs li").each(function(e){var t=$(this);t.hasClass("year")||(t.hide(),i===t.data("year")&&$(a).hasClass("close")&&t.show())}),$(".nav-abs li.year").each(function(){parseInt($(this).text())===i?$(a).hasClass("close")?a.className="year open":a.className="year close":this.className="year close"})}};!function(u,e){"use strict";var g="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw==";u.fn.imagesLoaded=function(a){var i=this,s=u.isFunction(u.Deferred)?u.Deferred():0,n=u.isFunction(s.notify),r=i.find("img").add(i.filter("img")),o=[],l=[],c=[];function h(){var e=u(l),t=u(c);s&&(c.length?s.reject(r,e,t):s.resolve(r)),u.isFunction(a)&&a.call(i,r,e,t)}function d(e){m(e.target,"error"===e.type)}function m(e,t){e.src!==g&&-1===u.inArray(e,o)&&(o.push(e),t?c.push(e):l.push(e),u.data(e,"imagesLoaded",{isBroken:t,src:e.src}),n&&s.notifyWith(u(e),[t,r,u(l),u(c)]),r.length===o.length&&(setTimeout(h),r.unbind(".imagesLoaded",d)))}return u.isPlainObject(a)&&u.each(a,function(e,t){"callback"===e?a=t:s&&s[e](t)}),r.length?r.bind("load.imagesLoaded error.imagesLoaded",d).each(function(e,t){var a=t.src,i=u.data(t,"imagesLoaded");i&&i.src===a?m(t,i.isBroken):t.complete&&void 0!==t.naturalWidth?m(t,0===t.naturalWidth||0===t.naturalHeight):(t.readyState||t.complete)&&(t.src=g,t.src=a)}):h(),s?s.promise(i):i}}(jQuery),Util.init(),Util.setTopBar(),Util.replaceSideEm($(".comments .vditor-reset")),Util.buildTags("tagsSide"),timeline.init(); \ No newline at end of file diff --git a/timeline/page.ftl b/timeline/page.ftl index d12ec6a..5777c1c 100644 --- a/timeline/page.ftl +++ b/timeline/page.ftl @@ -34,7 +34,7 @@
-
+
${page.pageContent}
<@comments commentList=pageComments article=page> diff --git a/tree-house/article.ftl b/tree-house/article.ftl index e5d2b5e..1fa11af 100644 --- a/tree-house/article.ftl +++ b/tree-house/article.ftl @@ -92,7 +92,7 @@
-
+
${article.articleContent} <#if "" != article.articleSign.signHTML?trim>
diff --git a/tree-house/common-comment.ftl b/tree-house/common-comment.ftl index 81f9b3f..952d34f 100644 --- a/tree-house/common-comment.ftl +++ b/tree-house/common-comment.ftl @@ -45,7 +45,7 @@
${comment.commentName} -
+
${comment.commentContent}
diff --git a/tree-house/css/base.css b/tree-house/css/base.css index a43f1fb..211a379 100644 --- a/tree-house/css/base.css +++ b/tree-house/css/base.css @@ -1 +1 @@ -html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;height:100%}body{margin:0;font-family:"Helvetica Neue", "Luxi Sans", "DejaVu Sans", Tahoma, "Hiragino Sans GB", "Microsoft Yahei", sans-serif;font-size:14px;background-color:#fff;-webkit-font-smoothing:antialiased;-webkit-overflow-scrolling:touch}::-moz-selection{text-shadow:none;background:rgba(65,131,196,0.4)}::selection{text-shadow:none;background:rgba(66,133,244,0.4)}ul,ol{margin:0;padding:0}h1,h2,h3,h4,h5,h6,dl,dd,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{outline:0;text-decoration:none}a:hover{text-decoration:underline}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.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{margin:0;font-size:100%;vertical-align:middle;font-family:"Helvetica Neue", "Luxi Sans", "DejaVu Sans", Tahoma, "Hiragino Sans GB", "Microsoft Yahei", sans-serif;outline:none}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"]{box-sizing:content-box;-webkit-appearance:textfield}input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none}textarea{overflow:auto;resize:vertical}svg{fill:currentColor;display:inline-block;stroke-width:0;stroke:currentColor;width:14px;height:14px}blockquote{margin:0}.content-reset{word-wrap:break-word;overflow:auto;line-height:1.65;font-size:16px;word-break:break-word}.content-reset ul,.content-reset ol{padding-left:2em;margin-top:0;margin-bottom:16px}.content-reset li{margin-top:0.25em}.content-reset audio{max-width:100%}.content-reset video{max-height:90vh}.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{padding-bottom:0.3em;font-size:1.7em;border-bottom:1px solid #eee}.content-reset h2{padding-bottom:0.3em;font-size:1.5em;border-bottom:1px solid #eee}.content-reset h3{font-size:1.25em}.content-reset h4{font-size:1em}.content-reset h5{font-size:0.875em}.content-reset h6{font-size:0.85em}.content-reset hr{height:1px;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:0.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,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:bold;text-align:center !important;background:rgba(158,188,226,0.2)}.content-reset tbody tr:nth-child(2n){background:rgba(158,188,226,0.12)}.content-reset tr:hover{background:#efefef}.content-reset code{padding:.2em .4em;margin:0;font-size:85%;background-color:rgba(27,31,35,0.05);border-radius:3px;font-family:mononoki, Consolas, Liberation Mono, Menlo, Courier, monospace;word-break:break-word}.content-reset pre{position:relative}.content-reset pre textarea{position:absolute;top:-100000px}.content-reset pre>code{padding:0.5em;background-color:rgba(0,0,0,0.04);background-size:20px 20px;border-radius:5px;display:block}.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:solid 1px rgba(0,0,0,0.38);border-bottom-color:#bbb;border-radius:3px;box-shadow:inset 0 -1px 0 #bbb}.content-reset__task,.content-reset .task-list-item{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}.img-preview img{max-width:inherit;transition:transform .3s ease-in-out}@keyframes tooltip-appear{from{opacity:0}to{opacity:1}}.vditor-tooltipped{position:relative;cursor:pointer}.vditor-tooltipped::after{position:absolute;z-index:1000000;display:none;padding:5px 8px;font-size:11px;font-weight:normal;-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,0.8);border-radius:3px;line-height:16px;opacity:0}.vditor-tooltipped::before{position:absolute;z-index:1000001;display:none;width:0;height:0;color:rgba(0,0,0,0.8);pointer-events:none;content:"";border:5px solid transparent;opacity:0}.vditor-tooltipped--hover::before,.vditor-tooltipped--hover::after,.vditor-tooltipped:hover::before,.vditor-tooltipped:hover::after,.vditor-tooltipped:active::before,.vditor-tooltipped:active::after,.vditor-tooltipped:focus::before,.vditor-tooltipped:focus::after{display:inline-block;text-decoration:none;animation-name:tooltip-appear;animation-duration:0.1s;animation-fill-mode:forwards;animation-timing-function:ease-in;animation-delay:0.4s}.vditor-tooltipped__s::after,.vditor-tooltipped__se::after,.vditor-tooltipped__sw::after{top:100%;right:50%;margin-top:5px}.vditor-tooltipped__s::before,.vditor-tooltipped__se::before,.vditor-tooltipped__sw::before{top:auto;right:50%;bottom:-5px;margin-right:-5px;border-bottom-color:rgba(0,0,0,0.8)}.vditor-tooltipped__se::after{right:auto;left:50%;margin-left:-15px}.vditor-tooltipped__sw::after{margin-right:-15px}.vditor-tooltipped__n::after,.vditor-tooltipped__ne::after,.vditor-tooltipped__nw::after{right:50%;bottom:100%;margin-bottom:5px}.vditor-tooltipped__n::before,.vditor-tooltipped__ne::before,.vditor-tooltipped__nw::before{top:-5px;right:50%;bottom:auto;margin-right:-5px;border-top-color:rgba(0,0,0,0.8)}.vditor-tooltipped__ne::after{right:auto;left:50%;margin-left:-15px}.vditor-tooltipped__nw::after{margin-right:-15px}.vditor-tooltipped__s::after,.vditor-tooltipped__n::after{transform:translateX(50%)}.vditor-tooltipped__w::after{right:100%;bottom:50%;margin-right:5px;transform:translateY(50%)}.vditor-tooltipped__w::before{top:50%;bottom:50%;left:-5px;margin-top:-5px;border-left-color:rgba(0,0,0,0.8)}.vditor-tooltipped__e::after{bottom:50%;left:100%;margin-left:5px;transform:translateY(50%)}.vditor-tooltipped__e::before{top:50%;right:-5px;bottom:50%;margin-top:-5px;border-right-color:rgba(0,0,0,0.8)}.vditor-panel{background-color:#fff;position:absolute;box-shadow:0 1px 2px rgba(0,0,0,0.2);border-radius:3px;padding:5px;z-index:1;font-size:14px;display:none;user-select:none;max-width:200px;min-width:80px}.vditor-panel h1,.vditor-panel h2,.vditor-panel h3,.vditor-panel h4,.vditor-panel h5,.vditor-panel h6{margin:0;cursor:pointer;padding:3px 10px;border-radius:3px;line-height:normal}.vditor-panel h1:hover,.vditor-panel h2:hover,.vditor-panel h3:hover,.vditor-panel h4:hover,.vditor-panel h5:hover,.vditor-panel h6:hover{background-color:#4285f4;color:#fff}.vditor-toolbar{background-color:#f6f8fa;border-bottom:1px solid #d1d5da;padding:0 5px;border-radius:3px 3px 0 0}.vditor-toolbar>div{padding:10px 5px;float:left;line-height:14px;height:36px;box-sizing:border-box}.vditor-toolbar svg{fill:currentColor;display:inline-block;stroke-width:0;stroke:currentColor;width:14px;height:14px}.vditor-toolbar .vditor-tooltipped{color:#586069}.vditor-toolbar .vditor-tooltipped:hover{color:#4285f4}.vditor-toolbar label{overflow:hidden;position:relative;height:14px;width:15px;display:block;cursor:pointer}.vditor-toolbar input{position:absolute;width:1px;opacity:.001;height:14px;overflow:hidden}.vditor-menu--current svg{color:#4285f4}.vditor-menu__divider{width:10px}.vditor-menu__br{width:100%;padding:0 !important;height:0 !important}.vditor-emojis{display:inline-block}.vditor-emojis__tail{font-size:12px;text-align:right;color:#586069}.vditor-emojis__tail a{text-decoration:none;color:#586069}.vditor-emojis__tail a:hover{color:#4285f4}.vditor-emojis span{cursor:pointer;border-radius:3px;float:left;height:26px;width:26px;text-align:center;line-height:20px;padding:3px;box-sizing:border-box;font-size:16px}.vditor-emojis span:hover{background-color:#4285f4}.vditor-emojis img{height:20px;width:20px;float:left}.vditor{display:flex;flex-direction:column;border:1px solid #d1d5da;border-radius:3px;box-sizing:border-box}.vditor--fullscreen{position:fixed;top:0;width:100% !important;left:0;height:100vh !important;z-index:90;background-color:#fff}.vditor-content{display:flex;min-height:60px;flex:1;position:relative}.vditor-textarea{flex:1;border:0;resize:none;padding:10px;box-sizing:border-box;background-color:#fafbfc;outline:0 none;font-size:16px;line-height:22px;color:#24292e;border-radius:0 0 3px 3px}.vditor-textarea[disabled]{opacity:0.3;cursor:not-allowed}.vditor-textarea:focus{background-color:#fff}.vditor-preview{flex:1;background-color:#fff;overflow:auto;padding:10px;box-shadow:inset 1px 0 #d1d5da;box-sizing:border-box;border-radius:0 0 3px 0}.vditor-preview::-webkit-scrollbar{display:none}.vditor-counter{padding:0 3px;position:absolute;bottom:10px;right:20px;color:#24292e;background-color:rgba(255,255,255,0.6);border-radius:3px;font-size:12px;user-select:none}.vditor-counter--error{color:#d23f31;background-color:rgba(210,63,49,0.1)}.vditor-resize{padding:1px 0;border-radius:5px;cursor:row-resize;transition:all .15s ease-in-out;user-select:none;background-color:#f6f8fa}.vditor-resize:hover{background-color:#4285f4}.vditor-resize:hover svg{color:#fff}.vditor-resize svg{fill:currentColor;stroke-width:0;stroke:currentColor;width:13px;height:3px;display:block;margin:0 auto;color:#586069}.vditor-upload{opacity:0;position:absolute;width:100%;height:5px;left:0;top:-3px;border-radius:3px;overflow:hidden;transition:all .15s ease-in-out;color:#fff;font-size:12px;line-height:14px}.vditor-upload ul{margin:0}.vditor-upload--tip{height:auto;opacity:1 !important}.vditor-upload--tip .vditor-upload__close{display:block}.vditor-upload__close{display:none;position:absolute;right:5px;cursor:pointer;padding:5px;top:0}.vditor-upload__progress{height:100%;background-color:rgba(66,133,244,0.8);transition:all .15s ease-in-out;padding:5px;box-sizing:border-box}.vditor-hint{background-color:#fff;position:absolute;box-shadow:0 1px 2px rgba(0,0,0,0.2);border-radius:3px;padding:5px 0;z-index:1;line-height:20px;list-style:none;color:#24292e;font-size:12px;margin:0;max-width:200px;min-width:80px;display:none}.vditor-hint li{cursor:pointer;padding:3px 10px;border-bottom:1px solid #d1d5da;line-height:20px}.vditor-hint li:last-child{border-bottom:0}.vditor-hint--current,.vditor-hint li:hover{background-color:#4285f4;color:#fff}.vditor-hint__emoji{font-size:16px;float:left;margin-right:3px}.vditor-hint img{height:20px;width:20px;float:left;margin-right:3px}.left{float:left}.right{float:right}.clear:before,.clear:after{display:table;content:""}.clear:after{clear:both}.none{display:none}html{min-width:948px}body{background:url("../images/bg-tree.jpg") repeat-y scroll 50% 0 #7BCCFF;color:#42423D;min-width:948px}a,a:link,a:visited{color:#FFFFFF;text-decoration:none}a:hover{text-decoration:underline}h5{font-size:12px}img{max-width:100%;vertical-align:middle;border:0;height:auto;-ms-interpolation-mode:bicubic;overflow:hidden;font-size:12px}.wrapper{background:url("../images/bg-header.jpg") no-repeat scroll 50% 0 transparent}.bg-bottom{background:url("../images/bg-footer2.jpg") no-repeat scroll 50% 100% transparent}.content{margin:0 auto;width:948px}.header{height:476px;width:100%}.header-navi{position:relative;z-index:10}.header-navi ul{list-style:none outside none;margin-top:20px}.header-navi li{float:left}.header-navi .page-icon{float:left;height:14px;width:14px;margin:2px 3px 0 0}.header-title{color:#FFFFFF;margin-left:146px;padding-top:222px;position:relative}#logoTitle{color:#FFFFFF;font-size:52px;text-decoration:none}.header-title div{color:DimGray;width:300px}.side{margin:0 0 0 -21px;width:256px}.body{min-height:643px;padding-bottom:682px}.main{width:634px}.footer{color:Lavender;padding:12px;text-align:center}.footer a{font-weight:bold}.article{overflow:hidden;width:553px}.article-header sup{color:red;font-size:12px}.article-header h2{color:#242323;font-weight:bold;margin-left:6px;position:relative}.article-header h2 a{color:#242323;display:block;padding:3px 0 4px 10px;text-decoration:none}.article-header h2 a:hover{background-color:#242323;color:#EC0A8B}.article-info{margin:10px 0 0 9px;width:109px}.article-main{margin:10px 0 0 9px;min-height:150px;width:426px}.article-tags{background-color:#EC0A8B;float:left;font-style:normal;height:21px;line-height:21px;margin:0 10px 10px 0;padding:3px 10px}.article-abstract{color:#42423D;line-height:145%;overflow:hidden;padding:6px 10px 12px 0;text-align:justify;word-wrap:break-word}.main .line{background:url("../images/bg-branch.png") no-repeat scroll 0 0 transparent;height:108px;width:575px}.article-date{background-color:#D4F2FB;border:6px solid #A8D3ED;border-radius:5px;margin-left:16px;padding:6px;width:65px}.article-comment{background:url("../images/bg-comments.png") no-repeat scroll 0 0 transparent;font-size:12px;height:22px;margin:24px 0 0;padding:29px 0 0;text-align:center}.article-comment a{color:#42423D}.main h2.title{color:#FF9000;margin:-34px 0 12px;text-align:center}.main h2 span{color:DimGray;float:right;font-size:12px;margin-top:7px;padding-right:10px}.content-reset{margin:0 12px 12px}.content-reset a,.article-abstract a{color:#242323;text-decoration:underline}.article-footer{margin-right:12px}.article-details-footer a{line-height:16px}.article-details-footer{margin:36px 12px 0 0}.article-details-footer .right a:hover{text-decoration:none}.article-relative{line-height:145%;margin:12px 0}.comments{padding-left:99px;position:relative}.comments-header{background:url("../images/balloons.png") no-repeat scroll 0 0 transparent;height:88px;left:100px;position:relative;top:40px;width:440px;z-index:10}.comment-top{background:url("../images/bg-comments-top.png") no-repeat scroll 0 0 transparent;height:22px}.comment-body{background:url("../images/bg-comments-body.png") repeat-y scroll 0 0 transparent;color:#42423D;margin-left:-1px;overflow:hidden;padding:0 27px 2px 27px;width:401px;word-wrap:break-word}.comment-body a{color:#42423D}.comment-body td{white-space:normal}.comment-bottom{background:url("../images/bg-comments-bottom.png") no-repeat scroll 0 0 transparent;height:23px}.comment-title{padding-bottom:6px}.comment-title a{color:#42423D;font-weight:bold}.comment-body-ref{left:182px;opacity:0.9;position:absolute;top:16px;z-index:16}img.comment-picture{height:60px;padding:0px 6px 4px 0;width:60px}.comment-reply{margin:0 auto 24px auto}#commentURL:focus,#commentURLReply:focus{box-shadow:-3px 1px 2px rgba(0,0,0,0.3) inset}#comment,#commentReply{resize:vertical}.error-msg{color:#EC0A8B;font-weight:bold;white-space:normal}#sideNavi .line{background:url("../images/bg-branch-small.png") no-repeat;height:69px;margin-top:12px}#sideNavi .block{margin-left:64px}#sideNavi h3{background:url("../images/bg-heading.png") no-repeat scroll 0 0 transparent;color:#EC0A8B;font-size:15px;height:30px;padding:38px 0 0 12px}#sideNavi .notice h3{background-image:url("../images/bg-heading-about-us.png")}#sideNavi #recentComments img{height:16px;vertical-align:middle;width:16px}#sideNavi #recentCommentsLabel{background-image:url("../images/bg-heading-portfolio.png")}#sideNavi .mostCommentArticles h3{background-image:url("../images/bg-heading-categories.png")}#sideNavi .mostViewCountArticles h3{background-image:url("../images/bg-heading-resources.png");margin-bottom:6px}#sideNavi .notice>div{margin:12px 12px 12px 17px}#sideNavi ul{margin-left:5px;width:182px;list-style:none}#sideNavi li{border-bottom:1px dotted #FFFFFF;font-size:12px;margin-left:0;overflow:hidden;position:relative;text-overflow:ellipsis;-o-text-overflow:ellipsis;vertical-align:top}#sideNavi li:hover{background:url("../images/bg-menu-active.png") repeat scroll -8px -8px transparent;color:#EC0A8B;font-weight:bold}#sideNavi li:hover a{color:#EC0A8B;padding-left:24px}#sideNavi li>a{color:#42423D;line-height:29px;margin:0;overflow:hidden;padding-left:6px;text-decoration:none;white-space:nowrap;width:167px}#sideNavi li>a sup{margin-right:3px;line-height:12px;color:#EC0A8B}#sideNavi li>div{display:none}#sideNavi li p{display:inline}#sideNavi .popTags li>a{padding-left:40px;width:143px}#sideNavi .popTags li img{cursor:pointer;height:16px;left:19px;position:absolute;top:7px;width:16px}#sideNavi .popTags li:hover a{padding-left:46px;width:137px}#sideNavi .popTags li:hover img{left:25px}#statistic{height:138px;line-height:24px;margin:28px 0 0 80px}.pagination{margin:16px;text-align:center}.pagination a,.pagination a:visited{padding:0 3px}.pagination a.selected{color:#42423D;font-weight:bold}#tagsPanel{width:553px}#tagsPanel .tagPanel{background-color:#EEEEEE;border:2px solid;border-radius:6px;cursor:pointer;float:left;margin:3px}#tagsPanel .tagPanel:hover{background-color:transparent;border:2px dashed}#tagsPanel .tagPanel{text-decoration:none}.error-title{width:553px}.error-panel{padding:24px}.error-title{background-color:#242323;color:#EC0A8B;display:block;padding:3px 10px 4px 10px;position:relative}.goTopIcon{background-position:-128px -32px}.goBottomIcon{background-position:-144px -32px} +html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;height:100%}body{margin:0;font-family:"Helvetica Neue", "Luxi Sans", "DejaVu Sans", Tahoma, "Hiragino Sans GB", "Microsoft Yahei", sans-serif;font-size:14px;background-color:#fff;-webkit-font-smoothing:antialiased;-webkit-overflow-scrolling:touch}::-moz-selection{text-shadow:none;background:rgba(65,131,196,0.4)}::selection{text-shadow:none;background:rgba(66,133,244,0.4)}ul,ol{margin:0;padding:0}h1,h2,h3,h4,h5,h6,dl,dd,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{outline:0;text-decoration:none}a:hover{text-decoration:underline}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.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{margin:0;font-size:100%;vertical-align:middle;font-family:"Helvetica Neue", "Luxi Sans", "DejaVu Sans", Tahoma, "Hiragino Sans GB", "Microsoft Yahei", sans-serif;outline:none}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"]{box-sizing:content-box;-webkit-appearance:textfield}input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none}textarea{overflow:auto;resize:vertical}svg{fill:currentColor;display:inline-block;stroke-width:0;stroke:currentColor;width:14px;height:14px}blockquote{margin:0}@keyframes tooltip-appear{from{opacity:0}to{opacity:1}}.vditor-tooltipped{position:relative;cursor:pointer}.vditor-tooltipped::after{position:absolute;z-index:1000000;display:none;padding:5px 8px;font-size:11px;font-weight:normal;-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,0.8);border-radius:3px;line-height:16px;opacity:0}.vditor-tooltipped::before{position:absolute;z-index:1000001;display:none;width:0;height:0;color:rgba(0,0,0,0.8);pointer-events:none;content:"";border:5px solid transparent;opacity:0}.vditor-tooltipped--hover::before,.vditor-tooltipped--hover::after,.vditor-tooltipped:hover::before,.vditor-tooltipped:hover::after,.vditor-tooltipped:active::before,.vditor-tooltipped:active::after,.vditor-tooltipped:focus::before,.vditor-tooltipped:focus::after{display:inline-block;text-decoration:none;animation-name:tooltip-appear;animation-duration:0.1s;animation-fill-mode:forwards;animation-timing-function:ease-in;animation-delay:0.4s}.vditor-tooltipped__s::after,.vditor-tooltipped__se::after,.vditor-tooltipped__sw::after{top:100%;right:50%;margin-top:5px}.vditor-tooltipped__s::before,.vditor-tooltipped__se::before,.vditor-tooltipped__sw::before{top:auto;right:50%;bottom:-5px;margin-right:-5px;border-bottom-color:rgba(0,0,0,0.8)}.vditor-tooltipped__se::after{right:auto;left:50%;margin-left:-15px}.vditor-tooltipped__sw::after{margin-right:-15px}.vditor-tooltipped__n::after,.vditor-tooltipped__ne::after,.vditor-tooltipped__nw::after{right:50%;bottom:100%;margin-bottom:5px}.vditor-tooltipped__n::before,.vditor-tooltipped__ne::before,.vditor-tooltipped__nw::before{top:-5px;right:50%;bottom:auto;margin-right:-5px;border-top-color:rgba(0,0,0,0.8)}.vditor-tooltipped__ne::after{right:auto;left:50%;margin-left:-15px}.vditor-tooltipped__nw::after{margin-right:-15px}.vditor-tooltipped__s::after,.vditor-tooltipped__n::after{transform:translateX(50%)}.vditor-tooltipped__w::after{right:100%;bottom:50%;margin-right:5px;transform:translateY(50%)}.vditor-tooltipped__w::before{top:50%;bottom:50%;left:-5px;margin-top:-5px;border-left-color:rgba(0,0,0,0.8)}.vditor-tooltipped__e::after{bottom:50%;left:100%;margin-left:5px;transform:translateY(50%)}.vditor-tooltipped__e::before{top:50%;right:-5px;bottom:50%;margin-top:-5px;border-right-color:rgba(0,0,0,0.8)}.vditor-panel{background-color:#fff;position:absolute;box-shadow:0 1px 2px rgba(0,0,0,0.2);border-radius:3px;padding:5px;z-index:1;font-size:14px;display:none;user-select:none;max-width:200px;min-width:80px}.vditor-panel h1,.vditor-panel h2,.vditor-panel h3,.vditor-panel h4,.vditor-panel h5,.vditor-panel h6{margin:0;cursor:pointer;padding:3px 10px;border-radius:3px;line-height:normal}.vditor-panel h1:hover,.vditor-panel h2:hover,.vditor-panel h3:hover,.vditor-panel h4:hover,.vditor-panel h5:hover,.vditor-panel h6:hover{background-color:#4285f4;color:#fff}.vditor-toolbar{background-color:#f6f8fa;border-bottom:1px solid #d1d5da;padding:0 5px;border-radius:3px 3px 0 0}.vditor-toolbar>div{padding:10px 5px;float:left;line-height:14px;height:36px;box-sizing:border-box}.vditor-toolbar svg{fill:currentColor;display:inline-block;stroke-width:0;stroke:currentColor;width:14px;height:14px}.vditor-toolbar .vditor-tooltipped{color:#586069}.vditor-toolbar .vditor-tooltipped:hover{color:#4285f4}.vditor-toolbar label{overflow:hidden;position:relative;height:14px;width:15px;display:block;cursor:pointer}.vditor-toolbar input{position:absolute;width:1px;opacity:.001;height:14px;overflow:hidden}.vditor-menu--current svg{color:#4285f4}.vditor-menu__divider{width:10px}.vditor-menu__br{width:100%;padding:0 !important;height:0 !important}.vditor-emojis{display:inline-block}.vditor-emojis__tail{font-size:12px;text-align:right;color:#586069}.vditor-emojis__tail a{text-decoration:none;color:#586069}.vditor-emojis__tail a:hover{color:#4285f4}.vditor-emojis span{cursor:pointer;border-radius:3px;float:left;height:26px;width:26px;text-align:center;line-height:20px;padding:3px;box-sizing:border-box;font-size:16px}.vditor-emojis span:hover{background-color:#4285f4}.vditor-emojis img{height:20px;width:20px;float:left}.vditor{display:flex;flex-direction:column;border:1px solid #d1d5da;border-radius:3px;box-sizing:border-box}.vditor--fullscreen{position:fixed;top:0;width:100% !important;left:0;height:100vh !important;z-index:90;background-color:#fff}.vditor-content{display:flex;min-height:60px;flex:1;position:relative;overflow:hidden}.vditor-textarea{flex:1;border:0;resize:none;padding:10px;box-sizing:border-box;background-color:#fafbfc;outline:0 none;font-size:16px;line-height:22px;color:#24292e;border-radius:0 0 3px 3px}.vditor-textarea[disabled]{opacity:0.3;cursor:not-allowed}.vditor-textarea:focus{background-color:#fff}.vditor-preview{flex:1;background-color:#fff;overflow:auto;padding:10px;box-shadow:inset 1px 0 #d1d5da;box-sizing:border-box;border-radius:0 0 3px 0}.vditor-preview::-webkit-scrollbar{display:none}.vditor-counter{padding:0 3px;position:absolute;bottom:10px;right:20px;color:#24292e;background-color:rgba(255,255,255,0.6);border-radius:3px;font-size:12px;user-select:none}.vditor-counter--error{color:#d23f31;background-color:rgba(210,63,49,0.1)}.vditor-resize{padding:1px 0;border-radius:5px;cursor:row-resize;transition:all .15s ease-in-out;user-select:none;background-color:#f6f8fa}.vditor-resize:hover{background-color:#4285f4}.vditor-resize:hover svg{color:#fff}.vditor-resize svg{fill:currentColor;stroke-width:0;stroke:currentColor;width:13px;height:3px;display:block;margin:0 auto;color:#586069}.vditor-upload{opacity:0;position:absolute;width:100%;height:5px;left:0;top:-3px;border-radius:3px;overflow:hidden;transition:all .15s ease-in-out;color:#fff;font-size:12px;line-height:14px}.vditor-upload ul{margin:0}.vditor-upload--tip{height:auto;opacity:1 !important}.vditor-upload--tip .vditor-upload__close{display:block}.vditor-upload__close{display:none;position:absolute;right:5px;cursor:pointer;padding:5px;top:0}.vditor-upload__progress{height:100%;background-color:rgba(66,133,244,0.8);transition:all .15s ease-in-out;padding:5px;box-sizing:border-box}.vditor-hint{background-color:#fff;position:absolute;box-shadow:0 1px 2px rgba(0,0,0,0.2);border-radius:3px;padding:5px 0;z-index:1;line-height:20px;list-style:none;color:#24292e;font-size:12px;margin:0;max-width:200px;min-width:80px;display:none}.vditor-hint li{cursor:pointer;padding:3px 10px;border-bottom:1px solid #d1d5da;line-height:20px}.vditor-hint li:last-child{border-bottom:0}.vditor-hint--current,.vditor-hint li:hover{background-color:#4285f4;color:#fff}.vditor-hint__emoji{font-size:16px;float:left;margin-right:3px}.vditor-hint img{height:20px;width:20px;float:left;margin-right:3px}.vditor-reset{font-family:"Helvetica Neue","Luxi Sans","DejaVu Sans",Tahoma,"Hiragino Sans GB","Microsoft Yahei",sans-serif;word-wrap:break-word;overflow:auto;line-height:1.65;font-size:16px;word-break:break-word}.vditor-reset ul,.vditor-reset ol{padding-left:2em;margin-top:0;margin-bottom:16px}.vditor-reset li{margin-top:0.25em}.vditor-reset audio{max-width:100%}.vditor-reset video{max-height:90vh}.vditor-reset img.emoji{cursor:auto;max-width:20px;vertical-align:top}.vditor-reset h1,.vditor-reset h2,.vditor-reset h3,.vditor-reset h4,.vditor-reset h5,.vditor-reset h6{margin-top:24px;margin-bottom:16px;font-weight:600;line-height:1.25}.vditor-reset h1{padding-bottom:0.3em;font-size:1.7em;border-bottom:1px solid #eee}.vditor-reset h2{padding-bottom:0.3em;font-size:1.5em;border-bottom:1px solid #eee}.vditor-reset h3{font-size:1.25em}.vditor-reset h4{font-size:1em}.vditor-reset h5{font-size:0.875em}.vditor-reset h6{font-size:0.85em}.vditor-reset hr{height:0.15em;padding:0;margin:24px 0;background-color:#e7e7e7;border:0}.vditor-reset p{margin-top:0;margin-bottom:16px}.vditor-reset blockquote{padding:0 1em;color:#777;border-left:0.25em solid #ddd;margin:0 0 16px 0}.vditor-reset blockquote p{margin:0}.vditor-reset ins>iframe{border:0}.vditor-reset iframe{border:1px solid #d1d5da}.vditor-reset table{width:100%;border:1px solid #dedede;margin:15px auto;border-collapse:collapse;empty-cells:show}.vditor-reset thead{text-align:center}.vditor-reset td,.vditor-reset th{height:35px;border:1px solid #dedede;padding:0 10px}.vditor-reset th{font-weight:bold;text-align:center !important;background:rgba(158,188,226,0.2)}.vditor-reset tbody tr:nth-child(2n){background:rgba(158,188,226,0.12)}.vditor-reset tr:hover{background:#efefef}.vditor-reset code{padding:0.2em 0.4em;margin:0;font-size:85%;background-color:rgba(27,31,35,0.05);border-radius:3px;font-family:mononoki,Consolas,"Liberation Mono",Menlo,Courier,monospace;word-break:break-word}.vditor-reset pre>code{padding:0.5em;background-color:rgba(0,0,0,0.04);background-image:url("https://cdn.jsdelivr.net/npm/vditor@1.1.2/src/assets/images/code-bg.png");background-size:20px 20px;border-radius:5px;display:block;overflow:auto}.vditor-reset pre:hover div.vditor-copy{display:block}.vditor-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:solid 1px #d1d5da;border-bottom-color:#bbb;border-radius:3px;box-shadow:inset 0 -1px 0 #bbb}.vditor-reset summary{cursor:pointer}.vditor-reset summary:focus{outline:none}.vditor-reset svg{height:auto;width:auto}.vditor-task{list-style:none;margin-left:-1.4em;display:flex;align-items:center}.vditor-task input{margin-right:5px}.vditor-copy{position:relative;display:none}.vditor-copy textarea{position:absolute;top:-100000px}.vditor-copy span{cursor:pointer;position:absolute;right:0.5em;top:0.5em;height:20px;width:20px}.vditor-copy svg{height:20px;width:20px}.left{float:left}.right{float:right}.clear:before,.clear:after{display:table;content:""}.clear:after{clear:both}.none{display:none}html{min-width:948px}body{background:url("../images/bg-tree.jpg") repeat-y scroll 50% 0 #7BCCFF;color:#42423D;min-width:948px}a,a:link,a:visited{color:#FFFFFF;text-decoration:none}a:hover{text-decoration:underline}h5{font-size:12px}img{max-width:100%;vertical-align:middle;border:0;height:auto;-ms-interpolation-mode:bicubic;overflow:hidden;font-size:12px}.wrapper{background:url("../images/bg-header.jpg") no-repeat scroll 50% 0 transparent}.bg-bottom{background:url("../images/bg-footer2.jpg") no-repeat scroll 50% 100% transparent}.content{margin:0 auto;width:948px}.header{height:476px;width:100%}.header-navi{position:relative;z-index:10}.header-navi ul{list-style:none outside none;margin-top:20px}.header-navi li{float:left}.header-navi .page-icon{float:left;height:14px;width:14px;margin:2px 3px 0 0}.header-title{color:#FFFFFF;margin-left:146px;padding-top:222px;position:relative}#logoTitle{color:#FFFFFF;font-size:52px;text-decoration:none}.header-title div{color:DimGray;width:300px}.side{margin:0 0 0 -21px;width:256px}.body{min-height:643px;padding-bottom:682px}.main{width:634px}.footer{color:Lavender;padding:12px;text-align:center}.footer a{font-weight:bold}.article{overflow:hidden;width:553px}.article-header sup{color:red;font-size:12px}.article-header h2{color:#242323;font-weight:bold;margin-left:6px;position:relative}.article-header h2 a{color:#242323;display:block;padding:3px 0 4px 10px;text-decoration:none}.article-header h2 a:hover{background-color:#242323;color:#EC0A8B}.article-info{margin:10px 0 0 9px;width:109px}.article-main{margin:10px 0 0 9px;min-height:150px;width:426px}.article-tags{background-color:#EC0A8B;float:left;font-style:normal;height:21px;line-height:21px;margin:0 10px 10px 0;padding:3px 10px}.article-abstract{color:#42423D;line-height:145%;overflow:hidden;padding:6px 10px 12px 0;text-align:justify;word-wrap:break-word}.main .line{background:url("../images/bg-branch.png") no-repeat scroll 0 0 transparent;height:108px;width:575px}.article-date{background-color:#D4F2FB;border:6px solid #A8D3ED;border-radius:5px;margin-left:16px;padding:6px;width:65px}.article-comment{background:url("../images/bg-comments.png") no-repeat scroll 0 0 transparent;font-size:12px;height:22px;margin:24px 0 0;padding:29px 0 0;text-align:center}.article-comment a{color:#42423D}.main h2.title{color:#FF9000;margin:-34px 0 12px;text-align:center}.main h2 span{color:DimGray;float:right;font-size:12px;margin-top:7px;padding-right:10px}.vditor-reset{margin:0 12px 12px}.vditor-reset a,.article-abstract a{color:#242323;text-decoration:underline}.article-footer{margin-right:12px}.article-details-footer a{line-height:16px}.article-details-footer{margin:36px 12px 0 0}.article-details-footer .right a:hover{text-decoration:none}.article-relative{line-height:145%;margin:12px 0}.comments{padding-left:99px;position:relative}.comments-header{background:url("../images/balloons.png") no-repeat scroll 0 0 transparent;height:88px;left:100px;position:relative;top:40px;width:440px;z-index:10}.comment-top{background:url("../images/bg-comments-top.png") no-repeat scroll 0 0 transparent;height:22px}.comment-body{background:url("../images/bg-comments-body.png") repeat-y scroll 0 0 transparent;color:#42423D;margin-left:-1px;overflow:hidden;padding:0 27px 2px 27px;width:401px;word-wrap:break-word}.comment-body a{color:#42423D}.comment-body td{white-space:normal}.comment-bottom{background:url("../images/bg-comments-bottom.png") no-repeat scroll 0 0 transparent;height:23px}.comment-title{padding-bottom:6px}.comment-title a{color:#42423D;font-weight:bold}.comment-body-ref{left:182px;opacity:0.9;position:absolute;top:16px;z-index:16}img.comment-picture{height:60px;padding:0px 6px 4px 0;width:60px}.comment-reply{margin:0 auto 24px auto}#commentURL:focus,#commentURLReply:focus{box-shadow:-3px 1px 2px rgba(0,0,0,0.3) inset}#comment,#commentReply{resize:vertical}.error-msg{color:#EC0A8B;font-weight:bold;white-space:normal}#sideNavi .line{background:url("../images/bg-branch-small.png") no-repeat;height:69px;margin-top:12px}#sideNavi .block{margin-left:64px}#sideNavi h3{background:url("../images/bg-heading.png") no-repeat scroll 0 0 transparent;color:#EC0A8B;font-size:15px;height:30px;padding:38px 0 0 12px}#sideNavi .notice h3{background-image:url("../images/bg-heading-about-us.png")}#sideNavi #recentComments img{height:16px;vertical-align:middle;width:16px}#sideNavi #recentCommentsLabel{background-image:url("../images/bg-heading-portfolio.png")}#sideNavi .mostCommentArticles h3{background-image:url("../images/bg-heading-categories.png")}#sideNavi .mostViewCountArticles h3{background-image:url("../images/bg-heading-resources.png");margin-bottom:6px}#sideNavi .notice>div{margin:12px 12px 12px 17px}#sideNavi ul{margin-left:5px;width:182px;list-style:none}#sideNavi li{border-bottom:1px dotted #FFFFFF;font-size:12px;margin-left:0;overflow:hidden;position:relative;text-overflow:ellipsis;-o-text-overflow:ellipsis;vertical-align:top}#sideNavi li:hover{background:url("../images/bg-menu-active.png") repeat scroll -8px -8px transparent;color:#EC0A8B;font-weight:bold}#sideNavi li:hover a{color:#EC0A8B;padding-left:24px}#sideNavi li>a{color:#42423D;line-height:29px;margin:0;overflow:hidden;padding-left:6px;text-decoration:none;white-space:nowrap;width:167px}#sideNavi li>a sup{margin-right:3px;line-height:12px;color:#EC0A8B}#sideNavi li>div{display:none}#sideNavi li p{display:inline}#sideNavi .popTags li>a{padding-left:40px;width:143px}#sideNavi .popTags li img{cursor:pointer;height:16px;left:19px;position:absolute;top:7px;width:16px}#sideNavi .popTags li:hover a{padding-left:46px;width:137px}#sideNavi .popTags li:hover img{left:25px}#statistic{height:138px;line-height:24px;margin:28px 0 0 80px}.pagination{margin:16px;text-align:center}.pagination a,.pagination a:visited{padding:0 3px}.pagination a.selected{color:#42423D;font-weight:bold}#tagsPanel{width:553px}#tagsPanel .tagPanel{background-color:#EEEEEE;border:2px solid;border-radius:6px;cursor:pointer;float:left;margin:3px}#tagsPanel .tagPanel:hover{background-color:transparent;border:2px dashed}#tagsPanel .tagPanel{text-decoration:none}.error-title{width:553px}.error-panel{padding:24px}.error-title{background-color:#242323;color:#EC0A8B;display:block;padding:3px 10px 4px 10px;position:relative}.goTopIcon{background-position:-128px -32px}.goBottomIcon{background-position:-144px -32px} diff --git a/tree-house/css/base.scss b/tree-house/css/base.scss index 65d834f..14a622d 100644 --- a/tree-house/css/base.scss +++ b/tree-house/css/base.scss @@ -20,11 +20,10 @@ * skin tree-house style * * @author Liyuan Li - * @version 2.1.0.0, Mar 1, 2019 + * @version 2.1.0.1, Mar 16, 2019 */ @import "../../../scss/reset"; -@import "../../../scss/reset-content"; @import "vditor/src/assets/scss/classic"; .left { float: left; @@ -226,10 +225,10 @@ img { margin-top: 7px; padding-right: 10px; } -.content-reset { +.vditor-reset { margin: 0 12px 12px; } -.content-reset a, .article-abstract a { +.vditor-reset a, .article-abstract a { color: #242323; text-decoration: underline; } diff --git a/tree-house/footer.ftl b/tree-house/footer.ftl index c9735b8..6457e8d 100644 --- a/tree-house/footer.ftl +++ b/tree-house/footer.ftl @@ -34,6 +34,8 @@ by Vanessa. var Label = { "markedAvailable": ${markedAvailable?c}, + "hljsStyle": "atom-one-light", + "langLabel": "${langLabel}", "adminLabel": "${adminLabel}", "logoutLabel": "${logoutLabel}", "skinDirName": "${skinDirName}" @@ -41,6 +43,7 @@ by Vanessa. $(document).ready(function () { Util.init(); + Util.setTopBar() Util.replaceSideEm($("#recentComments li a")); }); diff --git a/tree-house/page.ftl b/tree-house/page.ftl index a4622f8..258fd32 100644 --- a/tree-house/page.ftl +++ b/tree-house/page.ftl @@ -39,7 +39,7 @@
-
+
${page.pageContent}
diff --git a/yilia/article-list.ftl b/yilia/article-list.ftl index bce6510..ea96a05 100644 --- a/yilia/article-list.ftl +++ b/yilia/article-list.ftl @@ -38,7 +38,7 @@ -
+
${article.articleAbstract}
diff --git a/yilia/article.ftl b/yilia/article.ftl index 0f556c1..64c9a57 100644 --- a/yilia/article.ftl +++ b/yilia/article.ftl @@ -53,7 +53,7 @@ <#include "side.ftl">
-
-
+
${article.articleContent} <#if "" != article.articleSign.signHTML?trim>
diff --git a/yilia/common-comment.ftl b/yilia/common-comment.ftl index c8a077b..71f362e 100644 --- a/yilia/common-comment.ftl +++ b/yilia/common-comment.ftl @@ -40,7 +40,7 @@ ${replyLabel}
-
+
${comment.commentContent}
diff --git a/yilia/css/base.css b/yilia/css/base.css index 14382cf..94d1616 100644 --- a/yilia/css/base.css +++ b/yilia/css/base.css @@ -1 +1 @@ -.content-reset{word-wrap:break-word;overflow:auto;line-height:1.65;font-size:16px;word-break:break-word}.content-reset ul,.content-reset ol{padding-left:2em;margin-top:0;margin-bottom:16px}.content-reset li{margin-top:0.25em}.content-reset audio{max-width:100%}.content-reset video{max-height:90vh}.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{padding-bottom:0.3em;font-size:1.7em;border-bottom:1px solid #eee}.content-reset h2{padding-bottom:0.3em;font-size:1.5em;border-bottom:1px solid #eee}.content-reset h3{font-size:1.25em}.content-reset h4{font-size:1em}.content-reset h5{font-size:0.875em}.content-reset h6{font-size:0.85em}.content-reset hr{height:1px;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:0.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,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:bold;text-align:center !important;background:rgba(158,188,226,0.2)}.content-reset tbody tr:nth-child(2n){background:rgba(158,188,226,0.12)}.content-reset tr:hover{background:#efefef}.content-reset code{padding:.2em .4em;margin:0;font-size:85%;background-color:rgba(27,31,35,0.05);border-radius:3px;font-family:mononoki, Consolas, Liberation Mono, Menlo, Courier, monospace;word-break:break-word}.content-reset pre{position:relative}.content-reset pre textarea{position:absolute;top:-100000px}.content-reset pre>code{padding:0.5em;background-color:rgba(0,0,0,0.04);background-size:20px 20px;border-radius:5px;display:block}.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:solid 1px rgba(0,0,0,0.38);border-bottom-color:#bbb;border-radius:3px;box-shadow:inset 0 -1px 0 #bbb}.content-reset__task,.content-reset .task-list-item{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}.img-preview img{max-width:inherit;transition:transform .3s ease-in-out}@keyframes tooltip-appear{from{opacity:0}to{opacity:1}}.vditor-tooltipped{position:relative;cursor:pointer}.vditor-tooltipped::after{position:absolute;z-index:1000000;display:none;padding:5px 8px;font-size:11px;font-weight:normal;-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,0.8);border-radius:3px;line-height:16px;opacity:0}.vditor-tooltipped::before{position:absolute;z-index:1000001;display:none;width:0;height:0;color:rgba(0,0,0,0.8);pointer-events:none;content:"";border:5px solid transparent;opacity:0}.vditor-tooltipped--hover::before,.vditor-tooltipped--hover::after,.vditor-tooltipped:hover::before,.vditor-tooltipped:hover::after,.vditor-tooltipped:active::before,.vditor-tooltipped:active::after,.vditor-tooltipped:focus::before,.vditor-tooltipped:focus::after{display:inline-block;text-decoration:none;animation-name:tooltip-appear;animation-duration:0.1s;animation-fill-mode:forwards;animation-timing-function:ease-in;animation-delay:0.4s}.vditor-tooltipped__s::after,.vditor-tooltipped__se::after,.vditor-tooltipped__sw::after{top:100%;right:50%;margin-top:5px}.vditor-tooltipped__s::before,.vditor-tooltipped__se::before,.vditor-tooltipped__sw::before{top:auto;right:50%;bottom:-5px;margin-right:-5px;border-bottom-color:rgba(0,0,0,0.8)}.vditor-tooltipped__se::after{right:auto;left:50%;margin-left:-15px}.vditor-tooltipped__sw::after{margin-right:-15px}.vditor-tooltipped__n::after,.vditor-tooltipped__ne::after,.vditor-tooltipped__nw::after{right:50%;bottom:100%;margin-bottom:5px}.vditor-tooltipped__n::before,.vditor-tooltipped__ne::before,.vditor-tooltipped__nw::before{top:-5px;right:50%;bottom:auto;margin-right:-5px;border-top-color:rgba(0,0,0,0.8)}.vditor-tooltipped__ne::after{right:auto;left:50%;margin-left:-15px}.vditor-tooltipped__nw::after{margin-right:-15px}.vditor-tooltipped__s::after,.vditor-tooltipped__n::after{transform:translateX(50%)}.vditor-tooltipped__w::after{right:100%;bottom:50%;margin-right:5px;transform:translateY(50%)}.vditor-tooltipped__w::before{top:50%;bottom:50%;left:-5px;margin-top:-5px;border-left-color:rgba(0,0,0,0.8)}.vditor-tooltipped__e::after{bottom:50%;left:100%;margin-left:5px;transform:translateY(50%)}.vditor-tooltipped__e::before{top:50%;right:-5px;bottom:50%;margin-top:-5px;border-right-color:rgba(0,0,0,0.8)}.vditor-panel{background-color:#fff;position:absolute;box-shadow:0 1px 2px rgba(0,0,0,0.2);border-radius:3px;padding:5px;z-index:1;font-size:14px;display:none;user-select:none;max-width:200px;min-width:80px}.vditor-panel h1,.vditor-panel h2,.vditor-panel h3,.vditor-panel h4,.vditor-panel h5,.vditor-panel h6{margin:0;cursor:pointer;padding:3px 10px;border-radius:3px;line-height:normal}.vditor-panel h1:hover,.vditor-panel h2:hover,.vditor-panel h3:hover,.vditor-panel h4:hover,.vditor-panel h5:hover,.vditor-panel h6:hover{background-color:#4285f4;color:#fff}.vditor-toolbar{background-color:#f6f8fa;border-bottom:1px solid #d1d5da;padding:0 5px;border-radius:3px 3px 0 0}.vditor-toolbar>div{padding:10px 5px;float:left;line-height:14px;height:36px;box-sizing:border-box}.vditor-toolbar svg{fill:currentColor;display:inline-block;stroke-width:0;stroke:currentColor;width:14px;height:14px}.vditor-toolbar .vditor-tooltipped{color:#586069}.vditor-toolbar .vditor-tooltipped:hover{color:#4285f4}.vditor-toolbar label{overflow:hidden;position:relative;height:14px;width:15px;display:block;cursor:pointer}.vditor-toolbar input{position:absolute;width:1px;opacity:.001;height:14px;overflow:hidden}.vditor-menu--current svg{color:#4285f4}.vditor-menu__divider{width:10px}.vditor-menu__br{width:100%;padding:0 !important;height:0 !important}.vditor-emojis{display:inline-block}.vditor-emojis__tail{font-size:12px;text-align:right;color:#586069}.vditor-emojis__tail a{text-decoration:none;color:#586069}.vditor-emojis__tail a:hover{color:#4285f4}.vditor-emojis span{cursor:pointer;border-radius:3px;float:left;height:26px;width:26px;text-align:center;line-height:20px;padding:3px;box-sizing:border-box;font-size:16px}.vditor-emojis span:hover{background-color:#4285f4}.vditor-emojis img{height:20px;width:20px;float:left}.vditor{display:flex;flex-direction:column;border:1px solid #d1d5da;border-radius:3px;box-sizing:border-box}.vditor--fullscreen{position:fixed;top:0;width:100% !important;left:0;height:100vh !important;z-index:90;background-color:#fff}.vditor-content{display:flex;min-height:60px;flex:1;position:relative}.vditor-textarea{flex:1;border:0;resize:none;padding:10px;box-sizing:border-box;background-color:#fafbfc;outline:0 none;font-size:16px;line-height:22px;color:#24292e;border-radius:0 0 3px 3px}.vditor-textarea[disabled]{opacity:0.3;cursor:not-allowed}.vditor-textarea:focus{background-color:#fff}.vditor-preview{flex:1;background-color:#fff;overflow:auto;padding:10px;box-shadow:inset 1px 0 #d1d5da;box-sizing:border-box;border-radius:0 0 3px 0}.vditor-preview::-webkit-scrollbar{display:none}.vditor-counter{padding:0 3px;position:absolute;bottom:10px;right:20px;color:#24292e;background-color:rgba(255,255,255,0.6);border-radius:3px;font-size:12px;user-select:none}.vditor-counter--error{color:#d23f31;background-color:rgba(210,63,49,0.1)}.vditor-resize{padding:1px 0;border-radius:5px;cursor:row-resize;transition:all .15s ease-in-out;user-select:none;background-color:#f6f8fa}.vditor-resize:hover{background-color:#4285f4}.vditor-resize:hover svg{color:#fff}.vditor-resize svg{fill:currentColor;stroke-width:0;stroke:currentColor;width:13px;height:3px;display:block;margin:0 auto;color:#586069}.vditor-upload{opacity:0;position:absolute;width:100%;height:5px;left:0;top:-3px;border-radius:3px;overflow:hidden;transition:all .15s ease-in-out;color:#fff;font-size:12px;line-height:14px}.vditor-upload ul{margin:0}.vditor-upload--tip{height:auto;opacity:1 !important}.vditor-upload--tip .vditor-upload__close{display:block}.vditor-upload__close{display:none;position:absolute;right:5px;cursor:pointer;padding:5px;top:0}.vditor-upload__progress{height:100%;background-color:rgba(66,133,244,0.8);transition:all .15s ease-in-out;padding:5px;box-sizing:border-box}.vditor-hint{background-color:#fff;position:absolute;box-shadow:0 1px 2px rgba(0,0,0,0.2);border-radius:3px;padding:5px 0;z-index:1;line-height:20px;list-style:none;color:#24292e;font-size:12px;margin:0;max-width:200px;min-width:80px;display:none}.vditor-hint li{cursor:pointer;padding:3px 10px;border-bottom:1px solid #d1d5da;line-height:20px}.vditor-hint li:last-child{border-bottom:0}.vditor-hint--current,.vditor-hint li:hover{background-color:#4285f4;color:#fff}.vditor-hint__emoji{font-size:16px;float:left;margin-right:3px}.vditor-hint img{height:20px;width:20px;float:left;margin-right:3px}html{height:100%;max-height:100%;font-size:16px;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{height:100%;max-height:100%;font-family:"Helvetica Neue", "Luxi Sans", "DejaVu Sans", Tahoma, "Hiragino Sans GB", "Microsoft Yahei", sans-serif;letter-spacing:0.01rem;font-size:100%;line-height:1.75em;color:rgba(0,0,0,0.6);-webkit-font-feature-settings:'kern' 1;-moz-font-feature-settings:'kern' 1;-o-font-feature-settings:'kern' 1;text-rendering:geometricPrecision;margin:0;background-color:#eaeaea}::-moz-selection{background:#D6EDFF}::selection{background:#D6EDFF}a{text-decoration:none;outline-width:0;color:#258fb8;outline:none;transition:all 0.3s ease}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;text-rendering:geometricPrecision}h1{letter-spacing:-2px;text-indent:-3px}h2{letter-spacing:-1px}img{max-width:100%}p,ul,ol,dl{-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;text-rendering:geometricPrecision}ol,ul{padding-left:3rem}ol ol,ul ul,ul ol,ol ul{padding-left:2em}dl dt{float:left;width:180px;overflow:hidden;clear:left;text-align:right;text-overflow:ellipsis;white-space:nowrap;font-weight:700;margin-bottom:1em}dl dd{margin-left:200px;margin-bottom:1em}li li{margin:0}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 1.75em 0;padding:0 0 0 1.75em;border-left:5px solid;transition:all 0.3s ease}blockquote:hover{border-color:#b0a0aa}blockquote p{margin:0.8em 0;font-style:italic}blockquote small{display:inline-block;margin:0.8em 0 0.8em 1.5em;font-size:0.9em;color:#CCC}blockquote small:before{content:"\2014 \00A0"}blockquote cite{font-weight:700}blockquote cite a{font-weight:normal}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:0.85em;white-space:pre-wrap;border:#E3EDF3 1px solid;background:#F7FAFB;border-radius:2px}pre{font-size:0.9em}pre code,pre tt{font-size:inherit;white-space:pre-wrap;background:transparent;border:none;padding:0}.fn-clear:before,.fn-clear:after{display:table;content:""}.fn-clear:after{clear:both}.fn-left{float:left}.fn-right{float:right}.fn-none{display:none}@font-face{font-family:'icomoon';src:url("fonts/icomoon.eot?nqk4b3");src:url("fonts/icomoon.eot?nqk4b3#iefix") format("embedded-opentype"),url("fonts/icomoon.ttf?nqk4b3") format("truetype"),url("fonts/icomoon.woff?nqk4b3") format("woff"),url("fonts/icomoon.svg?nqk4b3#icomoon") format("svg");font-weight:normal;font-style:normal}[class^="icon-"],[class*=" icon-"]{font-family:'icomoon' !important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-register:before{content:"\e600"}.icon-logout:before{content:"\e601"}.icon-setting:before{content:"\e602"}.icon-weibo:before{content:"\e605"}.icon-goup:before{content:"\e60a"}.icon-twitter:before{content:"\e60b"}.icon-login:before{content:"\e611"}.icon-qqz:before{content:"\e902"}.icon-tag:before{content:"\e904"}.icon-date:before{content:"\e905"}.icon-github:before{content:"\e900"}.icon-rss:before{content:"\e901"}.icon-wechat:before{content:"\e903"}.form{width:100%;padding:30px}#captcha,#captchaReply{height:27px;display:inline-block;vertical-align:inherit}.form input,.form textarea,.form button{border:1px solid #CCCCCC;background-color:#FAFAFA;border-radius:3px;box-shadow:0 1px 2px rgba(0,0,0,0.075) inset;padding:7px 8px;width:100%;box-sizing:border-box;font-size:14px;outline:none;font-family:"Helvetica Neue", "Luxi Sans", "DejaVu Sans", Tahoma, "Hiragino Sans GB", "Microsoft Yahei", sans-serif}.form button{width:auto;vertical-align:bottom;transition:all 0.3s ease;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,0.075) inset,0 0 5px rgba(176,160,170,0.5);border:1px solid #b0a0aa}.side{position:fixed;background-color:#FFF;height:100%;width:300px}.side .content-reset,.side .content-reset a{font-size:12px;font-weight:normal}.side a{color:#696969;font-size:30px}.side a:hover,.side .toc a:hover{color:#b0a0aa}.side .overlay{height:180px;background-color:#000;position:absolute;opacity:0.7;width:100%}.side .content{width:76%;text-align:center;margin:112px auto 0;position:relative;z-index:1}.side .avatar{display:block;border:5px solid #fff;border-radius:50%;width:128px;height:128px;margin:0 auto;transition:all 0.1s ease-in}.side .avatar:hover{border-color:rgba(37,143,184,0.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;list-style:none}.side nav a{font-size:14px}.side nav .page-icon{height:16px;width:16px;margin:0px 3px 0 0;vertical-align:-2px}.side footer{position:absolute;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;font-size:14px;display:none}.side .toc{height:100%;width:300px;position:absolute;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=) repeat #5d5d5d}.side .toc li{border-bottom:1px solid #717171;border-top:1px solid #5d5d5d}.side .toc a{font-size:14px;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{position:absolute;right:0;min-height:100%;background:#eaeaea;left:300px;width:auto}article{margin:30px;border:1px solid #ddd;background:#fff;position:relative;transition:all 0.2s ease-in;visibility:hidden}article.show{visibility:visible;-webkit-animation:bounce 0.6s;animation:bounce 0.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)}}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:0px;font-weight:300;line-height:35px}article header a:hover{color:#b0a0aa}article header sup{font-size:14px;font-weight:normal;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 30px;border-top:1px solid #ddd}.tags .tag:hover,article .abstract a:hover{opacity:0.7}.tags .avatar{width:20px;border-radius:10px;right:30px;position:absolute;bottom:25px;transition:all 0.2s ease-out 0s}.share .icon-wechat{position:relative;z-index:12}.share canvas{position:absolute;right:-54px;top:18px}.share span{transition:all 0.2s ease-out 0s;cursor:pointer}.tags .avatar:hover,.share span:hover{transform:rotate(360deg);color:#333}.tags .tag{color:#fff;font-size:10px;height:18px;line-height:18px;display:inline-block;padding:0 5px 0px 10px;position:relative;border-radius:0 5px 5px 0;margin:5px 9px 5px 8px;background-color:#7b5d5f;font-family:Menlo, Monaco, "Andale Mono", "lucida console", "Courier New", monospace}.tags .tag:before{content:" ";width:0px;height:0px;position:absolute;top:0;left:-18px;border:9px solid transparent;border-right-color:#7b5d5f}.tags .tag:after{content:" ";width:4px;height:4px;background-color:#fff;border-radius:4px;box-shadow:0px 0px 0px 1px rgba(0,0,0,0.3);position:absolute;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 a.page-num:hover{opacity:0.7}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}article.post{visibility:visible}.post .tags .avatar{bottom:inherit;margin-top:4px}.post section.tags{margin:0}.post header{padding-bottom:0}.post .share{padding:10px 0 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 0.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;list-style:none;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;font-family:Menlo, Monaco, "Andale Mono", "lucida console", "Courier New", monospace;text-shadow:0 1px #fff;opacity:0.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 0.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%,20%,50%,80%,100%{-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{list-style:none;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 li{list-style:none}.dynamic .comments li:last-child{border-bottom-width:0}@media only screen and (max-width: 500px){.side{position:relative;height:auto;width:100%}.side .avatar{position:relative}.side .content{margin-top:0;padding-top:20px}.side .overlay{height:100px;z-index:0}.side nav{display:none}.side footer{position:initial;margin:10px auto;padding-bottom:16px}main{position:initial}article{margin:10px}.comments{margin:20px 20px 0 20px}footer.footer{text-align:center}footer.footer .fn-right{float:none;display:block}} +@keyframes tooltip-appear{from{opacity:0}to{opacity:1}}.vditor-tooltipped{position:relative;cursor:pointer}.vditor-tooltipped::after{position:absolute;z-index:1000000;display:none;padding:5px 8px;font-size:11px;font-weight:normal;-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,0.8);border-radius:3px;line-height:16px;opacity:0}.vditor-tooltipped::before{position:absolute;z-index:1000001;display:none;width:0;height:0;color:rgba(0,0,0,0.8);pointer-events:none;content:"";border:5px solid transparent;opacity:0}.vditor-tooltipped--hover::before,.vditor-tooltipped--hover::after,.vditor-tooltipped:hover::before,.vditor-tooltipped:hover::after,.vditor-tooltipped:active::before,.vditor-tooltipped:active::after,.vditor-tooltipped:focus::before,.vditor-tooltipped:focus::after{display:inline-block;text-decoration:none;animation-name:tooltip-appear;animation-duration:0.1s;animation-fill-mode:forwards;animation-timing-function:ease-in;animation-delay:0.4s}.vditor-tooltipped__s::after,.vditor-tooltipped__se::after,.vditor-tooltipped__sw::after{top:100%;right:50%;margin-top:5px}.vditor-tooltipped__s::before,.vditor-tooltipped__se::before,.vditor-tooltipped__sw::before{top:auto;right:50%;bottom:-5px;margin-right:-5px;border-bottom-color:rgba(0,0,0,0.8)}.vditor-tooltipped__se::after{right:auto;left:50%;margin-left:-15px}.vditor-tooltipped__sw::after{margin-right:-15px}.vditor-tooltipped__n::after,.vditor-tooltipped__ne::after,.vditor-tooltipped__nw::after{right:50%;bottom:100%;margin-bottom:5px}.vditor-tooltipped__n::before,.vditor-tooltipped__ne::before,.vditor-tooltipped__nw::before{top:-5px;right:50%;bottom:auto;margin-right:-5px;border-top-color:rgba(0,0,0,0.8)}.vditor-tooltipped__ne::after{right:auto;left:50%;margin-left:-15px}.vditor-tooltipped__nw::after{margin-right:-15px}.vditor-tooltipped__s::after,.vditor-tooltipped__n::after{transform:translateX(50%)}.vditor-tooltipped__w::after{right:100%;bottom:50%;margin-right:5px;transform:translateY(50%)}.vditor-tooltipped__w::before{top:50%;bottom:50%;left:-5px;margin-top:-5px;border-left-color:rgba(0,0,0,0.8)}.vditor-tooltipped__e::after{bottom:50%;left:100%;margin-left:5px;transform:translateY(50%)}.vditor-tooltipped__e::before{top:50%;right:-5px;bottom:50%;margin-top:-5px;border-right-color:rgba(0,0,0,0.8)}.vditor-panel{background-color:#fff;position:absolute;box-shadow:0 1px 2px rgba(0,0,0,0.2);border-radius:3px;padding:5px;z-index:1;font-size:14px;display:none;user-select:none;max-width:200px;min-width:80px}.vditor-panel h1,.vditor-panel h2,.vditor-panel h3,.vditor-panel h4,.vditor-panel h5,.vditor-panel h6{margin:0;cursor:pointer;padding:3px 10px;border-radius:3px;line-height:normal}.vditor-panel h1:hover,.vditor-panel h2:hover,.vditor-panel h3:hover,.vditor-panel h4:hover,.vditor-panel h5:hover,.vditor-panel h6:hover{background-color:#4285f4;color:#fff}.vditor-toolbar{background-color:#f6f8fa;border-bottom:1px solid #d1d5da;padding:0 5px;border-radius:3px 3px 0 0}.vditor-toolbar>div{padding:10px 5px;float:left;line-height:14px;height:36px;box-sizing:border-box}.vditor-toolbar svg{fill:currentColor;display:inline-block;stroke-width:0;stroke:currentColor;width:14px;height:14px}.vditor-toolbar .vditor-tooltipped{color:#586069}.vditor-toolbar .vditor-tooltipped:hover{color:#4285f4}.vditor-toolbar label{overflow:hidden;position:relative;height:14px;width:15px;display:block;cursor:pointer}.vditor-toolbar input{position:absolute;width:1px;opacity:.001;height:14px;overflow:hidden}.vditor-menu--current svg{color:#4285f4}.vditor-menu__divider{width:10px}.vditor-menu__br{width:100%;padding:0 !important;height:0 !important}.vditor-emojis{display:inline-block}.vditor-emojis__tail{font-size:12px;text-align:right;color:#586069}.vditor-emojis__tail a{text-decoration:none;color:#586069}.vditor-emojis__tail a:hover{color:#4285f4}.vditor-emojis span{cursor:pointer;border-radius:3px;float:left;height:26px;width:26px;text-align:center;line-height:20px;padding:3px;box-sizing:border-box;font-size:16px}.vditor-emojis span:hover{background-color:#4285f4}.vditor-emojis img{height:20px;width:20px;float:left}.vditor{display:flex;flex-direction:column;border:1px solid #d1d5da;border-radius:3px;box-sizing:border-box}.vditor--fullscreen{position:fixed;top:0;width:100% !important;left:0;height:100vh !important;z-index:90;background-color:#fff}.vditor-content{display:flex;min-height:60px;flex:1;position:relative;overflow:hidden}.vditor-textarea{flex:1;border:0;resize:none;padding:10px;box-sizing:border-box;background-color:#fafbfc;outline:0 none;font-size:16px;line-height:22px;color:#24292e;border-radius:0 0 3px 3px}.vditor-textarea[disabled]{opacity:0.3;cursor:not-allowed}.vditor-textarea:focus{background-color:#fff}.vditor-preview{flex:1;background-color:#fff;overflow:auto;padding:10px;box-shadow:inset 1px 0 #d1d5da;box-sizing:border-box;border-radius:0 0 3px 0}.vditor-preview::-webkit-scrollbar{display:none}.vditor-counter{padding:0 3px;position:absolute;bottom:10px;right:20px;color:#24292e;background-color:rgba(255,255,255,0.6);border-radius:3px;font-size:12px;user-select:none}.vditor-counter--error{color:#d23f31;background-color:rgba(210,63,49,0.1)}.vditor-resize{padding:1px 0;border-radius:5px;cursor:row-resize;transition:all .15s ease-in-out;user-select:none;background-color:#f6f8fa}.vditor-resize:hover{background-color:#4285f4}.vditor-resize:hover svg{color:#fff}.vditor-resize svg{fill:currentColor;stroke-width:0;stroke:currentColor;width:13px;height:3px;display:block;margin:0 auto;color:#586069}.vditor-upload{opacity:0;position:absolute;width:100%;height:5px;left:0;top:-3px;border-radius:3px;overflow:hidden;transition:all .15s ease-in-out;color:#fff;font-size:12px;line-height:14px}.vditor-upload ul{margin:0}.vditor-upload--tip{height:auto;opacity:1 !important}.vditor-upload--tip .vditor-upload__close{display:block}.vditor-upload__close{display:none;position:absolute;right:5px;cursor:pointer;padding:5px;top:0}.vditor-upload__progress{height:100%;background-color:rgba(66,133,244,0.8);transition:all .15s ease-in-out;padding:5px;box-sizing:border-box}.vditor-hint{background-color:#fff;position:absolute;box-shadow:0 1px 2px rgba(0,0,0,0.2);border-radius:3px;padding:5px 0;z-index:1;line-height:20px;list-style:none;color:#24292e;font-size:12px;margin:0;max-width:200px;min-width:80px;display:none}.vditor-hint li{cursor:pointer;padding:3px 10px;border-bottom:1px solid #d1d5da;line-height:20px}.vditor-hint li:last-child{border-bottom:0}.vditor-hint--current,.vditor-hint li:hover{background-color:#4285f4;color:#fff}.vditor-hint__emoji{font-size:16px;float:left;margin-right:3px}.vditor-hint img{height:20px;width:20px;float:left;margin-right:3px}.vditor-reset{font-family:"Helvetica Neue","Luxi Sans","DejaVu Sans",Tahoma,"Hiragino Sans GB","Microsoft Yahei",sans-serif;word-wrap:break-word;overflow:auto;line-height:1.65;font-size:16px;word-break:break-word}.vditor-reset ul,.vditor-reset ol{padding-left:2em;margin-top:0;margin-bottom:16px}.vditor-reset li{margin-top:0.25em}.vditor-reset audio{max-width:100%}.vditor-reset video{max-height:90vh}.vditor-reset img.emoji{cursor:auto;max-width:20px;vertical-align:top}.vditor-reset h1,.vditor-reset h2,.vditor-reset h3,.vditor-reset h4,.vditor-reset h5,.vditor-reset h6{margin-top:24px;margin-bottom:16px;font-weight:600;line-height:1.25}.vditor-reset h1{padding-bottom:0.3em;font-size:1.7em;border-bottom:1px solid #eee}.vditor-reset h2{padding-bottom:0.3em;font-size:1.5em;border-bottom:1px solid #eee}.vditor-reset h3{font-size:1.25em}.vditor-reset h4{font-size:1em}.vditor-reset h5{font-size:0.875em}.vditor-reset h6{font-size:0.85em}.vditor-reset hr{height:0.15em;padding:0;margin:24px 0;background-color:#e7e7e7;border:0}.vditor-reset p{margin-top:0;margin-bottom:16px}.vditor-reset blockquote{padding:0 1em;color:#777;border-left:0.25em solid #ddd;margin:0 0 16px 0}.vditor-reset blockquote p{margin:0}.vditor-reset ins>iframe{border:0}.vditor-reset iframe{border:1px solid #d1d5da}.vditor-reset table{width:100%;border:1px solid #dedede;margin:15px auto;border-collapse:collapse;empty-cells:show}.vditor-reset thead{text-align:center}.vditor-reset td,.vditor-reset th{height:35px;border:1px solid #dedede;padding:0 10px}.vditor-reset th{font-weight:bold;text-align:center !important;background:rgba(158,188,226,0.2)}.vditor-reset tbody tr:nth-child(2n){background:rgba(158,188,226,0.12)}.vditor-reset tr:hover{background:#efefef}.vditor-reset code{padding:0.2em 0.4em;margin:0;font-size:85%;background-color:rgba(27,31,35,0.05);border-radius:3px;font-family:mononoki,Consolas,"Liberation Mono",Menlo,Courier,monospace;word-break:break-word}.vditor-reset pre>code{padding:0.5em;background-color:rgba(0,0,0,0.04);background-image:url("https://cdn.jsdelivr.net/npm/vditor@1.1.2/src/assets/images/code-bg.png");background-size:20px 20px;border-radius:5px;display:block;overflow:auto}.vditor-reset pre:hover div.vditor-copy{display:block}.vditor-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:solid 1px #d1d5da;border-bottom-color:#bbb;border-radius:3px;box-shadow:inset 0 -1px 0 #bbb}.vditor-reset summary{cursor:pointer}.vditor-reset summary:focus{outline:none}.vditor-reset svg{height:auto;width:auto}.vditor-task{list-style:none;margin-left:-1.4em;display:flex;align-items:center}.vditor-task input{margin-right:5px}.vditor-copy{position:relative;display:none}.vditor-copy textarea{position:absolute;top:-100000px}.vditor-copy span{cursor:pointer;position:absolute;right:0.5em;top:0.5em;height:20px;width:20px}.vditor-copy svg{height:20px;width:20px}html{height:100%;max-height:100%;font-size:16px;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{height:100%;max-height:100%;font-family:"Helvetica Neue", "Luxi Sans", "DejaVu Sans", Tahoma, "Hiragino Sans GB", "Microsoft Yahei", sans-serif;letter-spacing:0.01rem;font-size:100%;line-height:1.75em;color:rgba(0,0,0,0.6);-webkit-font-feature-settings:'kern' 1;-moz-font-feature-settings:'kern' 1;-o-font-feature-settings:'kern' 1;text-rendering:geometricPrecision;margin:0;background-color:#eaeaea}::-moz-selection{background:#D6EDFF}::selection{background:#D6EDFF}a{text-decoration:none;outline-width:0;color:#258fb8;outline:none;transition:all 0.3s ease}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;text-rendering:geometricPrecision}h1{letter-spacing:-2px;text-indent:-3px}h2{letter-spacing:-1px}img{max-width:100%}p,ul,ol,dl{-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;text-rendering:geometricPrecision}ol,ul{padding-left:3rem}ol ol,ul ul,ul ol,ol ul{padding-left:2em}dl dt{float:left;width:180px;overflow:hidden;clear:left;text-align:right;text-overflow:ellipsis;white-space:nowrap;font-weight:700;margin-bottom:1em}dl dd{margin-left:200px;margin-bottom:1em}li li{margin:0}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 1.75em 0;padding:0 0 0 1.75em;border-left:5px solid;transition:all 0.3s ease}blockquote:hover{border-color:#b0a0aa}blockquote p{margin:0.8em 0;font-style:italic}blockquote small{display:inline-block;margin:0.8em 0 0.8em 1.5em;font-size:0.9em;color:#CCC}blockquote small:before{content:"\2014 \00A0"}blockquote cite{font-weight:700}blockquote cite a{font-weight:normal}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:0.85em;white-space:pre-wrap;border:#E3EDF3 1px solid;background:#F7FAFB;border-radius:2px}pre{font-size:0.9em}pre code,pre tt{font-size:inherit;white-space:pre-wrap;background:transparent;border:none;padding:0}.fn-clear:before,.fn-clear:after{display:table;content:""}.fn-clear:after{clear:both}.fn-left{float:left}.fn-right{float:right}.fn-none{display:none}@font-face{font-family:'icomoon';src:url("fonts/icomoon.eot?nqk4b3");src:url("fonts/icomoon.eot?nqk4b3#iefix") format("embedded-opentype"),url("fonts/icomoon.ttf?nqk4b3") format("truetype"),url("fonts/icomoon.woff?nqk4b3") format("woff"),url("fonts/icomoon.svg?nqk4b3#icomoon") format("svg");font-weight:normal;font-style:normal}[class^="icon-"],[class*=" icon-"]{font-family:'icomoon' !important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-register:before{content:"\e600"}.icon-logout:before{content:"\e601"}.icon-setting:before{content:"\e602"}.icon-weibo:before{content:"\e605"}.icon-goup:before{content:"\e60a"}.icon-twitter:before{content:"\e60b"}.icon-login:before{content:"\e611"}.icon-qqz:before{content:"\e902"}.icon-tag:before{content:"\e904"}.icon-date:before{content:"\e905"}.icon-github:before{content:"\e900"}.icon-rss:before{content:"\e901"}.icon-wechat:before{content:"\e903"}.form{width:100%;padding:30px}#captcha,#captchaReply{height:27px;display:inline-block;vertical-align:inherit}.form input,.form textarea,.form button{border:1px solid #CCCCCC;background-color:#FAFAFA;border-radius:3px;box-shadow:0 1px 2px rgba(0,0,0,0.075) inset;padding:7px 8px;width:100%;box-sizing:border-box;font-size:14px;outline:none;font-family:"Helvetica Neue", "Luxi Sans", "DejaVu Sans", Tahoma, "Hiragino Sans GB", "Microsoft Yahei", sans-serif}.form button{width:auto;vertical-align:bottom;transition:all 0.3s ease;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,0.075) inset,0 0 5px rgba(176,160,170,0.5);border:1px solid #b0a0aa}.side{position:fixed;background-color:#FFF;height:100%;width:300px}.side .vditor-reset,.side .vditor-reset a{font-size:12px;font-weight:normal}.side a{color:#696969;font-size:30px}.side a:hover,.side .toc a:hover{color:#b0a0aa}.side .overlay{height:180px;background-color:#000;position:absolute;opacity:0.7;width:100%}.side .content{width:76%;text-align:center;margin:112px auto 0;position:relative;z-index:1}.side .avatar{display:block;border:5px solid #fff;border-radius:50%;width:128px;height:128px;margin:0 auto;transition:all 0.1s ease-in}.side .avatar:hover{border-color:rgba(37,143,184,0.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;list-style:none}.side nav a{font-size:14px}.side nav .page-icon{height:16px;width:16px;margin:0px 3px 0 0;vertical-align:-2px}.side footer{position:absolute;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;font-size:14px;display:none}.side .toc{height:100%;width:300px;position:absolute;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=) repeat #5d5d5d}.side .toc li{border-bottom:1px solid #717171;border-top:1px solid #5d5d5d}.side .toc a{font-size:14px;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{position:absolute;right:0;min-height:100%;background:#eaeaea;left:300px;width:auto}article{margin:30px;border:1px solid #ddd;background:#fff;position:relative;transition:all 0.2s ease-in;visibility:hidden}article.show{visibility:visible;-webkit-animation:bounce 0.6s;animation:bounce 0.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)}}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:0px;font-weight:300;line-height:35px}article header a:hover{color:#b0a0aa}article header sup{font-size:14px;font-weight:normal;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 30px;border-top:1px solid #ddd}.tags .tag:hover,article .abstract a:hover{opacity:0.7}.tags .avatar{width:20px;border-radius:10px;right:30px;position:absolute;bottom:25px;transition:all 0.2s ease-out 0s}.share .icon-wechat{position:relative;z-index:12}.share canvas{position:absolute;right:-54px;top:18px}.share span{transition:all 0.2s ease-out 0s;cursor:pointer}.tags .avatar:hover,.share span:hover{transform:rotate(360deg);color:#333}.tags .tag{color:#fff;font-size:10px;height:18px;line-height:18px;display:inline-block;padding:0 5px 0px 10px;position:relative;border-radius:0 5px 5px 0;margin:5px 9px 5px 8px;background-color:#7b5d5f;font-family:Menlo, Monaco, "Andale Mono", "lucida console", "Courier New", monospace}.tags .tag:before{content:" ";width:0px;height:0px;position:absolute;top:0;left:-18px;border:9px solid transparent;border-right-color:#7b5d5f}.tags .tag:after{content:" ";width:4px;height:4px;background-color:#fff;border-radius:4px;box-shadow:0px 0px 0px 1px rgba(0,0,0,0.3);position:absolute;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 a.page-num:hover{opacity:0.7}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}article.post{visibility:visible}.post .tags .avatar{bottom:inherit;margin-top:4px}.post section.tags{margin:0}.post header{padding-bottom:0}.post .share{padding:10px 0 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 0.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;list-style:none;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;font-family:Menlo, Monaco, "Andale Mono", "lucida console", "Courier New", monospace;text-shadow:0 1px #fff;opacity:0.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 0.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%,20%,50%,80%,100%{-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{list-style:none;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 li{list-style:none}.dynamic .comments li:last-child{border-bottom-width:0}@media only screen and (max-width: 500px){.side{position:relative;height:auto;width:100%}.side .avatar{position:relative}.side .content{margin-top:0;padding-top:20px}.side .overlay{height:100px;z-index:0}.side nav{display:none}.side footer{position:initial;margin:10px auto;padding-bottom:16px}main{position:initial}article{margin:10px}.comments{margin:20px 20px 0 20px}footer.footer{text-align:center}footer.footer .fn-right{float:none;display:block}} diff --git a/yilia/css/base.scss b/yilia/css/base.scss index e7023a4..4b6e825 100644 --- a/yilia/css/base.scss +++ b/yilia/css/base.scss @@ -21,9 +21,8 @@ * * @author Liyuan Li * @author Liang Ding - * @version 2.2.0.0, Mar 1, 2019 + * @version 2.2.0.1, Mar 16, 2019 */ -@import "../../../scss/reset-content"; @import "vditor/src/assets/scss/classic"; /* start reset */ html { @@ -360,8 +359,8 @@ pre code, pre tt { height: 100%; width: 300px; - .content-reset, - .content-reset a { + .vditor-reset, + .vditor-reset a { font-size: 12px; font-weight: normal; } diff --git a/yilia/dynamic.ftl b/yilia/dynamic.ftl index 77aeed3..0fd720d 100644 --- a/yilia/dynamic.ftl +++ b/yilia/dynamic.ftl @@ -48,7 +48,7 @@ ${viewLabel}»
-
+
${comment.commentContent}
diff --git a/yilia/footer.ftl b/yilia/footer.ftl index 75220df..1038ee4 100644 --- a/yilia/footer.ftl +++ b/yilia/footer.ftl @@ -60,11 +60,10 @@ var Label = { "markedAvailable": ${markedAvailable?c}, + "hljsStyle": "atom-one-light", + "langLabel": "${langLabel}", "skinDirName": "${skinDirName}" }; - Util.initSW(); - Util.parseMarkdown(); - Util.killIE(8) - Util.previewImg() + Util.init() ${plugins} diff --git a/yilia/page.ftl b/yilia/page.ftl index 27633e3..0cb6ad2 100644 --- a/yilia/page.ftl +++ b/yilia/page.ftl @@ -32,7 +32,7 @@ <#include "side.ftl">
-
+
${page.pageContent}