diff --git a/Casper/article-list.ftl b/Casper/article-list.ftl index c1fe855..cb65ec9 100644 --- a/Casper/article-list.ftl +++ b/Casper/article-list.ftl @@ -17,50 +17,66 @@ along with this program. If not, see . --> -
+
<#list articles as article> -
-
-
-

- - ${article.articleTitle} +
+ + +
+ <#list article.articleTags?split(",") as articleTag> + <#if articleTag_index == 0> + <#if article.category??> + ${article.category.categoryTitle} + <#else> + - <#if article.articlePutTop> - - ${topArticleLabel} - - <#if article.hasUpdated> - - ${updatedLabel} - - -

-
-
- -
+
@@ -68,9 +84,11 @@ <#if 0 != paginationPageCount> \ No newline at end of file diff --git a/Casper/bottom.ftl b/Casper/bottom.ftl deleted file mode 100644 index 8ee3369..0000000 --- a/Casper/bottom.ftl +++ /dev/null @@ -1,50 +0,0 @@ -<#-- - - 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 . - ---> - diff --git a/Casper/bottom2.ftl b/Casper/bottom2.ftl deleted file mode 100644 index 9ee02b2..0000000 --- a/Casper/bottom2.ftl +++ /dev/null @@ -1,36 +0,0 @@ -<#-- - - 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 . - ---> - \ No newline at end of file diff --git a/Casper/css/base.css b/Casper/css/base.css index 5e1d871..590b211 100644 --- a/Casper/css/base.css +++ b/Casper/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}.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}#nprogress{pointer-events:none}#nprogress .bar{background:#d23f31;position:fixed;z-index:1031;top:0;left:0;width:100%;height:2px}#nprogress .peg{display:block;position:absolute;right:0px;width:100px;height:100%;box-shadow:0 0 10px #d23f31, 0 0 5px #d23f31;opacity:1.0;-webkit-transform:rotate(3deg) translate(0px, -4px);-ms-transform:rotate(3deg) translate(0px, -4px);transform:rotate(3deg) translate(0px, -4px)}#nprogress .spinner{display:block;position:fixed;z-index:1031;top:15px;right:15px}#nprogress .spinner-icon{width:18px;height:18px;box-sizing:border-box;border:solid 2px transparent;border-top-color:#d23f31;border-left-color:#d23f31;border-radius:50%;-webkit-animation:nprogress-spinner 400ms linear infinite;animation:nprogress-spinner 400ms linear infinite}.nprogress-custom-parent{overflow:hidden;position:relative}.nprogress-custom-parent #nprogress .spinner,.nprogress-custom-parent #nprogress .bar{position:absolute}@-webkit-keyframes nprogress-spinner{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}}@keyframes nprogress-spinner{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes tooltip-appear{from{opacity:0}to{opacity:1}}.vditor-tooltipped{position:relative;cursor:pointer}.vditor-tooltipped::after{position:absolute;z-index:1000000;display:none;padding:5px 8px;font-size:11px;font-weight:normal;-webkit-font-smoothing:subpixel-antialiased;color:#fff;text-align:center;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-wrap:break-word;white-space:pre;pointer-events:none;content:attr(aria-label);background:rgba(0,0,0,0.8);border-radius:3px;line-height:16px;opacity:0}.vditor-tooltipped::before{position:absolute;z-index:1000001;display:none;width:0;height:0;color:rgba(0,0,0,0.8);pointer-events:none;content:"";border:5px solid transparent;opacity:0}.vditor-tooltipped--hover::before,.vditor-tooltipped--hover::after,.vditor-tooltipped:hover::before,.vditor-tooltipped:hover::after,.vditor-tooltipped:active::before,.vditor-tooltipped:active::after,.vditor-tooltipped:focus::before,.vditor-tooltipped:focus::after{display:inline-block;text-decoration:none;animation-name:tooltip-appear;animation-duration:0.1s;animation-fill-mode:forwards;animation-timing-function:ease-in;animation-delay:0.4s}.vditor-tooltipped__s::after,.vditor-tooltipped__se::after,.vditor-tooltipped__sw::after{top:100%;right:50%;margin-top:5px}.vditor-tooltipped__s::before,.vditor-tooltipped__se::before,.vditor-tooltipped__sw::before{top:auto;right:50%;bottom:-5px;margin-right:-5px;border-bottom-color:rgba(0,0,0,0.8)}.vditor-tooltipped__se::after{right:auto;left:50%;margin-left:-15px}.vditor-tooltipped__sw::after{margin-right:-15px}.vditor-tooltipped__n::after,.vditor-tooltipped__ne::after,.vditor-tooltipped__nw::after{right:50%;bottom:100%;margin-bottom:5px}.vditor-tooltipped__n::before,.vditor-tooltipped__ne::before,.vditor-tooltipped__nw::before{top:-5px;right:50%;bottom:auto;margin-right:-5px;border-top-color:rgba(0,0,0,0.8)}.vditor-tooltipped__ne::after{right:auto;left:50%;margin-left:-15px}.vditor-tooltipped__nw::after{margin-right:-15px}.vditor-tooltipped__s::after,.vditor-tooltipped__n::after{transform:translateX(50%)}.vditor-tooltipped__w::after{right:100%;bottom:50%;margin-right:5px;transform:translateY(50%)}.vditor-tooltipped__w::before{top:50%;bottom:50%;left:-5px;margin-top:-5px;border-left-color:rgba(0,0,0,0.8)}.vditor-tooltipped__e::after{bottom:50%;left:100%;margin-left:5px;transform:translateY(50%)}.vditor-tooltipped__e::before{top:50%;right:-5px;bottom:50%;margin-top:-5px;border-right-color:rgba(0,0,0,0.8)}.vditor-panel{background-color:#fff;position:absolute;box-shadow:0 1px 2px rgba(0,0,0,0.2);border-radius:3px;padding:5px;z-index:1;font-size:14px;display:none;user-select:none;max-width:200px;min-width:80px}.vditor-panel h1,.vditor-panel h2,.vditor-panel h3,.vditor-panel h4,.vditor-panel h5,.vditor-panel h6{margin:0;cursor:pointer;padding:3px 10px;border-radius:3px;line-height:normal}.vditor-panel h1:hover,.vditor-panel h2:hover,.vditor-panel h3:hover,.vditor-panel h4:hover,.vditor-panel h5:hover,.vditor-panel h6:hover{background-color:#4285f4;color:#fff}.vditor-toolbar{background-color:#f6f8fa;border-bottom:1px solid #d1d5da;padding:0 5px;border-radius:3px 3px 0 0}.vditor-toolbar>div{padding:10px 5px;float:left;line-height:14px;height:36px;box-sizing:border-box}.vditor-toolbar svg{fill:currentColor;display:inline-block;stroke-width:0;stroke:currentColor;width:14px;height:14px}.vditor-toolbar .vditor-tooltipped{color:#586069}.vditor-toolbar .vditor-tooltipped:hover{color:#4285f4}.vditor-toolbar label{overflow:hidden;position:relative;height:14px;width:15px;display:block;cursor:pointer}.vditor-toolbar input{position:absolute;width:1px;opacity:.001;height:14px;overflow:hidden}.vditor-menu--current svg{color:#4285f4}.vditor-menu__divider{width:10px}.vditor-menu__br{width:100%;padding:0 !important;height:0 !important}.vditor-emojis{display:inline-block}.vditor-emojis__tail{font-size:12px;text-align:right;color:#586069}.vditor-emojis__tail a{text-decoration:none;color:#586069}.vditor-emojis__tail a:hover{color:#4285f4}.vditor-emojis span{cursor:pointer;border-radius:3px;float:left;height:26px;width:26px;text-align:center;line-height:20px;padding:3px;box-sizing:border-box;font-size:16px}.vditor-emojis span:hover{background-color:#4285f4}.vditor-emojis img{height:20px;width:20px;float:left}.vditor{display:flex;flex-direction:column;border:1px solid #d1d5da;border-radius:3px;box-sizing:border-box}.vditor--fullscreen{position:fixed;top:0;width:100% !important;left:0;height:100vh !important;z-index:90;background-color:#fff}.vditor-content{display:flex;min-height:60px;flex:1;position:relative}.vditor-textarea{flex:1;border:0;resize:none;padding:10px;box-sizing:border-box;background-color:#fafbfc;outline:0 none;font-size:16px;line-height:22px;color:#24292e;border-radius:0 0 3px 3px}.vditor-textarea[disabled]{opacity:0.3;cursor:not-allowed}.vditor-textarea:focus{background-color:#fff}.vditor-preview{flex:1;background-color:#fff;overflow:auto;padding:10px;box-shadow:inset 1px 0 #d1d5da;box-sizing:border-box;border-radius:0 0 3px 0}.vditor-preview::-webkit-scrollbar{display:none}.vditor-counter{padding:0 3px;position:absolute;bottom:10px;right:20px;color:#24292e;background-color:rgba(255,255,255,0.6);border-radius:3px;font-size:12px;user-select:none}.vditor-counter--error{color:#d23f31;background-color:rgba(210,63,49,0.1)}.vditor-resize{padding:1px 0;border-radius:5px;cursor:row-resize;transition:all .15s ease-in-out;user-select:none;background-color:#f6f8fa}.vditor-resize:hover{background-color:#4285f4}.vditor-resize:hover svg{color:#fff}.vditor-resize svg{fill:currentColor;stroke-width:0;stroke:currentColor;width:13px;height:3px;display:block;margin:0 auto;color:#586069}.vditor-upload{opacity:0;position:absolute;width:100%;height:5px;left:0;top:-3px;border-radius:3px;overflow:hidden;transition:all .15s ease-in-out;color:#fff;font-size:12px;line-height:14px}.vditor-upload ul{margin:0}.vditor-upload--tip{height:auto;opacity:1 !important}.vditor-upload--tip .vditor-upload__close{display:block}.vditor-upload__close{display:none;position:absolute;right:5px;cursor:pointer;padding:5px;top:0}.vditor-upload__progress{height:100%;background-color:rgba(66,133,244,0.8);transition:all .15s ease-in-out;padding:5px;box-sizing:border-box}.vditor-hint{background-color:#fff;position:absolute;box-shadow:0 1px 2px rgba(0,0,0,0.2);border-radius:3px;padding:5px 0;z-index:1;line-height:20px;list-style:none;color:#24292e;font-size:12px;margin:0;max-width:200px;min-width:80px;display:none}.vditor-hint li{cursor:pointer;padding:3px 10px;border-bottom:1px solid #d1d5da;line-height:20px}.vditor-hint li:last-child{border-bottom:0}.vditor-hint--current,.vditor-hint li:hover{background-color:#4285f4;color:#fff}.vditor-hint__emoji{font-size:16px;float:left;margin-right:3px}.vditor-hint img{height:20px;width:20px;float:left;margin-right:3px}.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}.fn-flex{display:flex}.fn-flex-1{flex:1;min-width:1px}.fn-clear:before,.fn-clear:after{display:table;content:""}.fn-clear:after{clear:both}.fn-left{float:left}.fn-right{float:right}.ft-12{font-size:12px;font-weight:normal}.ft-gray{color:rgba(0,0,0,0.54)}.ft-fade{color:rgba(0,0,0,0.38)}.ft-green{color:#03a87c !important;transition:all 0.1s}.ft-green:hover{color:#018f69 !important}.tag{background-color:rgba(0,0,0,0.05);color:rgba(0,0,0,0.68);padding:5px 10px;line-height:22px;font-weight:400;border-radius:3px;white-space:nowrap;display:inline-block;transition:all 0.1s;margin:0 8px 8px 0;font-size:15px}.tag:hover{text-decoration:none;background:rgba(0,0,0,0.1);color:rgba(0,0,0,0.68)}.tag__level0{line-height:inherit;font-size:12px;color:rgba(0,0,0,0.38)}.tag__level1{line-height:inherit;font-size:16px;color:rgba(0,0,0,0.54)}.tag__level2{line-height:inherit;font-size:21px;color:#6f6f6f}.tag__level3{line-height:inherit;font-size:24px;color:#3b3e43}.tag__level4{line-height:inherit;font-size:30px;color:#000}.module__title{border-bottom:1px solid rgba(0,0,0,0.15);margin-bottom:25px;line-height:26px;font-size:22px;position:relative;height:46px}.module__title>span{border-bottom:1px solid rgba(0,0,0,0.54);position:absolute;padding-bottom:20px;height:26px}.wrapper{max-width:1000px;margin:0 auto;box-sizing:border-box}.header{padding:0 20px;box-sizing:border-box;height:64px;text-align:center;transition:all 0.1s;z-index:11}.header h1{display:inline-block;line-height:61px;width:50%;overflow:auto;white-space:nowrap}.header h1::-webkit-scrollbar{display:none}.header--fixed{position:fixed;width:100%;top:-64px;background-color:#fff;box-shadow:0 2px 2px -2px rgba(0,0,0,0.15)}.header__logo{float:left;height:32px;width:32px;margin:16px 0;background-size:cover;background-repeat:no-repeat;background-position:center center}.header__title{overflow:hidden;font-size:26px;color:rgba(0,0,0,0.84)}.header__title:hover{text-decoration:none}.header__icon{transition:all 0.1s;color:rgba(0,0,0,0.54);text-decoration:none;width:25px;margin-left:10px;float:left;margin-top:25px}.header__icon:hover{text-decoration:none;color:rgba(0,0,0,0.68)}.header__icon svg{height:16px;width:16px}.header__icon.avatar{background-size:cover;background-repeat:no-repeat;background-position:center center;display:inline-block;height:32px;width:32px;border-radius:16px;margin-top:16px;margin-left:14px}.header__a{color:#03a87c;font-size:16px;float:left;margin:16px 0 0 16px;transition:all 0.1s;line-height:32px}.header__a:hover{text-decoration:none;color:#018f69;border-color:#018f69}.header__nav{height:50px;padding:0 20px;box-sizing:border-box}.header__nav .wrapper{overflow:auto;word-wrap:normal;white-space:nowrap}.header__nav .wrapper::-webkit-scrollbar{display:none}.header__nav a{color:rgba(0,0,0,0.76);font-size:15px;padding:0 10px;line-height:50px;text-decoration:none}.header__nav a img{height:16px;width:16px;vertical-align:text-top}.header__nav a:first-child{padding-left:0}.header__nav--fixed{z-index:11;position:fixed;width:100%;top:0;background-color:#fff;box-shadow:0 2px 2px -2px rgba(0,0,0,0.15)}.footer{margin-top:50px;padding:10px 20px 25px;font-size:14px;border-top:1px solid rgba(0,0,0,0.05);color:rgba(0,0,0,0.38)}.footer a{color:rgba(0,0,0,0.54)}.footer__tag{margin-top:50px}.footer__tag>div{margin-right:20px}.footer__tag>div:last-child{margin-right:0}.footer__tag li{list-style:none}.footer__tag li a{color:rgba(0,0,0,0.54);display:block;line-height:30px;word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 25px}.footer__tag li a:hover{color:rgba(0,0,0,0.68)}.main{margin:50px 20px 0}.main .content{margin-top:50px}.board{padding:12px 0;text-align:center}.article__toc{left:100%;position:fixed;top:90px;bottom:60px}.article__toc a{color:rgba(0,0,0,0.54)}.article__toc a:hover{color:rgba(0,0,0,0.68)}.article__main{display:flex;flex-direction:column}.article__thumbnail{margin:10px 0;background-position:center center;background-size:cover;flex:1}.article__wrap{margin-right:-20px}.article__item{border:1px solid rgba(0,0,0,0.1);border-radius:2px;margin-bottom:20px;float:left}.article__item--big{width:318px;margin-right:20px}.article__item--big .article__main{height:236px;overflow:hidden}.article__item--small{width:318px;margin-right:20px}.article__item--small .article__thumbnail{background-image:none !important}.article__item--small .article__main{height:91px;overflow:hidden}.article__item--mid{width:488px;margin-right:20px}.article__item--mid .article__main{height:195px;overflow:hidden}.article__panel{padding:16px}.article__title{overflow:hidden;line-height:24px;font-size:21px;font-weight:600;word-break:break-all}.article__title a{color:rgba(0,0,0,0.84)}.article__title a:hover{text-decoration:none}.article__title sup{top:-6px;font-size:12px;color:#03a87c}.article__content{margin-top:4px;font-size:16px;color:rgba(0,0,0,0.54);overflow:hidden;line-height:23px;word-break:break-all}.article__meta{font-size:15px;line-height:23px;flex-shrink:0}.post{max-width:740px;margin:50px auto 20px;position:relative}.post__main{margin:20px 0 0 0}.post__title{font-weight:700;font-size:42px;margin:0 -20px 10px;word-break:break-all}.post__title sup{font-size:16px;top:-20px;color:#03a87c}.post__tags{padding:4px 0 22px;border-bottom:1px solid rgba(0,0,0,0.05)}.post__share{padding:20px 0;margin-bottom:20px;font-size:16px}.post__share svg{height:20px;width:20px;vertical-align:bottom}.post__share #articleShare{position:relative}.post__share #articleShare .article__code{position:absolute;height:130px;width:130px;left:-2px;top:22px}.post__share-icon{color:rgba(0,0,0,0.54);cursor:pointer}.post__share-icon:hover{color:rgba(0,0,0,0.68)}.post__view{color:#03a87c;transition:all 0.1s}.post__view:hover{color:#018f69;text-decoration:none}.post__side{position:fixed;top:50%;left:10%;width:55px;text-align:center;font-size:16px;margin-top:-125px;transition:opacity .1s;opacity:0}.post__side svg{height:25px;width:25px}.post__side .ft-green svg{height:55px;width:55px;vertical-align:bottom;margin-bottom:10px}.post__side .article__code{position:absolute;height:130px;width:130px;left:45px;top:90px}#articleSideShare{width:26px;margin:0 auto}.article__bottom{background-color:#fafafa;padding:40px 20px;position:relative;z-index:1}.article__bottom .footer__tag{margin-bottom:50px}.article__comment{width:640px;margin:45px auto 0;position:relative}.article__comment .comment__title{font-size:16px;margin-bottom:15px;color:rgba(0,0,0,0.68)}.article__comment .comment__item{background-color:#fff;box-shadow:rgba(0,0,0,0.04) 0px 1px 4px;border:1px solid rgba(0,0,0,0.09);border-radius:3px;padding:10px 20px 10px 77px;margin:0 0 20px}.article__comment .comment__avatar{position:absolute;left:10px;height:57px;width:57px;display:inline-block;z-index:10;border:2px solid #fff;border-radius:50%}.article__comment .comment__body svg.ft-gray{height:12px;width:12px;vertical-align:text-top;margin-left:5px}.article__comment .comment__body .vditor-reset{min-height:40px}.article__comment .comment__user,.article__comment .comment__user a{color:#03a87c}.article__comment .comment__user a:hover{color:#018f69;text-decoration:none}.comment-body-ref{position:absolute;width:559px;box-sizing:border-box;left:101px}.comment-body-ref .ft-green{display:none}.comment__textarea{background-color:#fff;box-shadow:rgba(0,0,0,0.04) 0px 1px 4px;border:1px solid rgba(0,0,0,0.09);border-radius:3px;padding:10px;margin:0 0 5px;width:100%;box-sizing:border-box;cursor:pointer;resize:none}.article__toolbar{box-shadow:0 0 1px rgba(0,0,0,0.54);position:fixed;bottom:-44px;width:100%;background-color:#fff;height:44px;font-size:16px;line-height:44px;transition:all 0.1s;opacity:0}.article__toolbar .wrapper{max-width:740px}.article__toolbar svg{height:20px;width:20px;vertical-align:middle}.article__toolbar .fn-right{position:absolute;top:0;right:20px}.article__toolbar .article__code{position:absolute;height:130px;width:130px;left:50px;bottom:30px}.article__next{border-left:1px solid rgba(0,0,0,0.38);line-height:15px;margin-top:7px;color:rgba(0,0,0,0.84);font-size:14px;display:inline-block;padding-left:20px;margin-left:20px;transition:all .2s;float:right}.article__next:hover{text-decoration:none;color:rgba(0,0,0,0.54)}.pagination{margin-top:30px;font-size:16px;border-top:1px solid rgba(0,0,0,0.15)}.pagination__item{text-align:center;border-top:1px solid transparent;transition:all 0.1s;display:inline-block;position:relative;top:-1px;margin:0 10px;padding:0 10px;line-height:30px;color:rgba(0,0,0,0.54)}.pagination__item:hover{border-top-color:rgba(0,0,0,0.54);color:rgba(0,0,0,0.84);text-decoration:none}.pagination__item--active{background:rgba(0,0,0,0.05);border-top-color:rgba(0,0,0,0.54)}.pagination__item--active:hover{color:rgba(0,0,0,0.54);border-top-color:rgba(0,0,0,0.54)}.pagination__item:first-child{margin-left:0}.pagination__item:last-child{margin-right:0}.pagination__omit{top:-5px;margin:0;border:0;padding:0;color:#ccc}.page__item{display:block;border-bottom:1px solid rgba(0,0,0,0.05);padding:40px 0 35px}@media (max-width: 768px){.header{text-align:left}.header__logo,.post__side,.article__next,#articleBottomShare,#articleShare,.article__comment .comment__avatar{display:none}.post{margin:50px 20px 20px}.article__toolbar{padding-left:20px;box-sizing:border-box}.article__item{width:100%;margin-bottom:20px}.article__wrap{margin:0}.article__comment{width:100%}.article__main{height:auto !important}.footer .fn-right{float:none}.footer__tag{display:block}.footer__tag>div{margin:0 0 50px}.footer__tag>div:last-child{margin:0}.pagination__item{margin:0}.article__comment .comment__item{padding-left:10px}}#nprogress .bar{background:#d23f31}#nprogress .peg{box-shadow:0 0 10px #d23f31, 0 0 5px #d23f31}#nprogress .spinner-icon{border-top-color:#d23f31;border-left-color:#d23f31} +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}.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}.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}#nprogress{pointer-events:none}#nprogress .bar{background:#d23f31;position:fixed;z-index:1031;top:0;left:0;width:100%;height:2px}#nprogress .peg{display:block;position:absolute;right:0px;width:100px;height:100%;box-shadow:0 0 10px #d23f31, 0 0 5px #d23f31;opacity:1.0;-webkit-transform:rotate(3deg) translate(0px, -4px);-ms-transform:rotate(3deg) translate(0px, -4px);transform:rotate(3deg) translate(0px, -4px)}#nprogress .spinner{display:block;position:fixed;z-index:1031;top:15px;right:15px}#nprogress .spinner-icon{width:18px;height:18px;box-sizing:border-box;border:solid 2px transparent;border-top-color:#d23f31;border-left-color:#d23f31;border-radius:50%;-webkit-animation:nprogress-spinner 400ms linear infinite;animation:nprogress-spinner 400ms linear infinite}.nprogress-custom-parent{overflow:hidden;position:relative}.nprogress-custom-parent #nprogress .spinner,.nprogress-custom-parent #nprogress .bar{position:absolute}@-webkit-keyframes nprogress-spinner{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}}@keyframes nprogress-spinner{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes tooltip-appear{from{opacity:0}to{opacity:1}}.vditor-tooltipped{position:relative;cursor:pointer}.vditor-tooltipped::after{position:absolute;z-index:1000000;display:none;padding:5px 8px;font-size:11px;font-weight:normal;-webkit-font-smoothing:subpixel-antialiased;color:#fff;text-align:center;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-wrap:break-word;white-space:pre;pointer-events:none;content:attr(aria-label);background:rgba(0,0,0,0.8);border-radius:3px;line-height:16px;opacity:0}.vditor-tooltipped::before{position:absolute;z-index:1000001;display:none;width:0;height:0;color:rgba(0,0,0,0.8);pointer-events:none;content:"";border:5px solid transparent;opacity:0}.vditor-tooltipped--hover::before,.vditor-tooltipped--hover::after,.vditor-tooltipped:hover::before,.vditor-tooltipped:hover::after,.vditor-tooltipped:active::before,.vditor-tooltipped:active::after,.vditor-tooltipped:focus::before,.vditor-tooltipped:focus::after{display:inline-block;text-decoration:none;animation-name:tooltip-appear;animation-duration:0.1s;animation-fill-mode:forwards;animation-timing-function:ease-in;animation-delay:0.4s}.vditor-tooltipped__s::after,.vditor-tooltipped__se::after,.vditor-tooltipped__sw::after{top:100%;right:50%;margin-top:5px}.vditor-tooltipped__s::before,.vditor-tooltipped__se::before,.vditor-tooltipped__sw::before{top:auto;right:50%;bottom:-5px;margin-right:-5px;border-bottom-color:rgba(0,0,0,0.8)}.vditor-tooltipped__se::after{right:auto;left:50%;margin-left:-15px}.vditor-tooltipped__sw::after{margin-right:-15px}.vditor-tooltipped__n::after,.vditor-tooltipped__ne::after,.vditor-tooltipped__nw::after{right:50%;bottom:100%;margin-bottom:5px}.vditor-tooltipped__n::before,.vditor-tooltipped__ne::before,.vditor-tooltipped__nw::before{top:-5px;right:50%;bottom:auto;margin-right:-5px;border-top-color:rgba(0,0,0,0.8)}.vditor-tooltipped__ne::after{right:auto;left:50%;margin-left:-15px}.vditor-tooltipped__nw::after{margin-right:-15px}.vditor-tooltipped__s::after,.vditor-tooltipped__n::after{transform:translateX(50%)}.vditor-tooltipped__w::after{right:100%;bottom:50%;margin-right:5px;transform:translateY(50%)}.vditor-tooltipped__w::before{top:50%;bottom:50%;left:-5px;margin-top:-5px;border-left-color:rgba(0,0,0,0.8)}.vditor-tooltipped__e::after{bottom:50%;left:100%;margin-left:5px;transform:translateY(50%)}.vditor-tooltipped__e::before{top:50%;right:-5px;bottom:50%;margin-top:-5px;border-right-color:rgba(0,0,0,0.8)}.vditor-panel{background-color:#fff;position:absolute;box-shadow:0 1px 2px rgba(0,0,0,0.2);border-radius:3px;padding:5px;z-index:1;font-size:14px;display:none;user-select:none;max-width:200px;min-width:80px}.vditor-panel h1,.vditor-panel h2,.vditor-panel h3,.vditor-panel h4,.vditor-panel h5,.vditor-panel h6{margin:0;cursor:pointer;padding:3px 10px;border-radius:3px;line-height:normal}.vditor-panel h1:hover,.vditor-panel h2:hover,.vditor-panel h3:hover,.vditor-panel h4:hover,.vditor-panel h5:hover,.vditor-panel h6:hover{background-color:#4285f4;color:#fff}.vditor-toolbar{background-color:#f6f8fa;border-bottom:1px solid #d1d5da;padding:0 5px;border-radius:3px 3px 0 0}.vditor-toolbar>div{padding:10px 5px;float:left;line-height:14px;height:36px;box-sizing:border-box}.vditor-toolbar svg{fill:currentColor;display:inline-block;stroke-width:0;stroke:currentColor;width:14px;height:14px}.vditor-toolbar .vditor-tooltipped{color:#586069}.vditor-toolbar .vditor-tooltipped:hover{color:#4285f4}.vditor-toolbar label{overflow:hidden;position:relative;height:14px;width:15px;display:block;cursor:pointer}.vditor-toolbar input{position:absolute;width:1px;opacity:.001;height:14px;overflow:hidden}.vditor-menu--current svg{color:#4285f4}.vditor-menu__divider{width:10px}.vditor-menu__br{width:100%;padding:0 !important;height:0 !important}.vditor-emojis{display:inline-block}.vditor-emojis__tail{font-size:12px;text-align:right;color:#586069}.vditor-emojis__tail a{text-decoration:none;color:#586069}.vditor-emojis__tail a:hover{color:#4285f4}.vditor-emojis span{cursor:pointer;border-radius:3px;float:left;height:26px;width:26px;text-align:center;line-height:20px;padding:3px;box-sizing:border-box;font-size:16px}.vditor-emojis span:hover{background-color:#4285f4}.vditor-emojis img{height:20px;width:20px;float:left}.vditor{display:flex;flex-direction:column;border:1px solid #d1d5da;border-radius:3px;box-sizing:border-box}.vditor--fullscreen{position:fixed;top:0;width:100% !important;left:0;height:100vh !important;z-index:90;background-color:#fff}.vditor-content{display:flex;min-height:60px;flex:1;position:relative}.vditor-textarea{flex:1;border:0;resize:none;padding:10px;box-sizing:border-box;background-color:#fafbfc;outline:0 none;font-size:16px;line-height:22px;color:#24292e;border-radius:0 0 3px 3px}.vditor-textarea[disabled]{opacity:0.3;cursor:not-allowed}.vditor-textarea:focus{background-color:#fff}.vditor-preview{flex:1;background-color:#fff;overflow:auto;padding:10px;box-shadow:inset 1px 0 #d1d5da;box-sizing:border-box;border-radius:0 0 3px 0}.vditor-preview::-webkit-scrollbar{display:none}.vditor-counter{padding:0 3px;position:absolute;bottom:10px;right:20px;color:#24292e;background-color:rgba(255,255,255,0.6);border-radius:3px;font-size:12px;user-select:none}.vditor-counter--error{color:#d23f31;background-color:rgba(210,63,49,0.1)}.vditor-resize{padding:1px 0;border-radius:5px;cursor:row-resize;transition:all .15s ease-in-out;user-select:none;background-color:#f6f8fa}.vditor-resize:hover{background-color:#4285f4}.vditor-resize:hover svg{color:#fff}.vditor-resize svg{fill:currentColor;stroke-width:0;stroke:currentColor;width:13px;height:3px;display:block;margin:0 auto;color:#586069}.vditor-upload{opacity:0;position:absolute;width:100%;height:5px;left:0;top:-3px;border-radius:3px;overflow:hidden;transition:all .15s ease-in-out;color:#fff;font-size:12px;line-height:14px}.vditor-upload ul{margin:0}.vditor-upload--tip{height:auto;opacity:1 !important}.vditor-upload--tip .vditor-upload__close{display:block}.vditor-upload__close{display:none;position:absolute;right:5px;cursor:pointer;padding:5px;top:0}.vditor-upload__progress{height:100%;background-color:rgba(66,133,244,0.8);transition:all .15s ease-in-out;padding:5px;box-sizing:border-box}.vditor-hint{background-color:#fff;position:absolute;box-shadow:0 1px 2px rgba(0,0,0,0.2);border-radius:3px;padding:5px 0;z-index:1;line-height:20px;list-style:none;color:#24292e;font-size:12px;margin:0;max-width:200px;min-width:80px;display:none}.vditor-hint li{cursor:pointer;padding:3px 10px;border-bottom:1px solid #d1d5da;line-height:20px}.vditor-hint li:last-child{border-bottom:0}.vditor-hint--current,.vditor-hint li:hover{background-color:#4285f4;color:#fff}.vditor-hint__emoji{font-size:16px;float:left;margin-right:3px}.vditor-hint img{height:20px;width:20px;float:left;margin-right:3px}.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}body{background-color:#f4f8fb}.wrapper{max-width:1040px;margin:0 auto;padding:0 10px}.header{color:#fff;position:relative}.header--index:before{content:"";height:100%;position:absolute;background:url("../images/header-bg.jpg") no-repeat center center;width:100%;top:0;background-size:cover;filter:brightness(38%)}.header__title{position:relative;text-align:center}.header__h1{font-size:30px;padding-top:140px;font-weight:normal}.header__h1 img{height:32px;width:32px;margin-right:10px}.header__h1 a{color:#fff}.header__h1 a:hover{text-decoration:none;color:rgba(255,255,255,0.8)}.header__h2{font-size:20px;font-weight:300;margin:5px 0 70px;color:rgba(255,255,255,0.8)}.header__nav{position:relative}.header__nav a{font-size:13px;float:left;line-height:24px;color:rgba(255,255,255,0.8);margin:0 20px 90px 0}.header__nav a:hover{color:#fff;text-decoration:none}.header__nav img{height:14px;width:14px;margin-right:5px}.header__nav svg{margin-top:5px}.footer{font-size:13px;padding:20px 0;background-color:#000;color:#fff}.footer a{color:rgba(255,255,255,0.8)}.footer a:hover{text-decoration:none;color:#fff}.footer .fn__right{text-align:right}.articles{top:-70px;position:relative;display:flex;flex-wrap:wrap;margin:0 -20px}.articles .item{flex:1 1 300px;overflow:hidden;margin:0 20px 40px;min-height:300px;border-radius:5px;box-shadow:8px 14px 38px rgba(39,44,49,0.06),1px 3px 8px rgba(39,44,49,0.03);transition:all .5s ease;display:flex;flex-direction:column;background-color:#fff}.articles .item--large{flex-direction:row;flex:1 1 100%}.articles .item--large .item__cover{flex:1;height:auto}.articles .item--large .item__main{padding:30px 40px;width:357px;flex:unset}.articles .item:hover{box-shadow:8px 28px 50px rgba(39,44,49,0.07),1px 6px 12px rgba(39,44,49,0.04);transform:translate3D(0, -1px, 0) scale(1.02)}.articles .item__cover{background-size:cover;background-position:center center;height:200px}.articles .item__main{padding:25px;box-sizing:border-box;display:flex;flex-direction:column;flex:1}.articles .item__tag{display:inline-block;margin-bottom:4px;color:#738a94;font-size:12px;line-height:14px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.articles .item__tag:hover{text-decoration:none;color:rgba(115,138,148,0.8)}.articles .item__title{margin-bottom:10px}.articles .item__title a{color:#15171a;font-size:18px;line-height:24px}.articles .item__title a:hover{text-decoration:none;color:rgba(21,23,26,0.8)}.articles .item__title sup{font-size:12px;font-weight:normal;color:rgba(115,138,148,0.8)}.articles .item__abstract{line-height:24px;color:#15171a;flex:1}.articles .item__abstract:hover{text-decoration:none;color:rgba(21,23,26,0.8)}.articles .item__meta{float:right;margin-top:18px;color:#738a94}.articles .item__meta:hover{text-decoration:none;color:rgba(115,138,148,0.8)}.articles .item__avatar{margin-top:10px;float:left}.articles .item__avatar img{height:32px;width:32px}.pagination{text-align:center;margin-top:-70px}.pagination__item{width:30px;height:30px;background:#15171a;border-radius:50%;display:inline-block;color:#fff;line-height:30px;font-size:12px;margin:0 5px 40px}.pagination__item:hover{opacity:0.8;text-decoration:none}.pagination__item--active{background:#88acdb}.pagination__item--active:hover{opacity:1}.pagination__item--omit{background-color:transparent;color:#15171a} diff --git a/Casper/css/base.scss b/Casper/css/base.scss index 76a83bb..06a6f55 100644 --- a/Casper/css/base.scss +++ b/Casper/css/base.scss @@ -19,824 +19,254 @@ * skin style * * @author Liyuan Li - * @version 2.1.0.0, Mar 22, 2019 + * @version 0.1.0.0, Mar 26, 2019 */ @import "../../../scss/reset"; @import "../../../scss/usite"; @import "../../../scss/toc"; +@import "../../../scss/function"; @import "../../../scss/nprogress"; @import "vditor/src/assets/scss/classic"; -.fn-flex { - display: flex +$fade-lighter: rgba(255, 255, 255, .8) !default; +$gray: #738a94 !default; +$black: #15171a !default; + +body { + background-color: #f4f8fb; } -.fn-flex-1 { - flex: 1; - min-width: 1px -} - -.fn-clear:before, .fn-clear:after { - display: table; - content: "" -} - -.fn-clear:after { - clear: both -} - -.fn-left { - float: left -} - -.fn-right { - float: right -} - -.ft-12 { - font-size: 12px; - font-weight: normal; -} - -.ft-gray { - color: rgba(0, 0, 0, 0.54); -} - -.ft-fade { - color: rgba(0, 0, 0, 0.38); -} - -.ft-green { - color: #03a87c !important; - transition: all 0.1s -} - -.ft-green:hover { - color: #018f69 !important -} - -.tag { - background-color: rgba(0, 0, 0, 0.05); - color: rgba(0, 0, 0, 0.68); - padding: 5px 10px; - line-height: 22px; - font-weight: 400; - border-radius: 3px; - white-space: nowrap; - display: inline-block; - transition: all 0.1s; - margin: 0 8px 8px 0; - font-size: 15px -} - -.tag:hover { - text-decoration: none; - background: rgba(0, 0, 0, 0.1); - color: rgba(0, 0, 0, 0.68) -} - -.tag__level0 { - line-height: inherit; - font-size: 12px; - color: rgba(0, 0, 0, 0.38) -} - -.tag__level1 { - line-height: inherit; - font-size: 16px; - color: rgba(0, 0, 0, 0.54) -} - -.tag__level2 { - line-height: inherit; - font-size: 21px; - color: #6f6f6f -} - -.tag__level3 { - line-height: inherit; - font-size: 24px; - color: #3b3e43 -} - -.tag__level4 { - line-height: inherit; - font-size: 30px; - color: #000 -} - -.module__title { - border-bottom: 1px solid rgba(0, 0, 0, 0.15); - margin-bottom: 25px; - line-height: 26px; - font-size: 22px; - position: relative; - height: 46px -} - -.module__title > span { - border-bottom: 1px solid rgba(0, 0, 0, 0.54); - position: absolute; - padding-bottom: 20px; - height: 26px -} - -/* star framework */ .wrapper { - max-width: 1000px; + max-width: 1040px; margin: 0 auto; - box-sizing: border-box + padding: 0 10px; } .header { - padding: 0 20px; - box-sizing: border-box; - height: 64px; - text-align: center; - transition: all 0.1s; - z-index: 11; -} - -.header h1 { - display: inline-block; - line-height: 61px; - width: 50%; - overflow: auto; - white-space: nowrap; -} - -.header h1::-webkit-scrollbar { - display: none; -} - -.header--fixed { - position: fixed; - width: 100%; - top: -64px; - background-color: #fff; - box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.15) -} - -.header__logo { - float: left; - height: 32px; - width: 32px; - margin: 16px 0; - background-size: cover; - background-repeat: no-repeat; - background-position: center center -} - -.header__title { - overflow: hidden; - font-size: 26px; - color: rgba(0, 0, 0, 0.84) -} - -.header__title:hover { - text-decoration: none -} - -.header__icon { - transition: all 0.1s; - color: rgba(0, 0, 0, 0.54); - text-decoration: none; - width: 25px; - margin-left: 10px; - float: left; - margin-top: 25px -} - -.header__icon:hover { - text-decoration: none; - color: rgba(0, 0, 0, 0.68) -} - -.header__icon svg { - height: 16px; - width: 16px -} - -.header__icon.avatar { - background-size: cover; - background-repeat: no-repeat; - background-position: center center; - display: inline-block; - height: 32px; - width: 32px; - border-radius: 16px; - margin-top: 16px; - margin-left: 14px -} - -.header__a { - color: #03a87c; - font-size: 16px; - float: left; - margin: 16px 0 0 16px; - transition: all 0.1s; - line-height: 32px; -} - -.header__a:hover { - text-decoration: none; - color: #018f69; - border-color: #018f69 -} - -.header__nav { - height: 50px; - padding: 0 20px; - box-sizing: border-box -} - -.header__nav .wrapper { - overflow: auto; - word-wrap: normal; - white-space: nowrap -} - -.header__nav .wrapper::-webkit-scrollbar { - display: none -} - -.header__nav a { - color: rgba(0, 0, 0, 0.76); - font-size: 15px; - padding: 0 10px; - line-height: 50px; - text-decoration: none -} - -.header__nav a img { - height: 16px; - width: 16px; - vertical-align: text-top -} - -.header__nav a:first-child { - padding-left: 0 -} - -.header__nav--fixed { - z-index: 11; - position: fixed; - width: 100%; - top: 0; - background-color: #fff; - box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.15) -} - -.footer { - margin-top: 50px; - padding: 10px 20px 25px; - font-size: 14px; - border-top: 1px solid rgba(0, 0, 0, 0.05); - color: rgba(0, 0, 0, 0.38) -} - -.footer a { - color: rgba(0, 0, 0, 0.54) -} - -.footer__tag { - margin-top: 50px; -} - -.footer__tag > div { - margin-right: 20px -} - -.footer__tag > div:last-child { - margin-right: 0 -} - -.footer__tag li { - list-style: none; -} - -.footer__tag li a { - color: rgba(0, 0, 0, 0.54); - display: block; - line-height: 30px; - word-break: keep-all; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - padding: 0 25px; -} - -.footer__tag li a:hover { - color: rgba(0, 0, 0, 0.68); -} - -.main { - margin: 50px 20px 0 -} - -.main .content { - margin-top: 50px -} - -.board { - padding: 12px 0; - text-align: center -} - -/* star article */ -.article { - &__toc { - left: 100%; - position: fixed; - top: 90px; - bottom: 60px; + color: #fff; + position: relative; + &--index { + &:before { + content: ""; + height: 100%; + position: absolute; + background: url("../images/header-bg.jpg") no-repeat center center; + width: 100%; + top: 0; + background-size: cover; + filter: brightness(38%); + } + } + &__title { + position: relative; + text-align: center; + } + &__h1 { + font-size: 30px; + padding-top: 140px; + font-weight: normal; + img { + height: 32px; + width: 32px; + margin-right: 10px; + } a { - color: rgba(0, 0, 0, 0.54); + color: #fff; &:hover { - color: rgba(0, 0, 0, 0.68); + text-decoration: none; + color: $fade-lighter; } } } - &__main { - display: flex; - flex-direction: column; - } - &__thumbnail { - margin: 10px 0; - background-position: center center; - background-size: cover; - flex: 1; - } - &__wrap { - margin-right: -20px + &__h2 { + font-size: 20px; + font-weight: 300; + margin: 5px 0 70px; + color: $fade-lighter; } + &__nav { + position: relative; + a { + font-size: 13px; + float: left; + line-height: 24px; + color: $fade-lighter; + margin: 0 20px 90px 0; + &:hover { + color: #fff; + text-decoration: none; + } + } - &__item { - border: 1px solid rgba(0, 0, 0, 0.1); - border-radius: 2px; - margin-bottom: 20px; - float: left - } + img { + height: 14px; + width: 14px; + margin-right: 5px; + } - &__item--big { - width: 318px; - margin-right: 20px + svg { + margin-top: 5px; + } } +} - &__item--big .article__main { - height: 236px; - overflow: hidden; - } - - &__item--small { - width: 318px; - margin-right: 20px; - .article__thumbnail { - background-image: none !important; +.footer { + font-size: 13px; + padding: 20px 0; + background-color: #000; + color: #fff; + a { + color: $fade-lighter; + &:hover { + text-decoration: none; + color: #fff; } } - &__item--small .article__main { - height: 91px; - overflow: hidden; - } - - &__item--mid { - width: 488px; - margin-right: 20px - } - - &__item--mid .article__main { - height: 195px; - overflow: hidden; - } - - &__panel { - padding: 16px - } - - &__title { - overflow: hidden; - line-height: 24px; - font-size: 21px; - font-weight: 600; - word-break: break-all - } - - &__title a { - color: rgba(0, 0, 0, 0.84) - } - - &__title a:hover { - text-decoration: none - } - - &__title sup { - top: -6px; - font-size: 12px; - color: #03a87c; - } - - &__content { - margin-top: 4px; - font-size: 16px; - color: rgba(0, 0, 0, 0.54); - overflow: hidden; - line-height: 23px; - word-break: break-all; - } - - &__meta { - font-size: 15px; - line-height: 23px; - flex-shrink: 0; + .fn__right { + text-align: right; } } -/* end article list */ - -/* start article */ -.post { - max-width: 740px; - margin: 50px auto 20px; - position: relative -} - -.post__main { - margin: 20px 0 0 0 -} - -.post__title { - font-weight: 700; - font-size: 42px; - margin: 0 -20px 10px; - word-break: break-all -} - -.post__title sup { - font-size: 16px; - top: -20px; - color: #03a87c; -} - -.post__tags { - padding: 4px 0 22px; - border-bottom: 1px solid rgba(0, 0, 0, 0.05) -} - -.post__share { - padding: 20px 0; - margin-bottom: 20px; - font-size: 16px; -} - -.post__share svg { - height: 20px; - width: 20px; - vertical-align: bottom -} - -.post__share #articleShare { - position: relative -} - -.post__share #articleShare .article__code { - position: absolute; - height: 130px; - width: 130px; - left: -2px; - top: 22px -} - -.post__share-icon { - color: rgba(0, 0, 0, 0.54); - cursor: pointer; -} - -.post__share-icon:hover { - color: rgba(0, 0, 0, 0.68); -} - -.post__view { - color: #03a87c; - transition: all 0.1s -} - -.post__view:hover { - color: #018f69; - text-decoration: none -} - -.post__side { - position: fixed; - top: 50%; - left: 10%; - width: 55px; - text-align: center; - font-size: 16px; - margin-top: -125px; - transition: opacity .1s; - opacity: 0 -} - -.post__side svg { - height: 25px; - width: 25px -} - -.post__side .ft-green svg { - height: 55px; - width: 55px; - vertical-align: bottom; - margin-bottom: 10px -} - -.post__side .article__code { - position: absolute; - height: 130px; - width: 130px; - left: 45px; - top: 90px -} - -#articleSideShare { - width: 26px; - margin: 0 auto; -} - -.article__bottom { - background-color: #fafafa; - padding: 40px 20px; +.articles { + top: -70px; position: relative; - z-index: 1; -} + display: flex; + flex-wrap: wrap; + margin: 0 -20px; + .item { + flex: 1 1 300px; + overflow: hidden; + margin: 0 20px 40px; + min-height: 300px; + border-radius: 5px; + box-shadow: 8px 14px 38px rgba(39, 44, 49, .06), 1px 3px 8px rgba(39, 44, 49, .03); + transition: all .5s ease; + display: flex; + flex-direction: column; + background-color: #fff; + &--large { + flex-direction: row; + flex: 1 1 100%; -.article__bottom .footer__tag { - margin-bottom: 50px; -} + .item__cover { + flex: 1; + height: auto; + } -.article__comment { - width: 640px; - margin: 45px auto 0; - position: relative; -} + .item__main { + padding: 30px 40px; + width: 357px; + flex: unset; + } + } + &:hover { + box-shadow: 8px 28px 50px rgba(39, 44, 49, .07), 1px 6px 12px rgba(39, 44, 49, .04); + transform: translate3D(0, -1px, 0) scale(1.02); + } + &__cover { + background-size: cover; + background-position: center center; + height: 200px; + } + &__main { + padding: 25px; + box-sizing: border-box; + display: flex; + flex-direction: column; + flex: 1; + } + &__tag { + display: inline-block; + margin-bottom: 4px; + color: $gray; + font-size: 12px; + line-height: 14px; + font-weight: 500; + letter-spacing: .5px; + text-transform: uppercase; + &:hover { + text-decoration: none; + color: rgba($gray, 0.8); + } + } + &__title { + margin-bottom: 10px; + a { + color: $black; + font-size: 18px; + line-height: 24px; + &:hover { + text-decoration: none; + color: rgba($black, 0.8); + } + } + sup { + font-size: 12px; + font-weight: normal; + color: rgba($gray, 0.8); + } + } -.article__comment .comment__title { - font-size: 16px; - margin-bottom: 15px; - color: rgba(0, 0, 0, 0.68) -} + &__abstract { + line-height: 24px; + color: $black; + flex: 1; + &:hover { + text-decoration: none; + color: rgba($black, 0.8); + } + } -.article__comment .comment__item { - background-color: rgb(255, 255, 255); - box-shadow: rgba(0, 0, 0, 0.04) 0px 1px 4px; - border: 1px solid rgba(0, 0, 0, 0.09); - border-radius: 3px; - padding: 10px 20px 10px 77px; - margin: 0 0 20px; -} + &__meta { + float: right; + margin-top: 18px; + color: $gray; + &:hover { + text-decoration: none; + color: rgba($gray, 0.8); + } + } -.article__comment .comment__avatar { - position: absolute; - left: 10px; - height: 57px; - width: 57px; - display: inline-block; - z-index: 10; - border: 2px solid rgb(255, 255, 255); - border-radius: 50%; -} + &__avatar { + margin-top: 10px; + float: left; + img { + height: 32px; + width: 32px; + } + } -.article__comment .comment__body svg.ft-gray { - height: 12px; - width: 12px; - vertical-align: text-top; - margin-left: 5px; -} - -.article__comment .comment__body .vditor-reset { - min-height: 40px; -} - -.article__comment .comment__user, -.article__comment .comment__user a { - color: rgb(3, 168, 124); -} - -.article__comment .comment__user a:hover { - color: rgb(1, 143, 105); - text-decoration: none; -} - -.comment-body-ref { - position: absolute; - width: 559px; - box-sizing: border-box; - left: 101px; -} - -.comment-body-ref .ft-green { - display: none; -} - -.comment__textarea { - background-color: rgb(255, 255, 255); - box-shadow: rgba(0, 0, 0, 0.04) 0px 1px 4px; - border: 1px solid rgba(0, 0, 0, 0.09); - border-radius: 3px; - padding: 10px; - margin: 0 0 5px; - width: 100%; - box-sizing: border-box; - cursor: pointer; - resize: none; -} - -.article__toolbar { - box-shadow: 0 0 1px rgba(0, 0, 0, 0.54); - position: fixed; - bottom: -44px; - width: 100%; - background-color: #fff; - height: 44px; - font-size: 16px; - line-height: 44px; - transition: all 0.1s; - opacity: 0 -} - -.article__toolbar .wrapper { - max-width: 740px -} - -.article__toolbar svg { - height: 20px; - width: 20px; - vertical-align: middle -} - -.article__toolbar .fn-right { - position: absolute; - top: 0; - right: 20px -} - -.article__toolbar .article__code { - position: absolute; - height: 130px; - width: 130px; - left: 50px; - bottom: 30px -} - -.article__next { - border-left: 1px solid rgba(0, 0, 0, 0.38); - line-height: 15px; - margin-top: 7px; - color: rgba(0, 0, 0, 0.84); - font-size: 14px; - display: inline-block; - padding-left: 20px; - margin-left: 20px; - transition: all .2s; - float: right; -} - -.article__next:hover { - text-decoration: none; - color: rgba(0, 0, 0, 0.54); + } } .pagination { - margin-top: 30px; - font-size: 16px; - border-top: 1px solid rgba(0, 0, 0, 0.15) -} - -.pagination__item { text-align: center; - border-top: 1px solid transparent; - transition: all 0.1s; - display: inline-block; - position: relative; - top: -1px; - margin: 0 10px; - padding: 0 10px; - line-height: 30px; - color: rgba(0, 0, 0, 0.54) -} + margin-top: -70px; -.pagination__item:hover { - border-top-color: rgba(0, 0, 0, 0.54); - color: rgba(0, 0, 0, 0.84); - text-decoration: none -} - -.pagination__item--active { - background: rgba(0, 0, 0, 0.05); - border-top-color: rgba(0, 0, 0, 0.54) -} - -.pagination__item--active:hover { - color: rgba(0, 0, 0, 0.54); - border-top-color: rgba(0, 0, 0, 0.54) -} - -.pagination__item:first-child { - margin-left: 0 -} - -.pagination__item:last-child { - margin-right: 0 -} - -.pagination__omit { - top: -5px; - margin: 0; - border: 0; - padding: 0; - color: #ccc -} - -.page__item { - display: block; - border-bottom: 1px solid rgba(0, 0, 0, 0.05); - padding: 40px 0 35px -} - -@media (max-width: 768px) { - .header { - text-align: left + &__item { + width: 30px; + height: 30px; + background: $black; + border-radius: 50%; + display: inline-block; + color: #fff; + line-height: 30px; + font-size: 12px; + margin: 0 5px 40px; + &:hover { + opacity: 0.8; + text-decoration: none; + } + &--active { + background: #88acdb; + &:hover { + opacity: 1; + } + } + &--omit { + background-color: transparent; + color: $black; + } } - - .header__logo, - .post__side, .article__next, #articleBottomShare, #articleShare, - .article__comment .comment__avatar { - display: none - } - - .post { - margin: 50px 20px 20px - } - - .article__toolbar { - padding-left: 20px; - box-sizing: border-box - } - - .article__item { - width: 100%; - margin-bottom: 20px - } - - .article__wrap { - margin: 0 - } - - .article__comment { - width: 100% - } - - .article__main { - height: auto !important - } - - .footer .fn-right { - float: none - } - - .footer__tag { - display: block - } - - .footer__tag > div { - margin: 0 0 50px - } - - .footer__tag > div:last-child { - margin: 0 - } - - .pagination__item { - margin: 0 - } - - .article__comment .comment__item { - padding-left: 10px; - } -} - -/* Make clicks pass-through */ -#nprogress .bar { - background: #d23f31; -} - -/* Fancy blur effect */ -#nprogress .peg { - box-shadow: 0 0 10px #d23f31, 0 0 5px #d23f31; -} - -#nprogress .spinner-icon { - border-top-color: #d23f31; - border-left-color: #d23f31; } \ No newline at end of file diff --git a/Casper/css/selection.json b/Casper/css/selection.json deleted file mode 100755 index 8f73557..0000000 --- a/Casper/css/selection.json +++ /dev/null @@ -1,524 +0,0 @@ -{ - "IcoMoonType": "selection", - "icons": [ - { - "icon": { - "paths": [ - "M219.429 804.571c0 60.571-49.143 109.714-109.714 109.714s-109.714-49.143-109.714-109.714 49.143-109.714 109.714-109.714 109.714 49.143 109.714 109.714zM219.429 512c0 60.571-49.143 109.714-109.714 109.714s-109.714-49.143-109.714-109.714 49.143-109.714 109.714-109.714 109.714 49.143 109.714 109.714zM1024 749.714v109.714c0 9.714-8.571 18.286-18.286 18.286h-694.857c-9.714 0-18.286-8.571-18.286-18.286v-109.714c0-9.714 8.571-18.286 18.286-18.286h694.857c9.714 0 18.286 8.571 18.286 18.286zM219.429 219.429c0 60.571-49.143 109.714-109.714 109.714s-109.714-49.143-109.714-109.714 49.143-109.714 109.714-109.714 109.714 49.143 109.714 109.714zM1024 457.143v109.714c0 9.714-8.571 18.286-18.286 18.286h-694.857c-9.714 0-18.286-8.571-18.286-18.286v-109.714c0-9.714 8.571-18.286 18.286-18.286h694.857c9.714 0 18.286 8.571 18.286 18.286zM1024 164.571v109.714c0 9.714-8.571 18.286-18.286 18.286h-694.857c-9.714 0-18.286-8.571-18.286-18.286v-109.714c0-9.714 8.571-18.286 18.286-18.286h694.857c9.714 0 18.286 8.571 18.286 18.286z" - ], - "width": 1024, - "attrs": [], - "isMulticolor": false, - "isMulticolor2": false, - "tags": [ - "list-ul" - ], - "defaultCode": 61642, - "grid": 14 - }, - "attrs": [], - "properties": { - "name": "list", - "id": 6, - "order": 3, - "prevSize": 28, - "code": 61642 - }, - "setIdx": 0, - "setId": 3, - "iconIdx": 0 - }, - { - "icon": { - "paths": [ - "M804.571 566.857v274.286c0 20-16.571 36.571-36.571 36.571h-219.429v-219.429h-146.286v219.429h-219.429c-20 0-36.571-16.571-36.571-36.571v-274.286c0-1.143 0.571-2.286 0.571-3.429l328.571-270.857 328.571 270.857c0.571 1.143 0.571 2.286 0.571 3.429zM932 527.429l-35.429 42.286c-2.857 3.429-7.429 5.714-12 6.286h-1.714c-4.571 0-8.571-1.143-12-4l-395.429-329.714-395.429 329.714c-4 2.857-8.571 4.571-13.714 4-4.571-0.571-9.143-2.857-12-6.286l-35.429-42.286c-6.286-7.429-5.143-19.429 2.286-25.714l410.857-342.286c24-20 62.857-20 86.857 0l139.429 116.571v-111.429c0-10.286 8-18.286 18.286-18.286h109.714c10.286 0 18.286 8 18.286 18.286v233.143l125.143 104c7.429 6.286 8.571 18.286 2.286 25.714z" - ], - "width": 950.8571428571428, - "attrs": [], - "isMulticolor": false, - "isMulticolor2": false, - "tags": [ - "home" - ], - "defaultCode": 61461, - "grid": 14 - }, - "attrs": [], - "properties": { - "name": "home", - "id": 7, - "order": 4, - "prevSize": 28, - "code": 61461 - }, - "setIdx": 0, - "setId": 3, - "iconIdx": 1 - }, - { - "icon": { - "paths": [ - "M402.286 219.429c-178.286 0-329.143 100.571-329.143 219.429 0 62.857 42.286 123.429 115.429 165.714l55.429 32-20 48c12-6.857 24-14.286 35.429-22.286l25.143-17.714 30.286 5.714c28.571 5.143 57.714 8 87.429 8 178.286 0 329.143-100.571 329.143-219.429s-150.857-219.429-329.143-219.429zM402.286 146.286c222.286 0 402.286 130.857 402.286 292.571s-180 292.571-402.286 292.571c-34.857 0-68.571-3.429-100.571-9.143-47.429 33.714-101.143 58.286-158.857 73.143-15.429 4-32 6.857-49.143 9.143h-1.714c-8.571 0-16.571-6.857-18.286-16.571v0c-2.286-10.857 5.143-17.714 11.429-25.143 22.286-25.143 47.429-47.429 66.857-94.857-92.571-53.714-152-136.571-152-229.143 0-161.714 180-292.571 402.286-292.571zM872 814.286c19.429 47.429 44.571 69.714 66.857 94.857 6.286 7.429 13.714 14.286 11.429 25.143v0c-2.286 10.286-10.857 17.714-20 16.571-17.143-2.286-33.714-5.143-49.143-9.143-57.714-14.857-111.429-39.429-158.857-73.143-32 5.714-65.714 9.143-100.571 9.143-103.429 0-198.286-28.571-269.714-75.429 16.571 1.143 33.714 2.286 50.286 2.286 122.857 0 238.857-35.429 327.429-99.429 95.429-69.714 148-164 148-266.286 0-29.714-4.571-58.857-13.143-86.857 96.571 53.143 159.429 137.714 159.429 233.143 0 93.143-59.429 175.429-152 229.143z" - ], - "width": 1024, - "attrs": [], - "isMulticolor": false, - "isMulticolor2": false, - "tags": [ - "comments-o" - ], - "defaultCode": 61670, - "grid": 14 - }, - "attrs": [], - "properties": { - "name": "comments", - "id": 8, - "order": 5, - "prevSize": 28, - "code": 61670 - }, - "setIdx": 0, - "setId": 3, - "iconIdx": 2 - }, - { - "icon": { - "paths": [ - "M73.143 950.857h164.571v-164.571h-164.571v164.571zM274.286 950.857h182.857v-164.571h-182.857v164.571zM73.143 749.714h164.571v-182.857h-164.571v182.857zM274.286 749.714h182.857v-182.857h-182.857v182.857zM73.143 530.286h164.571v-164.571h-164.571v164.571zM493.714 950.857h182.857v-164.571h-182.857v164.571zM274.286 530.286h182.857v-164.571h-182.857v164.571zM713.143 950.857h164.571v-164.571h-164.571v164.571zM493.714 749.714h182.857v-182.857h-182.857v182.857zM292.571 256v-164.571c0-9.714-8.571-18.286-18.286-18.286h-36.571c-9.714 0-18.286 8.571-18.286 18.286v164.571c0 9.714 8.571 18.286 18.286 18.286h36.571c9.714 0 18.286-8.571 18.286-18.286zM713.143 749.714h164.571v-182.857h-164.571v182.857zM493.714 530.286h182.857v-164.571h-182.857v164.571zM713.143 530.286h164.571v-164.571h-164.571v164.571zM731.429 256v-164.571c0-9.714-8.571-18.286-18.286-18.286h-36.571c-9.714 0-18.286 8.571-18.286 18.286v164.571c0 9.714 8.571 18.286 18.286 18.286h36.571c9.714 0 18.286-8.571 18.286-18.286zM950.857 219.429v731.429c0 40-33.143 73.143-73.143 73.143h-804.571c-40 0-73.143-33.143-73.143-73.143v-731.429c0-40 33.143-73.143 73.143-73.143h73.143v-54.857c0-50.286 41.143-91.429 91.429-91.429h36.571c50.286 0 91.429 41.143 91.429 91.429v54.857h219.429v-54.857c0-50.286 41.143-91.429 91.429-91.429h36.571c50.286 0 91.429 41.143 91.429 91.429v54.857h73.143c40 0 73.143 33.143 73.143 73.143z" - ], - "width": 950.8571428571428, - "attrs": [], - "isMulticolor": false, - "isMulticolor2": false, - "tags": [ - "calendar" - ], - "defaultCode": 61555, - "grid": 14 - }, - "attrs": [], - "properties": { - "name": "date", - "id": 9, - "order": 6, - "prevSize": 28, - "code": 61555 - }, - "setIdx": 0, - "setId": 3, - "iconIdx": 3 - }, - { - "icon": { - "paths": [ - "M658.286 475.429c0-141.143-114.857-256-256-256s-256 114.857-256 256 114.857 256 256 256 256-114.857 256-256zM950.857 950.857c0 40-33.143 73.143-73.143 73.143-19.429 0-38.286-8-51.429-21.714l-196-195.429c-66.857 46.286-146.857 70.857-228 70.857-222.286 0-402.286-180-402.286-402.286s180-402.286 402.286-402.286 402.286 180 402.286 402.286c0 81.143-24.571 161.143-70.857 228l196 196c13.143 13.143 21.143 32 21.143 51.429z" - ], - "width": 950.8571428571428, - "attrs": [], - "isMulticolor": false, - "isMulticolor2": false, - "tags": [ - "search" - ], - "defaultCode": 61442, - "grid": 14 - }, - "attrs": [], - "properties": { - "name": "search", - "id": 10, - "order": 7, - "prevSize": 28, - "code": 61442 - }, - "setIdx": 0, - "setId": 3, - "iconIdx": 4 - }, - { - "icon": { - "paths": [ - "M961.714 760.571l-94.857 94.286c-14.286 14.286-37.143 14.286-51.429 0l-303.429-303.429-303.429 303.429c-14.286 14.286-37.143 14.286-51.429 0l-94.857-94.286c-14.286-14.286-14.286-37.714 0-52l424-423.429c14.286-14.286 37.143-14.286 51.429 0l424 423.429c14.286 14.286 14.286 37.714 0 52z" - ], - "width": 1024, - "attrs": [], - "isMulticolor": false, - "isMulticolor2": false, - "tags": [ - "chevron-up" - ], - "defaultCode": 61559, - "grid": 14 - }, - "attrs": [], - "properties": { - "name": "up", - "id": 11, - "order": 8, - "prevSize": 28, - "code": 61559 - }, - "setIdx": 0, - "setId": 3, - "iconIdx": 5 - }, - { - "icon": { - "paths": [ - "M584.571 548.571h180.571c-1.143-2.857-1.714-6.286-2.857-9.143l-121.143-283.429h-404.571l-121.143 283.429c-1.143 2.857-1.714 6.286-2.857 9.143h180.571l54.286 109.714h182.857zM877.714 565.714v275.429c0 20-16.571 36.571-36.571 36.571h-804.571c-20 0-36.571-16.571-36.571-36.571v-275.429c0-20.571 6.286-50.857 14.286-70.286l136-315.429c8-18.857 30.857-33.714 50.857-33.714h475.429c20 0 42.857 14.857 50.857 33.714l136 315.429c8 19.429 14.286 49.714 14.286 70.286z" - ], - "width": 877.7142857142857, - "attrs": [], - "isMulticolor": false, - "isMulticolor2": false, - "tags": [ - "inbox" - ], - "defaultCode": 61468, - "grid": 14 - }, - "attrs": [], - "properties": { - "name": "inbox", - "id": 12, - "order": 9, - "prevSize": 28, - "code": 61468 - }, - "setIdx": 0, - "setId": 3, - "iconIdx": 6 - }, - { - "icon": { - "paths": [ - "M256 256c0-40.571-32.571-73.143-73.143-73.143s-73.143 32.571-73.143 73.143 32.571 73.143 73.143 73.143 73.143-32.571 73.143-73.143zM865.714 585.143c0 19.429-8 38.286-21.143 51.429l-280.571 281.143c-13.714 13.143-32.571 21.143-52 21.143s-38.286-8-51.429-21.143l-408.571-409.143c-29.143-28.571-52-84-52-124.571v-237.714c0-40 33.143-73.143 73.143-73.143h237.714c40.571 0 96 22.857 125.143 52l408.571 408c13.143 13.714 21.143 32.571 21.143 52zM1085.143 585.143c0 19.429-8 38.286-21.143 51.429l-280.571 281.143c-13.714 13.143-32.571 21.143-52 21.143-29.714 0-44.571-13.714-64-33.714l268.571-268.571c13.143-13.143 21.143-32 21.143-51.429s-8-38.286-21.143-52l-408.571-408c-29.143-29.143-84.571-52-125.143-52h128c40.571 0 96 22.857 125.143 52l408.571 408c13.143 13.714 21.143 32.571 21.143 52z" - ], - "width": 1085.1474285714285, - "attrs": [], - "isMulticolor": false, - "isMulticolor2": false, - "tags": [ - "tags" - ], - "defaultCode": 61484, - "grid": 14 - }, - "attrs": [], - "properties": { - "name": "tags", - "id": 13, - "order": 10, - "prevSize": 28, - "code": 61484 - }, - "setIdx": 0, - "setId": 3, - "iconIdx": 7 - }, - { - "icon": { - "paths": [ - "M832 694.857c0-14.857-5.714-28.571-16-38.857l-118.857-118.857c-10.286-10.286-24.571-16-38.857-16-16.571 0-29.714 6.286-41.143 18.286 18.857 18.857 41.143 34.857 41.143 64 0 30.286-24.571 54.857-54.857 54.857-29.143 0-45.143-22.286-64-41.143-12 11.429-18.857 24.571-18.857 41.714 0 14.286 5.714 28.571 16 38.857l117.714 118.286c10.286 10.286 24.571 15.429 38.857 15.429s28.571-5.143 38.857-14.857l84-83.429c10.286-10.286 16-24 16-38.286zM430.286 292c0-14.286-5.714-28.571-16-38.857l-117.714-118.286c-10.286-10.286-24.571-16-38.857-16s-28.571 5.714-38.857 15.429l-84 83.429c-10.286 10.286-16 24-16 38.286 0 14.857 5.714 28.571 16 38.857l118.857 118.857c10.286 10.286 24.571 15.429 38.857 15.429 16.571 0 29.714-5.714 41.143-17.714-18.857-18.857-41.143-34.857-41.143-64 0-30.286 24.571-54.857 54.857-54.857 29.143 0 45.143 22.286 64 41.143 12-11.429 18.857-24.571 18.857-41.714zM941.714 694.857c0 43.429-17.714 85.714-48.571 116l-84 83.429c-30.857 30.857-72.571 47.429-116 47.429-44 0-85.714-17.143-116.571-48.571l-117.714-118.286c-30.857-30.857-47.429-72.571-47.429-116 0-45.143 18.286-88 50.286-119.429l-50.286-50.286c-31.429 32-73.714 50.286-118.857 50.286-43.429 0-85.714-17.143-116.571-48l-118.857-118.857c-31.429-31.429-48-72.571-48-116.571 0-43.429 17.714-85.714 48.571-116l84-83.429c30.857-30.857 72.571-47.429 116-47.429 44 0 85.714 17.143 116.571 48.571l117.714 118.286c30.857 30.857 47.429 72.571 47.429 116 0 45.143-18.286 88-50.286 119.429l50.286 50.286c31.429-32 73.714-50.286 118.857-50.286 43.429 0 85.714 17.143 116.571 48l118.857 118.857c31.429 31.429 48 72.571 48 116.571z" - ], - "width": 950.8571428571428, - "attrs": [], - "isMulticolor": false, - "isMulticolor2": false, - "tags": [ - "chain", - "link" - ], - "defaultCode": 61633, - "grid": 14 - }, - "attrs": [], - "properties": { - "name": "link", - "id": 14, - "order": 11, - "prevSize": 28, - "code": 61633 - }, - "setIdx": 0, - "setId": 3, - "iconIdx": 8 - }, - { - "icon": { - "paths": [ - "M863.429 603.429c0 1.143 0 2.857-0.571 4-48.571 202.286-215.429 343.429-426.286 343.429-111.429 0-219.429-44-300.571-121.143l-73.714 73.714c-6.857 6.857-16 10.857-25.714 10.857-20 0-36.571-16.571-36.571-36.571v-256c0-20 16.571-36.571 36.571-36.571h256c20 0 36.571 16.571 36.571 36.571 0 9.714-4 18.857-10.857 25.714l-78.286 78.286c53.714 50.286 125.143 78.857 198.857 78.857 101.714 0 196-52.571 249.143-139.429 13.714-22.286 20.571-44 30.286-66.857 2.857-8 8.571-13.143 17.143-13.143h109.714c10.286 0 18.286 8.571 18.286 18.286zM877.714 146.286v256c0 20-16.571 36.571-36.571 36.571h-256c-20 0-36.571-16.571-36.571-36.571 0-9.714 4-18.857 10.857-25.714l78.857-78.857c-54.286-50.286-125.714-78.286-199.429-78.286-101.714 0-196 52.571-249.143 139.429-13.714 22.286-20.571 44-30.286 66.857-2.857 8-8.571 13.143-17.143 13.143h-113.714c-10.286 0-18.286-8.571-18.286-18.286v-4c49.143-202.857 217.714-343.429 428.571-343.429 112 0 221.143 44.571 302.286 121.143l74.286-73.714c6.857-6.857 16-10.857 25.714-10.857 20 0 36.571 16.571 36.571 36.571z" - ], - "width": 877.7142857142857, - "attrs": [], - "isMulticolor": false, - "isMulticolor2": false, - "tags": [ - "refresh" - ], - "defaultCode": 61473, - "grid": 14 - }, - "attrs": [], - "properties": { - "name": "refresh", - "id": 15, - "order": 12, - "prevSize": 28, - "code": 61473 - }, - "setIdx": 0, - "setId": 3, - "iconIdx": 9 - }, - { - "icon": { - "paths": [ - "M976 768h-16v-208c0-61.756-50.242-112-112-112h-272v-128h16c26.4 0 48-21.6 48-48v-160c0-26.4-21.6-48-48-48h-160c-26.4 0-48 21.6-48 48v160c0 26.4 21.6 48 48 48h16v128h-272c-61.756 0-112 50.244-112 112v208h-16c-26.4 0-48 21.6-48 48v160c0 26.4 21.6 48 48 48h160c26.4 0 48-21.6 48-48v-160c0-26.4-21.6-48-48-48h-16v-192h256v192h-16c-26.4 0-48 21.6-48 48v160c0 26.4 21.6 48 48 48h160c26.4 0 48-21.6 48-48v-160c0-26.4-21.6-48-48-48h-16v-192h256v192h-16c-26.4 0-48 21.6-48 48v160c0 26.4 21.6 48 48 48h160c26.4 0 48-21.6 48-48v-160c0-26.4-21.6-48-48-48zM192 960h-128v-128h128v128zM576 960h-128v-128h128v128zM448 256v-128h128v128h-128zM960 960h-128v-128h128v128z" - ], - "tags": [ - "tree", - "branches", - "inheritance" - ], - "defaultCode": 59836, - "grid": 16, - "attrs": [] - }, - "attrs": [], - "properties": { - "ligatures": "tree, branches", - "name": "category", - "order": 13, - "id": 16, - "prevSize": 32, - "code": 59836 - }, - "setIdx": 0, - "setId": 3, - "iconIdx": 10 - }, - { - "icon": { - "paths": [ - "M768 640v-128h-320v-128h320v-128l192 192zM704 576v256h-320v192l-384-192v-832h704v320h-64v-256h-512l256 128v576h256v-192z" - ], - "attrs": [], - "isMulticolor": false, - "isMulticolor2": false, - "tags": [ - "exit", - "signout", - "logout", - "quit", - "close" - ], - "defaultCode": 59924, - "grid": 16 - }, - "attrs": [], - "properties": { - "ligatures": "exit, signout", - "name": "logout", - "id": 0, - "order": 14, - "prevSize": 32, - "code": 59924 - }, - "setIdx": 0, - "setId": 3, - "iconIdx": 11 - }, - { - "icon": { - "paths": [ - "M512 192c-282.784 0-512 320-512 320s229.216 320 512 320 512-320 512-320-229.216-320-512-320zM512 704c-106.016 0-192-85.984-192-192s85.984-192 192-192 192 85.984 192 192-85.984 192-192 192zM512 384c-70.688 0-128 57.312-128 128s57.312 128 128 128 128-57.312 128-128-57.312-128-128-128z" - ], - "attrs": [ - {} - ], - "isMulticolor": false, - "isMulticolor2": false, - "tags": [ - "eye", - "views" - ], - "grid": 16 - }, - "attrs": [ - {} - ], - "properties": { - "order": 15, - "id": 1, - "name": "views", - "prevSize": 32, - "code": 59648 - }, - "setIdx": 0, - "setId": 3, - "iconIdx": 12 - }, - { - "icon": { - "paths": [ - "M384 736c0-151.234 95.874-280.486 230.032-330.2 16.28-36.538 25.968-77.164 25.968-117.8 0-159.058 0-288-192-288s-192 128.942-192 288c0 99.060 57.502 198.104 128 237.832v52.78c-217.102 17.748-384 124.42-384 253.388h397.306c-8.664-30.53-13.306-62.732-13.306-96z", - "M736 448c-159.058 0-288 128.942-288 288s128.942 288 288 288c159.056 0 288-128.942 288-288s-128.942-288-288-288zM896 768h-128v128h-64v-128h-128v-64h128v-128h64v128h128v64z" - ], - "width": 1024, - "attrs": [], - "isMulticolor": false, - "isMulticolor2": false, - "tags": [ - "user-plus", - "user", - "user-add", - "profile", - "avatar", - "person", - "member" - ], - "defaultCode": 59763, - "grid": 16 - }, - "attrs": [], - "properties": { - "ligatures": "user-plus, user2", - "name": "register", - "id": 2, - "order": 16, - "prevSize": 32, - "code": 59763 - }, - "setIdx": 0, - "setId": 3, - "iconIdx": 13 - }, - { - "icon": { - "paths": [ - "M933.79 610.25c-53.726-93.054-21.416-212.304 72.152-266.488l-100.626-174.292c-28.75 16.854-62.176 26.518-97.846 26.518-107.536 0-194.708-87.746-194.708-195.99h-201.258c0.266 33.41-8.074 67.282-25.958 98.252-53.724 93.056-173.156 124.702-266.862 70.758l-100.624 174.292c28.97 16.472 54.050 40.588 71.886 71.478 53.638 92.908 21.512 211.92-71.708 266.224l100.626 174.292c28.65-16.696 61.916-26.254 97.4-26.254 107.196 0 194.144 87.192 194.7 194.958h201.254c-0.086-33.074 8.272-66.57 25.966-97.218 53.636-92.906 172.776-124.594 266.414-71.012l100.626-174.29c-28.78-16.466-53.692-40.498-71.434-71.228zM512 719.332c-114.508 0-207.336-92.824-207.336-207.334 0-114.508 92.826-207.334 207.336-207.334 114.508 0 207.332 92.826 207.332 207.334-0.002 114.51-92.824 207.334-207.332 207.334z" - ], - "attrs": [], - "isMulticolor": false, - "isMulticolor2": false, - "tags": [ - "cog", - "gear", - "preferences", - "settings", - "generate", - "control", - "options" - ], - "defaultCode": 59796, - "grid": 16 - }, - "attrs": [], - "properties": { - "ligatures": "cog, gear", - "name": "setting", - "id": 3, - "order": 17, - "prevSize": 32, - "code": 59796 - }, - "setIdx": 0, - "setId": 3, - "iconIdx": 14 - }, - { - "icon": { - "paths": [ - "M384 512h-320v-128h320v-128l192 192-192 192zM1024 0v832l-384 192v-192h-384v-256h64v192h320v-576l256-128h-576v256h-64v-320z" - ], - "attrs": [], - "isMulticolor": false, - "isMulticolor2": false, - "tags": [ - "enter", - "signin", - "login" - ], - "defaultCode": 59923, - "grid": 16 - }, - "attrs": [], - "properties": { - "ligatures": "enter, signin", - "name": "login", - "id": 4, - "order": 18, - "prevSize": 32, - "code": 59923 - }, - "setIdx": 0, - "setId": 3, - "iconIdx": 15 - }, - { - "icon": { - "paths": [ - "M136.294 750.93c-75.196 0-136.292 61.334-136.292 136.076 0 75.154 61.1 135.802 136.292 135.802 75.466 0 136.494-60.648 136.494-135.802-0.002-74.742-61.024-136.076-136.494-136.076zM0.156 347.93v196.258c127.784 0 247.958 49.972 338.458 140.512 90.384 90.318 140.282 211.036 140.282 339.3h197.122c-0.002-372.82-303.282-676.070-675.862-676.070zM0.388 0v196.356c455.782 0 826.756 371.334 826.756 827.644h196.856c0-564.47-459.254-1024-1023.612-1024z" - ], - "attrs": [ - {} - ], - "isMulticolor": false, - "isMulticolor2": false, - "tags": [ - "feed", - "rss", - "social" - ], - "grid": 16 - }, - "attrs": [ - {} - ], - "properties": { - "order": 19, - "id": 5, - "prevSize": 32, - "code": 59649, - "name": "rss" - }, - "setIdx": 0, - "setId": 3, - "iconIdx": 16 - } - ], - "height": 1024, - "metadata": { - "name": "icomoon" - }, - "preferences": { - "showGlyphs": true, - "showQuickUse": true, - "showQuickUse2": true, - "showSVGs": true, - "fontPref": { - "prefix": "icon-", - "metadata": { - "fontFamily": "icomoon" - }, - "metrics": { - "emSize": 1024, - "baseline": 6.25, - "whitespace": 50 - }, - "embed": false - }, - "imagePref": { - "prefix": "icon-", - "png": true, - "useClassSelector": true, - "color": 4473924, - "bgColor": 16777215 - }, - "historySize": 100, - "showCodes": false, - "gridSize": 16 - } -} \ No newline at end of file diff --git a/Casper/footer.ftl b/Casper/footer.ftl index cfe41db..2014f5a 100644 --- a/Casper/footer.ftl +++ b/Casper/footer.ftl @@ -17,30 +17,36 @@ along with this program. If not, see . --> -
-
-
- ${blogSubtitle} - <#include "../../common-template/macro-user_site.ftl"/> - <@userSite dir="n"/> -
- ${blogTitle} © ${year} ${footerContent} -
+
+
+
+ ${blogTitle} © ${year} ${footerContent}
+ Powered by B3log 开源  •  + Solo  •  + Theme ${skinDirName} + [ref] + by Vanessa
-
- ${statistic.statisticPublishedBlogArticleCount} ${articleLabel}   - ${statistic.statisticPublishedBlogCommentCount} ${commentLabel}   - ${statistic.statisticBlogViewCount} ${viewLabel}   - ${onlineVisitorCnt} ${onlineVisitorLabel} -
- Powered by B3log 开源 • - Solo • - Theme ${skinDirName} - by Vanessa -
+
+ + ${allTagsLabel} + +  •  + + ${archiveLabel} + +  •  + + ${linkLabel} + +
+ ${statistic.statisticPublishedBlogArticleCount} ${articleLabel}   + ${statistic.statisticPublishedBlogCommentCount} ${commentLabel}   + ${statistic.statisticBlogViewCount} ${viewLabel}   + ${onlineVisitorCnt} ${onlineVisitorLabel}
-
-
+
+