diff --git a/tree-house/archives.ftl b/tree-house/archives.ftl new file mode 100644 index 0000000..ef13f8a --- /dev/null +++ b/tree-house/archives.ftl @@ -0,0 +1,71 @@ +<#-- + + Solo - A small and beautiful blogging system written in Java. + Copyright (c) 2010-2019, b3log.org & hacpai.com + + This program is free software: you can redistribute it and/or modify + it under the terms of the GNU Affero General Public License as published by + the Free Software Foundation, either version 3 of the License, or + (at your option) any later version. + + This program is distributed in the hope that it will be useful, + but WITHOUT ANY WARRANTY; without even the implied warranty of + MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the + GNU Affero General Public License for more details. + + You should have received a copy of the GNU Affero General Public License + along with this program. If not, see . + +--> +<#include "../../common-template/macro-common_head.ftl"> + + + + <@head title="${archiveLabel} - ${blogTitle}"> + + + + +
+
+ ${topBarReplacement} +
+
+ <#include "header.ftl"> +
+
+
+ <#if 0 != archiveDates?size> + + +
+
+ <#include "side.ftl"> +
+
+
+
+ <#include "footer.ftl"> +
+
+
+
+ + + diff --git a/tree-house/article-list.ftl b/tree-house/article-list.ftl index ba4a8db..b77a9cd 100644 --- a/tree-house/article-list.ftl +++ b/tree-house/article-list.ftl @@ -39,9 +39,9 @@
<#if article.hasUpdated> - ${article.articleUpdateDate?string("yyyy-MM-dd HH:mm:ss")} + ${article.articleUpdateDate?string("yyyy-MM-dd")}
${article.articleUpdateDate?string("HH:mm:ss")} <#else> - ${article.articleCreateDate?string("yyyy-MM-dd HH:mm:ss")} + ${article.articleCreateDate?string("yyyy-MM-dd")}
${article.articleCreateDate?string("HH:mm:ss")}
@@ -62,7 +62,9 @@
+<#if article_has_next>
+
<#if 0 != paginationPageCount> diff --git a/tree-house/article.ftl b/tree-house/article.ftl index f15ceca..740e49f 100644 --- a/tree-house/article.ftl +++ b/tree-house/article.ftl @@ -99,12 +99,10 @@ ${article.articleCreateDate?string("yyyy-MM-dd HH:mm:ss")}   - -  ${article.articleCommentCount}   +  ${article.articleCommentCount} ${commentLabel}   - -   ${article.articleViewCount}   +   ${article.articleViewCount} ${viewLabel}  
diff --git a/tree-house/css/base.css b/tree-house/css/base.css index 4a4d73e..8ff3665 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}@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}.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-reset .katex{position:relative}.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} +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}.article__toc{overflow:auto}.article__toc::-webkit-scrollbar{display:none}.article__toc li{list-style-type:none}.article__toc li a{padding-left:10px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.article__toc li a:hover{text-decoration:none}.article__toc li.toc__h3 a{padding-left:20px}.article__toc li.toc__h4 a{padding-left:30px}.article__toc li.toc__h5 a{padding-left:40px}.user__site:hover{text-decoration:none}.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}@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}.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-reset .katex{position:relative}.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}.user__site{margin-left:5px}.tags li{float:left;list-style:none}.tags li a{line-height:19px;padding:5px 10px 4px 23px;margin:0 10px 10px 0;background-color:rgba(255,255,255,0.39);display:block}.tags li a:hover{background:url(../images/bg-menu-active.png) repeat scroll -8px -8px transparent;text-decoration:none;color:#EC0A8B}.left{float:left}.right{float:right}.clear:before,.clear:after{display:table;content:""}.clear:after{clear:both}.none{display:none}.marginLeft12{margin-left:12px}.marginBottom12{margin-bottom:12px}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:320px}.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:6px;padding:6px;width:74px}.article-comment{background:url("../images/bg-comments.png") no-repeat scroll 0 0 transparent;font-size:12px;height:22px;margin:24px 0 0;padding:27px 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:36px 12px 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;height:29px}#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 14a622d..67a535b 100644 --- a/tree-house/css/base.scss +++ b/tree-house/css/base.scss @@ -20,459 +20,580 @@ * skin tree-house style * * @author Liyuan Li - * @version 2.1.0.1, Mar 16, 2019 + * @version 2.2.0.0, Mar 22, 2019 */ - @import "../../../scss/reset"; +@import "../../../scss/toc"; +@import "../../../scss/usite"; +@import "../../../scss/function"; @import "vditor/src/assets/scss/classic"; + +.user__site { + margin-left: 5px; +} + +.tags li { + float: left; + list-style: none; + + a { + line-height: 19px; + padding: 5px 10px 4px 23px; + margin: 0 10px 10px 0; + background-color: rgba(255, 255, 255, 0.39); + display: block; + &:hover { + background: url(../images/bg-menu-active.png) repeat scroll -8px -8px transparent; + text-decoration: none; + color: #EC0A8B; + } + } + +} + .left { - float: left; + float: left; } .right { - float: right; + float: right; } .clear:before, .clear:after { - display: table; - content: ""; + display: table; + content: ""; } .clear:after { - clear: both; + clear: both; } + .none { - display: none; + display: none; } + +.marginLeft12 { + margin-left: 12px; +} + +.marginBottom12 { + margin-bottom: 12px; +} + html { - min-width: 948px; + min-width: 948px; } + body { - background: url("../images/bg-tree.jpg") repeat-y scroll 50% 0 #7BCCFF; - color: #42423D; - min-width: 948px; + 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; + color: #FFFFFF; + text-decoration: none; } + a:hover { - text-decoration: underline; + text-decoration: underline; } + h5 { - font-size: 12px; + font-size: 12px; } + img { - max-width: 100%; - vertical-align: middle; - border: 0; - height: auto; - -ms-interpolation-mode: bicubic; - overflow: hidden; - font-size: 12px; + 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; + 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; + background: url("../images/bg-footer2.jpg") no-repeat scroll 50% 100% transparent; } + .content { - margin: 0 auto; - width: 948px; + margin: 0 auto; + width: 948px; } + .header { - height: 476px; - width: 100%; + height: 476px; + width: 100%; } + .header-navi { - position: relative; - z-index: 10; + position: relative; + z-index: 10; } + .header-navi ul { - list-style: none outside none; - margin-top: 20px; + list-style: none outside none; + margin-top: 20px; } + .header-navi li { - float: left; + float: left; } .header-navi .page-icon { - float: left; - height: 14px; - width: 14px; - margin: 2px 3px 0 0; + float: left; + height: 14px; + width: 14px; + margin: 2px 3px 0 0; } .header-title { - color: #FFFFFF; - margin-left: 146px; - padding-top: 222px; - position: relative; + color: #FFFFFF; + margin-left: 146px; + padding-top: 222px; + position: relative; } + #logoTitle { - color: #FFFFFF; - font-size: 52px; - text-decoration: none; + color: #FFFFFF; + font-size: 52px; + text-decoration: none; } + .header-title div { - color: DimGray; - width: 300px; + color: DimGray; + width: 320px; } + .side { - margin: 0 0 0 -21px; - width: 256px; + margin: 0 0 0 -21px; + width: 256px; } + .body { - min-height: 643px; - padding-bottom: 682px; + min-height: 643px; + padding-bottom: 682px; } + .main { - width: 634px; + width: 634px; } + .footer { - color: Lavender; - padding: 12px; - text-align: center; + color: Lavender; + padding: 12px; + text-align: center; } + .footer a { - font-weight: bold; + font-weight: bold; } + .article { - overflow: hidden; - width: 553px; + overflow: hidden; + width: 553px; } + .article-header sup { - color: red; - font-size: 12px; + color: red; + font-size: 12px; } + .article-header h2 { - color: #242323; - font-weight: bold; - margin-left: 6px; - position: relative; + 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; + color: #242323; + display: block; + padding: 3px 0 4px 10px; + text-decoration: none; } + .article-header h2 a:hover { - background-color: #242323; - color: #EC0A8B; + background-color: #242323; + color: #EC0A8B; } + .article-info { - margin: 10px 0 0 9px; - width: 109px; + margin: 10px 0 0 9px; + width: 109px; } + .article-main { - margin: 10px 0 0 9px; - min-height: 150px; - width: 426px; + 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; + 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; + 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; + 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; + background-color: #D4F2FB; + border: 6px solid #A8D3ED; + border-radius: 5px; + margin-left: 6px; + padding: 6px; + width: 74px; } + .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; + background: url("../images/bg-comments.png") no-repeat scroll 0 0 transparent; + font-size: 12px; + height: 22px; + margin: 24px 0 0; + padding: 27px 0 0; + text-align: center; } + .article-comment a { - color: #42423D; + color: #42423D; } + .main h2.title { - color: #FF9000; - margin: -34px 0 12px; - text-align: center; + 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; + color: DimGray; + float: right; + font-size: 12px; + margin-top: 7px; + padding-right: 10px; } + .vditor-reset { - margin: 0 12px 12px; + margin: 0 12px 12px; } + .vditor-reset a, .article-abstract a { - color: #242323; - text-decoration: underline; + color: #242323; + text-decoration: underline; } + .article-footer { - margin-right: 12px; + margin-right: 12px; } + .article-details-footer a { - line-height: 16px; + line-height: 16px; } + .article-details-footer { - margin: 36px 12px 0 0; + margin: 36px 12px 0 0; } .article-details-footer .right a:hover { - text-decoration: none; + text-decoration: none; } .article-relative { - line-height: 145%; - margin: 12px 0; + line-height: 145%; + margin: 12px 0; } + .comments { - padding-left: 99px; - position: relative; + 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; + 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; + 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; + 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; + color: #42423D; } + .comment-body td { - white-space: normal; + white-space: normal; } + .comment-bottom { - background: url("../images/bg-comments-bottom.png") no-repeat scroll 0 0 transparent; - height: 23px; + background: url("../images/bg-comments-bottom.png") no-repeat scroll 0 0 transparent; + height: 23px; } + .comment-title { - padding-bottom: 6px; + padding-bottom: 6px; } + .comment-title a { - color: #42423D; - font-weight: bold; + color: #42423D; + font-weight: bold; } + .comment-body-ref { - left: 182px; - opacity: 0.9; - position: absolute; - top: 16px; - z-index: 16; + left: 182px; + opacity: 0.9; + position: absolute; + top: 16px; + z-index: 16; } + img.comment-picture { - height: 60px; - padding: 0px 6px 4px 0; - width: 60px; + height: 60px; + padding: 0px 6px 4px 0; + width: 60px; } + .comment-reply { - margin: 0 auto 24px auto; + margin: 0 auto 24px auto; } + #commentURL:focus, #commentURLReply:focus { - box-shadow: -3px 1px 2px rgba(0, 0, 0, 0.3) inset; + box-shadow: -3px 1px 2px rgba(0, 0, 0, 0.3) inset; } + #comment, #commentReply { - resize: vertical; + resize: vertical; } + .error-msg { - color: #EC0A8B; - font-weight: bold; - white-space: normal; + color: #EC0A8B; + font-weight: bold; + white-space: normal; } + #sideNavi .line { - background: url("../images/bg-branch-small.png") no-repeat; - height: 69px; - margin-top: 12px; + background: url("../images/bg-branch-small.png") no-repeat; + height: 69px; + margin-top: 12px; } + #sideNavi .block { - margin-left: 64px; + 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; + background: url("../images/bg-heading.png") no-repeat scroll 0 0 transparent; + color: #EC0A8B; + font-size: 15px; + height: 30px; + padding: 36px 12px 0 12px; } + #sideNavi .notice h3 { - background-image: url("../images/bg-heading-about-us.png"); + background-image: url("../images/bg-heading-about-us.png"); } + #sideNavi #recentComments img { - height: 16px; - vertical-align: middle; - width: 16px; + height: 16px; + vertical-align: middle; + width: 16px; } + #sideNavi #recentCommentsLabel { - background-image: url("../images/bg-heading-portfolio.png"); + background-image: url("../images/bg-heading-portfolio.png"); } + #sideNavi .mostCommentArticles h3 { - background-image: url("../images/bg-heading-categories.png"); + background-image: url("../images/bg-heading-categories.png"); } + #sideNavi .mostViewCountArticles h3 { - background-image: url("../images/bg-heading-resources.png"); - margin-bottom: 6px; + background-image: url("../images/bg-heading-resources.png"); + margin-bottom: 6px; } -#sideNavi .notice>div { - margin: 12px 12px 12px 17px; + +#sideNavi .notice > div { + margin: 12px 12px 12px 17px; } + #sideNavi ul { - margin-left: 5px; - width: 182px; - list-style: none; + 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; + 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; + height: 29px; } + #sideNavi li:hover { - background: url("../images/bg-menu-active.png") repeat scroll -8px -8px transparent; - color: #EC0A8B; - font-weight: bold; + 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; + 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 { + 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 > a sup { + margin-right: 3px; + line-height: 12px; + color: #EC0A8B; } -#sideNavi li>div { - display: none; + +#sideNavi li > div { + display: none; } + #sideNavi li p { - display: inline; + display: inline; } -#sideNavi .popTags li>a { - padding-left: 40px; - width: 143px; + +#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; + cursor: pointer; + height: 16px; + left: 19px; + position: absolute; + top: 7px; + width: 16px; } + #sideNavi .popTags li:hover a { - padding-left: 46px; - width: 137px; + padding-left: 46px; + width: 137px; } #sideNavi .popTags li:hover img { - left: 25px; + left: 25px; } + #statistic { - height: 138px; - line-height: 24px; - margin: 28px 0 0 80px; + height: 138px; + line-height: 24px; + margin: 28px 0 0 80px; } + .pagination { - margin: 16px; - text-align: center; + margin: 16px; + text-align: center; } + .pagination a, .pagination a:visited { - padding: 0 3px; + padding: 0 3px; } + .pagination a.selected { - color: #42423D; - font-weight: bold; + color: #42423D; + font-weight: bold; } + #tagsPanel { - width: 553px; + width: 553px; } + #tagsPanel .tagPanel { - background-color: #EEEEEE; - border: 2px solid; - border-radius: 6px; - cursor: pointer; - float: left; - margin: 3px; + background-color: #EEEEEE; + border: 2px solid; + border-radius: 6px; + cursor: pointer; + float: left; + margin: 3px; } + #tagsPanel .tagPanel:hover { - background-color: transparent; - border: 2px dashed; + background-color: transparent; + border: 2px dashed; } + #tagsPanel .tagPanel { - text-decoration: none; + text-decoration: none; } + .error-title { - width: 553px; + width: 553px; } + .error-panel { - padding: 24px; + padding: 24px; } + .error-title { - background-color: #242323; - color: #EC0A8B; - display: block; - padding: 3px 10px 4px 10px; - position: relative; + background-color: #242323; + color: #EC0A8B; + display: block; + padding: 3px 10px 4px 10px; + position: relative; } + .goTopIcon { - background-position: -128px -32px; + background-position: -128px -32px; } + .goBottomIcon { - background-position: -144px -32px; + background-position: -144px -32px; } \ No newline at end of file diff --git a/tree-house/header.ftl b/tree-house/header.ftl index 09ff1b8..d98d12b 100644 --- a/tree-house/header.ftl +++ b/tree-house/header.ftl @@ -30,7 +30,9 @@ ${allTagsLabel}  
  • - RSSRSS   + + RSSRSS +   
  • Search @@ -44,4 +46,9 @@
    ${blogSubtitle}
    + <#include "../../common-template/macro-user_site.ftl"/> +
    +
    + <@userSite dir="ne"/> +
    \ No newline at end of file diff --git a/tree-house/side.ftl b/tree-house/side.ftl index 6179a5b..10fd1f6 100644 --- a/tree-house/side.ftl +++ b/tree-house/side.ftl @@ -45,6 +45,16 @@
    + + <#if article?? && article.articleToC?? && article.articleToC?size > 0> +
    +

    ${tocLabel}

    + <#include "../../common-template/toc.ftl"/> +
    +
    + + + <#if 0 != recentComments?size>

    ${recentCommentsLabel}

    @@ -147,7 +157,10 @@ <#if 0 != archiveDates?size>
    -

    ${archiveLabel}

    +

    + ${archiveLabel} + More +

      <#list archiveDates as archiveDate> <#if archiveDate_index < 10> diff --git a/tree-house/tags.ftl b/tree-house/tags.ftl index de86c57..aaa5ddb 100644 --- a/tree-house/tags.ftl +++ b/tree-house/tags.ftl @@ -35,7 +35,7 @@
    -
      +
        <#list tags as tag>