From bf7cbd915059fe559a8e9642e97cc79f4e3ba295 Mon Sep 17 00:00:00 2001 From: Van Date: Tue, 9 Jul 2019 12:14:09 +0800 Subject: [PATCH] :lips: side --- skins/5styles/css/base.css | 2 +- skins/5styles/css/base.scss | 804 +++++++++++++++++++++--------------- skins/5styles/side.ftl | 8 +- 3 files changed, 471 insertions(+), 343 deletions(-) diff --git a/skins/5styles/css/base.css b/skins/5styles/css/base.css index 5db5577..6eec372 100644 --- a/skins/5styles/css/base.css +++ b/skins/5styles/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}@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{margin:0;padding:0;font:Verdana,Arial,Helvetica,sans-serif;font-size:12px;color:#585858;background:#545454}h1,h2,h3{margin-top:0px}h1{font-size:2.4em}h2{font-size:1.6em}h3{font-size:1.4em}p,ol,ul{margin:0 0 10px 20px;line-height:20px}img{border:none}a{color:#27789b;text-decoration:none;line-height:22px}a:hover{color:#442494}.center{text-align:center}.clear{clear:both;font-size:0px;height:0px}#main{width:100%}#wrap{background-color:#f8f8f8}#top{background-image:linear-gradient(top, #fff, #E5E5E5);background-image:-moz-linear-gradient(top, #fff, #E5E5E5);background-image:-ms-linear-gradient(top, #fff, #E5E5E5);background-image:-o-linear-gradient(top, #fff, #E5E5E5);background-image:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#E5E5E5));filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF',endColorstr='#E5E5E5');border-bottom:1px solid #E5E5E5;height:26px;line-height:26px}#top a:hover,#top a.hover{background-color:#EEF2FA;border-left-color:#707070;border-radius:0 13px 13px 0;margin:0px;line-height:26px}#top a,#top span span{border-right:1px solid #D9D9D9;color:#4C4C4C;float:left;line-height:14px;margin:6px 0;padding:0 6px;text-decoration:none;text-shadow:0 -1px 0 white;font-weight:normal}.right{float:right}.left{float:left}.article-relative{line-height:22px;margin-top:24px}.article-relative h4{font-size:12px}.article-relative ul{margin:0 0 10px 10px}.article-relative li{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}#pagenavi{padding:20px 0 10px}#pagenavi span{font-weight:bold}#pagenavi span,#pagenavi a{margin:0 4px;padding:2px 7px;border:1px solid #666;border-radius:3px}#pagenavi a:hover{background:#666;color:#f0f0f0}#pagenavi em{display:none}.breakline{word-break:break-all;word-wrap:break-word}.shortline{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}#header{margin:0;padding:0;height:69px;background:url(../images/header-bg.gif) repeat-x;text-decoration:none}#header-left{float:left;margin:0px;padding:0px}#header h1{float:left;margin:0;padding:21px 0 20px 20px;font-size:24px}#header h1 a{color:#72d4ff;text-decoration:none}.description{float:left;margin:33px 0 0 10px;padding:0px;color:#e0e0e0}#header-right{float:right;margin:0px;padding:0}.layout{margin:0px 10px 0 auto;padding:2px 0 0 54px;width:80px;height:19px;background:url(../images/style.gif) no-repeat 0px 0px}.layout span{width:10px;height:10px;float:left;margin:3px 2px 0 2px;cursor:pointer}.themes1,.themes2,.themes3,.themes4,.themes5,.post .post-tltle a:hover,.post-comments,.post-date,.post-views,.post-cat,.post-author,.post-tag,#to-top,#footer-right a:hover,.navigation-top span,#sidebar ul li ul li,#sidebar ul li ul li:hover,#sidebar .comms li span,#sidebar .comms li span:hover{background-image:url(../images/icons.gif);background-repeat:no-repeat}#sidebar ul li,.navigation-top,.postmetadata{background-image:url(../images/line.gif);background-repeat:repeat-x}.themes5{background-position:-7px -7px}.themes4{background-position:-7px -31px}.themes3{background-position:-7px -55px}.themes2{background-position:-7px -79px}.themes1{background-position:-7px -103px}#header-navi{float:right;margin:14px 0 0 0;padding:0px}#header-navi li{margin:0 5px;padding:0;display:inline;line-height:24px;height:24px}#header-navi li a{color:#d8d8d8}#header-navi li.selected a,#header li a:hover{color:#f2f2f2;background:url(../images/menu-li.gif) no-repeat bottom center;padding:0px 0 4px 0}.navigation-top{margin:2px 0 0 0;line-height:30px;background-position:bottom}.navigation-top span{margin:0 0 0 15px;padding:0 0 0 20px;background-position:-7px -322px}.post{margin:5px 20px 15px 20px;padding:0 0px 0 0}.post .post-tltle{margin:10px 0 0 0;padding:2px 0;border-bottom:1px dotted #c1c1c1;font-size:1.6em;line-height:36px}.post .post-tltle a:hover{background-position:right -291px;padding:0 43px 0 0px}.postmetadata-top{margin:0;padding:0;line-height:22px;font-size:11px}.post-comments{background-position:-7px -199px;padding:0 0 0 13px;margin:0 0 0 10px}.post-date{background-position:-7px -222px;padding:0 0 0 13px}.post-views{margin:0 0 0 10px;background-position:-7px -246px;padding:0 0 0 13px}.postmetadata{margin:0px;padding:0 0 4px 0;line-height:24px;background-position:bottom}.post-cat{margin:0 10px 0 0;background-position:-7px -152px;padding:0 0 0 13px}.post-author{margin:0 0 0 10px;background-position:-7px -269px;padding:0 0 0 13px}.post-tag{margin:0 10px 0 0;background-position:-7px -125px;padding:0 0 0 13px}.vditor-reset{margin:8px 0;padding:0px;line-height:22px;white-space:normal;overflow:hidden;font-size:12px}.navigation{margin:5px 15px 5px 15px;text-align:center;display:block}#sidebar ul{margin:0;padding:0;list-style:none}#sidebar ul li{padding:5px 5px 5px 5px;background-position:bottom}#sidebar ul li h3{margin:0px;padding:0;font-size:14px;font-weight:normal;color:#2cacda;line-height:28px}#sidebar ul li ul{margin:0px;padding:0}#sidebar .slist li{margin:0px 0;padding:0 0 0 0px;line-height:22px;background-position:-7px -387px}#sidebar .slist li:hover{background-position:-7px -411px}#sidebar ul li ul li a{padding:0 0 0 15px;color:#666666}#sidebar ul li ul li a:hover{color:#a165f1}#sidebar .side-cat li{float:left;width:50%}#sidebar .side-cat{display:block}#sidebar .side-cat span{float:left;line-height:24px;white-space:nowrap;padding:0 5px}#sidebar .side-cat span:hover,#sidebar .side-cat span a:hover{background:#72d4ff;color:#fff}#sidebar .comms li{background:none;padding:0 0}#sidebar .comms li:hover{background:none}#sidebar .arrow a{padding:0 0}#sidebar .arrow{padding:0 0 0 13px;background-position:-7px -393px}#sidebar .arrow:hover{background-position:-7px -417px;color:#85bf73}#sidebar #searchform{text-align:left}#searchform{margin:10px 0 0 0;padding:0}#searchform #s{margin:0;padding:1px 0 0 2px;width:185px;background:white;border:1px solid #CBD8E5;line-height:16px}#searchsubmit{margin:0;padding:2px 0 0 0;width:54px;height:18px;border:none;cursor:hand}#footer{clear:both;margin:0;padding:0;background:url(../images/foot-bg.gif) repeat-x;height:70px}#footer-no{float:left;margin:0;padding:0;background:url(../images/foot-wp.gif) no-repeat 0 0;height:70px;width:73px}#footer-link{float:left;margin:20px 0 0 20px;color:#d8d8d8;display:inline}#footer-link p{margin:0px;padding:0px;line-height:18px}#footer-link a{color:#85bf73;font:Arial,Helvetica,sans-serif}#footer-link a:hover{color:#FFFF99}#footer-right a{width:31px;height:52px}#to-top{margin:10px 30px 0 0;float:right;width:31px;height:52px;background-position:-8px -480px}#footer-right a{width:31px;height:52px}#footer-right a:hover{background-position:-8px -529px}.comments{border-bottom:1px solid #CCCCCC;border-top:1px solid #CCCCCC;margin:15px 0px;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:520px;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;margin-right:14px}.comment-info{background:url("../images/comment.gif") no-repeat scroll 0 0 #EDEFF0;font-size:12px;padding:10px 15px 0;width:75%}.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{margin:15px 0px;padding:0 35px 15px;position:relative}.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:100%}.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;background-color:#ffffff}.comment-form button:hover{background:none repeat scroll 0 0 #98C64C;border-color:#76B33A #98C64C #98C64C #76B33A;color:#074A7E}.em-span{line-height:24px;float:left}.em-br{line-height:24px} +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)}@keyframes scale-in{0%{opacity:0;transform:scale(0.5)}100%{opacity:1;transform:scale(1)}}.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:210px;min-width:80px;animation-duration:.15s;animation-name:scale-in;animation-timing-function:cubic-bezier(0.2, 0, 0.13, 1.5)}.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:30px;width:30px;text-align:center;line-height:26px;padding:3px;box-sizing:border-box;font-size:16px;transition:all 0.15s ease-in-out}.vditor-emojis span:hover{transform:scale(1.2)}.vditor-emojis img{height:20px;width:20px;float:left;margin:3px 0 0 3px}.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 0.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 0.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 0.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:sub}.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:2px;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%;border-radius:3px;font-family:mononoki,Consolas,"Liberation Mono",Menlo,Courier,monospace;word-break:break-word;background-size:20px 20px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8AgMAAABHkjHhAAAACVBMVEWAgIBaWlo+Pj7rTFvWAAAAA3RSTlMHCAw+VhR4AAAA+klEQVQoz4WSMW7EQAhFPxKWNh2FCx+HkaZI6RRb5DYbyVfIJXLKDCFoMbaTKSw/8ZnPAPjaH2xgZcUNUDADD7D9LtDBCLZ45fbkvo/30K8yeI64pPwl6znd/3n/Oe93P3ho9qeh72btTFzqkz0rsJle8Zr81OLEwZ1dv/713uWqvu2pl+k0fy7MWtj9r/tN5q/02z89qa/L4Dc2LvM93kezPfXlME/O86EbY/V9GB9ePX8G1/6W+/9h1dq/HGfTfzT3j/xNo7522Bfnqe5jO/fvhVthlfk434v3iO9zG/UOphyPeinPl1J8Gtaa7xPTa/Dk+RIs4deMvwGvcGsmsCvJ0AAAAABJRU5ErkJggg==)}.vditor-reset pre>code{padding:0.5em;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-reset p:last-child,.vditor-reset blockquote:last-child,.vditor-reset pre:last-child,.vditor-reset ul:last-child,.vditor-reset ol:last-child,.vditor-reset hr:last-child{margin-bottom:0}.vditor-reset .katex{position:relative}.vditor-reset .language-echarts{overflow:hidden;height:420px}.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;left:-100000px}.vditor-copy span{cursor:pointer;position:absolute;right:0.5em;top:0.5em;height:14px;width:14px;display:block;background-color:#f6f8fa;border-radius:3px;padding:3px}.vditor-copy svg{color:#586069;height:14px;width:14px;display:block;fill:currentColor}.fn__flex{display:flex}body{margin:0;padding:0;font:Verdana, Arial, Helvetica, sans-serif;font-size:12px;color:#585858;background:#545454}h1,h2,h3{margin-top:0px}h1{font-size:2.4em}h2{font-size:1.6em}h3{font-size:1.4em}ol,ul{margin:0 0 10px 20px;line-height:20px}img{border:none}a{color:#27789b;text-decoration:none;line-height:22px}a:hover{color:#442494}.center{text-align:center}.clear{clear:both;font-size:0px;height:0px}#main{width:100%}#wrap{background-color:#f8f8f8}#top{background-image:linear-gradient(top, #fff, #E5E5E5);background-image:-moz-linear-gradient(top, #fff, #E5E5E5);background-image:-ms-linear-gradient(top, #fff, #E5E5E5);background-image:-o-linear-gradient(top, #fff, #E5E5E5);background-image:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#E5E5E5));filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#E5E5E5');border-bottom:1px solid #E5E5E5;height:26px;line-height:26px}#top a:hover,#top a.hover{background-color:#EEF2FA;border-left-color:#707070;border-radius:0 13px 13px 0;margin:0px;line-height:26px}#top a,#top span span{border-right:1px solid #D9D9D9;color:#4C4C4C;float:left;line-height:14px;margin:6px 0;padding:0 6px;text-decoration:none;text-shadow:0 -1px 0 white;font-weight:normal}.right{float:right}.left{float:left}.article-relative{line-height:22px;margin-top:24px}.article-relative h4{font-size:12px}.article-relative ul{margin:0 0 10px 10px}.article-relative li{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}#pagenavi{padding:20px 0 10px}#pagenavi span{font-weight:bold}#pagenavi span,#pagenavi a{margin:0 4px;padding:2px 7px;border:1px solid #666;border-radius:3px}#pagenavi a:hover{background:#666;color:#f0f0f0}#pagenavi em{display:none}.breakline{word-break:break-all;word-wrap:break-word}.shortline{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}#header{margin:0;padding:0;height:69px;background:url(../images/header-bg.gif) repeat-x;text-decoration:none}#header-left{float:left;margin:0px;padding:0px}#header h1{float:left;margin:0;padding:21px 0 20px 20px;font-size:24px}#header h1 a{color:#72d4ff;text-decoration:none}.description{float:left;margin:33px 0 0 10px;padding:0px;color:#e0e0e0}#header-right{float:right;margin:0px;padding:0}.layout{margin:0px 10px 0 auto;padding:2px 0 0 54px;width:80px;height:19px;background:url(../images/style.gif) no-repeat 0px 0px}.layout span{width:10px;height:10px;float:left;margin:3px 2px 0 2px;cursor:pointer}.themes1,.themes2,.themes3,.themes4,.themes5,.post .post-tltle a:hover,.post-comments,.post-date,.post-views,.post-cat,.post-author,.post-tag,#to-top,#footer-right a:hover,.navigation-top span,#sidebar ul li ul li,#sidebar ul li ul li:hover,#sidebar .comms li span,#sidebar .comms li span:hover{background-image:url(../images/icons.gif);background-repeat:no-repeat}#sidebar ul li,.navigation-top,.postmetadata{background-image:url(../images/line.gif);background-repeat:repeat-x}.themes5{background-position:-7px -7px}.themes4{background-position:-7px -31px}.themes3{background-position:-7px -55px}.themes2{background-position:-7px -79px}.themes1{background-position:-7px -103px}#header-navi{float:right;margin:14px 0 0 0;padding:0px}#header-navi li{margin:0 5px;padding:0;display:inline;line-height:24px;height:24px}#header-navi li a{color:#d8d8d8}#header-navi li.selected a,#header li a:hover{color:#f2f2f2;background:url(../images/menu-li.gif) no-repeat bottom center;padding:0px 0 4px 0}.navigation-top{margin:2px 0 0 0;line-height:30px;background-position:bottom}.navigation-top span{margin:0 0 0 15px;padding:0 0 0 20px;background-position:-7px -322px}.post{margin:5px 20px 15px 20px;padding:0 0px 0 0}.post .post-tltle{margin:10px 0 0 0;padding:2px 0;border-bottom:1px dotted #c1c1c1;font-size:1.6em;line-height:36px}.post .post-tltle a:hover{background-position:right -291px;padding:0 43px 0 0px}.postmetadata-top{margin:0;padding:0;line-height:22px;font-size:11px}.post-comments{background-position:-7px -199px;padding:0 0 0 13px;margin:0 0 0 10px}.post-date{background-position:-7px -222px;padding:0 0 0 13px}.post-views{margin:0 0 0 10px;background-position:-7px -246px;padding:0 0 0 13px}.postmetadata{margin:0px;padding:0 0 4px 0;line-height:24px;background-position:bottom}.post-cat{margin:0 10px 0 0;background-position:-7px -152px;padding:0 0 0 13px}.post-author{margin:0 0 0 10px;background-position:-7px -269px;padding:0 0 0 13px}.post-tag{margin:0 10px 0 0;background-position:-7px -125px;padding:0 0 0 13px}.vditor-reset{margin:8px 0;padding:0px;line-height:22px;white-space:normal;overflow:hidden;font-size:12px}.navigation{margin:5px 15px 5px 15px;text-align:center;display:block}#sidebar ul{margin:0;padding:0;list-style:none}#sidebar ul li{padding:5px 5px 5px 5px;background-position:bottom}#sidebar ul li h3{margin:0px;padding:0;font-size:14px;font-weight:normal;color:#2cacda;line-height:28px}#sidebar ul li ul{margin:0px;padding:0}#sidebar .slist li{margin:0px 0;padding:0 0 0 0px;line-height:22px;background-position:-7px -387px}#sidebar .slist li:hover{background-position:-7px -411px}#sidebar ul li ul li a{padding:0 0 0 15px;color:#666666}#sidebar ul li ul li a:hover{color:#a165f1}#sidebar .side-cat li{float:left;width:50%}#sidebar .side-cat{display:block}#sidebar .side-cat span{float:left;line-height:24px;white-space:nowrap;padding:0 5px}#sidebar .side-cat span:hover,#sidebar .side-cat span a:hover{background:#72d4ff;color:#fff}#sidebar .comms li{background:none;padding:0 0}#sidebar .comms li:hover{background:none}#sidebar .fn__flex{margin-bottom:5px}#sidebar .fn__flex p{margin:0}#sidebar .fn__flex a{padding:0px 0 0 5px}#sidebar .arrow{padding:0 0 0 13px;background-position:-7px -393px;height:13px;margin-top:4px}#sidebar .arrow:hover{background-position:-7px -417px;color:#85bf73}#sidebar #searchform{text-align:left}#searchform{margin:10px 0 0 0;padding:0}#searchform #s{margin:0;padding:1px 0 0 2px;width:185px;background:white;border:1px solid #CBD8E5;line-height:16px}#searchsubmit{margin:0;padding:0;width:54px;height:18px;border:none;cursor:hand}#footer{clear:both;margin:0;padding:0;background:url(../images/foot-bg.gif) repeat-x;height:70px}#footer-no{float:left;margin:0;padding:0;background:url(../images/foot-wp.gif) no-repeat 0 0;height:70px;width:73px}#footer-link{float:left;margin:20px 0 0 20px;color:#d8d8d8;display:inline}#footer-link p{margin:0px;padding:0px;line-height:18px}#footer-link a{color:#85bf73;font:Arial, Helvetica, sans-serif}#footer-link a:hover{color:#FFFF99}#footer-right a{width:31px;height:52px}#to-top{margin:10px 30px 0 0;float:right;width:31px;height:52px;background-position:-8px -480px}#footer-right a{width:31px;height:52px}#footer-right a:hover{background-position:-8px -529px}.comments{border-bottom:1px solid #CCCCCC;border-top:1px solid #CCCCCC;margin:15px 0px;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:520px;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;margin-right:14px}.comment-info{background:url("../images/comment.gif") no-repeat scroll 0 0 #EDEFF0;font-size:12px;padding:10px 15px 0;width:75%}.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{margin:15px 0px;padding:0 35px 15px;position:relative}.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:100%}.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;background-color:#ffffff}.comment-form button:hover{background:none repeat scroll 0 0 #98C64C;border-color:#76B33A #98C64C #98C64C #76B33A;color:#074A7E}.em-span{line-height:24px;float:left}.em-br{line-height:24px} diff --git a/skins/5styles/css/base.scss b/skins/5styles/css/base.scss index c93759a..9ace7d2 100644 --- a/skins/5styles/css/base.scss +++ b/skins/5styles/css/base.scss @@ -18,552 +18,680 @@ @charset "utf-8"; @import "../../../scss/reset"; @import "vditor/src/assets/scss/classic"; + +.fn__flex { + display: flex; +} + body { - margin:0; - padding:0; - font:Verdana,Arial,Helvetica,sans-serif; - font-size:12px; - color:#585858; - background:#545454; + margin: 0; + padding: 0; + font: Verdana, Arial, Helvetica, sans-serif; + font-size: 12px; + color: #585858; + background: #545454; } -h1,h2,h3 { - margin-top:0px; + +h1, h2, h3 { + margin-top: 0px; } + h1 { - font-size:2.4em; + font-size: 2.4em; } + h2 { - font-size:1.6em; + font-size: 1.6em; } + h3 { - font-size:1.4em; + font-size: 1.4em; } -p,ol,ul { - margin:0 0 10px 20px; - line-height:20px; + +ol, ul { + margin: 0 0 10px 20px; + line-height: 20px; } + img { - border:none; + border: none; } + a { - color:#27789b; - text-decoration:none; - line-height:22px; + color: #27789b; + text-decoration: none; + line-height: 22px; } + a:hover { - color:#442494; + color: #442494; } + .center { - text-align:center; + text-align: center; } + .clear { - clear:both; - font-size:0px; - height:0px; + clear: both; + font-size: 0px; + height: 0px; } + #main { - width:100%; + width: 100%; } + #wrap { - background-color:#f8f8f8; + background-color: #f8f8f8; } + /**/ #top { - background-image:linear-gradient(top,#FFFFFF,#E5E5E5); - background-image:-moz-linear-gradient(top,#FFFFFF,#E5E5E5); - background-image:-ms-linear-gradient(top,#FFFFFF,#E5E5E5); - background-image:-o-linear-gradient(top,#FFFFFF,#E5E5E5); - background-image:-webkit-gradient(linear,left top,left bottom,from(#FFFFFF),to(#E5E5E5)); - filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF',endColorstr='#E5E5E5'); - border-bottom:1px solid #E5E5E5; - height:26px; - line-height:26px; + background-image: linear-gradient(top, #FFFFFF, #E5E5E5); + background-image: -moz-linear-gradient(top, #FFFFFF, #E5E5E5); + background-image: -ms-linear-gradient(top, #FFFFFF, #E5E5E5); + background-image: -o-linear-gradient(top, #FFFFFF, #E5E5E5); + background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#E5E5E5)); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#E5E5E5'); + border-bottom: 1px solid #E5E5E5; + height: 26px; + line-height: 26px; } -#top a:hover,#top a.hover { - background-color:#EEF2FA; - border-left-color:#707070; - border-radius:0 13px 13px 0; - margin:0px; - line-height:26px; + +#top a:hover, #top a.hover { + background-color: #EEF2FA; + border-left-color: #707070; + border-radius: 0 13px 13px 0; + margin: 0px; + line-height: 26px; } -#top a,#top span span { - border-right:1px solid #D9D9D9; - color:#4C4C4C; - float:left; - line-height:14px; - margin:6px 0; - padding:0 6px; - text-decoration:none; - text-shadow:0 -1px 0 white; - font-weight:normal; + +#top a, #top span span { + border-right: 1px solid #D9D9D9; + color: #4C4C4C; + float: left; + line-height: 14px; + margin: 6px 0; + padding: 0 6px; + text-decoration: none; + text-shadow: 0 -1px 0 white; + font-weight: normal; } + .right { - float:right; + float: right; } + .left { - float:left; + float: left; } + .article-relative { - line-height:22px; - margin-top:24px; + line-height: 22px; + margin-top: 24px; } + .article-relative h4 { - font-size:12px; + font-size: 12px; } + .article-relative ul { - margin:0 0 10px 10px; + margin: 0 0 10px 10px; } + .article-relative li { - overflow:hidden; - white-space:nowrap; - text-overflow:ellipsis; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; } + #pagenavi { - padding:20px 0 10px; + padding: 20px 0 10px; } + #pagenavi span { - font-weight:bold} -#pagenavi span,#pagenavi a { - margin:0 4px; - padding:2px 7px; - border:1px solid #666; - border-radius:3px; + font-weight: bold } + +#pagenavi span, #pagenavi a { + margin: 0 4px; + padding: 2px 7px; + border: 1px solid #666; + border-radius: 3px; +} + #pagenavi a:hover { - background:#666; - color:#f0f0f0; + background: #666; + color: #f0f0f0; } + #pagenavi em { - display:none} + display: none +} + .breakline { - word-break:break-all; - word-wrap:break-word; + word-break: break-all; + word-wrap: break-word; } + .shortline { - overflow:hidden; - white-space:nowrap; - text-overflow:ellipsis; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; } + #header { - margin:0; - padding:0; - height:69px; - background:url(../images/header-bg.gif) repeat-x; - text-decoration:none; + margin: 0; + padding: 0; + height: 69px; + background: url(../images/header-bg.gif) repeat-x; + text-decoration: none; } + #header-left { - float:left; - margin:0px; - padding:0px; + float: left; + margin: 0px; + padding: 0px; } + #header h1 { - float:left; - margin:0; - padding:21px 0 20px 20px; - font-size:24px; + float: left; + margin: 0; + padding: 21px 0 20px 20px; + font-size: 24px; } + #header h1 a { - color:#72d4ff; - text-decoration:none; + color: #72d4ff; + text-decoration: none; } + .description { - float:left; - margin:33px 0 0 10px; - padding:0px; - color:#e0e0e0; + float: left; + margin: 33px 0 0 10px; + padding: 0px; + color: #e0e0e0; } + #header-right { - float:right; - margin:0px; - padding:0; + float: right; + margin: 0px; + padding: 0; } + .layout { - margin:0px 10px 0 auto; - padding:2px 0 0 54px; - width:80px; - height:19px; - background:url(../images/style.gif) no-repeat 0px 0px; + margin: 0px 10px 0 auto; + padding: 2px 0 0 54px; + width: 80px; + height: 19px; + background: url(../images/style.gif) no-repeat 0px 0px; } + .layout span { - width:10px; - height:10px; - float:left; - margin:3px 2px 0 2px; - cursor:pointer; + width: 10px; + height: 10px; + float: left; + margin: 3px 2px 0 2px; + cursor: pointer; } -.themes1,.themes2,.themes3,.themes4,.themes5,.post .post-tltle a:hover,.post-comments,.post-date,.post-views,.post-cat,.post-author,.post-tag,#to-top,#footer-right a:hover,.navigation-top span,#sidebar ul li ul li,#sidebar ul li ul li:hover,#sidebar .comms li span,#sidebar .comms li span:hover { - background-image:url(../images/icons.gif); - background-repeat:no-repeat; + +.themes1, .themes2, .themes3, .themes4, .themes5, .post .post-tltle a:hover, .post-comments, .post-date, .post-views, .post-cat, .post-author, .post-tag, #to-top, #footer-right a:hover, .navigation-top span, #sidebar ul li ul li, #sidebar ul li ul li:hover, #sidebar .comms li span, #sidebar .comms li span:hover { + background-image: url(../images/icons.gif); + background-repeat: no-repeat; } -#sidebar ul li,.navigation-top,.postmetadata { - background-image:url(../images/line.gif); - background-repeat:repeat-x; + +#sidebar ul li, .navigation-top, .postmetadata { + background-image: url(../images/line.gif); + background-repeat: repeat-x; } + .themes5 { - background-position:-7px -7px; + background-position: -7px -7px; } + .themes4 { - background-position:-7px -31px; + background-position: -7px -31px; } + .themes3 { - background-position:-7px -55px; + background-position: -7px -55px; } + .themes2 { - background-position:-7px -79px; + background-position: -7px -79px; } + .themes1 { - background-position:-7px -103px; + background-position: -7px -103px; } + #header-navi { - float:right; - margin:14px 0 0 0; - padding:0px; + float: right; + margin: 14px 0 0 0; + padding: 0px; } + #header-navi li { - margin:0 5px; - padding:0; - display:inline; - line-height:24px; - height:24px; + margin: 0 5px; + padding: 0; + display: inline; + line-height: 24px; + height: 24px; } + #header-navi li a { - color:#d8d8d8; + color: #d8d8d8; } -#header-navi li.selected a,#header li a:hover { - color:#f2f2f2; - background:url(../images/menu-li.gif) no-repeat bottom center; - padding:0px 0 4px 0; + +#header-navi li.selected a, #header li a:hover { + color: #f2f2f2; + background: url(../images/menu-li.gif) no-repeat bottom center; + padding: 0px 0 4px 0; } + .navigation-top { - margin:2px 0 0 0; - line-height:30px; - background-position:bottom; + margin: 2px 0 0 0; + line-height: 30px; + background-position: bottom; } + .navigation-top span { - margin:0 0 0 15px; - padding:0 0 0 20px; - background-position:-7px -322px} + margin: 0 0 0 15px; + padding: 0 0 0 20px; + background-position: -7px -322px +} + .post { - margin:5px 20px 15px 20px; - padding:0 0px 0 0; + margin: 5px 20px 15px 20px; + padding: 0 0px 0 0; } + .post .post-tltle { - margin:10px 0 0 0; - padding:2px 0; - border-bottom:1px dotted #c1c1c1; - font-size:1.6em; - line-height:36px; + margin: 10px 0 0 0; + padding: 2px 0; + border-bottom: 1px dotted #c1c1c1; + font-size: 1.6em; + line-height: 36px; } + .post .post-tltle a:hover { - background-position:right -291px; - padding:0 43px 0 0px; + background-position: right -291px; + padding: 0 43px 0 0px; } + .postmetadata-top { - margin:0; - padding:0; - line-height:22px; - font-size:11px; + margin: 0; + padding: 0; + line-height: 22px; + font-size: 11px; } + .post-comments { - background-position:-7px -199px; - padding:0 0 0 13px; - margin:0 0 0 10px; + background-position: -7px -199px; + padding: 0 0 0 13px; + margin: 0 0 0 10px; } + .post-date { - background-position:-7px -222px; - padding:0 0 0 13px; + background-position: -7px -222px; + padding: 0 0 0 13px; } + .post-views { - margin:0 0 0 10px; - background-position:-7px -246px; - padding:0 0 0 13px; + margin: 0 0 0 10px; + background-position: -7px -246px; + padding: 0 0 0 13px; } + .postmetadata { - margin:0px; - padding:0 0 4px 0; - line-height:24px; - background-position:bottom; + margin: 0px; + padding: 0 0 4px 0; + line-height: 24px; + background-position: bottom; } + .post-cat { - margin:0 10px 0 0; - background-position:-7px -152px; - padding:0 0 0 13px; + margin: 0 10px 0 0; + background-position: -7px -152px; + padding: 0 0 0 13px; } + .post-author { - margin:0 0 0 10px; - background-position:-7px -269px; - padding:0 0 0 13px; + margin: 0 0 0 10px; + background-position: -7px -269px; + padding: 0 0 0 13px; } + .post-tag { - margin:0 10px 0 0; - background-position:-7px -125px; - padding:0 0 0 13px; + margin: 0 10px 0 0; + background-position: -7px -125px; + padding: 0 0 0 13px; } + .vditor-reset { - margin:8px 0; - padding:0px; - line-height:22px; - white-space:normal; - overflow:hidden; - font-size: 12px; + margin: 8px 0; + padding: 0px; + line-height: 22px; + white-space: normal; + overflow: hidden; + font-size: 12px; } + .navigation { - margin:5px 15px 5px 15px; - text-align:center; - display:block; + margin: 5px 15px 5px 15px; + text-align: center; + display: block; } + #sidebar ul { - margin:0; - padding:0; - list-style:none; + margin: 0; + padding: 0; + list-style: none; } + #sidebar ul li { - padding:5px 5px 5px 5px; - background-position:bottom; + padding: 5px 5px 5px 5px; + background-position: bottom; } + #sidebar ul li h3 { - margin:0px; - padding:0; - font-size:14px; - font-weight:normal; - color:#2cacda; - line-height:28px; + margin: 0px; + padding: 0; + font-size: 14px; + font-weight: normal; + color: #2cacda; + line-height: 28px; } + #sidebar ul li ul { - margin:0px; - padding:0; + margin: 0px; + padding: 0; } + #sidebar .slist li { - margin:0px 0; - padding:0 0 0 0px; - line-height:22px; - background-position:-7px -387px; + margin: 0px 0; + padding: 0 0 0 0px; + line-height: 22px; + background-position: -7px -387px; } + #sidebar .slist li:hover { - background-position:-7px -411px; + background-position: -7px -411px; } + #sidebar ul li ul li a { - padding:0 0 0 15px; - color:#666666; + padding: 0 0 0 15px; + color: #666666; } + #sidebar ul li ul li a:hover { - color:#a165f1; + color: #a165f1; } + #sidebar .side-cat li { - float:left; - width:50%; + float: left; + width: 50%; } + #sidebar .side-cat { - display:block; + display: block; } + #sidebar .side-cat span { - float:left; - line-height:24px; - white-space:nowrap; - padding:0 5px; + float: left; + line-height: 24px; + white-space: nowrap; + padding: 0 5px; } -#sidebar .side-cat span:hover,#sidebar .side-cat span a:hover{ - background:#72d4ff; - color:#fff; + +#sidebar .side-cat span:hover, #sidebar .side-cat span a:hover { + background: #72d4ff; + color: #fff; } + #sidebar .comms li { - background:none; - padding:0 0; + background: none; + padding: 0 0; } + #sidebar .comms li:hover { - background:none; + background: none; } -#sidebar .arrow a { - padding:0 0; + +#sidebar .fn__flex { + margin-bottom: 5px; + p { + margin: 0; + } + + a { + padding: 0px 0 0 5px; + } } + #sidebar .arrow { - padding:0 0 0 13px; - background-position:-7px -393px; + padding: 0 0 0 13px; + background-position: -7px -393px; + height: 13px; + margin-top: 4px; } + #sidebar .arrow:hover { - background-position:-7px -417px; - color:#85bf73; + background-position: -7px -417px; + color: #85bf73; } + #sidebar #searchform { -text-align: left; + text-align: left; } + #searchform { -margin: 10px 0 0 0; -padding: 0; + margin: 10px 0 0 0; + padding: 0; } + #searchform #s { -margin: 0; -padding: 1px 0 0 2px; -width: 185px; -background: white; -border: 1px solid #CBD8E5; -line-height: 16px; + margin: 0; + padding: 1px 0 0 2px; + width: 185px; + background: white; + border: 1px solid #CBD8E5; + line-height: 16px; } + #searchsubmit { -margin: 0; -padding: 2px 0 0 0; -width: 54px; -height: 18px; -border: none; -cursor: hand; + margin: 0; + padding: 0; + width: 54px; + height: 18px; + border: none; + cursor: hand; } + #footer { - clear:both; - margin:0; - padding:0; - background:url(../images/foot-bg.gif) repeat-x; - height:70px; + clear: both; + margin: 0; + padding: 0; + background: url(../images/foot-bg.gif) repeat-x; + height: 70px; } + #footer-no { - float:left; - margin:0; - padding:0; - background:url(../images/foot-wp.gif) no-repeat 0 0; - height:70px; - width:73px; + float: left; + margin: 0; + padding: 0; + background: url(../images/foot-wp.gif) no-repeat 0 0; + height: 70px; + width: 73px; } + #footer-link { - float:left; - margin:20px 0 0 20px; - color:#d8d8d8; - display:inline; + float: left; + margin: 20px 0 0 20px; + color: #d8d8d8; + display: inline; } + #footer-link p { - margin:0px; - padding:0px; - line-height:18px; + margin: 0px; + padding: 0px; + line-height: 18px; } + #footer-link a { - color:#85bf73; - font:Arial,Helvetica,sans-serif; + color: #85bf73; + font: Arial, Helvetica, sans-serif; } + #footer-link a:hover { - color:#FFFF99; + color: #FFFF99; } + #footer-right a { - width:31px; - height:52px; + width: 31px; + height: 52px; } + #to-top { - margin:10px 30px 0 0; - float:right; - width:31px; - height:52px; - background-position:-8px -480px; + margin: 10px 30px 0 0; + float: right; + width: 31px; + height: 52px; + background-position: -8px -480px; } + #footer-right a { - width:31px; - height:52px; + width: 31px; + height: 52px; } + #footer-right a:hover { - background-position:-8px -529px; + background-position: -8px -529px; } + .comments { - border-bottom:1px solid #CCCCCC; - border-top:1px solid #CCCCCC; - margin:15px 0px; - padding:0 15px 15px; - position:relative; + border-bottom: 1px solid #CCCCCC; + border-top: 1px solid #CCCCCC; + margin: 15px 0px; + padding: 0 15px 15px; + position: relative; } + .comment-title { - background-color:#E3E9FF; - border-top:1px solid #3366CC; - padding:3px 12px 3px 12px; - position:relative; + 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:520px; - z-index:10; + background-color: #FFFFFF; + filter: alpha(opacity=90); + left: 217px; + opacity: 0.9; + padding: 6px; + position: absolute; + width: 520px; + z-index: 10; } + .comment-body { - margin-top:15px; + margin-top: 15px; } + .comment-author { - float:left; - text-align:center; - width:81px; + 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; + 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; + border: 1px solid #999999; + height: 32px; + padding: 1px; + width: 32px; } + .comment-author a { - font-weight:bold; - margin-right:14px; + font-weight: bold; + margin-right: 14px; } + .comment-info { - background:url("../images/comment.gif") no-repeat scroll 0 0 #EDEFF0; - font-size:12px; - padding:10px 15px 0; - width:75%; + background: url("../images/comment.gif") no-repeat scroll 0 0 #EDEFF0; + font-size: 12px; + padding: 10px 15px 0; + width: 75%; } + .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; + 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 { - margin:15px 0px; - padding:0 35px 15px; - position:relative; + margin: 15px 0px; + padding: 0 35px 15px; + position: relative; } + .comment-form img { - cursor:pointer; + cursor: pointer; } -.comment-form input,.comment-form textarea { - background:url("../images/textfield.gif") repeat-x scroll 50% 0 #FFFFFF; - border:1px solid #A6A6A6; - color:#555555; - font-family:Helvetica,Arial,sans-serif; - height:16px; - outline:none; - padding:2px 1px; - width:200px; + +.comment-form input, .comment-form textarea { + background: url("../images/textfield.gif") repeat-x scroll 50% 0 #FFFFFF; + 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:100%; + font-size: 12px; + height: auto; + width: 100%; } + .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; - background-color:#ffffff; + 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; + background-color: #ffffff; } + .comment-form button:hover { - background:none repeat scroll 0 0 #98C64C; - border-color:#76B33A #98C64C #98C64C #76B33A; - color:#074A7E; + background: none repeat scroll 0 0 #98C64C; + border-color: #76B33A #98C64C #98C64C #76B33A; + color: #074A7E; } + .em-span { - line-height:24px; - float:left; + line-height: 24px; + float: left; } + .em-br { - line-height:24px; + line-height: 24px; } \ No newline at end of file diff --git a/skins/5styles/side.ftl b/skins/5styles/side.ftl index 0aa81f4..a734d5a 100644 --- a/skins/5styles/side.ftl +++ b/skins/5styles/side.ftl @@ -66,12 +66,12 @@

${recentCommentsLabel}