- excerpt(150)); ?> +

excerpt(150)); ?>

diff --git a/css/mix.css b/css/mix.css index 27a5d97..6080376 100644 --- a/css/mix.css +++ b/css/mix.css @@ -2,7 +2,6 @@ @import './modules/global.scss'; @import './modules/animations.css'; @import './modules/header.css'; -@import '../js/global/type/type.css'; @import './modules/index.css'; @import './modules/post.css'; @import './modules/sidebar.css'; diff --git a/css/mix.min.css b/css/mix.min.css index 30d7a0f..b219bcb 100644 --- a/css/mix.min.css +++ b/css/mix.min.css @@ -1 +1 @@ -::-moz-selection{background:rgba(0,149,255,.2)}::selection{background:rgba(0,149,255,.2)}html{font-family:sans-serif;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}[hidden],template{display:none}[text-center]{text-align:center}a{background-color:transparent;color:#505160;text-decoration:none;outline:0;border-bottom:1px solid #999;word-wrap:break-word}a:active,a:hover{outline:0}b,strong{font-weight:700}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0;display:block;max-width:100%;height:auto}button{overflow:visible}input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #fff inset;box-shadow:0 0 0 1000px #fff inset}figure{margin:1em 40px}hr{-webkit-box-sizing:content-box;box-sizing:content-box}pre{overflow:auto;margin:10px 4px}code,kbd,pre,samp{font-family:monospace;font-size:1em}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type=search]{-webkit-appearance:textfield;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}textarea{overflow:auto;font-size:14px}button,input,select,textarea{font-family:system,-apple-system,BlinkMacSystemFont,'PingFang SC',Arial,'Microsoft YaHei',Lato,sans-serif}h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-weight:700;line-height:1.5;font-family:'PingFang SC','Microsoft YaHei',Lato,sans-serif}h2,h3,h4,h5,h6{margin:20px 0 15px}h1{font-size:22px}@media (max-width:991px){h1{font-size:18px}}h2{font-size:20px}@media (max-width:991px){h2{font-size:16px}}h3{font-size:18px}@media (max-width:991px){h3{font-size:14px}}h4{font-size:16px}@media (max-width:991px){h4{font-size:12px}}h5{font-size:14px}@media (max-width:991px){h5{font-size:10px}}h6{font-size:12px}@media (max-width:991px){h6{font-size:8px}}p{margin:0 0 20px}a:hover{color:#000;border-bottom-color:#000}blockquote{margin:0;padding:0 15px;color:#666;border-left:3px solid #38a3fd;background:#eef6fd}hr{margin:40px 0;height:3px;border:none;background-color:#ddd;background-image:-o-repeating-linear-gradient(135deg,#fff,#fff 4px,transparent 4px,transparent 8px);background-image:repeating-linear-gradient(-45deg,#fff,#fff 4px,transparent 4px,transparent 8px);text-align:center}blockquote cite::before{content:'-';padding:0 5px}.clearfix:after,.clearfix:before{content:' ';display:table}.clearfix:after{clear:both}table{border-spacing:0;margin:20px 0;width:100%;border-collapse:collapse;border-spacing:0;border:1px solid #ddd;font-size:14px;table-layout:fixed;word-wrap:break-all}table>tbody>tr:nth-of-type(odd){background-color:#f9f9f9}table>tbody>tr:hover{background-color:#f5f5f5}caption,td,th{padding:8px;text-align:left;vertical-align:middle;font-weight:400}td,th{border-bottom:3px solid #ddd;border-right:1px solid #eee}th{padding-bottom:10px;font-weight:700}td{border-bottom-width:1px}::-webkit-scrollbar{height:6px;width:8px;background-color:#fff}::-webkit-scrollbar:hover{background-color:#eee}::-webkit-scrollbar-thumb{background:#ccc}code,pre{padding:2px 4px;word-wrap:break-word;color:#555;background:#eee;border-radius:3px;font-size:13px;font-family:Menlo,Bitstream Vera Sans Mono,DejaVu Sans Mono,Monaco,Consolas,'PingFang SC','Microsoft YaHei',monospace!important}pre code{background:0 0}@-webkit-keyframes rotation{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotation{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes fade-none{from{opacity:1;-webkit-transform:scale(1,1);transform:scale(1,1)}to{opacity:0;-webkit-transform:scale(.5,.5);transform:scale(.5,.5)}}@keyframes fade-none{from{opacity:1;-webkit-transform:scale(1,1);transform:scale(1,1)}to{opacity:0;-webkit-transform:scale(.5,.5);transform:scale(.5,.5)}}@-webkit-keyframes fade-out{from{opacity:1}to{opacity:0}}@keyframes fade-out{from{opacity:1}to{opacity:0}}@-webkit-keyframes feda-large{from{opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes feda-large{from{opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes fade-in-top{0%{opacity:0;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}100%{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fade-in-top{0%{opacity:0;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}100%{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@-webkit-keyframes fade-in-bottom{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fade-in-bottom{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@-webkit-keyframes fade-in-right{0%{opacity:0;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}100%{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fade-in-right{0%{opacity:0;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}100%{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@-webkit-keyframes fade-in-left{0%{opacity:0;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}100%{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fade-in-left{0%{opacity:0;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}100%{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@-webkit-keyframes sheen{0%{-webkit-transform:skewY(-45deg) translateX(0);transform:skewY(-45deg) translateX(0)}100%{-webkit-transform:skewY(-45deg) translateX(12.5em);transform:skewY(-45deg) translateX(12.5em)}}@keyframes sheen{0%{-webkit-transform:skewY(-45deg) translateX(0);transform:skewY(-45deg) translateX(0)}100%{-webkit-transform:skewY(-45deg) translateX(12.5em);transform:skewY(-45deg) translateX(12.5em)}}@-webkit-keyframes jello-horizontal{0%,100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}}@keyframes jello-horizontal{0%,100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}}.site-nav{left:0;right:0;top:0;position:fixed;z-index:3;background:rgba(255,255,255,.5);-webkit-transition:.6s;-o-transition:.6s;transition:.6s}.site-nav:hover{background:rgba(255,255,255,.8)!important;-webkit-box-shadow:0 0 2px 2px rgba(172,172,172,.4)!important;box-shadow:0 0 2px 2px rgba(172,172,172,.4)!important}.menu{padding-left:0;margin:0 auto;width:1110px;position:relative;text-align:left}.menu li.menu-item{border:0;display:inline-block;height:50px;line-height:50px;position:relative;text-align:left;margin:0 20px 0 0}.menu .menu-item a{display:block;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 12px;line-height:inherit;color:#000;font-size:16px;border-bottom:none;-webkit-transition:background-color .2s ease-in-out;-o-transition:background-color .2s ease-in-out;transition:background-color .2s ease-in-out}.menu .menu-item a:hover{text-shadow:1px 1px 1px #000}.menu .menu-item.search{float:right;margin:0 0 0 20px}.header-wrap{position:relative;width:100%;height:550px;padding:0;-webkit-box-shadow:initial;box-shadow:initial;border-radius:initial}@media (max-width:991px){.menu{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}.menu li.menu-item .iconfont{display:none}.menu li.menu-item{-ms-flex:1;flex:1;-webkit-box-flex:1;margin:0}.menu .menu-item a{text-align:center;padding:0}.menu .menu-item.search{display:none}.header-wrap{width:auto;height:200px}}.site-config{height:520px;width:100%;background-color:rgba(64,179,236,.1);background-size:cover;background-position:50%;background-repeat:no-repeat;background-attachment:fixed}.site-meta{position:relative;top:200px;text-align:center}.site-title{-webkit-font-smoothing:antialiased;font-size:48px;font-weight:600;cursor:pointer}.site-description{font-size:36px;font-weight:400;color:#000}@media (max-width:991px){.site-config{height:200px;background-attachment:initial}.site-meta{top:90px}.site-description{display:none}}@font-face{font-family:'Sigmar One';font-style:normal;font-weight:400;src:local('Sigmar One Regular'),local('SigmarOne-Regular'),url(https://gstatic.loli.net/s/sigmarone/v10/co3DmWZ8kjZuErj9Ta3do6vppkDi.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+1EA0-1EF9,U+20AB}@font-face{font-family:'Sigmar One';font-style:normal;font-weight:400;src:local('Sigmar One Regular'),local('SigmarOne-Regular'),url(https://gstatic.loli.net/s/sigmarone/v10/co3DmWZ8kjZuErj9Ta3do6rppkDi.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Sigmar One';font-style:normal;font-weight:400;src:local('Sigmar One Regular'),local('SigmarOne-Regular'),url(https://gstatic.loli.net/s/sigmarone/v10/co3DmWZ8kjZuErj9Ta3do6Tppg.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.site-title{color:#fff;font-family:'Sigmar One','Telefon Black',Sans-Serif;text-shadow:1px 1px 0 #ff3f1a,-1px -1px 0 #00a7e0}.brand{padding:0;color:#fff;background:0 0;border-bottom:none;position:relative;top:180px;font-size:68px;text-align:center;text-shadow:0 1px 1px #47456d;margin-bottom:130px;z-index:1;font-family:'Sigmar One';display:block}.site-title .guide{visibility:hidden;pointer-events:none}.site-title .animate span{position:absolute;opacity:0}.site-title .animate{-webkit-transition:.3s;-o-transition:.3s;transition:.3s}.site-title .animate:hover{opacity:.5}.main-inner{width:1110px;margin:0 auto}@media (max-width:991px){.main-inner{width:auto}}.content-wrap{width:772px;min-height:720px;margin:0 auto;float:left}@media (max-width:991px){.content-wrap{width:100%;padding:0;min-height:400px;border-radius:initial}canvas#live2d{width:70px;height:125px}}.page-navigator{display:block;margin:20px 0;border-top:none;background:#fff;padding:15px 0;border-radius:5px;text-align:center}.page-navigator li{list-style:none;display:inline-block;margin:5px 0}.page-navigator li a{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0 10px;padding:4px 12px;border:1px solid #c9c7c7;border-radius:3px}.page-navigator li a .iconfont{font-size:14px}.loading-more-post:hover,.page-navigator li a:hover,.page-navigator li.current a{background-color:#00a7e0;color:#fff;border-color:transparent}#footer{background:#fff;padding:20px 0;text-align:center;margin-top:20px}#footer p{margin:5px 0}#footer a{color:#000;border:none}.tag-link,.tags a{border-radius:15px;padding:6px 10px;border:1px solid #e0e2e2}.tag-link:hover{border-color:#999}.tags a{display:inline-block;line-height:1}.tags a:nth-of-type(odd){color:#fff;background-color:#f77892;margin:5px}.tags a:nth-of-type(odd):hover{background-color:#ed143db0}.tags a:nth-of-type(even){color:#fff;background-color:#4cb5f5;margin:5px}.tags a:nth-of-type(even):hover{background-color:#00a7e0}.tags a::before{content:'# '}.timeline-archives{-webkit-animation:.2s .3s backwards fade-in-top;animation:.2s .3s backwards fade-in-top}canvas#ribbons{position:fixed;top:0;left:0;z-index:-999;width:100%;height:100%;pointer-events:none}canvas#live2d{left:0;bottom:0;z-index:999;position:fixed;pointer-events:none}.img-view,.img-view>img{top:0;right:0;bottom:0;left:0;background-color:rgba(26,26,26,.65);margin:auto;z-index:999}.img-view{display:none;position:fixed;overflow:auto}.img-view>img{-webkit-animation:.3s feda-large;animation:.3s feda-large;cursor:-webkit-zoom-out;cursor:zoom-out;position:absolute;max-height:90%;max-width:90%}.img-view.remove{-webkit-animation:.3s both fade-out;animation:.3s both fade-out}.img-view.remove>img{-webkit-animation:.3s both fade-none;animation:.3s both fade-none}img[alt=sticker]{width:40px;height:40px;display:inline-block}#back-actions{position:fixed;right:0;bottom:20%;line-height:1}@media (min-width:991px){#back-actions{display:none}}#back-actions .back{display:block;padding:15px;border:1px solid #dee5e7;-ms-transform:rotate(90deg);transform:rotate(90deg);-webkit-transform:rotate(90deg);background-color:#f6f8f8}.post-content>h1,.post-content>h2,.post-content>h3,.post-content>h4,.post-content>h5,.post-content>h6{position:relative;padding-left:18px}.post-content>h1::before,.post-content>h2::before,.post-content>h3::before,.post-content>h4::before,.post-content>h5::before,.post-content>h6::before{position:absolute;top:0;left:0;content:'#';color:#ec6149}.post{padding:40px 40px 20px;background:#fff;margin-bottom:40px;border-radius:5px;position:relative;-webkit-box-shadow:0 1px 1px rgba(143,168,191,.35);box-shadow:0 1px 1px rgba(143,168,191,.35)}.post:nth-child(1){-webkit-animation:.3s .3s backwards fade-in-right;animation:.3s .3s backwards fade-in-right}.post:nth-child(2){-webkit-animation:.3s .4s backwards fade-in-right;animation:.3s .4s backwards fade-in-right}.post:nth-child(3){-webkit-animation:.3s .5s backwards fade-in-right;animation:.3s .5s backwards fade-in-right}.post:nth-child(4){-webkit-animation:.3s .6s backwards fade-in-right;animation:.3s .6s backwards fade-in-right}.post:nth-child(5){-webkit-animation:.3s .7s backwards fade-in-right;animation:.3s .7s backwards fade-in-right}@media (max-width:991px){.post-content>h1,.post-content>h2,.post-content>h3,.post-content>h4,.post-content>h5,.post-content>h6{padding-left:2px;margin-left:12px}.post-content>h1::before,.post-content>h2::before,.post-content>h3::before,.post-content>h4::before,.post-content>h5::before,.post-content>h6::before{left:-12px}.post{padding:40px 20px;border-radius:0}}.post-badge{position:absolute;top:50px;left:-14px;-webkit-box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);background-color:#97dffd;padding:7px 11px 7px 24px;line-height:1}.post-badge::after{position:absolute;content:'';left:0;top:100%;border-top:solid o;border-left:solid o;border-bottom:1em solid transparent;border-right:1em solid #888}.post-badge a{color:#fff;border:none}.post-header{margin-bottom:10px;text-align:center}.post-title{text-align:center}.post-title-link{font-size:25px;font-weight:700;display:inline-block;position:relative;color:#444;border-bottom:none;line-height:1.2}.post-meta{font-size:12px;margin-bottom:10px}.post-meta>span:nth-child(1){color:#00a7e0}.post-meta>span:nth-child(2){color:#000}.post-meta>span:nth-child(3)>a{color:#ff3f1a}.post-meta span{margin:0 5px}.post-meta a,.post-meta span{color:#666}.post-meta a{border:none;text-decoration:none}.post-content{-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;margin-top:10px}.post-button{margin:0 auto;padding:20px 0 10px}.post img{cursor:-webkit-zoom-in;cursor:zoom-in;-webkit-box-sizing:border-box;box-sizing:border-box;padding:5px;margin:0 auto}.free-reward{padding:10px 0;margin:20px auto;text-align:center}.free-reward .btn-pay{display:inline-block;outline:0;border:none;padding:8px 25px;font-size:16px;color:#fff;background-color:#ea6f5a;border-radius:3px}.free-reward .btn-pay:hover{background-color:#ec6149}.free-reward .qq-qr,.free-reward .wechat-qr{display:inline-block}.qr{margin-top:20px;overflow:hidden;-webkit-transition:height .5s;-o-transition:height .5s;transition:height .5s}.qr img{width:180px;max-width:100%;display:inline-block;margin:.8em 2em 0}#alipay,#wechat{display:inline-block}#wechat{color:#44b549}#alipay{color:#00a0e9}.post-footer{display:table;margin-top:15px;width:100%;border-top:1px solid #eee}.post-nav-item{display:table-cell;padding:40px 0 0;width:45%;vertical-align:top}.post-nav-item a{border:none}.post-nav-prev{text-align:right}#sidebar{width:315px;float:right;position:static}.sider-item{-webkit-box-shadow:0 1px 1px rgba(143,168,191,.35);box-shadow:0 1px 1px rgba(143,168,191,.35);-webkit-animation:.3s .3s backwards fade-in-left;animation:.3s .3s backwards fade-in-left;background-color:#fff;border-radius:5px;padding:20px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#555;z-index:2;margin-bottom:10px}.rand-archive-nav-title{margin:0}.sidebar-inner.affix{position:fixed;top:50px;width:315px}.sidebar section{display:none}.sidebar section.sidebar-section-active{display:block}.sidebar-nav{line-height:1.5;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin:0 0 20px;padding-left:0}.sidebar-nav li{display:inline-block;cursor:pointer}.sidebar-nav li+li{margin-left:10px}.sidebar-nav .sidebar-nav-active{color:#dc143c;border-bottom:1px solid #dc143c}.post-toc-wrap{overflow-y:auto;max-height:300px}.toc-nav{margin:0;padding-left:40px}.toc-nav ul{padding-left:20px}.toc-nav .toc-subnav{line-height:1.8}.toc-subnav a{text-decoration:none}.site-author-image{margin:0 auto;max-width:150px;max-height:150px;border:none;padding:0}.site-author-name{cursor:pointer;margin:5px 0 8px;font-weight:700}.author-social-links{padding-left:0;margin:0 0 5px}.author-social-links li{line-height:1;padding:0 5px;display:inline-block}.author-social-links a{width:50px;-webkit-box-shadow:0 5px 25px rgb(64,179,236,.15);box-shadow:0 5px 25px rgb(64,179,236,.15);height:50px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:50%;-ms-flex-line-pack:center;align-content:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border:none}.author-social-links a:hover i{display:block;-webkit-animation:.9s both jello-horizontal;animation:.9s both jello-horizontal}.site-status-item{display:inline-block;text-align:center;padding:0 10px 5px;line-height:1.4}.site-state-item-count,.site-state-item-name{display:block}.site-status-posts .site-state-item-name{color:#40b3ec}.site-status-categories .site-state-item-name{color:#dc143c}.site-state-item-name{font-size:16px}.site-state-item-count{font-weight:600}.cc-license a{display:inline-block;border:none}#comments{-webkit-animation:.3s .6s backwards fade-in-top;animation:.3s .6s backwards fade-in-top}.comment-title a,[title=Logout]{border:none;color:#dc143c}#comment-form{position:relative;margin:0 auto;padding:20px;-webkit-box-sizing:border-box;box-sizing:border-box}#comment-form,.comment-parent{background:#fff;border-radius:5px;margin-bottom:20px}#comment-form input{border-radius:4px;background:#f9f8f8;display:block;border:none;float:left;width:30%;margin:10px 5px;-webkit-box-sizing:border-box;box-sizing:border-box;padding:8px 6px;border-bottom:1px solid #d8dadc;outline:0}@media (max-width:991px){.post-badge{top:10px;left:-20px}#sidebar{display:none}#comment-form input{width:100%}.comment-title{padding-left:10px}}#comment-form input:focus,#comment-form textarea:focus{background-color:#f3f1f1}#comment-form textarea{-webkit-box-sizing:border-box;box-sizing:border-box;background:url(../assert/img/comment-bg.png) right top/20% no-repeat #f9f8f8;outline:0;border:none;height:150px;width:100%;resize:none;border-radius:9px;padding:10px}#comment-form button{position:absolute;outline:0;padding:6px 20px;right:40px;bottom:20px}.comment-list .comments-header{border-top:2px dotted #ccc}.comment-list .comments-header .comment-title{margin-left:20px}ol.comment-list{padding:0;margin:0}ol.comment-list li.comment-parent{list-style:none}.comment-list a{border:none}.comment-content a{border-bottom:1px solid #999}ol.comment-list p{margin:0;word-break:break-all}ol.comment-list li{list-style:none}ol.comment-list ol{padding:0}.comment-inner{padding:20px}.comment-child{border-top:1px solid #eee}.comment-author .avatar{display:inline-block;width:40px;height:40px;margin-right:5px;vertical-align:middle;border-radius:50%}.comment-author .fn{font-style:normal;font-size:16px}.device-info{float:right;margin-right:15px}.device-info span{margin:0 10px;text-shadow:#40b3ec 1px 1px 6px}.device-info span:first-child{text-shadow:#dc143c 1px 1px 6px}.comment-content{margin:10px 0;color:#313131}.comment-reply a{opacity:0;float:right;color:#40b3ec;-webkit-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s}.comment-inner:hover .comment-reply a{opacity:1}.comment-by-author{position:relative}.comment-by-author::after{content:'#';color:#dc143c;text-shadow:#dc143c 1px 1px 6px;position:absolute;right:20px;top:22px}.search-post form{position:relative}.search-post input#s{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:40px;padding:0 40px 0 18px;color:#313131;border:1px solid rgba(184,197,214,.2);border-radius:20px;outline:0;font-size:14px;-webkit-box-shadow:0 1px 4px rgba(0,0,0,.04);box-shadow:0 1px 4px rgba(0,0,0,.04)}.search-post input#s:active,.search-post input#s:focus,.search-post input#s:hover{border:1px solid rgba(184,197,214,1);-webkit-box-shadow:0 1px 4px #dee5e7;box-shadow:0 1px 4px #dee5e7}.search-post button[type=submit]{position:absolute;right:10px;border:none;background-color:transparent;outline:0;top:20px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.search-post button[type=submit] .iconfont.icon-search{font-size:20px}.search-placeholder{margin-top:30px}.search-placeholder ul{margin:0;padding:0}.search-placeholder ul li{margin:8px 4px;list-style:none;display:inline-block}#link ul{padding:0}#link li{-webkit-box-sizing:border-box;box-sizing:border-box;width:40%;display:inline-block;border:1px solid #eee;border-radius:3px;-webkit-box-shadow:rgba(172,172,172,.4) 0 0 2px 2px;box-shadow:rgba(172,172,172,.4) 0 0 2px 2px;padding:32px 10px 10px;margin:20px;text-align:center;position:relative}#link li a{font-size:16px;font-weight:600}#link li hr{margin:10px}#link img{position:absolute;left:50%;top:0;width:64px;height:64px;border-radius:50%;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0)}.category-post-wrap{display:inline-block;width:33.33%;-webkit-box-sizing:border-box;box-sizing:border-box;padding:10px}@media (max-width:991px){#link li{width:80%}.category-post-wrap{width:50%}}.category-post{background-color:#fff;padding:20px;-webkit-box-shadow:0 1px 4px rgba(0,0,0,.04);box-shadow:0 1px 4px rgba(0,0,0,.04)}.category-post-title{font-weight:400;overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;font-size:14px;margin:0}.category-title{margin:10px;font-size:14px}.category-post-item{-webkit-animation:.3s .3s backwards fade-in-top;animation:.3s .3s backwards fade-in-top}.timeline-wrap::after{content:' ';position:absolute;top:-10px;left:0;margin-left:-2px;width:4px;height:105%;background:#3a3f51;z-index:-1}.archive-timeline-title{margin-left:10px}.archive-post{margin:30px 0 0 4px}.archive-post-header{position:relative;display:block;border-bottom:1px dashed #ccc}.archive-post-header::before{position:absolute;content:'';top:12px;width:6px;height:6px;margin-left:-10px;border:4px solid #292c38;background:#fff;border-radius:50%}.archive-post-title{margin-left:100px;font-size:16px;font-weight:400;line-height:inherit}.archive-post-header .post-meta{position:absolute;font-size:12px;left:20px;top:5px}.sheen{font-size:12px;padding:2px 5px;text-align:center;text-decoration:none;color:#40b3ec;border:2px solid #40b3ec;display:inline-block;border-radius:.3em;-webkit-transition:.2s ease-in-out;-o-transition:.2s ease-in-out;transition:.2s ease-in-out;position:relative;overflow:hidden;background-color:#fff}.sheen::before{content:'';background-color:rgba(255,255,255,.5);height:100%;width:3em;display:block;position:absolute;top:0;left:-4.5em;-webkit-transform:skewX(-45deg) translateX(0);-ms-transform:skewX(-45deg) translateX(0);transform:skewX(-45deg) translateX(0);-webkit-transition:none;-o-transition:none;transition:none}.sheen:hover{font-weight:700;background-color:#40b3ec;color:#fff}.sheen:hover::before{-webkit-transform:skewX(-45deg) translateX(13.5em);-ms-transform:skewX(-45deg) translateX(13.5em);transform:skewX(-45deg) translateX(13.5em);-webkit-transition:.5s ease-in-out;-o-transition:.5s ease-in-out;transition:.5s ease-in-out}#root,body,html{height:100%;width:100%;scroll-behavior:auto}@font-face{font-family:'Telefon Black';src:url(../../assert/font/TelefonBlack.woff) format("woff"),url(../../font/TelefonBlack.woff2) format("woff2")}body{position:relative;font-family:system,-apple-system,BlinkMacSystemFont,'PingFang SC',Arial,'Microsoft YaHei',Lato,sans-serif;-webkit-font-smoothing:antialiased;font-size:15px;line-height:2;color:#555;background:#efefef;margin:0} \ No newline at end of file +::-moz-selection{background:rgba(0,149,255,.2)}::selection{background:rgba(0,149,255,.2)}html{font-family:sans-serif;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}[hidden],template{display:none}[text-center]{text-align:center}a{background-color:transparent;color:#505160;text-decoration:none;outline:0;border-bottom:1px solid #999;word-wrap:break-word}a:active,a:hover{outline:0}b,strong{font-weight:700}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0;display:block;max-width:100%;height:auto}button{overflow:visible}input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #fff inset;box-shadow:0 0 0 1000px #fff inset}figure{margin:1em 40px}hr{-webkit-box-sizing:content-box;box-sizing:content-box}pre{overflow:auto;margin:10px 4px}code,kbd,pre,samp{font-family:monospace;font-size:1em}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type=search]{-webkit-appearance:textfield;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}textarea{overflow:auto;font-size:14px}button,input,select,textarea{font-family:system,-apple-system,BlinkMacSystemFont,'PingFang SC',Arial,'Microsoft YaHei',Lato,sans-serif}h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-weight:700;line-height:1.5;font-family:'PingFang SC','Microsoft YaHei',Lato,sans-serif}h2,h3,h4,h5,h6{margin:20px 0 15px}h1{font-size:22px}@media (max-width:991px){h1{font-size:18px}}h2{font-size:20px}@media (max-width:991px){h2{font-size:16px}}h3{font-size:18px}@media (max-width:991px){h3{font-size:14px}}h4{font-size:16px}@media (max-width:991px){h4{font-size:12px}}h5{font-size:14px}@media (max-width:991px){h5{font-size:10px}}h6{font-size:12px}@media (max-width:991px){h6{font-size:8px}}p{margin:0 0 20px}a:hover{color:#000;border-bottom-color:#000}blockquote{margin:0;padding:0 15px;color:#666;border-left:3px solid #38a3fd;background:#eef6fd}hr{margin:40px 0;height:3px;border:none;background-color:#ddd;background-image:-o-repeating-linear-gradient(135deg,#fff,#fff 4px,transparent 4px,transparent 8px);background-image:repeating-linear-gradient(-45deg,#fff,#fff 4px,transparent 4px,transparent 8px);text-align:center}blockquote cite::before{content:'-';padding:0 5px}.clearfix:after,.clearfix:before{content:' ';display:table}.clearfix:after{clear:both}table{border-spacing:0;margin:20px 0;width:100%;border-collapse:collapse;border-spacing:0;border:1px solid #ddd;font-size:14px;table-layout:fixed;word-wrap:break-all}table>tbody>tr:nth-of-type(odd){background-color:#f9f9f9}table>tbody>tr:hover{background-color:#f5f5f5}caption,td,th{padding:8px;text-align:left;vertical-align:middle;font-weight:400}td,th{border-bottom:3px solid #ddd;border-right:1px solid #eee}th{padding-bottom:10px;font-weight:700}td{border-bottom-width:1px}::-webkit-scrollbar{height:6px;width:8px;background-color:#fff}::-webkit-scrollbar:hover{background-color:#eee}::-webkit-scrollbar-thumb{background:#ccc}code,pre{padding:2px 4px;word-wrap:break-word;color:#555;background:#eee;border-radius:3px;font-size:13px;font-family:Menlo,Bitstream Vera Sans Mono,DejaVu Sans Mono,Monaco,Consolas,'PingFang SC','Microsoft YaHei',monospace!important}pre code{background:0 0}@-webkit-keyframes rotation{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotation{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes fade-none{from{opacity:1;-webkit-transform:scale(1,1);transform:scale(1,1)}to{opacity:0;-webkit-transform:scale(.5,.5);transform:scale(.5,.5)}}@keyframes fade-none{from{opacity:1;-webkit-transform:scale(1,1);transform:scale(1,1)}to{opacity:0;-webkit-transform:scale(.5,.5);transform:scale(.5,.5)}}@-webkit-keyframes fade-out{from{opacity:1}to{opacity:0}}@keyframes fade-out{from{opacity:1}to{opacity:0}}@-webkit-keyframes feda-large{from{opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes feda-large{from{opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes fade-in-top{0%{opacity:0;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}100%{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fade-in-top{0%{opacity:0;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}100%{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@-webkit-keyframes fade-in-bottom{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fade-in-bottom{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@-webkit-keyframes fade-in-right{0%{opacity:0;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}100%{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fade-in-right{0%{opacity:0;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}100%{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@-webkit-keyframes fade-in-left{0%{opacity:0;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}100%{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fade-in-left{0%{opacity:0;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}100%{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@-webkit-keyframes sheen{0%{-webkit-transform:skewY(-45deg) translateX(0);transform:skewY(-45deg) translateX(0)}100%{-webkit-transform:skewY(-45deg) translateX(12.5em);transform:skewY(-45deg) translateX(12.5em)}}@keyframes sheen{0%{-webkit-transform:skewY(-45deg) translateX(0);transform:skewY(-45deg) translateX(0)}100%{-webkit-transform:skewY(-45deg) translateX(12.5em);transform:skewY(-45deg) translateX(12.5em)}}@-webkit-keyframes jello-horizontal{0%,100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}}@keyframes jello-horizontal{0%,100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}}.site-nav{left:0;right:0;top:0;position:fixed;z-index:3;background:rgba(255,255,255,.5);-webkit-transition:.6s;-o-transition:.6s;transition:.6s}.site-nav:hover{background:rgba(255,255,255,.8)!important;-webkit-box-shadow:0 0 2px 2px rgba(172,172,172,.4)!important;box-shadow:0 0 2px 2px rgba(172,172,172,.4)!important}.menu{padding-left:0;margin:0 auto;width:1110px;position:relative;text-align:left}.menu li.menu-item{border:0;display:inline-block;height:50px;line-height:50px;position:relative;text-align:left;margin:0 20px 0 0}.menu .menu-item a{display:block;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 12px;line-height:inherit;color:#000;font-size:16px;border-bottom:none;-webkit-transition:background-color .2s ease-in-out;-o-transition:background-color .2s ease-in-out;transition:background-color .2s ease-in-out}.menu .menu-item a:hover{text-shadow:1px 1px 1px #000}.menu .menu-item.search{float:right;margin:0 0 0 20px}.header-wrap{position:relative;width:100%;height:380px;padding:0;-webkit-box-shadow:initial;box-shadow:initial;border-radius:initial}@media (max-width:991px){.menu{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}.menu li.menu-item .iconfont{display:none}.menu li.menu-item{-ms-flex:1;flex:1;-webkit-box-flex:1;margin:0}.menu .menu-item a{text-align:center;padding:0}.menu .menu-item.search{display:none}.header-wrap{width:auto;height:200px}}.site-config{line-height:1;height:350px;width:100%;background-color:rgba(64,179,236,.1);background-size:cover;background-position:50%;background-repeat:no-repeat;background-attachment:fixed;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#fff;text-align:center;text-shadow:1px 1px 0 #ff3f1a,-1px -1px 0 #00a7e0;letter-spacing:1px;cursor:pointer}.animated{position:relative}.site-config-wrap:hover .animated::before{width:87%;-webkit-box-shadow:0 0 30px #26c9ff;box-shadow:0 0 30px #26c9ff;opacity:.7}.site-config-wrap:hover .animated::after{width:87%;-webkit-box-shadow:0 0 30px red;box-shadow:0 0 30px red;opacity:.7}.animated::after,.animated::before{content:'';position:absolute;height:13px;background-color:#000;-webkit-transition:.3s cubic-bezier(.17,.67,.46,.97);-o-transition:.3s cubic-bezier(.17,.67,.46,.97);transition:.3s cubic-bezier(.17,.67,.46,.97);opacity:0}.animated::before{background-color:#26c9ff;width:0;top:-15px;-webkit-box-shadow:0 0 0 #26c9ff;box-shadow:0 0 0 #26c9ff;right:13%;border-radius:20px 10px 10px 20px;-webkit-transition:.3s cubic-bezier(.17,.67,.46,.97);-o-transition:.3s cubic-bezier(.17,.67,.46,.97);transition:.3s cubic-bezier(.17,.67,.46,.97)}.animated::after{position:absolute;background-color:red;width:0;height:13px;bottom:-20px;-webkit-box-shadow:0 0 0 red;box-shadow:0 0 0 red;left:13%;border-radius:10px 20px 20px 10px;z-index:1000;-webkit-transition:.3s cubic-bezier(.17,.67,.46,.97);-o-transition:.3s cubic-bezier(.17,.67,.46,.97);transition:.3s cubic-bezier(.17,.67,.46,.97)}.site-title{line-height:1;-webkit-font-smoothing:antialiased;font-family:'Telefon Black',Sans-Serif;font-size:48px}.site-meta{font-size:32px;font-weight:lighter;opacity:.9}.main-inner{width:1110px;margin:0 auto}@media (max-width:991px){.site-config{height:200px;background-attachment:initial}.site-title{font-size:30px}.site-meta{font-size:20px}.main-inner{width:auto}}.content-wrap{width:772px;min-height:720px;margin:0 auto;float:left}@media (max-width:991px){.content-wrap{width:100%;padding:0;min-height:400px;border-radius:initial}canvas#live2d{width:70px;height:125px}}.page-navigator{display:block;margin:20px 0;border-top:none;background:#fff;padding:15px 0;border-radius:5px;text-align:center}.page-navigator li{list-style:none;display:inline-block;margin:5px 0}.page-navigator li a{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0 10px;padding:4px 12px;border:1px solid #c9c7c7;border-radius:3px}.page-navigator li a .iconfont{font-size:14px}.loading-more-post:hover,.page-navigator li a:hover,.page-navigator li.current a{background-color:#00a7e0;color:#fff;border-color:transparent}#footer{background:#fff;padding:20px 0;text-align:center;margin-top:20px}#footer p{margin:5px 0}#footer a{color:#000;border:none}.tag-link,.tags a{border-radius:15px;padding:6px 10px;border:1px solid #e0e2e2}.tag-link:hover{border-color:#999}.tags a{display:inline-block;line-height:1}.tags a:nth-of-type(odd){color:#fff;background-color:#f77892;margin:5px}.tags a:nth-of-type(odd):hover{background-color:#ed143db0}.tags a:nth-of-type(even){color:#fff;background-color:#4cb5f5;margin:5px}.tags a:nth-of-type(even):hover{background-color:#00a7e0}.tags a::before{content:'# '}.timeline-archives{-webkit-animation:.2s .3s backwards fade-in-top;animation:.2s .3s backwards fade-in-top}canvas#ribbons{position:fixed;top:0;left:0;z-index:-999;width:100%;height:100%;pointer-events:none}canvas#live2d{left:0;bottom:0;z-index:999;position:fixed;pointer-events:none}.img-view,.img-view>img{top:0;right:0;bottom:0;left:0;background-color:rgba(26,26,26,.65);margin:auto;z-index:999}.img-view{display:none;position:fixed;overflow:auto}.img-view>img{-webkit-animation:.3s feda-large;animation:.3s feda-large;cursor:-webkit-zoom-out;cursor:zoom-out;position:absolute;max-height:90%;max-width:90%}.img-view.remove{-webkit-animation:.3s both fade-out;animation:.3s both fade-out}.img-view.remove>img{-webkit-animation:.3s both fade-none;animation:.3s both fade-none}img[alt=sticker]{width:40px;height:40px;display:inline-block}#back-actions{position:fixed;right:0;bottom:20%;line-height:1}@media (min-width:991px){#back-actions{display:none}}#back-actions .back{display:block;padding:15px;border:1px solid #dee5e7;-ms-transform:rotate(90deg);transform:rotate(90deg);-webkit-transform:rotate(90deg);background-color:#f6f8f8}.post-content>h1,.post-content>h2,.post-content>h3,.post-content>h4,.post-content>h5,.post-content>h6{position:relative;padding-left:18px}.post-content>h1::before,.post-content>h2::before,.post-content>h3::before,.post-content>h4::before,.post-content>h5::before,.post-content>h6::before{position:absolute;top:0;left:0;content:'#';color:#ec6149}.post{padding:40px 40px 20px;background:#fff;margin-bottom:40px;border-radius:5px;position:relative;-webkit-box-shadow:0 1px 1px rgba(143,168,191,.35);box-shadow:0 1px 1px rgba(143,168,191,.35)}.post:nth-child(1){-webkit-animation:.3s .3s backwards fade-in-right;animation:.3s .3s backwards fade-in-right}.post:nth-child(2){-webkit-animation:.3s .4s backwards fade-in-right;animation:.3s .4s backwards fade-in-right}.post:nth-child(3){-webkit-animation:.3s .5s backwards fade-in-right;animation:.3s .5s backwards fade-in-right}.post:nth-child(4){-webkit-animation:.3s .6s backwards fade-in-right;animation:.3s .6s backwards fade-in-right}.post:nth-child(5){-webkit-animation:.3s .7s backwards fade-in-right;animation:.3s .7s backwards fade-in-right}@media (max-width:991px){.post-content>h1,.post-content>h2,.post-content>h3,.post-content>h4,.post-content>h5,.post-content>h6{padding-left:2px;margin-left:12px}.post-content>h1::before,.post-content>h2::before,.post-content>h3::before,.post-content>h4::before,.post-content>h5::before,.post-content>h6::before{left:-12px}.post{padding:40px 20px 20px;border-radius:0}}.post-badge{position:absolute;top:50px;left:-14px;-webkit-box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);background-color:#97dffd;padding:7px 11px 7px 24px;line-height:1}.post-badge::after{position:absolute;content:'';left:0;top:100%;border-top:solid o;border-left:solid o;border-bottom:1em solid transparent;border-right:1em solid #888}.post-badge a{color:#fff;border:none}.post-header{margin-bottom:10px;text-align:center}.post-title{text-align:center}.post-title-link{font-size:25px;font-weight:700;display:inline-block;position:relative;color:#444;border-bottom:none;line-height:1.2}.post-meta{font-size:12px;margin-bottom:10px}.post-meta>span:nth-child(1){color:#00a7e0}.post-meta>span:nth-child(2){color:#000}.post-meta>span:nth-child(3)>a{color:#ff3f1a}.post-meta span{margin:0 5px}.post-meta a,.post-meta span{color:#666}.post-meta a{border:none;text-decoration:none}.post-content{-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;margin-top:10px}.post img{cursor:-webkit-zoom-in;cursor:zoom-in;-webkit-box-sizing:border-box;box-sizing:border-box;padding:5px;margin:0 auto}.free-reward{padding:10px 0;margin:20px auto;text-align:center}.free-reward .btn-pay{display:inline-block;outline:0;border:none;padding:8px 25px;font-size:16px;color:#fff;background-color:#ea6f5a;border-radius:3px}.free-reward .btn-pay:hover{background-color:#ec6149}.free-reward .qq-qr,.free-reward .wechat-qr{display:inline-block}.qr{margin-top:20px;overflow:hidden;-webkit-transition:height .5s;-o-transition:height .5s;transition:height .5s}.qr img{width:180px;max-width:100%;display:inline-block;margin:.8em 2em 0}#alipay,#wechat{display:inline-block}#wechat{color:#44b549}#alipay{color:#00a0e9}.post-footer{display:table;margin-top:15px;width:100%;border-top:1px solid #eee}.post-nav-item{display:table-cell;padding:40px 0 0;width:45%;vertical-align:top}.post-nav-item a{border:none}.post-nav-prev{text-align:right}#sidebar{width:315px;float:right;position:static}.sider-item{-webkit-box-shadow:0 1px 1px rgba(143,168,191,.35);box-shadow:0 1px 1px rgba(143,168,191,.35);-webkit-animation:.3s .3s backwards fade-in-left;animation:.3s .3s backwards fade-in-left;background-color:#fff;border-radius:5px;padding:20px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#555;z-index:2;margin-bottom:10px}.rand-archive-nav-title,.sider-item section>ul{margin:0}.sidebar-inner.affix{position:fixed;top:50px;width:315px}.sidebar section{display:none}.sidebar section.sidebar-section-active{display:block}.sidebar-nav{line-height:1.5;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin:0 0 20px;padding-left:0}.sidebar-nav li{display:inline-block;cursor:pointer}.sidebar-nav li+li{margin-left:10px}.sidebar-nav .sidebar-nav-active{color:#dc143c;border-bottom:1px solid #dc143c}.post-toc-wrap{overflow-y:auto;max-height:300px}.toc-nav{margin:0;padding-left:40px}.toc-nav ul{padding-left:20px}.toc-nav .toc-subnav{line-height:1.8}.toc-subnav a{text-decoration:none}.site-author-image{margin:0 auto;max-width:150px;max-height:150px;border:none;padding:0}.site-author-name{cursor:pointer;margin:5px 0 8px;font-weight:700}.author-social-links{padding-left:0;margin:0 0 5px}.author-social-links li{line-height:1;padding:0 5px;display:inline-block}.author-social-links a{width:50px;-webkit-box-shadow:0 5px 25px rgb(64,179,236,.15);box-shadow:0 5px 25px rgb(64,179,236,.15);height:50px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:50%;-ms-flex-line-pack:center;align-content:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border:none}.author-social-links a:hover i{display:block;-webkit-animation:.9s both jello-horizontal;animation:.9s both jello-horizontal}.site-status-item{display:inline-block;text-align:center;padding:0 10px 5px;line-height:1.4}.site-state-item-count,.site-state-item-name{display:block}.site-status-posts .site-state-item-name{color:#40b3ec}.site-status-categories .site-state-item-name{color:#dc143c}.site-state-item-name{font-size:16px}.site-state-item-count{font-weight:600}.cc-license a{display:inline-block;border:none}#comments{-webkit-animation:.3s .6s backwards fade-in-top;animation:.3s .6s backwards fade-in-top}.comment-title a,[title=Logout]{border:none;color:#dc143c}#comment-form{position:relative;margin:0 auto;padding:20px;-webkit-box-sizing:border-box;box-sizing:border-box}#comment-form,.comment-parent{background:#fff;border-radius:5px;margin-bottom:20px}#comment-form input{border-radius:4px;background:#f9f8f8;display:block;border:none;float:left;width:30%;margin:10px 5px;-webkit-box-sizing:border-box;box-sizing:border-box;padding:8px 6px;border-bottom:1px solid #d8dadc;outline:0}@media (max-width:991px){.post-badge{top:10px;left:-20px}#sidebar{display:none}#comment-form input{width:100%}.comment-title{padding-left:10px}}#comment-form input:focus,#comment-form textarea:focus{background-color:#f3f1f1}#comment-form textarea{-webkit-box-sizing:border-box;box-sizing:border-box;background:url(../assert/img/comment-bg.png) right top/20% no-repeat #f9f8f8;outline:0;border:none;height:150px;width:100%;resize:none;border-radius:9px;padding:10px}#comment-form .submit{text-align:right;margin:0}#comment-form button{outline:0;padding:6px 20px}.comment-list .comments-header{border-top:2px dotted #ccc}.comment-list .comments-header .comment-title{margin-left:20px}ol.comment-list{padding:0;margin:0}ol.comment-list li.comment-parent{list-style:none}.comment-list a{border:none}.comment-content a{border-bottom:1px solid #999}ol.comment-list p{margin:0;word-break:break-all}ol.comment-list li{list-style:none}ol.comment-list ol{padding:0}.comment-inner{padding:20px}.comment-child{border-top:1px solid #eee}.comment-author .avatar{display:inline-block;width:40px;height:40px;margin-right:5px;vertical-align:middle;border-radius:50%}.comment-author .fn{font-style:normal;font-size:16px}.device-info{float:right;margin-right:15px}.device-info span{margin:0 10px;text-shadow:#40b3ec 1px 1px 6px}.device-info span:first-child{text-shadow:#dc143c 1px 1px 6px}.comment-content{margin:10px 0;color:#313131}.comment-reply a{opacity:0;float:right;color:#40b3ec;-webkit-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s}.comment-inner:hover .comment-reply a{opacity:1}.comment-by-author{position:relative}.comment-by-author::after{content:'#';color:#dc143c;text-shadow:#dc143c 1px 1px 6px;position:absolute;right:20px;top:22px}.search-post form{position:relative}.search-post input#s{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:40px;padding:0 40px 0 18px;color:#313131;border:1px solid rgba(184,197,214,.2);border-radius:20px;outline:0;font-size:14px;-webkit-box-shadow:0 1px 4px rgba(0,0,0,.04);box-shadow:0 1px 4px rgba(0,0,0,.04)}.search-post input#s:active,.search-post input#s:focus,.search-post input#s:hover{border:1px solid rgba(184,197,214,1);-webkit-box-shadow:0 1px 4px #dee5e7;box-shadow:0 1px 4px #dee5e7}.search-post button[type=submit]{position:absolute;right:10px;border:none;background-color:transparent;outline:0;top:20px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.search-post button[type=submit] .iconfont.icon-search{font-size:20px}.search-placeholder{margin-top:30px}.search-placeholder ul{margin:0;padding:0}.search-placeholder ul li{margin:8px 4px;list-style:none;display:inline-block}#link ul{padding:0}#link li{-webkit-box-sizing:border-box;box-sizing:border-box;width:40%;display:inline-block;border:1px solid #eee;border-radius:3px;-webkit-box-shadow:rgba(172,172,172,.4) 0 0 2px 2px;box-shadow:rgba(172,172,172,.4) 0 0 2px 2px;padding:32px 10px 10px;margin:20px;text-align:center;position:relative}#link li a{font-size:16px;font-weight:600}#link li hr{margin:10px}#link img{position:absolute;left:50%;top:0;width:64px;height:64px;border-radius:50%;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0)}.category-post-wrap{display:inline-block;width:33.33%;-webkit-box-sizing:border-box;box-sizing:border-box;padding:10px}@media (max-width:991px){#link li{width:80%}.category-post-wrap{width:50%}}.category-post{background-color:#fff;padding:20px;-webkit-box-shadow:0 1px 4px rgba(0,0,0,.04);box-shadow:0 1px 4px rgba(0,0,0,.04)}.category-post-title{font-weight:400;overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;font-size:14px;margin:0}.category-title{margin:10px;font-size:14px}.category-post-item{-webkit-animation:.3s .3s backwards fade-in-top;animation:.3s .3s backwards fade-in-top}.timeline-wrap::after{content:' ';position:absolute;top:-10px;left:0;margin-left:-2px;width:4px;height:105%;background:#3a3f51;z-index:-1}.archive-timeline-title{margin-left:10px}.archive-post{margin:30px 0 0 4px}.archive-post-header{position:relative;display:block;border-bottom:1px dashed #ccc}.archive-post-header::before{position:absolute;content:'';top:12px;width:6px;height:6px;margin-left:-10px;border:4px solid #292c38;background:#fff;border-radius:50%}.archive-post-title{margin-left:100px;font-size:16px;font-weight:400;line-height:inherit}.archive-post-header .post-meta{position:absolute;font-size:12px;left:20px;top:5px}.sheen{font-size:12px;padding:2px 5px;text-align:center;text-decoration:none;color:#40b3ec;border:2px solid #40b3ec;display:inline-block;border-radius:.3em;-webkit-transition:.2s ease-in-out;-o-transition:.2s ease-in-out;transition:.2s ease-in-out;position:relative;overflow:hidden;background-color:#fff}.sheen::before{content:'';background-color:rgba(255,255,255,.5);height:100%;width:3em;display:block;position:absolute;top:0;left:-4.5em;-webkit-transform:skewX(-45deg) translateX(0);-ms-transform:skewX(-45deg) translateX(0);transform:skewX(-45deg) translateX(0);-webkit-transition:none;-o-transition:none;transition:none}.sheen:hover{font-weight:700;background-color:#40b3ec;color:#fff}.sheen:hover::before{-webkit-transform:skewX(-45deg) translateX(13.5em);-ms-transform:skewX(-45deg) translateX(13.5em);transform:skewX(-45deg) translateX(13.5em);-webkit-transition:.5s ease-in-out;-o-transition:.5s ease-in-out;transition:.5s ease-in-out}#root,body,html{height:100%;width:100%;scroll-behavior:auto}@font-face{font-family:'Telefon Black';src:url(../assert/font/TelefonBlack.woff) format("woff"),url(../assert/font/TelefonBlack.woff2) format("woff2")}body{position:relative;font-family:system,-apple-system,BlinkMacSystemFont,'PingFang SC',Arial,'Microsoft YaHei',Lato,sans-serif;-webkit-font-smoothing:antialiased;font-size:15px;line-height:2;color:#555;background:#efefef;margin:0} \ No newline at end of file diff --git a/doc/changelog.md b/doc/changelog.md index 1f56662..419f601 100644 --- a/doc/changelog.md +++ b/doc/changelog.md @@ -1,4 +1,17 @@ -## 2018/11/2 +[F] Fix Bug. +[S] Style Change. +[A] Add Feature. +[U] Update Config. +[Doc] Update DOC. + +## 2019/11/3 (v1.1.4) + +- [S] replace Site Title animation. + 移除 Title 动画。 +- [S] Banner height -> 550px -> 350px (PC) +- [F] fix topView post order. + +## 2019/11/2 - [F] Fix when the article title is too much, the Toc display error(layout). 修复文章标题过多时，目录显示错位 diff --git a/functions.php b/functions.php index 28ec76a..41aba38 100644 --- a/functions.php +++ b/functions.php @@ -114,6 +114,7 @@ function themeInit($widget) require_once 'libray/i18n/index.php'; require_once 'libray/theme-helper.php'; require_once 'libray/field.php'; + require_once 'libray/short-code.php'; } diff --git a/index.php b/index.php index 732c0f3..47d973b 100644 --- a/index.php +++ b/index.php @@ -5,7 +5,7 @@ * * @package Sagiri * @author shiyi - * @version 1.1.3 + * @version 1.1.4 * @link https://github.com/shiyiya/typecho-theme-sagiri */ diff --git a/js/index.min.js b/js/index.min.js index eaaebea..8c653cb 100644 --- a/js/index.min.js +++ b/js/index.min.js @@ -1 +1 @@ -!function a(c,o,s){function l(t,e){if(!o[t]){if(!c[t]){var i="function"==typeof require&&require;if(!e&&i)return i(t,!0);if(d)return d(t,!0);var r=new Error("Cannot find module '"+t+"'");throw r.code="MODULE_NOT_FOUND",r}var n=o[t]={exports:{}};c[t][0].call(n.exports,function(e){return l(c[t][1][e]||e)},n,n.exports,a,c,o,s)}return o[t].exports}for(var d="function"==typeof require&&require,e=0;e img");r.addEventListener("click",function(e){var t=e.target;"IMG"===t.tagName.toLocaleUpperCase()&&(a.src=t.src,a.alt=t.alt,"block"==n.style.display?n.onclick():n.style.display="block")}),n.onclick=function(){var e=this;this.classList.add("remove"),setTimeout(function(){e.classList.remove("remove"),e.style.display="none"},300)}},{}],4:[function(e,t,i){"use strict";e("./sidebar"),e("./affix"),e("./mouse"),e("./totop"),e("./donpay"),e("./imgview")},{"./affix":1,"./donpay":2,"./imgview":3,"./mouse":5,"./sidebar":6,"./totop":7}],5:[function(e,t,i){"use strict";var r=document.querySelector(".site-nav"),n=navigator.userAgent;function a(){var e=document.body.scrollHeight||document.documentElement.scrollHeight,t=document.body.clientHeight||document.documentElement.clientHeight;return t/2 li")),d=[].slice.call(s.querySelectorAll("section"));1 img");r.addEventListener("click",function(e){var t=e.target;"IMG"===t.tagName.toLocaleUpperCase()&&(a.src=t.src,a.alt=t.alt,"block"==n.style.display?n.onclick():n.style.display="block")}),n.onclick=function(){var e=this;this.classList.add("remove"),setTimeout(function(){e.classList.remove("remove"),e.style.display="none"},300)}},{}],4:[function(e,t,i){"use strict";e("./sidebar"),e("./affix"),e("./mouse"),e("./totop"),e("./donpay"),e("./imgview")},{"./affix":1,"./donpay":2,"./imgview":3,"./mouse":5,"./sidebar":6,"./totop":7}],5:[function(e,t,i){"use strict";var r=document.querySelector(".site-nav"),n=navigator.userAgent;function a(){var e=document.body.scrollHeight||document.documentElement.scrollHeight,t=document.body.clientHeight||document.documentElement.clientHeight;return t/2 li")),d=[].slice.call(o.querySelectorAll("section"));1fetchAll( $db->select()->from('table.fields') ->where('name = ?', $name) + ->order('int_value', Typecho_Db::SORT_DESC) ->limit($limit) ); return $fields; @@ -61,7 +62,7 @@ function getTopView() . ' and created >= ' . $time . ' and created <= ' . time() . ' and type = "post" and status = "publish"' - . ' order by views ASC'; + . ' order by instr("' . $cid . '", cid)'; $result = $db->fetchAll($query); @@ -70,7 +71,7 @@ function getTopView() $val = Typecho_Widget::widget('Widget_Abstract_Contents')->filter($val); $post_title = htmlspecialchars($val['title']); $permalink = $val['permalink']; - echo '
  • ' . $post_title . '
    • '; + echo '
  • ' . $post_title . '
    • '; } echo ''; } diff --git a/libray/pv.php b/libray/pv.php deleted file mode 100644 index d3489d6..0000000 --- a/libray/pv.php +++ /dev/null @@ -1,71 +0,0 @@ -fields; - $views = 0; - - if (empty($fields->views)) { - $widget->setField('views', 'int', '0', $widget->cid); - } else { - $views = $fields->views; - } - - - if ($widget->is('single')) { - $vieweds = Typecho_Cookie::get('extend_contents_views'); - empty($vieweds) ? $vieweds = array() : $vieweds = explode(',', $vieweds); - - if (!in_array($widget->cid, $vieweds)) { - $widget->incrIntField('views', '1', $widget->cid); - $vieweds[] = $widget->cid; - $vieweds = implode(',', $vieweds); - Typecho_Cookie::set("extend_contents_views", $vieweds); - } - } - echo $views; -} - - - -#### Plan B -- Will destroy the original structure of the Typecho database. #### - -## BackUp -/* -```sql --- postview(mysql) -ALTER TABLE `typecho_contents` ADD `views` INT(10) NULL DEFAULT '0' AFTER `parent`; - --- siteview(mysql) -``` -*/ -/* -function getPostView($archive) -{ - $cid = $archive->cid; - $db = Typecho_Db::get(); - $prefix = $db->getPrefix(); - if (!array_key_exists('views', $db->fetchRow($db->select()->from('table.contents')))) { - $db->query('ALTER TABLE `' . $prefix . 'contents` ADD `views` INT(10) DEFAULT 0;'); - echo 0; - return; - } - $row = $db->fetchRow($db->select('views')->from('table.contents')->where('cid = ?', $cid)); - if ($archive->is('single')) { - $views = Typecho_Cookie::get('extend_contents_views'); - if (empty($views)) { - $views = array(); - } else { - $views = explode(',', $views); - } - if (!in_array($cid, $views)) { - $db->query($db->update('table.contents')->rows(array('views' => (int) $row['views'] + 1))->where('cid = ?', $cid)); - array_push($views, $cid); - $views = implode(',', $views); - Typecho_Cookie::set('extend_contents_views', $views); - } - } - echo $row['views']; -} -*/ diff --git a/libray/short-code.php b/libray/short-code.php new file mode 100644 index 0000000..8885590 --- /dev/null +++ b/libray/short-code.php @@ -0,0 +1,63 @@ +feature; + + if ($config !== null && in_array('lazyImg', $config)) { + $content = imgToLay($content, $themeUrl); + } + + // TODO ADD short code + /* $replaceVMap = array( + array( + 'from' => '/bplayer<\/a>/sm', + 'to' => '
    ' + + '' + + '
    ' + ), + array( + 'from' => '/    lplayer<\/a>/', + 'to' => '
    ' + + '' + + '
    ' + ), + array( + 'from' => '/    yplayer<\/a>/', + 'to' => '
    ' + + '' + + '
    ' + ), + ); + + foreach ($replaceVMap as $_ => $value) { + echo $value['from']; + $content = preg_replace( + $value['from'], + $value['to'], + $content + ); + } */ + + + /* echo preg_replace( '/    bplayer<\/a>/', + '
    ' . + '' . + '
    ','    bplayer') +; */ + /* if ($hasLogin) { + $content = preg_replace("/\[hide\](.*?)\[\/hide\]/sm", '$1', $content); + } else { + $content = preg_replace("/\[hide\](.*?)\[\/hide\]/sm", '
    隐藏内容评论回复可见。
    ', $content); + } */ + /* $content = preg_replace("/\[button\s*(.*?)\](.*?)\[\/button\]/sm",'',$content); + $content = preg_replace("/\[i-button\s*(.*?)\](.*?)\[\/i-button\]/sm",'
    $2
    ', $content); + $content = preg_replace("/\[tip\s*(.*?)\](.*?)\[\/tip\]/sm",'
    $2
    ', $content); */ + + echo $content; +} diff --git a/libray/theme-helper.php b/libray/theme-helper.php index ab1e71f..8746344 100644 --- a/libray/theme-helper.php +++ b/libray/theme-helper.php @@ -1,6 +1,5 @@ feature; - - if ($config !== null && in_array('lazyImg', $config)) { - $content = imgToLay($content, $themeUrl); - } - - // TODO ADD short code - /* $replaceVMap = array( - array( - 'from' => '/bplayer<\/a>/sm', - 'to' => '
    ' + - '' + - '
    ' - ), - array( - 'from' => '/    lplayer<\/a>/', - 'to' => '
    ' + - '' + - '
    ' - ), - array( - 'from' => '/    yplayer<\/a>/', - 'to' => '
    ' + - '' + - '
    ' - ), - ); - - foreach ($replaceVMap as $_ => $value) { - echo $value['from']; - $content = preg_replace( - $value['from'], - $value['to'], - $content - ); - } */ - - - /* echo preg_replace( '/    bplayer<\/a>/', - '
    ' . - '' . - '
    ','    bplayer') -; */ - /* if ($hasLogin) { - $content = preg_replace("/\[hide\](.*?)\[\/hide\]/sm", '$1', $content); - } else { - $content = preg_replace("/\[hide\](.*?)\[\/hide\]/sm", '
    隐藏内容评论回复可见。
    ', $content); - } */ - /* $content = preg_replace("/\[button\s*(.*?)\](.*?)\[\/button\]/sm",'',$content); - $content = preg_replace("/\[i-button\s*(.*?)\](.*?)\[\/i-button\]/sm",'
    $2
    ', $content); - $content = preg_replace("/\[tip\s*(.*?)\](.*?)\[\/tip\]/sm",'
    $2
    ', $content); */ - - echo $content; -} diff --git a/package.json b/package.json index 88dfb17..3726fd6 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "typecho-theme-sagiri", - "version": "1.1.3", + "version": "1.1.4", "description": "Lovely theme for Typecho.", "main": "index.js", "directories": {