diff --git a/metro-hot/macro-side.ftl b/metro-hot/macro-side.ftl index f018f12..9a625dd 100644 --- a/metro-hot/macro-side.ftl +++ b/metro-hot/macro-side.ftl @@ -21,29 +21,35 @@
<#if !isArticle> -
- - -
+
+ + +
- <#if "" != noticeBoard> -
-
- ${noticeBoard} + <#if "" != noticeBoard> +
+
+ ${noticeBoard} +
+
+ + +
+ +
+ ${viewCount1Label} + ${statistic.statisticBlogViewCount}
+ ${articleCount1Label} + ${statistic.statisticPublishedBlogArticleCount}
+ ${commentCount1Label} + ${statistic.statisticPublishedBlogCommentCount}
+
-
-
- -
- ${viewCount1Label} - ${statistic.statisticBlogViewCount}
- ${articleCount1Label} - ${statistic.statisticPublishedBlogArticleCount}
- ${commentCount1Label} - ${statistic.statisticPublishedBlogCommentCount}
-
+ <#if article?? && article.articleToC?? && article.articleToC?size > 0> +
+ <#include "../../common-template/toc.ftl"/>
diff --git a/timeline/article.ftl b/timeline/article.ftl index 1b85ece..b972efc 100644 --- a/timeline/article.ftl +++ b/timeline/article.ftl @@ -22,7 +22,7 @@ <#include "../../common-template/macro-comment_script.ftl"> - + <@head title="${article.articleTitle} - ${blogTitle}" description="${article.articleAbstract?html}"> @@ -33,26 +33,28 @@ - - - ${topBarReplacement} + + +${topBarReplacement} <#include "header.ftl"> -
-
+
+
+
+ class="dynamic-l">

- ${article.articleTitle} + ${article.articleTitle} <#if article.hasUpdated> @@ -66,7 +68,7 @@

- ${article.articleContent} + ${article.articleContent}
<#if "" != article.articleSign.signHTML?trim>

@@ -74,7 +76,11 @@

- <#list article.articleTags?split(",") as articleTag><#if articleTag_has_next>, + <#list article.articleTags?split(",") as articleTag> + + <#if articleTag_has_next>, + @@ -83,15 +89,15 @@ <#if article.articleCommentCount == 0> - ${noCommentLabel} + ${noCommentLabel} <#else> - ${article.articleCommentCount} + ${article.articleCommentCount} - ${article.articleViewCount} + ${article.articleViewCount}
@@ -103,13 +109,13 @@ ${nextArticleTitle}
- + <#if previousArticlePermalink??>
${previousArticleTitle} » - +
@@ -125,19 +131,29 @@ <@comments commentList=articleComments article=article>
+ <#if article?? && article.articleToC?? && article.articleToC?size > 0> +
+
+

${tocLabel}

+ <#include "../../common-template/toc.ftl"/> +
+
+
+
+
<#include "footer.ftl"> <@comment_script oId=article.oId commentable=article.commentable> page.tips.externalRelevantArticlesDisplayCount = "${externalRelevantArticlesDisplayCount}"; - <#if 0 != externalRelevantArticlesDisplayCount> + <#if 0 != externalRelevantArticlesDisplayCount> page.loadExternalRelevantArticles("<#list article.articleTags?split(",") as articleTag>${articleTag}<#if articleTag_has_next>,"); - - <#if 0 != randomArticlesDisplayCount> + + <#if 0 != randomArticlesDisplayCount> page.loadRandomArticles(); - - <#if 0 != relevantArticlesDisplayCount> + + <#if 0 != relevantArticlesDisplayCount> page.loadRelevantArticles('${article.oId}', '

${relevantArticles1Label}

'); - - - + + + diff --git a/timeline/css/base.css b/timeline/css/base.css index e003d24..8188356 100644 --- a/timeline/css/base.css +++ b/timeline/css/base.css @@ -1 +1 @@ -@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}html,body{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;margin:0;padding:0;height:100%}body{font:0.81em Verdana, arial, '\5fae\8f6f\96c5\9ed1';color:#666666;background-color:#363A3D;overflow-y:scroll}button,input,select,textarea{margin:0;font-size:100%;vertical-align:middle;font-family:Verdana, arial,'\5fae\8f6f\96c5\9ed1';outline:none}a{color:#6599C6;outline:medium none;text-decoration:none;transition:color 1s ease 0s}a:hover{color:#000}img{max-width:100%;border:0;vertical-align:middle}::selection{background-color:#D5D5D5;color:#FCFCFC}::-moz-selection{background-color:#D5D5D5;color:#FCFCFC}.left{float:left}.right{float:right}.clear{background-color:transparent;border:0;clear:both;display:block;font-size:0;height:0;line-height:0;overflow:hidden}.none{display:none}.fn-clear:before,.fn-clear:after{display:table;content:""}.fn-clear:after{clear:both}.tags{margin:0}.tags li{float:left;list-style-type:none;height:45px}.tags a{background-color:#FCFCFC;box-shadow:0 0 2px #D5D5D5;display:block;margin:5px 10px;padding:5px 10px}.tags a:hover{text-shadow:0 0 2px;text-decoration:none;box-shadow:0 0 4px #D5D5D5}.tags b{font-size:70%;opacity:0.6;filter:alpha(opacity=60)}.tags1,.tags1:visited{font-size:12px;color:#a7a7a7}.tags2,.tags2:visited{font-size:14px;color:#808080}.tags3,.tags3:visited{font-size:16px;color:#595959}.tags4,.tags4:visited{font-size:18px;color:#323232}.tags5,.tags5:visited{font-size:20px;color:#0a0a0a}.module{background-color:#FFFFFF;border:1px solid #BEC3C7;border-radius:5px 5px 5px 5px;box-shadow:0 1px 1px rgba(0,0,0,0.1);margin-bottom:30px;padding:15px;word-wrap:break-word;position:relative}.module>h3.title{margin:0 0 10px 0;color:#444}.module>ul.list{list-style-type:none;padding-left:0;margin:0;overflow:hidden}.module>ul.list>li{border-top:1px solid #EEEEEE;padding:6px 0}.articles .arrow,.ico-author,.ico-tags,.ico-comment,.ico-top,.ico-view,.ico-reply,.ico-translate,#search{background-repeat:no-repeat;background-image:url("../../timeline/images/icons.png")}.ico-author,.ico-tags,.ico-comment,.ico-view,.ico-reply{padding-left:20px;background-position:-1px -63px;margin-right:10px}.ico-tags{background-position:-1px -83px}.ico-comment{background-position:-1px -41px}.ico-view{background-position:0 -122px}.ico-reply{background-position:0 -162px}.ico-translate{background-position:0 -186px;cursor:pointer;float:right;height:16px;margin-left:10px;width:16px}#search{background-position:5px -138px;border:medium none;border-radius:12px 12px 12px 12px;box-shadow:0 1px 0 rgba(0,0,0,0.4) inset,0 1px 0 rgba(255,255,255,0.1);color:#A5A099;height:22px;margin-top:13px;margin-bottom:10px;padding-left:25px;transition:width 0.7s ease 0s;width:60px}#search:focus{color:#333;width:140px}.ico-top{background-color:#363A3D;background-position:4px -100px;border-radius:20em 20em 20em 20em;bottom:60px;box-shadow:0 -1px 2px rgba(0,0,0,0.3) inset,0 1px 0 rgba(255,255,255,0.15);height:25px;position:fixed;left:90%;width:25px;cursor:pointer}.ico-next,.ico-pre{background-color:#6599C6;border-radius:10em 10em 10em 10em;color:#FFFFFF;display:block;float:left;font:20px/100% "Times New Roman",Times,serif;height:28px;margin:-8px 10px 0 0;padding:4px 0 0;text-align:center;transition:background 1s ease 0s;width:32px}.ico-next{float:right;margin:-8px 0 0 10px}a:hover>.ico-next,a:hover>.ico-pre{background-color:#000}.wrapper{min-width:400px;padding:50px 0;background:url("../../timeline/images/bg.png") repeat scroll 0 0 #DEE4EA}.header{background-color:#BFBFBF;background-image:url("../../timeline/images/nav-bg.png"),linear-gradient(#ccc, #a9a9a9);background-image:url("../../timeline/images/nav-bg.png"),-ms-linear-gradient(#ccc, #a9a9a9);background-image:url("../../timeline/images/nav-bg.png"),-o-linear-gradient(#ccc, #a9a9a9);background-image:url("../../timeline/images/nav-bg.png"),-webkit-linear-gradient(#ccc, #a9a9a9);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#CCCCCC', endColorstr='#A9A9A9');border-bottom:1px solid #898989;box-shadow:0 -1px 0 rgba(255,255,255,0.3) inset,0 1px 1px rgba(0,0,0,0.2)}.container{width:80%;margin:0 auto}.footer{border-top:1px solid #232323;padding:20px 0;color:#ddd;font-size:80%}.footer a{color:#9CC0DE}.footer a:hover{text-decoration:underline}.header .title{font-size:150%;margin:3px 0 0}.header .title a{color:#414141;text-shadow:0 1px 0 rgba(255,255,255,0.7)}.header .sub-title{float:left;max-width:574px;white-space:normal;word-wrap:break-word}.header li a{color:#444;padding:17px;line-height:20px;text-shadow:0 1px 0 rgba(255,255,255,0.7);white-space:nowrap}.header li a.current{border-bottom:2px solid #D26911}.header a:hover{color:#000}.header li{float:left;list-style-type:none}.header>.container>ul,.header>.container>form{height:auto;overflow:visible}.header .page-icon{height:14px;width:14px;margin:-1px 5px 0 0}.articles{position:relative;margin-top:11px}.articles>div.fn-clear{position:relative;margin-bottom:50px}.articles>div.fn-clear>h2{margin:0;text-align:center;height:28px}.articles>.vertical{background-color:#9EB5C6;border-radius:20em 20em 20em 20em;box-shadow:0 0 1px 0 rgba(0,0,0,0.5) inset,0 0 1px 0 rgba(255,255,255,0.6);height:100%;left:50%;margin-left:-3px;position:absolute;top:0;width:6px}.articles article{width:50%;float:left}.articles article.l>div.module{margin-right:30px;left:0}.articles article.r{left:50%}.articles article.r>div{margin-left:30px;position:relative}.articles .dot{background-color:#FFFFFF;border:3px solid #60829F;border-radius:20em 20em 20em 20em;height:6px;position:absolute;right:-37px;top:22px;width:6px}.articles .r .dot{left:-37px;right:inherit}.articles .arrow{height:15px;position:absolute;right:-9px;top:21px;width:9px}.articles .r .arrow{background-position:0 -22px;left:-9px;right:inherit}.articles pre{background-color:#F5F5F5;border:1px solid #ddd;border-radius:4px 4px 4px 4px;padding:9.5px;white-space:pre-wrap;word-wrap:break-word}time.article-time{top:-8px;left:50%;position:absolute}time.article-time>span{background-color:#FFFFFF;border:1px solid #A8A9A9;border-radius:20em 20em 20em 20em;font-size:80%;margin-left:-56px;padding:5px 10px}article .article-title{margin:10px 0 0 0}article .article-title>sup{color:#6599C6;font-size:70%}article .article-title a{color:#000;text-decoration:none}.ico>a{color:#999999;font-size:80%;text-decoration:none}.ico>a:hover{color:#000}.article-more{background-color:#60829F;border-radius:20em 20em 20em 20em;box-shadow:0 1px 0 rgba(0,0,0,0.2) inset,0 1px 0 rgba(255,255,255,0.6);color:#FFFFFF;cursor:pointer;font-weight:bold;height:19px;left:50%;margin-left:-38px;padding:5px 20px;position:absolute;text-align:center;top:100%;width:36px}.article-archive{background-color:#60829F;border-radius:20em 20em 20em 20em;box-shadow:0 1px 0 rgba(0,0,0,0.2) inset,0 1px 0 rgba(255,255,255,0.6);color:#FFFFFF;font-size:80%;font-weight:normal;padding:5px 20px}.dynamic-l{float:left;width:70%}.dynamic-l>div{margin-right:30px}.dynamic-r{float:right;width:30%}.dynamic-r .tags a,.links a{line-height:24px}#comments{margin:30px 0 50px;position:relative}.comments>li>img{height:60px;width:60px;border-radius:30px;float:left;margin-right:15px}.comments .author{font-size:130%;font-style:italic}.comments>li>div>div.vditor-reset{padding-left:75px;margin:12px 0}.module>ul>li.comment-body-ref{background-color:#FFFFFF;border:1px solid #ddd;left:76px;opacity:0.8;filter:alpha(opacity=80);padding:10px;position:absolute;width:74%;border-radius:10px}.comment-body-ref .ico-reply{display:none}.comment-form{width:100%;margin:30px 0}#commentForm{margin-top:0}.comment-form input[type='text'],.comment-form textarea{background:url("../../timeline/images/bg.png") repeat scroll 0 0 #E5E8EA;border:1px solid #BCBDBE;border-radius:5px 5px 5px 5px;box-shadow:0 1px 2px rgba(0,0,0,0.1) inset;margin:5px 5px 5px 0;padding:6px}.comment-form input[type='text']:focus,.comment-form textarea:focus{background-color:#EFEFEF;outline:medium none}#submitCommentButton,#submitCommentButtonReply{background:none repeat scroll 0 0 #868889;border:1px solid #5D6265;border-radius:10em 10em 10em 10em;box-shadow:0 1px 0 rgba(255,255,255,0.3) inset,0 1px 1px rgba(0,0,0,0.3);color:#FFFFFF;cursor:pointer;padding:5px 20px;text-shadow:0 -1px 0 rgba(0,0,0,0.3)}#submitCommentButton:hover,#submitCommentButtonReply:hover{color:#fff;background-color:#444}.nav-abs{background-color:#6B6B6B;border:1px solid #898989;border-radius:5px 5px 5px 5px;box-shadow:0 1px 3px rgba(0,0,0,0.4) inset,0 1px 0 rgba(255,255,255,0.7),0 -1px 0 rgba(255,255,255,0.6);color:#CCCCCC;padding:5px 10px;position:absolute;right:30px;top:61px;z-index:1;text-align:center;white-space:nowrap}.index-nav-abs{padding:0;position:fixed;max-width:160px}.nav-abs li{background-color:#DEDDDD;border:1px solid #6B6B6B;color:#616161;cursor:pointer;float:left;height:20px;list-style-type:none;padding:3px 5px;width:28px}.nav-abs li.year{background-color:#6B6B6B;clear:both;color:#CCCCCC;float:none;text-shadow:0 -1px 0 rgba(0,0,0,0.5);width:auto;border-width:0}.nav-abs li:hover{background-color:#EFEEEE;color:#000}.nav-abs li.year:hover,.nav-abs li.open{background-color:#353535;color:#fff}@media (max-width: 650px){.wrapper{min-width:200px}#top>.left{display:block;float:none;width:100%}#top>a{display:block;float:none !important}#hideTop{position:absolute;right:0;top:0}#admin{display:block;float:none}#admin>a{border-right-width:0 !important;display:block;float:none !important;line-height:26px !important;margin:0 !important}.container{width:100%}.header .title{height:26px;max-width:72%;overflow:hidden}.header>.container>div.left{float:none;height:50px;margin-left:10px}.header>.container>ul{float:none;padding:0;margin:0}.header>.container li{float:none;padding:3px 10px}.header>.container li>a{padding:0;display:block}.header>.container li:hover{background-color:#FFFFFF;background-image:linear-gradient(#fff, #E5E5E5);background-image:-ms-linear-gradient(#fff, #E5E5E5);background-image:-o-linear-gradient(#fff, #E5E5E5);background-image:-webkit-linear-gradient(#fff, #E5E5E5);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#FFFFFF', endColorstr='#E5E5E5')}.header>.container>form{float:none;margin:10px}#search{margin:5px 0 10px 10px}#search:focus{width:92%}.ico-list{background-color:#FCFCFC;background-image:url("../../timeline/images/icons.png");background-position:4px -206px;background-repeat:no-repeat;border-radius:1px 0 3px 3px;cursor:pointer;float:right;height:25px;margin-right:35px;margin-top:-29px;width:25px}.ico-list:hover{background-color:#FFF}.footer>.container>.right{float:none;padding:0 10px;line-height:19px}.footer>.container>.right>.left{float:none}.nav-abs{position:inherit !important;padding:0;background-color:transparent;box-shadow:none;border-width:0;max-width:none !important}.index-nav-abs{margin:0}.nav-abs li{float:none;width:auto}.author,.ico-reply{margin-left:75px;display:block}.comments>li>div>div.vditor-reset{padding-left:0}.dynamic-l,.dynamic-r{float:none;width:auto}.dynamic-l>div{margin-right:0}.articles .arrow,.articles .dot,#admin>span,.ft-next,.ft-pre,.footer>.container>.left{display:none}.header>.container>ul,.header>.container>form{height:0;overflow:hidden;margin:0}.articles{padding-bottom:10px}.articles article{float:none;width:auto}.articles>div.fn-clear>h2{margin-bottom:40px}}@media (max-width: 360px){.ico{display:block;float:none;line-height:19px}.dynamic-r .ico{float:right}#commentForm label,#replyForm label{display:block}.footer>.container>.right>.left>span{display:block}.ico-translate{display:block;float:none;margin-left:0}.ico-top{bottom:114px}} +.user__site:hover{text-decoration:none}.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}@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}.article__toc{padding-left:0}.user__site{display:inline-block;height:14px;margin:0 5px 0 0}.user__site:hover{text-decoration:none;color:#363A3D}.user__site svg{height:14px;width:14px;fill:currentColor}html,body{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;margin:0;padding:0;height:100%}body{font:0.81em Verdana, arial, '\5fae\8f6f\96c5\9ed1';color:#666666;background-color:#363A3D;overflow-y:scroll}button,input,select,textarea{margin:0;font-size:100%;vertical-align:middle;font-family:Verdana, arial, '\5fae\8f6f\96c5\9ed1';outline:none}a{color:#6599C6;outline:medium none;text-decoration:none;transition:color 1s ease 0s}a:hover{color:#000}img{max-width:100%;border:0;vertical-align:middle}::selection{background-color:#D5D5D5;color:#FCFCFC}::-moz-selection{background-color:#D5D5D5;color:#FCFCFC}.left{float:left}.right{float:right}.clear{background-color:transparent;border:0;clear:both;display:block;font-size:0;height:0;line-height:0;overflow:hidden}.none{display:none}.fn-clear:before,.fn-clear:after{display:table;content:""}.fn-clear:after{clear:both}.tags{margin:0}.tags li{float:left;list-style-type:none;height:45px}.tags a{background-color:#FCFCFC;box-shadow:0 0 2px #D5D5D5;display:block;margin:5px 10px;padding:5px 10px}.tags a:hover{text-decoration:none;box-shadow:0 0 4px #D5D5D5}.tags b{font-size:70%;opacity:0.6;filter:alpha(opacity=60)}.tags1,.tags1:visited{font-size:12px;color:#a7a7a7}.tags2,.tags2:visited{font-size:14px;color:#808080}.tags3,.tags3:visited{font-size:16px;color:#595959}.tags4,.tags4:visited{font-size:18px;color:#323232}.tags5,.tags5:visited{font-size:20px;color:#0a0a0a}.module{background-color:#FFFFFF;border:1px solid #BEC3C7;border-radius:5px 5px 5px 5px;box-shadow:0 1px 1px rgba(0,0,0,0.1);margin-bottom:30px;padding:15px;word-wrap:break-word;position:relative}.module>h3.title{margin:0 0 10px 0;color:#444}.module>ul.list{list-style-type:none;padding-left:0;margin:0;overflow:hidden}.module>ul.list>li,.article__toc li{border-top:1px solid #EEEEEE;padding:6px 0}.articles .arrow,.ico-author,.ico-tags,.ico-comment,.ico-top,.ico-view,.ico-reply,.ico-translate,#search{background-repeat:no-repeat;background-image:url("../../timeline/images/icons.png")}.ico-author,.ico-tags,.ico-comment,.ico-view,.ico-reply{padding-left:20px;background-position:-1px -63px;margin-right:10px}.ico-tags{background-position:-1px -83px}.ico-comment{background-position:-1px -41px}.ico-view{background-position:0 -122px}.ico-reply{background-position:0 -162px}.ico-translate{background-position:0 -186px;cursor:pointer;float:right;height:16px;margin-left:10px;width:16px}#search{background-position:5px -138px;border:medium none;border-radius:12px 12px 12px 12px;box-shadow:0 1px 0 rgba(0,0,0,0.4) inset,0 1px 0 rgba(255,255,255,0.1);color:#A5A099;height:22px;margin-top:13px;margin-bottom:10px;padding-left:25px;transition:width 0.7s ease 0s;width:60px}#search:focus{color:#333;width:140px}.ico-top{background-color:#363A3D;background-position:4px -100px;border-radius:20em 20em 20em 20em;bottom:65px;box-shadow:0 -1px 2px rgba(0,0,0,0.3) inset,0 1px 0 rgba(255,255,255,0.15);height:25px;position:fixed;left:90%;width:25px;cursor:pointer}.ico-next,.ico-pre{background-color:#6599C6;border-radius:10em 10em 10em 10em;color:#FFFFFF;display:block;float:left;font:20px/100% "Times New Roman", Times, serif;height:28px;margin:-8px 10px 0 0;padding:4px 0 0;text-align:center;transition:background 1s ease 0s;width:32px}.ico-next{float:right;margin:-8px 0 0 10px}a:hover>.ico-next,a:hover>.ico-pre{background-color:#000}.wrapper{min-width:400px;padding:50px 0;background:url("../../timeline/images/bg.png") repeat scroll 0 0 #DEE4EA}.header{background-color:#BFBFBF;background-image:url("../../timeline/images/nav-bg.png"),linear-gradient(#ccc, #a9a9a9);background-image:url("../../timeline/images/nav-bg.png"),-ms-linear-gradient(#ccc, #a9a9a9);background-image:url("../../timeline/images/nav-bg.png"),-o-linear-gradient(#ccc, #a9a9a9);background-image:url("../../timeline/images/nav-bg.png"),-webkit-linear-gradient(#ccc, #a9a9a9);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#CCCCCC', endColorstr='#A9A9A9');border-bottom:1px solid #898989;box-shadow:0 -1px 0 rgba(255,255,255,0.3) inset,0 1px 1px rgba(0,0,0,0.2)}.container{width:80%;margin:0 auto}.footer{border-top:1px solid #232323;padding:20px 0;color:#ddd;font-size:80%}.footer a{color:#9CC0DE}.footer a:hover{text-decoration:underline}.header .title{font-size:150%;margin:3px 0 0}.header .title a{color:#414141;text-shadow:0 1px 0 rgba(255,255,255,0.7)}.header .sub-title{float:left;max-width:574px;white-space:normal;word-wrap:break-word}.header li a{color:#444;padding:17px;line-height:20px;text-shadow:0 1px 0 rgba(255,255,255,0.7);white-space:nowrap}.header li a.current{border-bottom:2px solid #D26911}.header a:hover{color:#000}.header li{float:left;list-style-type:none}.header>.container>ul,.header>.container>form{height:auto;overflow:visible}.header .page-icon{height:14px;width:14px;margin:-1px 5px 0 0}.articles{position:relative;margin-top:11px}.articles>div.fn-clear{position:relative;margin-bottom:50px}.articles>div.fn-clear>h2{margin:0;text-align:center;height:28px}.articles>.vertical{background-color:#9EB5C6;border-radius:20em 20em 20em 20em;box-shadow:0 0 1px 0 rgba(0,0,0,0.5) inset,0 0 1px 0 rgba(255,255,255,0.6);height:100%;left:50%;margin-left:-3px;position:absolute;top:0;width:6px}.articles article{width:50%;float:left}.articles article.l>div.module{margin-right:30px;left:0}.articles article.r{left:50%}.articles article.r>div{margin-left:30px;position:relative}.articles .dot{background-color:#FFFFFF;border:3px solid #60829F;border-radius:20em 20em 20em 20em;height:6px;position:absolute;right:-37px;top:22px;width:6px}.articles .r .dot{left:-37px;right:inherit}.articles .arrow{height:15px;position:absolute;right:-9px;top:21px;width:9px}.articles .r .arrow{background-position:0 -22px;left:-9px;right:inherit}.articles pre{background-color:#F5F5F5;border:1px solid #ddd;border-radius:4px 4px 4px 4px;padding:9.5px;white-space:pre-wrap;word-wrap:break-word}time.article-time{top:-8px;left:50%;position:absolute}time.article-time>span{background-color:#FFFFFF;border:1px solid #A8A9A9;border-radius:20em 20em 20em 20em;font-size:80%;margin-left:-56px;padding:5px 10px}article .article-title{margin:10px 0 0 0}article .article-title>sup{color:#6599C6;font-size:70%}article .article-title a{color:#000;text-decoration:none}.ico>a{color:#999999;font-size:80%;text-decoration:none}.ico>a:hover{color:#000}.article-more{background-color:#60829F;border-radius:20em 20em 20em 20em;box-shadow:0 1px 0 rgba(0,0,0,0.2) inset,0 1px 0 rgba(255,255,255,0.6);color:#FFFFFF;cursor:pointer;font-weight:bold;height:19px;left:50%;margin-left:-38px;padding:5px 20px;position:absolute;text-align:center;top:100%;width:36px}.article-archive{background-color:#60829F;border-radius:20em 20em 20em 20em;box-shadow:0 1px 0 rgba(0,0,0,0.2) inset,0 1px 0 rgba(255,255,255,0.6);color:#FFFFFF;font-size:80%;font-weight:normal;padding:5px 20px}.dynamic-l{float:left;width:70%}.dynamic-l>div{margin-right:30px}.dynamic-r{float:right;width:30%}.dynamic-r .tags a,.links a{line-height:24px}#comments{margin:30px 0 50px;position:relative}.comments>li>img{height:60px;width:60px;border-radius:30px;float:left;margin-right:15px}.comments .author{font-size:130%;font-style:italic}.comments>li>div>div.vditor-reset{margin:12px 0}.module>ul>li.comment-body-ref{background-color:#FFFFFF;border:1px solid #ddd;left:76px;opacity:0.8;filter:alpha(opacity=80);padding:10px;position:absolute;width:74%;border-radius:10px}.comment-body-ref .ico-reply{display:none}.comment-form{width:100%;margin:30px 0}#commentForm{margin-top:0}.comment-form input[type='text'],.comment-form textarea{background:url("../../timeline/images/bg.png") repeat scroll 0 0 #E5E8EA;border:1px solid #BCBDBE;border-radius:5px 5px 5px 5px;box-shadow:0 1px 2px rgba(0,0,0,0.1) inset;margin:5px 5px 5px 0;padding:6px;width:100%;box-sizing:border-box}.comment-form input[type='text']:focus,.comment-form textarea:focus{background-color:#EFEFEF;outline:medium none}#submitCommentButton,#submitCommentButtonReply{background:none repeat scroll 0 0 #868889;border:1px solid #5D6265;border-radius:10em 10em 10em 10em;box-shadow:0 1px 0 rgba(255,255,255,0.3) inset,0 1px 1px rgba(0,0,0,0.3);color:#FFFFFF;cursor:pointer;padding:5px 20px;text-shadow:0 -1px 0 rgba(0,0,0,0.3)}#submitCommentButton:hover,#submitCommentButtonReply:hover{color:#fff;background-color:#444}.nav-abs{background-color:#6B6B6B;border:1px solid #898989;border-radius:5px 5px 5px 5px;color:#CCCCCC;padding:5px 10px;position:absolute;right:30px;top:61px;z-index:1;text-align:center;white-space:nowrap;font-weight:normal}.index-nav-abs{padding:0;position:fixed;max-width:160px}.nav-abs li{background-color:#DEDDDD;border:1px solid #6B6B6B;color:#616161;cursor:pointer;float:left;height:20px;list-style-type:none;padding:3px 5px;width:28px}.nav-abs li.year{background-color:#6B6B6B;clear:both;color:#CCCCCC;float:none;text-shadow:0 -1px 0 rgba(0,0,0,0.5);width:auto;border-width:0}.nav-abs li:hover{background-color:#EFEEEE;color:#000}.nav-abs li.year:hover,.nav-abs li.open{background-color:#353535;color:#fff}@media (max-width: 650px){.wrapper{min-width:200px}#top>.left{display:block;float:none;width:100%}#top>a{display:block;float:none !important}#hideTop{position:absolute;right:0;top:0}#admin{display:block;float:none}#admin>a{border-right-width:0 !important;display:block;float:none !important;line-height:26px !important;margin:0 !important}.container{width:100%}.header .title{height:26px;max-width:72%;overflow:hidden}.header>.container>div.left{float:none;height:50px;margin-left:10px}.header>.container>ul{float:none;padding:0;margin:0}.header>.container li{float:none;padding:3px 10px}.header>.container li>a{padding:0;display:block}.header>.container li:hover{background-color:#FFFFFF;background-image:linear-gradient(#fff, #E5E5E5);background-image:-ms-linear-gradient(#fff, #E5E5E5);background-image:-o-linear-gradient(#fff, #E5E5E5);background-image:-webkit-linear-gradient(#fff, #E5E5E5);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#FFFFFF', endColorstr='#E5E5E5')}.header>.container>form{float:none;margin:10px}#search{margin:5px 0 10px 10px}#search:focus{width:92%}.ico-list{background-color:#FCFCFC;background-image:url("../../timeline/images/icons.png");background-position:4px -206px;background-repeat:no-repeat;border-radius:1px 0 3px 3px;cursor:pointer;float:right;height:25px;margin-right:35px;margin-top:-29px;width:25px}.ico-list:hover{background-color:#FFF}.footer>.container>.right{float:none;padding:0 10px;line-height:19px}.footer>.container>.right>.left{float:none}.nav-abs{position:inherit !important;padding:0;background-color:transparent;box-shadow:none;border-width:0;max-width:none !important}.index-nav-abs{margin:0}.nav-abs li{float:none;width:auto}.author,.ico-reply{margin-left:75px;display:block}.comments>li>div>div.vditor-reset{padding-left:0}.dynamic-l,.dynamic-r{float:none;width:auto}.dynamic-l>div{margin-right:0}.articles .arrow,.articles .dot,#admin>span,.ft-next,.ft-pre,.footer>.container>.left{display:none}.header>.container>ul,.header>.container>form{height:0;overflow:hidden;margin:0}.articles{padding-bottom:10px}.articles article{float:none;width:auto}.articles>div.fn-clear>h2{margin-bottom:40px}}@media (max-width: 360px){.ico{display:block;float:none;line-height:19px}.dynamic-r .ico{float:right}#commentForm label,#replyForm label{display:block}.footer>.container>.right>.left>span{display:block}.ico-translate{display:block;float:none;margin-left:0}.ico-top{bottom:114px}} diff --git a/timeline/css/base.scss b/timeline/css/base.scss index 6d22ea2..4019a00 100644 --- a/timeline/css/base.scss +++ b/timeline/css/base.scss @@ -19,911 +19,943 @@ * timeline skin style. * * @author Liyuan Li - * @version 2.0.0.1, Mar 16, 2019 + * @version 2.1.0.0, Mar 22, 2019 */ - +@import "../../../scss/usite"; +@import "../../../scss/toc"; @import "vditor/src/assets/scss/classic"; + +.article__toc { + padding-left: 0; +} + +.user__site { + display: inline-block; + height: 14px; + margin: 0 5px 0 0; + &:hover { + text-decoration: none; + color: #363A3D; + } + svg { + height: 14px; + width: 14px; + fill: currentColor; + } +} + /* start reset */ html, body { - -webkit-text-size-adjust: 100%; - -ms-text-size-adjust: 100%; - margin: 0; - padding: 0; - height: 100%; + -webkit-text-size-adjust: 100%; + -ms-text-size-adjust: 100%; + margin: 0; + padding: 0; + height: 100%; } body { - font: 0.81em Verdana, arial, '\5fae\8f6f\96c5\9ed1'; - color: #666666; - background-color: #363A3D; - overflow-y: scroll; + font: 0.81em Verdana, arial, '\5fae\8f6f\96c5\9ed1'; + color: #666666; + background-color: #363A3D; + overflow-y: scroll; } button, input, select, textarea { - margin: 0; - font-size: 100%; - vertical-align: middle; - font-family: Verdana, arial,'\5fae\8f6f\96c5\9ed1'; - outline: none; + margin: 0; + font-size: 100%; + vertical-align: middle; + font-family: Verdana, arial, '\5fae\8f6f\96c5\9ed1'; + outline: none; } a { - color: #6599C6; - outline: medium none; - text-decoration: none; - transition: color 1s ease 0s; + color: #6599C6; + outline: medium none; + text-decoration: none; + transition: color 1s ease 0s; } a:hover { - color: #000; + color: #000; } img { - max-width: 100%; - border: 0; - vertical-align: middle; + max-width: 100%; + border: 0; + vertical-align: middle; } ::selection { - background-color: #D5D5D5; - color: #FCFCFC; + background-color: #D5D5D5; + color: #FCFCFC; } ::-moz-selection { - background-color: #D5D5D5; - color: #FCFCFC; + background-color: #D5D5D5; + color: #FCFCFC; } + /* end reset */ /* start function */ .left { - float: left; + float: left; } .right { - float: right; + float: right; } .clear { - background-color: transparent; - border: 0; - clear: both; - display: block; - font-size: 0; - height: 0; - line-height: 0; - overflow: hidden; + background-color: transparent; + border: 0; + clear: both; + display: block; + font-size: 0; + height: 0; + line-height: 0; + overflow: hidden; } .none { - display: none; + display: none; } .fn-clear:before, .fn-clear:after { - display: table; - content: ""; + display: table; + content: ""; } .fn-clear:after { - clear: both; + clear: both; } + /* end function */ .tags { - margin: 0; + margin: 0; } .tags li { - float: left; - list-style-type: none; - height: 45px; + float: left; + list-style-type: none; + height: 45px; } .tags a { - background-color: #FCFCFC; - box-shadow: 0 0 2px #D5D5D5; - display: block; - margin: 5px 10px; - padding: 5px 10px; + background-color: #FCFCFC; + box-shadow: 0 0 2px #D5D5D5; + display: block; + margin: 5px 10px; + padding: 5px 10px; } .tags a:hover { - text-shadow: 0 0 2px; - text-decoration: none; - box-shadow: 0 0 4px #D5D5D5; + text-decoration: none; + box-shadow: 0 0 4px #D5D5D5; } .tags b { - font-size: 70%; - opacity: 0.6; - filter: alpha(opacity=60); + font-size: 70%; + opacity: 0.6; + filter: alpha(opacity=60); } .tags1, .tags1:visited { - font-size: 12px; - color: #a7a7a7; + font-size: 12px; + color: #a7a7a7; } .tags2, .tags2:visited { - font-size: 14px; - color: #808080; + font-size: 14px; + color: #808080; } .tags3, .tags3:visited { - font-size: 16px; - color: #595959; + font-size: 16px; + color: #595959; } .tags4, .tags4:visited { - font-size: 18px; - color: #323232; + font-size: 18px; + color: #323232; } .tags5, .tags5:visited { - font-size: 20px; - color: #0a0a0a; + font-size: 20px; + color: #0a0a0a; } .module { - background-color: #FFFFFF; - border: 1px solid #BEC3C7; - border-radius: 5px 5px 5px 5px; - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); - margin-bottom: 30px; - padding: 15px; - word-wrap: break-word; - position: relative; + background-color: #FFFFFF; + border: 1px solid #BEC3C7; + border-radius: 5px 5px 5px 5px; + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); + margin-bottom: 30px; + padding: 15px; + word-wrap: break-word; + position: relative; } .module > h3.title { - margin: 0 0 10px 0; - color: #444; + margin: 0 0 10px 0; + color: #444; } .module > ul.list { - list-style-type: none; - padding-left: 0; - margin: 0; - overflow: hidden; + list-style-type: none; + padding-left: 0; + margin: 0; + overflow: hidden; } -.module > ul.list > li { - border-top: 1px solid #EEEEEE; - padding: 6px 0; +.module > ul.list > li, +.article__toc li { + border-top: 1px solid #EEEEEE; + padding: 6px 0; } + /* end common */ /* start icon */ .articles .arrow, .ico-author, -.ico-tags, +.ico-tags, .ico-comment, .ico-top, .ico-view, .ico-reply, -.ico-translate, +.ico-translate, #search { - background-repeat: no-repeat; - background-image: url("../../timeline/images/icons.png"); + background-repeat: no-repeat; + background-image: url("../../timeline/images/icons.png"); } .ico-author, -.ico-tags, +.ico-tags, .ico-comment, .ico-view, .ico-reply { - padding-left: 20px; - background-position: -1px -63px; - margin-right: 10px; + padding-left: 20px; + background-position: -1px -63px; + margin-right: 10px; } .ico-tags { - background-position: -1px -83px; -} + background-position: -1px -83px; +} .ico-comment { - background-position: -1px -41px; + background-position: -1px -41px; } .ico-view { - background-position: 0 -122px; -} + background-position: 0 -122px; +} .ico-reply { - background-position: 0 -162px; + background-position: 0 -162px; } .ico-translate { - background-position: 0 -186px; - cursor: pointer; - float: right; - height: 16px; - margin-left: 10px; - width: 16px; + background-position: 0 -186px; + cursor: pointer; + float: right; + height: 16px; + margin-left: 10px; + width: 16px; } #search { - background-position: 5px -138px; - border: medium none; - border-radius: 12px 12px 12px 12px; - box-shadow: 0 1px 0 rgba(0, 0, 0, 0.4) inset, 0 1px 0 rgba(255, 255, 255, 0.1); - color: #A5A099; - height: 22px; - margin-top: 13px; - margin-bottom: 10px; - padding-left: 25px; - transition: width 0.7s ease 0s; - width: 60px; + background-position: 5px -138px; + border: medium none; + border-radius: 12px 12px 12px 12px; + box-shadow: 0 1px 0 rgba(0, 0, 0, 0.4) inset, 0 1px 0 rgba(255, 255, 255, 0.1); + color: #A5A099; + height: 22px; + margin-top: 13px; + margin-bottom: 10px; + padding-left: 25px; + transition: width 0.7s ease 0s; + width: 60px; } #search:focus { - color: #333; - width: 140px; + color: #333; + width: 140px; } .ico-top { - background-color: #363A3D; - background-position: 4px -100px; - border-radius: 20em 20em 20em 20em; - bottom: 60px; - box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.3) inset, 0 1px 0 rgba(255, 255, 255, 0.15); - height: 25px; - position: fixed; - left: 90%; - width: 25px; - cursor: pointer; + background-color: #363A3D; + background-position: 4px -100px; + border-radius: 20em 20em 20em 20em; + bottom: 65px; + box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.3) inset, 0 1px 0 rgba(255, 255, 255, 0.15); + height: 25px; + position: fixed; + left: 90%; + width: 25px; + cursor: pointer; } .ico-next, .ico-pre { - background-color: #6599C6; - border-radius: 10em 10em 10em 10em; - color: #FFFFFF; - display: block; - float: left; - font: 20px/100% "Times New Roman",Times,serif; - height: 28px; - margin: -8px 10px 0 0; - padding: 4px 0 0; - text-align: center; - transition: background 1s ease 0s; - width: 32px; + background-color: #6599C6; + border-radius: 10em 10em 10em 10em; + color: #FFFFFF; + display: block; + float: left; + font: 20px/100% "Times New Roman", Times, serif; + height: 28px; + margin: -8px 10px 0 0; + padding: 4px 0 0; + text-align: center; + transition: background 1s ease 0s; + width: 32px; } .ico-next { - float: right; - margin: -8px 0 0 10px; + float: right; + margin: -8px 0 0 10px; } a:hover > .ico-next, a:hover > .ico-pre { - background-color: #000; + background-color: #000; } + /* end icon */ /* start framework */ .wrapper { - min-width: 400px; - padding: 50px 0; - background: url("../../timeline/images/bg.png") repeat scroll 0 0 #DEE4EA; + min-width: 400px; + padding: 50px 0; + background: url("../../timeline/images/bg.png") repeat scroll 0 0 #DEE4EA; } .header { - background-color: #BFBFBF; - background-image: url("../../timeline/images/nav-bg.png"), linear-gradient(#CCCCCC, #A9A9A9); - background-image: url("../../timeline/images/nav-bg.png"), -ms-linear-gradient(#CCCCCC, #A9A9A9); - background-image: url("../../timeline/images/nav-bg.png"), -o-linear-gradient(#CCCCCC, #A9A9A9); - background-image: url("../../timeline/images/nav-bg.png"), -webkit-linear-gradient(#CCCCCC, #A9A9A9); - filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#CCCCCC', endColorstr='#A9A9A9'); - border-bottom: 1px solid #898989; - box-shadow: 0 -1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 1px rgba(0, 0, 0, 0.2); + background-color: #BFBFBF; + background-image: url("../../timeline/images/nav-bg.png"), linear-gradient(#CCCCCC, #A9A9A9); + background-image: url("../../timeline/images/nav-bg.png"), -ms-linear-gradient(#CCCCCC, #A9A9A9); + background-image: url("../../timeline/images/nav-bg.png"), -o-linear-gradient(#CCCCCC, #A9A9A9); + background-image: url("../../timeline/images/nav-bg.png"), -webkit-linear-gradient(#CCCCCC, #A9A9A9); + filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#CCCCCC', endColorstr='#A9A9A9'); + border-bottom: 1px solid #898989; + box-shadow: 0 -1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 1px rgba(0, 0, 0, 0.2); } .container { - width: 80%; - margin: 0 auto; + width: 80%; + margin: 0 auto; } .footer { - border-top: 1px solid #232323; - padding: 20px 0; - color: #ddd; - font-size: 80%; + border-top: 1px solid #232323; + padding: 20px 0; + color: #ddd; + font-size: 80%; } .footer a { - color: #9CC0DE; + color: #9CC0DE; } .footer a:hover { - text-decoration: underline; + text-decoration: underline; } + /* end framework */ /* start header */ .header .title { - font-size: 150%; - margin: 3px 0 0; + font-size: 150%; + margin: 3px 0 0; } .header .title a { - color: #414141; - text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7); + color: #414141; + text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7); } .header .sub-title { - float: left; - max-width: 574px; - white-space: normal; - word-wrap: break-word; + float: left; + max-width: 574px; + white-space: normal; + word-wrap: break-word; } .header li a { - color: #444; - padding: 17px; - line-height: 20px; - text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7); - white-space: nowrap; + color: #444; + padding: 17px; + line-height: 20px; + text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7); + white-space: nowrap; } .header li a.current { - border-bottom: 2px solid #D26911; + border-bottom: 2px solid #D26911; } .header a:hover { - color: #000; + color: #000; } .header li { - float: left; - list-style-type: none; + float: left; + list-style-type: none; } .header > .container > ul, .header > .container > form { - height: auto; - overflow: visible; + height: auto; + overflow: visible; } .header .page-icon { - height: 14px; - width: 14px; - margin: -1px 5px 0 0; + height: 14px; + width: 14px; + margin: -1px 5px 0 0; } + /* end header */ /* start article list */ .articles { - position: relative; - margin-top: 11px; + position: relative; + margin-top: 11px; } .articles > div.fn-clear { - position: relative; - margin-bottom: 50px; + position: relative; + margin-bottom: 50px; } .articles > div.fn-clear > h2 { - margin: 0; - text-align: center; - height: 28px; + margin: 0; + text-align: center; + height: 28px; } .articles > .vertical { - background-color: #9EB5C6; - border-radius: 20em 20em 20em 20em; - box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.5) inset, 0 0 1px 0 rgba(255, 255, 255, 0.6); - height: 100%; - left: 50%; - margin-left: -3px; - position: absolute; - top: 0; - width: 6px + background-color: #9EB5C6; + border-radius: 20em 20em 20em 20em; + box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.5) inset, 0 0 1px 0 rgba(255, 255, 255, 0.6); + height: 100%; + left: 50%; + margin-left: -3px; + position: absolute; + top: 0; + width: 6px } .articles article { - width: 50%; - float: left; + width: 50%; + float: left; } .articles article.l > div.module { - margin-right: 30px; - left: 0; + margin-right: 30px; + left: 0; } .articles article.r { - left: 50%; + left: 50%; } .articles article.r > div { - margin-left: 30px; - position: relative; + margin-left: 30px; + position: relative; } .articles .dot { - background-color: #FFFFFF; - border: 3px solid #60829F; - border-radius: 20em 20em 20em 20em; - height: 6px; - position: absolute; - right: -37px; - top: 22px; - width: 6px; + background-color: #FFFFFF; + border: 3px solid #60829F; + border-radius: 20em 20em 20em 20em; + height: 6px; + position: absolute; + right: -37px; + top: 22px; + width: 6px; } .articles .r .dot { - left: -37px; - right: inherit; + left: -37px; + right: inherit; } .articles .arrow { - height: 15px; - position: absolute; - right: -9px; - top: 21px; - width: 9px; + height: 15px; + position: absolute; + right: -9px; + top: 21px; + width: 9px; } .articles .r .arrow { - background-position: 0 -22px; - left: -9px; - right: inherit + background-position: 0 -22px; + left: -9px; + right: inherit } .articles pre { - background-color: #F5F5F5; - border: 1px solid #ddd; - border-radius: 4px 4px 4px 4px; - padding: 9.5px; - white-space: pre-wrap; - word-wrap: break-word; + background-color: #F5F5F5; + border: 1px solid #ddd; + border-radius: 4px 4px 4px 4px; + padding: 9.5px; + white-space: pre-wrap; + word-wrap: break-word; } time.article-time { - top: -8px; - left: 50%; - position: absolute; + top: -8px; + left: 50%; + position: absolute; } time.article-time > span { - background-color: #FFFFFF; - border: 1px solid #A8A9A9; - border-radius: 20em 20em 20em 20em; - font-size: 80%; - margin-left: -56px; - padding: 5px 10px; + background-color: #FFFFFF; + border: 1px solid #A8A9A9; + border-radius: 20em 20em 20em 20em; + font-size: 80%; + margin-left: -56px; + padding: 5px 10px; } article .article-title { - margin: 10px 0 0 0; + margin: 10px 0 0 0; } article .article-title > sup { - color: #6599C6; - font-size: 70%; + color: #6599C6; + font-size: 70%; } article .article-title a { - color: #000; - text-decoration: none; + color: #000; + text-decoration: none; } .ico > a { - color: #999999; - font-size: 80%; - text-decoration: none; + color: #999999; + font-size: 80%; + text-decoration: none; } .ico > a:hover { - color: #000; + color: #000; } .article-more { - background-color: #60829F; - border-radius: 20em 20em 20em 20em; - box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset, 0 1px 0 rgba(255, 255, 255, 0.6); - color: #FFFFFF; - cursor: pointer; - font-weight: bold; - height: 19px; - left: 50%; - margin-left: -38px; - padding: 5px 20px; - position: absolute; - text-align: center; - top: 100%; - width: 36px; + background-color: #60829F; + border-radius: 20em 20em 20em 20em; + box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset, 0 1px 0 rgba(255, 255, 255, 0.6); + color: #FFFFFF; + cursor: pointer; + font-weight: bold; + height: 19px; + left: 50%; + margin-left: -38px; + padding: 5px 20px; + position: absolute; + text-align: center; + top: 100%; + width: 36px; } .article-archive { - background-color: #60829F; - border-radius: 20em 20em 20em 20em; - box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset, 0 1px 0 rgba(255, 255, 255, 0.6); - color: #FFFFFF; - font-size: 80%; - font-weight: normal; - padding: 5px 20px; + background-color: #60829F; + border-radius: 20em 20em 20em 20em; + box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset, 0 1px 0 rgba(255, 255, 255, 0.6); + color: #FFFFFF; + font-size: 80%; + font-weight: normal; + padding: 5px 20px; } + /* end article list */ /* start dynamic */ .dynamic-l { - float: left; - width: 70%; + float: left; + width: 70%; } .dynamic-l > div { - margin-right: 30px; + margin-right: 30px; } .dynamic-r { - float: right; - width: 30%; + float: right; + width: 30%; } .dynamic-r .tags a, .links a { - line-height: 24px; + line-height: 24px; } + /* end dynamic */ /* start comments */ #comments { - margin: 30px 0 50px; - position: relative; + margin: 30px 0 50px; + position: relative; } .comments > li > img { - height: 60px; - width: 60px; - border-radius: 30px; - float: left; - margin-right: 15px; + height: 60px; + width: 60px; + border-radius: 30px; + float: left; + margin-right: 15px; } .comments .author { - font-size: 130%; - font-style: italic; + font-size: 130%; + font-style: italic; } .comments > li > div > div.vditor-reset { - padding-left: 75px; - margin: 12px 0; + margin: 12px 0; } .module > ul > li.comment-body-ref { - background-color: #FFFFFF; - border: 1px solid #ddd; - left: 76px; - opacity: 0.8; - filter: alpha(opacity=80); - padding: 10px; - position: absolute; - width: 74%; - border-radius: 10px; + background-color: #FFFFFF; + border: 1px solid #ddd; + left: 76px; + opacity: 0.8; + filter: alpha(opacity=80); + padding: 10px; + position: absolute; + width: 74%; + border-radius: 10px; } .comment-body-ref .ico-reply { - display: none; + display: none; } .comment-form { - width: 100%; - margin: 30px 0; + width: 100%; + margin: 30px 0; } #commentForm { - margin-top: 0; + margin-top: 0; } .comment-form input[type='text'], .comment-form textarea { - background: url("../../timeline/images/bg.png") repeat scroll 0 0 #E5E8EA; - border: 1px solid #BCBDBE; - border-radius: 5px 5px 5px 5px; - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset; - margin: 5px 5px 5px 0; - padding: 6px; + background: url("../../timeline/images/bg.png") repeat scroll 0 0 #E5E8EA; + border: 1px solid #BCBDBE; + border-radius: 5px 5px 5px 5px; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset; + margin: 5px 5px 5px 0; + padding: 6px; + width: 100%; + box-sizing: border-box; } .comment-form input[type='text']:focus, .comment-form textarea:focus { - background-color: #EFEFEF; - outline: medium none; + background-color: #EFEFEF; + outline: medium none; } #submitCommentButton, #submitCommentButtonReply { - background: none repeat scroll 0 0 #868889; - border: 1px solid #5D6265; - border-radius: 10em 10em 10em 10em; - box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 1px rgba(0, 0, 0, 0.3); - color: #FFFFFF; - cursor: pointer; - padding: 5px 20px; - text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3); + background: none repeat scroll 0 0 #868889; + border: 1px solid #5D6265; + border-radius: 10em 10em 10em 10em; + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 1px rgba(0, 0, 0, 0.3); + color: #FFFFFF; + cursor: pointer; + padding: 5px 20px; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3); } #submitCommentButton:hover, #submitCommentButtonReply:hover { - color: #fff; - background-color: #444; + color: #fff; + background-color: #444; } + /* end comments */ /* start others */ .nav-abs { - background-color: #6B6B6B; - border: 1px solid #898989; - border-radius: 5px 5px 5px 5px; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4) inset, 0 1px 0 rgba(255, 255, 255, 0.7), 0 -1px 0 rgba(255, 255, 255, 0.6); - color: #CCCCCC; - padding: 5px 10px; - position: absolute; - right: 30px; - top: 61px; - z-index: 1; - text-align: center; - white-space: nowrap; + background-color: #6B6B6B; + border: 1px solid #898989; + border-radius: 5px 5px 5px 5px; + color: #CCCCCC; + padding: 5px 10px; + position: absolute; + right: 30px; + top: 61px; + z-index: 1; + text-align: center; + white-space: nowrap; + font-weight: normal; } .index-nav-abs { - padding: 0; - position: fixed; - max-width: 160px; + padding: 0; + position: fixed; + max-width: 160px; } .nav-abs li { - background-color: #DEDDDD; - border: 1px solid #6B6B6B; - color: #616161; - cursor: pointer; - float: left; - height: 20px; - list-style-type: none; - padding: 3px 5px; - width: 28px; + background-color: #DEDDDD; + border: 1px solid #6B6B6B; + color: #616161; + cursor: pointer; + float: left; + height: 20px; + list-style-type: none; + padding: 3px 5px; + width: 28px; } .nav-abs li.year { - background-color: #6B6B6B; - clear: both; - color: #CCCCCC; - float: none; - text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5); - width: auto; - border-width: 0; + background-color: #6B6B6B; + clear: both; + color: #CCCCCC; + float: none; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5); + width: auto; + border-width: 0; } .nav-abs li:hover { - background-color: #EFEEEE; - color: #000; + background-color: #EFEEEE; + color: #000; } .nav-abs li.year:hover, .nav-abs li.open { - background-color: #353535; - color: #fff; + background-color: #353535; + color: #fff; } + /* end others */ /* start responsive */ @media (max-width: 650px) { - .wrapper { - min-width: 200px; - } + .wrapper { + min-width: 200px; + } - #top > .left { - display: block; - float: none; - width: 100%; - } + #top > .left { + display: block; + float: none; + width: 100%; + } - #top > a { - display: block; - float: none !important; - } + #top > a { + display: block; + float: none !important; + } - #hideTop { - position: absolute; - right: 0; - top: 0; - } + #hideTop { + position: absolute; + right: 0; + top: 0; + } - #admin { - display: block; - float: none - } + #admin { + display: block; + float: none + } - #admin > a { - border-right-width: 0 !important; - display: block; - float: none !important; - line-height: 26px !important; - margin: 0 !important; - } + #admin > a { + border-right-width: 0 !important; + display: block; + float: none !important; + line-height: 26px !important; + margin: 0 !important; + } - .container { - width: 100%; - } + .container { + width: 100%; + } - .header .title { - height: 26px; - max-width: 72%; - overflow: hidden; - } + .header .title { + height: 26px; + max-width: 72%; + overflow: hidden; + } - .header > .container > div.left { - float: none; - height: 50px; - margin-left: 10px; - } + .header > .container > div.left { + float: none; + height: 50px; + margin-left: 10px; + } - .header > .container > ul { - float: none; - padding: 0; - margin: 0; - } + .header > .container > ul { + float: none; + padding: 0; + margin: 0; + } - .header > .container li { - float: none; - padding: 3px 10px; - } + .header > .container li { + float: none; + padding: 3px 10px; + } - .header > .container li > a { - padding: 0; - display: block; - } + .header > .container li > a { + padding: 0; + display: block; + } - .header > .container li:hover { - background-color: #FFFFFF; - background-image: linear-gradient(#FFFFFF,#E5E5E5); - background-image: -ms-linear-gradient(#FFFFFF,#E5E5E5); - background-image: -o-linear-gradient(#FFFFFF,#E5E5E5); - background-image: -webkit-linear-gradient(#FFFFFF,#E5E5E5); - filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#FFFFFF', endColorstr='#E5E5E5'); - } + .header > .container li:hover { + background-color: #FFFFFF; + background-image: linear-gradient(#FFFFFF, #E5E5E5); + background-image: -ms-linear-gradient(#FFFFFF, #E5E5E5); + background-image: -o-linear-gradient(#FFFFFF, #E5E5E5); + background-image: -webkit-linear-gradient(#FFFFFF, #E5E5E5); + filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#FFFFFF', endColorstr='#E5E5E5'); + } - .header > .container > form { - float: none; - margin: 10px; - } + .header > .container > form { + float: none; + margin: 10px; + } - #search { - margin: 5px 0 10px 10px; - } + #search { + margin: 5px 0 10px 10px; + } - #search:focus { - width: 92%; - } + #search:focus { + width: 92%; + } - .ico-list { - background-color: #FCFCFC; - background-image: url("../../timeline/images/icons.png"); - background-position: 4px -206px; - background-repeat: no-repeat; - border-radius: 1px 0 3px 3px; - cursor: pointer; - float: right; - height: 25px; - margin-right: 35px; - margin-top: -29px; - width: 25px; - } + .ico-list { + background-color: #FCFCFC; + background-image: url("../../timeline/images/icons.png"); + background-position: 4px -206px; + background-repeat: no-repeat; + border-radius: 1px 0 3px 3px; + cursor: pointer; + float: right; + height: 25px; + margin-right: 35px; + margin-top: -29px; + width: 25px; + } - .ico-list:hover { - background-color: #FFF; - } + .ico-list:hover { + background-color: #FFF; + } - .footer > .container > .right { - float: none; - padding: 0 10px; - line-height: 19px; - } + .footer > .container > .right { + float: none; + padding: 0 10px; + line-height: 19px; + } - .footer > .container > .right > .left { - float: none; - } + .footer > .container > .right > .left { + float: none; + } - .nav-abs { - position: inherit !important; - padding: 0; - background-color: transparent; - box-shadow: none; - border-width: 0; - max-width: none !important; - } + .nav-abs { + position: inherit !important; + padding: 0; + background-color: transparent; + box-shadow: none; + border-width: 0; + max-width: none !important; + } - .index-nav-abs { - margin: 0; - } + .index-nav-abs { + margin: 0; + } - .nav-abs li { - float: none; - width: auto; - } + .nav-abs li { + float: none; + width: auto; + } - .author, - .ico-reply { - margin-left: 75px; - display: block; - } + .author, + .ico-reply { + margin-left: 75px; + display: block; + } - .comments > li > div > div.vditor-reset { - padding-left: 0; - } + .comments > li > div > div.vditor-reset { + padding-left: 0; + } - .dynamic-l, - .dynamic-r { - float: none; - width: auto; - } + .dynamic-l, + .dynamic-r { + float: none; + width: auto; + } - .dynamic-l > div { - margin-right: 0; - } + .dynamic-l > div { + margin-right: 0; + } - .articles .arrow, - .articles .dot, - #admin > span, - .ft-next, - .ft-pre, - .footer > .container > .left { - display: none; - } + .articles .arrow, + .articles .dot, + #admin > span, + .ft-next, + .ft-pre, + .footer > .container > .left { + display: none; + } - .header > .container > ul, - .header > .container > form { - height: 0; - overflow: hidden; - margin: 0; - } + .header > .container > ul, + .header > .container > form { + height: 0; + overflow: hidden; + margin: 0; + } - .articles { - padding-bottom: 10px; - } + .articles { + padding-bottom: 10px; + } - .articles article { - float: none; - width: auto; - } + .articles article { + float: none; + width: auto; + } - .articles > div.fn-clear > h2 { - margin-bottom: 40px; - } + .articles > div.fn-clear > h2 { + margin-bottom: 40px; + } } - @media (max-width: 360px) { - .ico { - display: block; - float: none; - line-height: 19px; - } + .ico { + display: block; + float: none; + line-height: 19px; + } - .dynamic-r .ico { - float: right; - } + .dynamic-r .ico { + float: right; + } - #commentForm label, - #replyForm label { - display: block; - } + #commentForm label, + #replyForm label { + display: block; + } - .footer > .container > .right > .left > span { - display: block; - } + .footer > .container > .right > .left > span { + display: block; + } - .ico-translate { - display: block; - float: none; - margin-left: 0; - } + .ico-translate { + display: block; + float: none; + margin-left: 0; + } - .ico-top { - bottom: 114px; - } + .ico-top { + bottom: 114px; + } } + /* end responsive */ diff --git a/timeline/footer.ftl b/timeline/footer.ftl index c08d41e..d201eb6 100644 --- a/timeline/footer.ftl +++ b/timeline/footer.ftl @@ -19,6 +19,10 @@ -->
+ <#include "../../common-template/macro-user_site.ftl"/> +
+ <@userSite dir="ne"/> +
© ${year} - ${blogTitle}${footerContent} Powered by B3log 开源 • Solo ${version}   diff --git a/timeline/js/timeline.js b/timeline/js/timeline.js index 99249b8..ff0e6e7 100644 --- a/timeline/js/timeline.js +++ b/timeline/js/timeline.js @@ -206,12 +206,15 @@ var timeline = { path = "/articles/"; if ($("#tag").length === 1) { var pathnames = location.pathname.split("/"); - path = "/articles/tags/" + pathnames[pathnames.length - 1] + "/"; + path = "/articles/tags/" + pathnames[pathnames.length - 1]; } else if ($("#author").length === 1) { var pathnames = location.pathname.split("/"); - path = "/articles/authors/" + pathnames[pathnames.length - 1] + "/"; + path = "/articles/authors/" + pathnames[pathnames.length - 1]; + } else if ($("#category").length === 1) { + var pathnames = location.pathname.split("/"); + path = "/articles/category/" + pathnames[pathnames.length - 1]; } else if (archive) { - path = "/articles/archives/" + archive + "/"; + path = "/articles/archives/" + archive; } $.ajax({ url: Label.servePath + path + '?p=' + currentPage, diff --git a/timeline/macro-comments.ftl b/timeline/macro-comments.ftl index 73290ac..96a9b6b 100644 --- a/timeline/macro-comments.ftl +++ b/timeline/macro-comments.ftl @@ -26,7 +26,7 @@ <#if article.commentable>

${commentLabel}

- +
<#if externalRelevantArticlesDisplayCount?? && 0 != externalRelevantArticlesDisplayCount>