From 8033eda4eca19bda519908420713743583fe7c35 Mon Sep 17 00:00:00 2001 From: korin5 <1878464932@qq.com> Date: Wed, 13 Sep 2023 19:11:59 +0800 Subject: [PATCH] feat: support search-input in dark mode --- source/css/kr-color-dark.min.css | 318 +++- source/css/kratosr.min.css | 2875 +++++++++++++++++++++++++++++- src/scss/kr-color-dark.scss | 5 + src/scss/kr-color/base.scss | 11 + src/scss/kr-color/default.scss | 4 + src/scss/kratosr.scss | 10 +- 6 files changed, 3214 insertions(+), 9 deletions(-) diff --git a/source/css/kr-color-dark.min.css b/source/css/kr-color-dark.min.css index 386d9cb0..41a6d786 100644 --- a/source/css/kr-color-dark.min.css +++ b/source/css/kr-color-dark.min.css @@ -1,2 +1,316 @@ -::-webkit-selection{background:#ccc;color:#333}::-moz-selection{background:#ccc;color:#333}::selection{background:#ccc;color:#333}h1,h2,h3,h4,h5,h6,ol,p,ul{color:#eee}body{background-color:#181c27}h2.title-h2{background-color:rgba(60,73,91,.733)}a{color:#add8e6}blockquote{background-color:rgba(60,73,91,.733);border-color:#ccc}blockquote p,table th{color:#eee}table th{background-color:rgba(60,73,91,.733)}.kratos-hentry{background-color:rgba(37,45,56,.875)}.kratos-entry-border-new a,.kratos-entry-border-new i{color:#eee}.kratos-entry-border-new .kratos-post-meta-new{background:rgba(37,45,56,.875);border-top:1px solid #ccc}.kratos-entry-border-new .kratos-status i{color:#ccc}.kratos-entry-border-new .kratos-status p a{color:#add8e6}.kratos-entry-border-new .kratos-status p a:hover{color:#51aded}.kratos-entry-header a,.kratos-entry-header span{color:#eee}ul.kratos-post-meta,ul.kratos-post-meta a,ul.kratos-post-meta span{color:#ccc}.kratos-post-content p,.kratos-post-content table td{color:#eee}.kratos-post-inner .kratos-copyright{background-color:rgba(60,73,91,.733)}.kratos-post-inner .kratos-copyright a,.kratos-post-inner .kratos-copyright h5{color:#eee}.kratos-entry-footer .footer-tag a{background-color:rgba(37,45,56,.875);color:#eee}.kratos-entry-footer .pull-date span,.post-navigation a{color:#eee}#kratos-widget-area .widget a,#kratos-widget-area .widget-title i{color:#ccc}#kratos-widget-area .widget.widget-kratos-about .site-meta>.meta-item:hover{background-color:rgba(60,73,91,.733)}#kratos-widget-area .widget.widget-kratos-tags .tag-clouds a{background-color:rgba(37,45,56,.875)}#kratos-widget-area .widget.widget-kratos-tags .tag-clouds a:hover{background-color:#ccc;color:rgba(37,45,56,.875)}#kratos-widget-area .widget.widget-kratos-categories .category-list-item:before{color:#ccc}#kratos-widget-area .widget.widget-kratos-categories .category-list-item .category-list-count{background-color:rgba(60,73,91,.733);color:#eee}.pagination a,.pagination span{background-color:rgba(37,45,56,.875);color:#eee}#kratos-widget-area .widget,.kratos-hentry,.navigation div,.pagination>li>a{background-color:rgba(40,44,52,.867)}.arc-tags a{background-color:rgba(37,45,56,.875)!important;border-color:#ccc!important;color:#ccc!important}.arc-tags a:hover{color:#51aded!important}.linkpage ul li a h4{color:#eee}.linkpage ul li:hover{background-color:rgba(60,73,91,.733)}.kratos-post-header-title{color:#eee}.xControl{background-color:rgba(60,73,91,.733)}.index-post .kratos-entry-header .kratos-entry-title,.xControl .xHeading span{color:#eee}.index-post .kratos-entry-header .kratos-entry-title:after{background-color:#eee}#archives .posts-collapse .post-title a,.categories>ul.category-list>li.category-list-item a{color:#ccc}.post-comments{background-color:rgba(37,45,56,.875)}#archives .posts-collapse .post-title a:hover,#footer li a:hover,.kratos-entry-border-new a:hover,.kratos-entry-header .kratos-post-meta a:hover,.kratos-post-inner .kratos-copyright a:hover,a:hover{color:#51aded}#kratos-desktop-topnav{background:rgba(24,28,39,.8)}#kratos-mobile-topnav{background:rgba(22,23,26,.902)}.toc-item.active>a{color:rgba(37,45,56,.875)}.toc-item.active>a:before{border-left-color:rgba(37,45,56,.875)}span.blur{text-shadow:0 0 .5em #eee}span.blur:hover{color:#eee!important}#dsqjs a{color:#add8e6}#dsqjs .dsqjs-tab-active{color:#eee}#dsqjs-msg{background-color:rgba(37,45,56,.875);color:#eee}.post-comments .v[data-class=v] .veditor::-webkit-input-placeholder{color:#eee}.post-comments .v[data-class=v] .veditor::-moz-placeholder{color:#eee}.post-comments .v[data-class=v] .veditor:-ms-input-placeholder{color:#eee}.post-comments .v[data-class=v] .veditor::-ms-input-placeholder{color:#eee}.post-comments .v[data-class=v] .veditor,.post-comments .v[data-class=v] .veditor::placeholder,.post-comments .v[data-class=v] .vheader label,.post-comments .v[data-class=v] p{color:#eee}.post-comments .v[data-class=v] .vbtn,.post-comments .v[data-class=v] .vcard .vhead .vtime,.post-comments .v[data-class=v] .vcard .vhead span.vnick,.post-comments .v[data-class=v] .vcount{color:#ccc}.post-comments .v[data-class=v] .vcard .vhead .vreply svg,.post-comments .v[data-class=v] .vicon{fill:#ccc}.post-comments .v[data-class=v] .vpanel{background-color:rgba(37,45,56,.875)}.post-comments .v[data-class=v] .veditor:focus,.post-comments .v[data-class=v] .vinput:focus{background-color:rgba(60,73,91,.733)}.aplayer *{color:unset}span.mjx-chtml.MJXc-display{color:#eee}.widget-kratos-about .photo-background{background-image:url(../images/about.webp)}.kratos-cover.kratos-cover-2{background-image:url(../images/banner_dark.webp)}@media (min-width:768px){body.custom-background{background-image:url(../images/bg_dark.webp)}}.post-comments.bg-image textarea{background:url(../images/comment_dark.webp) 100% 100% no-repeat!important}.gt-counts{color:#fff}.gt-header-textarea{background-color:#10131c!important;color:#fff!important}.gt-user-name{color:#fff}.gt-btn-preview,.gt-comment-content,.gt-header-preview,.gt-popup{background-color:#10131c!important}.gt-popup{border-color:#6190e8!important} -/*# sourceMappingURL=../maps/kr-color-dark.min.css.map */ +/******************* Color ********************/ +*::-webkit-selection { + color: #333; + background: #ccc; +} +*::-moz-selection { + color: #333; + background: #ccc; +} +*::selection { + color: #333; + background: #ccc; +} + +h1, +h2, +h3, +h4, +h5, +h6, +ol, +ul, +p { + color: #eee; +} + +body { + background-color: #181c27; +} + +h2.title-h2 { + background-color: rgba(60, 73, 91, 0.7333333333); +} + +a { + color: lightblue; +} + +blockquote { + background-color: rgba(60, 73, 91, 0.7333333333); + border-color: #ccc; +} +blockquote p { + color: #eee; +} + +table th { + color: #eee; + background-color: rgba(60, 73, 91, 0.7333333333); +} + +.kratos-hentry { + background-color: rgba(37, 45, 56, 0.8745098039); +} + +.kratos-entry-border-new a, .kratos-entry-border-new i { + color: #eee; +} +.kratos-entry-border-new .kratos-post-meta-new { + border-top: 1px solid #ccc; + background: rgba(37, 45, 56, 0.8745098039); +} +.kratos-entry-border-new .kratos-status i { + color: #ccc; +} +.kratos-entry-border-new .kratos-status p a { + color: lightblue; +} +.kratos-entry-border-new .kratos-status p a:hover { + color: #51aded; +} + +.kratos-entry-header span, .kratos-entry-header a { + color: #eee; +} + +ul.kratos-post-meta { + color: #ccc; +} +ul.kratos-post-meta span, ul.kratos-post-meta a { + color: #ccc; +} + +.kratos-post-content p, .kratos-post-content table td { + color: #eee; +} + +.kratos-post-inner .kratos-copyright { + background-color: rgba(60, 73, 91, 0.7333333333); +} +.kratos-post-inner .kratos-copyright h5 { + color: #eee; +} +.kratos-post-inner .kratos-copyright a { + color: #eee; +} + +.kratos-entry-footer .footer-tag a { + color: #eee; + background-color: rgba(37, 45, 56, 0.8745098039); +} +.kratos-entry-footer .pull-date span { + color: #eee; +} + +.post-navigation a { + color: #eee; +} + +#kratos-widget-area .widget a, #kratos-widget-area .widget-title i { + color: #ccc; +} +#kratos-widget-area .widget.widget-kratos-about .site-meta > .meta-item:hover { + background-color: rgba(60, 73, 91, 0.7333333333); +} +#kratos-widget-area .widget.widget-kratos-tags .tag-clouds a { + background-color: rgba(37, 45, 56, 0.8745098039); +} +#kratos-widget-area .widget.widget-kratos-tags .tag-clouds a:hover { + color: rgba(37, 45, 56, 0.8745098039); + background-color: #ccc; +} +#kratos-widget-area .widget.widget-kratos-categories .category-list-item::before { + color: #ccc; +} +#kratos-widget-area .widget.widget-kratos-categories .category-list-item .category-list-count { + color: #eee; + background-color: rgba(60, 73, 91, 0.7333333333); +} + +.pagination a, .pagination span { + background-color: rgba(37, 45, 56, 0.8745098039); + color: #eee; +} +.pagination > li > a { + background-color: rgba(40, 44, 52, 0.8666666667); +} + +.kratos-hentry, .navigation div, #kratos-widget-area .widget { + background-color: rgba(40, 44, 52, 0.8666666667); +} + +.arc-tags a { + color: #ccc !important; + background-color: rgba(37, 45, 56, 0.8745098039) !important; + border-color: #ccc !important; +} +.arc-tags a:hover { + color: #51aded !important; +} + +.linkpage ul li a h4 { + color: #eee; +} +.linkpage ul li:hover { + background-color: rgba(60, 73, 91, 0.7333333333); +} + +.kratos-post-header-title { + color: #eee; +} + +.xControl { + background-color: rgba(60, 73, 91, 0.7333333333); +} +.xControl .xHeading span { + color: #eee; +} + +.index-post .kratos-entry-header .kratos-entry-title { + color: #eee; +} +.index-post .kratos-entry-header .kratos-entry-title::after { + background-color: #eee; +} + +#archives .posts-collapse .post-title a, +.categories > ul.category-list > li.category-list-item a { + color: #ccc; +} + +.post-comments { + background-color: rgba(37, 45, 56, 0.8745098039); +} + +a:hover, +.kratos-entry-border-new a:hover, +.kratos-entry-header .kratos-post-meta a:hover, +.kratos-post-inner .kratos-copyright a:hover, +#footer li a:hover, +#archives .posts-collapse .post-title a:hover { + color: #51aded; +} + +#kratos-desktop-topnav { + background: rgba(24, 28, 39, 0.8); +} + +#kratos-mobile-topnav { + background: rgba(22, 23, 26, 0.9019607843); +} + +.toc-item.active > a { + color: rgba(37, 45, 56, 0.8745098039); +} +.toc-item.active > a::before { + border-left-color: rgba(37, 45, 56, 0.8745098039); +} + +span.blur { + text-shadow: 0 0 0.5em #eee; +} +span.blur:hover { + color: #eee !important; +} + +#search-input { + background-color: rgba(40, 44, 52, 0.8705882353); + color: #fff; +} +#search-input:active, #search-input:focus { + border-color: #fff; + box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25); +} + +/******************* Plugins ********************/ +#dsqjs a { + color: lightblue; +} +#dsqjs .dsqjs-tab-active { + color: #eee; +} +#dsqjs-msg { + color: #eee; + background-color: rgba(37, 45, 56, 0.8745098039); +} + +.post-comments .v[data-class=v] p, +.post-comments .v[data-class=v] .vheader label, +.post-comments .v[data-class=v] .veditor, .post-comments .v[data-class=v] .veditor::placeholder { + color: #eee; +} +.post-comments .v[data-class=v] .vbtn, +.post-comments .v[data-class=v] .vcount, +.post-comments .v[data-class=v] .vcard .vhead span.vnick, +.post-comments .v[data-class=v] .vcard .vhead .vtime { + color: #ccc; +} +.post-comments .v[data-class=v] .vicon, +.post-comments .v[data-class=v] .vcard .vhead .vreply svg { + fill: #ccc; +} +.post-comments .v[data-class=v] .vpanel { + background-color: rgba(37, 45, 56, 0.8745098039); +} +.post-comments .v[data-class=v] .veditor:focus, .post-comments .v[data-class=v] .vinput:focus { + background-color: rgba(60, 73, 91, 0.7333333333); +} + +.aplayer * { + color: unset; +} + +span.mjx-chtml.MJXc-display { + color: #eee; +} + +/******************* Images ********************/ +.widget-kratos-about .photo-background { + background-image: url("../images/about.webp"); +} + +.kratos-cover.kratos-cover-2 { + background-image: url("../images/banner_dark.webp"); +} + +@media (min-width: 768px) { + body.custom-background { + background-image: url("../images/bg_dark.webp"); + } +} +.post-comments.bg-image textarea { + background: url("../images/comment_dark.webp") right bottom no-repeat !important; +} + +.gt-counts { + color: #ffffff; +} + +.gt-header-textarea { + background-color: rgb(16, 19, 28) !important; + color: #ffffff !important; +} + +.gt-user-name { + color: #ffffff; +} + +.gt-header-preview { + background-color: rgb(16, 19, 28) !important; +} + +.gt-btn-preview { + background-color: rgb(16, 19, 28) !important; +} + +.gt-comment-content { + background-color: rgb(16, 19, 28) !important; +} + +.gt-popup { + background-color: rgb(16, 19, 28) !important; + border-color: #6190e8 !important; +} + +/*# sourceMappingURL=kr-color-dark.min.css.map */ diff --git a/source/css/kratosr.min.css b/source/css/kratosr.min.css index b5b5cbb9..037008bf 100644 --- a/source/css/kratosr.min.css +++ b/source/css/kratosr.min.css @@ -1,2 +1,2873 @@ -@charset "UTF-8";@-ms-viewport{width:device-width}@-webkit-keyframes top-pulse{0%{-webkit-box-shadow:0 0 0 0 rgba(59,152,255,.3);box-shadow:0 0 0 0 rgba(59,152,255,.3)}75%{-webkit-box-shadow:0 0 0 10px rgba(4,169,245,0);box-shadow:0 0 0 10px rgba(4,169,245,0)}to{-webkit-box-shadow:0 0 0 0 rgba(4,169,245,0);box-shadow:0 0 0 0 rgba(4,169,245,0)}}@keyframes top-pulse{0%{-webkit-box-shadow:0 0 0 0 rgba(59,152,255,.3);box-shadow:0 0 0 0 rgba(59,152,255,.3)}75%{-webkit-box-shadow:0 0 0 10px rgba(4,169,245,0);box-shadow:0 0 0 10px rgba(4,169,245,0)}to{-webkit-box-shadow:0 0 0 0 rgba(4,169,245,0);box-shadow:0 0 0 0 rgba(4,169,245,0)}}*,:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box}html{height:100%}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-thumb{background:hsla(0,0%,80%,.533);border-radius:4px;-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.2);box-shadow:inset 0 0 5px rgba(0,0,0,.2)}::-webkit-scrollbar-thumb:hover{background:#aaa}::-webkit-scrollbar-track{background:hsla(0,0%,100%,.2);border-radius:10px;-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.2);box-shadow:inset 0 0 5px rgba(0,0,0,.2)}body{-webkit-text-size-adjust:none;background:#f5f5f5;cursor:auto;font-size:18px;font-weight:300;line-height:1.8;margin:0;overflow-x:hidden}a{font-weight:400;text-decoration:none}a:hover{background-color:transparent;color:#51aded;cursor:pointer;outline:0}a:focus{outline:0;text-decoration:none}abbr[data-original-title],abbr[title]{border-bottom:1px dotted #777;cursor:help}abbr[title]{border-bottom:1px dotted}address{font-style:normal;line-height:1.43;margin-bottom:20px}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}article,aside,details,figcaption,footer,header,hgroup,main,menu,nav,section,summary{display:block}b,strong{font-weight:700}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}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:crosshair}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}blockquote{border-left:5px solid;border-radius:5px;font-size:17.5px;margin:12px 0;padding:4px 0 5px 10px}blockquote footer:before{content:"— "}blockquote .small,blockquote small{color:#777;display:block;font-size:80%;line-height:1.42857143}blockquote .small:before,blockquote small:before{content:"— "}blockquote.pull-right{border-left:0;border-right:5px solid #eee;padding-left:0;padding-right:15px;text-align:right}caption{color:#777;padding-bottom:8px;padding-top:8px;text-align:left}cite{font-style:normal}code,pre,samp{font-family:Fira Code,Consolas,Courier New,monospace}dfn{font-style:italic}dl{margin-bottom:20px;margin-top:0}dd,dt{line-height:1.42857143}dt{font-weight:700}dd{margin-left:0}fieldset{border:0;margin:0;min-width:0;padding:0}a,h1,h2,h3,h4,h5,h6{-webkit-transition:.5s;transition:.5s}h1,h2,h3,h4,h5,h6{font-family:inherit;font-weight:400;line-height:1.1;margin:0 0 15px}h1,h2,h3{margin-bottom:10px;margin-top:20px}h1 small,h2 small,h3 small{font-size:65%}h4,h5,h6{margin-bottom:10px;margin-top:25px}h4 small,h5 small,h6 small{font-size:75%}h1{font-size:1.5em}h2{font-size:1.3em}h2.title-h2{border-left:5px solid #51aded;font-size:20px;font-size:18pt;line-height:40px;margin:15px -20px;padding:0 20px}h3{font-size:1.17em}h4{font-size:1em}h5{font-size:.83em}h6{font-size:.67em}hr{border:0;border-top:1px solid #eee;margin-bottom:20px;margin-top:20px}img{vertical-align:middle}code,kbd{background-color:hsla(0,0%,42%,.776);border-radius:3px;color:#fff;font-size:90%;padding:1px 6px;white-space:normal}pre:has(code){background-color:#1d1f21;border-radius:8px;font-size:14px;font-weight:unset;overflow:auto;padding-top:30px!important;position:relative}pre:has(code):before{background-color:#fc625d;border-radius:50%;-webkit-box-shadow:20px 0 #fdbc40,40px 0 #35cd4b;box-shadow:20px 0 #fdbc40,40px 0 #35cd4b;content:" ";height:12px;left:10px;position:absolute;top:10px;width:12px}pre code{background-color:inherit;font-size:inherit;white-space:pre}legend{border:0;border-bottom:1px solid #e5e5e5;display:block;font-size:21px;line-height:inherit;margin-bottom:20px;padding:0;width:100%}label{display:inline-block;font-weight:700;margin-bottom:5px;max-width:100%}mark{padding:.4px 4px}ol,p,ul{font-size:16px;margin:0 0 1em}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}optgroup{font-weight:700}ruby{border-radius:4px;margin:0 2px;padding:0 2px}select [multiple],select [size]{height:auto}output{color:#555;display:block;font-size:14px;line-height:1.42857143;padding-top:7px}small{font-size:85%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}svg:not(:root){overflow:hidden}table{border-collapse:collapse;border-spacing:0;margin:2em 0;width:100%}table [class*=col-]{float:none;position:static}table col[class*=col-]{display:table-column}table td,table th{border:1px solid #ccc;font-size:14px;padding:6px 12px}table td [class*=col-],table th [class*=col-]{display:table-cell}.btn{display:inline-block;font-size:14px;font-weight:400;letter-spacing:2px;line-height:1.42857143;margin-bottom:0;padding:6px 12px;text-align:center;text-transform:uppercase;-ms-touch-action:manipulation;touch-action:manipulation;-webkit-transition:.3s;transition:.3s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}.btn:active,.btn:focus,.btn:hover{background:#393e46!important;color:#fff;cursor:pointer;outline:0!important}.btn.btn-primary{background-color:#51aded;border:transparent;border-color:#51aded;color:#fff}.btn.btn-primary:hover{background-color:#15b9fa;border-color:#15b9fa}.btn.btn-primary:active,.btn.btn-primary:focus{background-color:#0895cb;border-color:#0895cb}.clearfix:after,.clearfix:before,.container:after,.container:before,.nav:after,.nav:before,.row:after,.row:before{content:" ";display:table}.clearfix:after,.container:after,.nav:after,.row:after{clear:both}[class*=col-md-]{min-height:1px;position:relative}.container,[class*=col-md-]{padding-left:15px;padding-right:15px}.container{margin-left:auto;margin-right:auto}.form-control{color:#555;float:left;line-height:1.42857143;padding:6px 12px;width:100%;z-index:2}.form-group{margin-bottom:15px}.hidden{display:none!important}.input-group{border-collapse:separate;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin:30px auto}.input-group-addon{background-color:#eee;border:1px solid #ccc;color:#555;display:table-cell;font-size:14px;font-weight:400;line-height:1;padding:6px 12px;text-align:center;vertical-align:middle;white-space:nowrap;width:1%}.input-group-addon:first-child{border-right:0}.post-pwd{width:55%}.pull .left,.pull-left,.pullquote .left,.pullquote-left{float:left!important}.pull .right,.pull-right,.pullquote .right,.pullquote-right{float:right!important}.row{margin-left:-15px;margin-right:-15px}.useragent{color:#333;font-size:15px}[class*=visible-]{display:none!important}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.text-justify{text-align:justify}.text-nowrap{white-space:nowrap}.text-lowercase{text-transform:lowercase}.text-uppercase{text-transform:uppercase}.text-capitalize{text-transform:capitalize}.alert{-webkit-box-orient:horizontal;-webkit-box-direction:normal;border:1px solid transparent;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;margin:2rem 0;padding:1rem}.alert,.alert .icon,.alert .text{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.alert .icon{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;background-color:hsla(0,0%,100%,.8);border:1px solid;border-radius:50%;height:2rem;-webkit-justify-content:center;justify-content:center;margin-right:.5rem;width:2rem}.alert .text{-webkit-box-flex:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;border-left:1px dashed;-webkit-flex:1;-ms-flex:1;flex:1;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.alert a{color:#1e8cdb}.alert p,.alert ul{margin:0 1em!important}.alert p+p{margin-top:.5em!important}.alert-primary{background-color:#cfe2ff;border-color:#b6d4fe}.alert-primary .icon,.alert-primary .text p{color:#084298!important}.alert-success{background-color:#d1e7dd;border-color:#badbcc}.alert-success .icon,.alert-success .text p{color:#0f5132!important}.alert-danger{background-color:#f8d7da;border-color:#f5c2c7}.alert-danger .icon,.alert-danger .text p{color:#842029!important}.alert-info{background-color:#cff4fc;border-color:#b6effb}.alert-info .icon,.alert-info .text p{color:#055160!important}.alert-warning{background-color:#fff3cd;border-color:#ffecb5}.alert-warning .icon,.alert-warning .text p{color:#664d03!important}.panel{border:1px solid transparent;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.05);box-shadow:0 1px 1px rgba(0,0,0,.05);margin-bottom:20px}.panel-body{padding:15px}.panel-title{padding-left:15px}.panel-heading{border-bottom:1px solid transparent;padding:10px 15px}.panel>.panel-title{color:#fff}.panel-danger{border-color:#e15554}.panel-danger>.panel-title{background-color:#e15554;border-color:#e15554}.panel-success{border-color:#3bb273}.panel-success>.panel-title{background-color:#3bb273;border-color:#3bb273}.panel-info{border-color:#4d9de0}.panel-info>.panel-title{background-color:#4d9de0;border-color:#4d9de0}.panel-warning{border-color:#ffc320}.panel-warning>.panel-title{background-color:#ffc320;border-color:#ffc320}.panel-pwd{border:0;-webkit-box-shadow:none;box-shadow:none}.video-container{height:0;overflow:hidden;padding-bottom:56.25%;padding-top:30px;position:relative}.video-container :not(:first-child){margin-top:15px}.video-container embed,.video-container iframe{height:100%;left:0;position:absolute;top:0;width:100%}.kratos-post-content div.xControl{margin-top:20px}.xControl{background:#f6f6f6;border-radius:5px;margin-bottom:15px;position:relative}.xControl>.xHeading{cursor:pointer;padding-left:15px;position:relative}.xControl>.xHeading a{font-size:16px;margin:0}.xControl>.xHeading .xIcon{position:absolute;right:15px;-webkit-transition:.3s;transition:.3s}.xControl.active .xIcon{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.xControl .xContent:not(.pre-open){display:none}.xControl .xContent{border-top:1px solid #e6e6e6}.xControl .xContent .inner{color:#333;padding:5px 15px}.hide_notice{background-color:#eee;color:#ffcebb;font-size:18px;margin-bottom:15px;overflow:hidden;padding:8px 8px 8px 24px}.hide_notice a{color:#bbcdff}.unhide{margin-bottom:15px;padding:8px}.unhide .info{color:#54ff4e;font-size:12px}#snow{height:100%;left:0;pointer-events:none;position:fixed;top:0;-webkit-transition:opacity .5s;transition:opacity .5s;width:100%;z-index:99999}#snow:not(.disabled){background:hsla(0,0%,88%,.05);opacity:1}#snow.disabled{opacity:0}#kratos-wrapper{position:relative}#offcanvas-menu{background:rgba(42,42,42,.9);bottom:0;overflow-y:auto;padding:20px;position:fixed;top:60px;transition:right .3s;-webkit-transition:right .3s;width:240px;z-index:1000}#offcanvas-menu .ul-me{padding-bottom:60px}#offcanvas-menu ul{margin:0;padding:0}#offcanvas-menu ul .sub-menu{display:block!important}#offcanvas-menu ul li{list-style:none;margin:0 0 10px;padding:0}#offcanvas-menu ul li a{color:hsla(0,0%,100%,.55);font-size:16px}#offcanvas-menu ul li>.sub-menu{margin-top:9px;padding-left:20px}#offcanvas-menu ul li .current-menu-item>a{color:#51aded}#kratos-header{margin-bottom:0;position:relative;z-index:5}#kratos-header #kratos-mobile-topnav .color-logo img{height:40px;margin-top:-5px;max-width:200px}#kratos-header #kratos-mobile-topnav .kratos-nav-toggle{height:38px;position:fixed;right:15px;top:11px;z-index:999}#kratos-header #kratos-mobile-topnav .kratos-nav-toggle i{zoom:1;background:#fff;color:#fff;display:inline-block;font:700 14px/.4 Helvetica;height:2.5px;position:relative;text-indent:-55px;text-transform:uppercase;-webkit-transition:.2s;transition:.2s;width:28px}#kratos-header #kratos-mobile-topnav .kratos-nav-toggle i:after,#kratos-header #kratos-mobile-topnav .kratos-nav-toggle i:before{background:#fff;content:"";height:2.5px;left:0;position:absolute;-webkit-transition:.2s;transition:.2s;width:28px}#kratos-header #kratos-mobile-topnav .kratos-nav-toggle i:before{top:-9px}#kratos-header #kratos-mobile-topnav .kratos-nav-toggle i:after{bottom:-9px}#kratos-header #kratos-mobile-topnav .nav-toggle.toon i{background:0 0}#kratos-header #kratos-mobile-topnav .nav-toggle.toon i:before{height:2px;top:0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}#kratos-header #kratos-mobile-topnav .nav-toggle.toon i:after{bottom:0;height:2px;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.sf-menu li{position:relative}.sf-menu li i{margin-right:.5em}#kratos-menu-wrap{float:left}#kratos-menu-wrap .sf-menu a{border:none;color:#fff;display:block;font-size:15px;font-weight:400;padding:7px 14px;position:relative}#kratos-menu-wrap .sf-menu>li:hover>a{background:#eee;color:#333}.kratos-topnav{background:rgba(40,42,44,.6);left:0;padding:0;position:fixed;top:0;-webkit-transition:all .5s;transition:all .5s;width:100%;z-index:2}#kratos-desktop-topnav .sf-menu{list-style:none;margin:0;padding:0}#kratos-desktop-topnav .sf-menu *{list-style:none}#kratos-desktop-topnav .sf-menu li{position:relative}#kratos-desktop-topnav .sf-menu>li{float:left}#kratos-desktop-topnav .sf-menu>li>ul.sub-menu{background:hsla(0,0%,100%,.933);border-radius:5px;-webkit-box-shadow:0 5px 15px rgba(0,0,0,.15);box-shadow:0 5px 15px rgba(0,0,0,.15);left:-18px;margin-top:6px;opacity:0;padding:10px 5px;position:absolute;top:calc(100% + 6px);-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;visibility:hidden;width:135px}#kratos-desktop-topnav .sf-menu>li>ul.sub-menu a{color:#848484;letter-spacing:0;line-height:20px;padding:7px 15px!important}#kratos-desktop-topnav .sf-menu>li>ul.sub-menu a:hover{color:#51aded}#kratos-desktop-topnav .sf-menu>li>ul.sub-menu li a{text-align:center}#kratos-desktop-topnav .sf-menu>li>ul.sub-menu:before{border-bottom:6px solid hsla(0,0%,100%,.933);border-left:6px solid transparent;border-right:6px solid transparent;content:"";left:62px;margin:0 auto;position:absolute;top:-6px}#kratos-desktop-topnav .sf-menu>li:hover>ul.sub-menu{opacity:1;top:100%;visibility:visible}#kratos-desktop-topnav .nav-header{float:left;position:relative;width:100%}#kratos-desktop-topnav .menu-right{float:right}body.scroll-down.nav-up #kratos-desktop-topnav{top:-41px}.kratos-cover,.kratos-start{height:800px;position:relative}.kratos-cover.kratos-hero-2,.kratos-start.kratos-hero-2{height:320px}.kratos-cover{background-position:50%;background-size:cover;position:relative}.kratos-cover .btn{opacity:.9;padding:1em 5em}.kratos-cover.kratos-cover-2{background-position:top;height:320px}.kratos-cover .desc{color:#fff;margin-top:-50px;position:absolute;text-shadow:2px 2px 2px #666;top:50%;width:100%;z-index:2}.kratos-cover .desc h2{color:#fff;display:inline-block;font-size:40px;margin-bottom:10px;text-transform:none}.kratos-cover .desc p,.kratos-cover .desc span{color:#fff;display:inline-block;font-size:25px;letter-spacing:1px;margin-bottom:30px}.kratos-cover .desc p a,.kratos-cover .desc span a{color:#fff}.kratos-cover .desc p a:focus,.kratos-cover .desc p a:hover,.kratos-cover .desc span a:focus,.kratos-cover .desc span a:hover{color:#fff!important}.kratos-cover .desc p a:focus.btn,.kratos-cover .desc p a:hover.btn,.kratos-cover .desc span a:focus.btn,.kratos-cover .desc span a:hover.btn{background:0 0!important;border:2px solid #fff!important}#kratos-blog-post{padding:20px 0}#kratos-blog-post p{display:block}#kratos-blog-post .aligncenter{margin-left:auto;margin-right:auto}#kratos-blog-post .alignleft{float:left}#kratos-blog-post .alignright{float:right}#kratos-blog-post .alignnone{display:inline;vertical-align:text-bottom}#kratos-blog-post .row{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}#kratos-blog-post .row>*{max-width:100%}#kratos-blog-post .row article{margin-bottom:15px}.pagination{border-radius:4px;margin:23px 0 7px;padding-left:0}.pagination a,.pagination span{background-color:#fff;color:#626262;line-height:1.5;margin:0 3px;padding:6px 12px;position:relative;text-decoration:none}.pagination>a:hover,.pagination>span.page-number{background-color:#51aded;color:#fff!important}.pagination .extend,.pagination .page-number{display:inline-block;height:36px;min-width:36px}.post-navigation{margin-top:15px}.post-navigation a{color:#5a5a5a}.post-navigation .nav-previous{float:left;text-align:left}.post-navigation .nav-next,.post-navigation .nav-previous{-webkit-box-shadow:0 1px 5px rgba(0,0,0,.1);box-shadow:0 1px 5px rgba(0,0,0,.1);max-width:50%;padding:7px 18px}.post-navigation .nav-next{float:right;text-align:right}ul.kratos-post-meta{padding:0}ul.kratos-post-meta>li{display:inline-block;font-size:13px;list-style:none}ul.kratos-post-meta>li:not(:first-child){margin-left:12px}ul.kratos-post-meta:not(:last-child){margin-bottom:0}.kratos-breadcrumb{margin:10px 25px}.kratos-breadcrumb span,.kratos-breadcrumb>a{padding:0 5px}.kratos-status{border-left:1px dotted hsla(0,0%,48%,.482);margin:15px 15px 15px 38px;position:relative}.kratos-status.kratos-status-post{margin:0 15px 0 38px}.kratos-status>i:first-child{left:-8px;position:absolute;top:calc(50% - .5em)}.kratos-status-inner{margin-left:30px}.kratos-status-inner footer{font-size:12px}.kratos-status-inner .kratos-status-content p{margin:0}.kratos-status-inner .kratos-status-content img{max-width:100%}.kratos-hentry{background-color:#fff;border-radius:0;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.1);box-shadow:0 1px 2px rgba(0,0,0,.1);margin-bottom:25px;-webkit-transition:all .6s ease;transition:all .6s ease}.kratos-hentry.kratos-post-inner{margin-bottom:0}.container article:last-of-type{margin:0}.container article.kratos-hentry:hover{-webkit-box-shadow:0 8px 15px hsla(0,0%,57%,.39);box-shadow:0 8px 15px hsla(0,0%,57%,.39)}.container article .kratos-post-nav{color:#5a5a5a;padding:10px 20px}.container article .kratos-post-nav a{color:#5a5a5a}.kratos-post-header-title{color:#1c1c1c;font-size:18px;line-height:1.5;margin:20px;text-decoration:none;-webkit-transition:.3s;transition:.3s}.kratos-post-inner{padding:25px 10px 18px}.kratos-post-inner div:last-child.kratos-copyright{margin-bottom:20px}.kratos-post-inner .kratos-copyright{background-color:hsla(0,0%,86%,.7);border-radius:5px;margin:25px 0 0}.kratos-post-inner .kratos-copyright h5{color:#666;font-size:13px;font-weight:300;margin:15px}.kratos-post-inner .kratos-copyright a{color:#777}.kratos-post-inner-new{height:160px;margin-left:255px;overflow:hidden;padding:21px 20px 0 3px;text-overflow:ellipsis}.kratos-post-inner-new header .label-link{background-color:#51aded;border-radius:0;color:#fff;cursor:pointer;display:inline-block;font-size:12px;font-weight:700;line-height:14px;margin-right:5px;padding:4px 6px 3px;position:relative;top:-2px;vertical-align:baseline;white-space:nowrap}.kratos-post-inner-new header .label-link:after{border-bottom:4px solid transparent;border-left:4px solid #51aded;border-top:4px solid transparent;content:"";height:0;position:absolute;right:-4px;top:6px;vertical-align:top;width:0}.kratos-post-inner-new header .label-link:hover{color:#fff!important}.col-md-8{width:100%}.kratos-post-content{word-wrap:break-word;margin:10px;word-break:break-word}.kratos-post-content p{color:#333;font-size:16px;margin:1em}.kratos-post-content img{border:2px solid #bbb;border-radius:2px;display:block;height:auto;margin:1em auto;max-width:100%}.kratos-post-content embed{max-width:100%}.kratos-post-content div{margin:auto}.kratos-post-content .caption{display:block;font-size:14px;padding:5px;text-align:center}.kratos-post-content .kratos-post-inner-toc{border:2px dashed #ddd;border-radius:10px;display:none!important;padding-top:15px}@media (max-width:991px){.kratos-post-content .kratos-post-inner-toc{display:block!important}}@media (max-width:768px){.kratos-post-content .kratos-post-inner-toc .toc{padding-left:20px}}.kratos-entry-header{margin-bottom:15px}.kratos-entry-title{font-size:30px;margin:0 0 15px}.kratos-entry-title a{color:#1c1c1c;font-size:25px;text-decoration:none;-webkit-transition:color .3s;-webkit-transition:.3s;transition:.3s}.kratos-entry-title a:hover{color:#618eba}.kratos-entry-title-new{display:inline;font-size:21px;margin:0}.kratos-entry-title-new strong{margin-left:.5em}.kratos-entry-title-new sub{display:inline-block}.kratos-entry-thumb-new{float:left;height:145px;margin:20px;overflow:hidden;padding:0;position:relative;width:240px}.kratos-entry-thumb-new img{border:1px solid #f3f3f3;height:100%;-o-object-fit:cover;object-fit:cover;padding:2px;position:absolute;width:100%}.kratos-entry-border-new{position:relative}.kratos-entry-border-new .kratos-post-meta-new{background:hsla(0,0%,99%,.7);border-top:1px solid #f3f3f3;clear:both;display:block;font-size:12px;line-height:27px;overflow:hidden;padding:3px 20px}.kratos-entry-border-new .kratos-post-meta-new a i{margin-left:.3em;margin-right:2px}.kratos-entry-border-new .kratos-post-meta-new .read-more{margin-right:0}.kratos-entry-border-new .kratos-post-meta-new>span>*{display:inline-block}.kratos-entry-border-new .stickyimg{left:100%;margin-left:-65px;position:absolute;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:2}.kratos-entry-border-new a{color:#333}.kratos-entry-border-new .pin-top.wrapper{-webkit-animation:top-pulse 3s infinite;animation:top-pulse 3s infinite;border-radius:50%;position:absolute;right:-10px;top:-10px;z-index:1}.kratos-entry-border-new .pin-top.inner{background-color:rgba(81,173,237,.867);border-radius:50%;height:20px;width:20px}.kratos-entry-header{margin-bottom:0}.kratos-entry-header .kratos-post-meta a{color:#777676}.kratos-entry-header-new{margin:3px 0 6px}.kratos-entry-content p{font-size:16px}.kratos-entry-content-new{text-overflow:ellipsis}.kratos-entry-content-new p{font-size:15px}.kratos-entry-footer{color:#9d9d9d;margin:10px}.kratos-entry-footer .post-like-donate{margin-bottom:20px;margin-top:15px}.kratos-entry-footer .post-like-donate a{border:1px solid #e87461;border-radius:0;-webkit-box-shadow:none;box-shadow:none;color:#e87461;display:inline-block;font-size:14.5px;height:40px;line-height:40px;margin:0 2px;text-align:center;text-decoration:none;-webkit-transition:all .3s ease;transition:all .3s ease;width:130px}.kratos-entry-footer .post-like-donate a.read-more:hover{background:#e87461;color:#fff!important}.kratos-entry-footer .post-like-donate .donate{border-color:#3496e6;color:#3496e6;margin-left:10px}.kratos-entry-footer .post-like-donate .donate:hover{background-color:#3496e6;color:#fff!important}.kratos-entry-footer .post-like-donate .share{border-color:#78ce79;color:#78ce79}.kratos-entry-footer .post-like-donate .share:hover{background-color:#78ce79;color:#fff!important}.kratos-entry-footer .post-like-donate .share-plain{font-size:14px;height:30px;width:30px}.kratos-entry-footer .post-like-donate .share-plain :hover{color:#fff}.kratos-entry-footer .post-like-donate .share-plain .icon-wrap{height:30px;line-height:30px;width:30px}.kratos-entry-footer .post-like-donate .share-plain.qq{border-color:#00bfff;color:#00bfff}.kratos-entry-footer .post-like-donate .share-plain.qq:hover{background-color:#00bfff}.kratos-entry-footer .post-like-donate .share-plain.qzone{border-color:#fece00;color:#fece00}.kratos-entry-footer .post-like-donate .share-plain.qzone:hover{background-color:#fece00}.kratos-entry-footer .post-like-donate .share-plain.weixin{border-color:#38ad5a;color:#38ad5a}.kratos-entry-footer .post-like-donate .share-plain.weixin:hover{background-color:#38ad5a}.kratos-entry-footer .post-like-donate .share-plain.weibo{border-color:#e6162d;color:#e6162d}.kratos-entry-footer .post-like-donate .share-plain.weibo:hover{background-color:#e6162d}.kratos-entry-footer .post-like-donate .share-plain.twitter{border-color:#55acee;color:#55acee}.kratos-entry-footer .post-like-donate .share-plain.twitter:hover{background-color:#55acee}.kratos-entry-footer .post-like-donate .share-plain.facebook{border-color:#3e569b;color:#3e569b}.kratos-entry-footer .post-like-donate .share-plain.facebook:hover{background-color:#3e569b}.donate-box .meta-pay{color:#333;margin-bottom:12px;margin-top:12px}.donate-box .qr-pay img{height:200px;width:200px}.donate-box .choose-pay{margin-top:6px}.donate-box .choose-pay input{display:none}.donate-box .choose-pay input:checked+label{border-color:#0092ee;color:#0092ee}.donate-box .pay-button{border:1px solid #e6e6e6;cursor:pointer;height:45px;line-height:38px;margin:10px 5px;text-align:center;width:132px}.donate-box .pay-button img{height:26px}.d-none{display:none}.kratos-entry-footer .footer-tag a{background-color:#aaa;color:#fff;display:inline-block;font-size:12px;line-height:13px;padding:2px 5px}.kratos-entry-footer .footer-tag a:focus,.kratos-entry-footer .footer-tag a:hover{background:#8d8d8d;color:#fff!important}.kratos-entry-footer .footer-tag .pull-date{float:right;font-size:14px;margin-top:5px}.share-wrap{display:block;margin:10px 0 -20px}.share-plain,.share-wrap{position:relative;text-align:center}.share-plain{background-color:transparent;border:1px solid #bdc4d6;border-radius:30px!important;-webkit-box-sizing:border-box;box-sizing:border-box;color:#bdc4d6;cursor:pointer;display:inline-block!important;height:2pc!important;line-height:30px!important;margin:4px 3px!important;padding:0;-webkit-transition:all .2s ease;transition:all .2s ease;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap;width:2pc!important}.share-plain .icon-wrap{line-height:30px;text-align:center;vertical-align:middle}.share-plain .share-int{background-color:#fff;border:1px solid #d8d8d8;border-radius:2px;bottom:50px;-webkit-box-shadow:0 2px 5px rgba(0,0,0,.1);box-shadow:0 2px 5px rgba(0,0,0,.1);color:#555;display:none;left:50%;margin-left:-110px;opacity:.2;padding:10px;position:absolute;text-align:center;-webkit-transition:all .1s ease;transition:all .1s ease;width:220px;z-index:8}.share-plain .share-int:after{background-color:#fff;bottom:-10px;-webkit-box-shadow:2px 2px 3px 0 rgba(0,0,0,.1);box-shadow:2px 2px 3px 0 rgba(0,0,0,.1);content:"";height:20px;margin-left:-11px;position:absolute;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);width:20px}.share-plain .share-int canvas,.share-plain .share-int img{height:auto;margin:15px;max-width:100%}.share-plain .share-int p{word-wrap:break-word;color:#676767;font-size:14px;line-height:1.5;white-space:normal}.share-plain .share-int img{display:inline-block!important}.share-plain.pop:hover .share-int{display:block;opacity:1}@keyframes widget-title-icon-animation{0%,25%,50%,75%,to{-webkit-transform:rotate(0);transform:rotate(0)}12%,63%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}37%,88%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}}@-webkit-keyframes widget-title-icon-animation{0%,25%,50%,75%,to{-webkit-transform:rotate(0)}12%,63%{-webkit-transform:rotate(10deg)}37%,88%{-webkit-transform:rotate(-10deg)}}#kratos-widget-area{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#kratos-widget-area>.sticky-area{position:-webkit-sticky;position:sticky;top:56px;-webkit-transition:all .5s;transition:all .5s}#kratos-widget-area .widget{background-color:#fff;border-radius:0;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.1);box-shadow:0 1px 2px rgba(0,0,0,.1);margin-bottom:15px;padding:20px 25px}#kratos-widget-area .widget:last-child{margin:0}#kratos-widget-area .widget>.widget-title{border-bottom:1px solid #e7e7e7;font-size:16px;margin:0 0 10px;padding-bottom:12px;position:relative}#kratos-widget-area .widget>.widget-title:not(.no-after):after,#kratos-widget-area .widget>.widget-title>.toc-progress-bar{background-color:#51aded;bottom:0;content:"";height:2.5px;height:2px!important;left:0;position:absolute;width:100px}#kratos-widget-area .widget>.widget-title i{margin-right:10px}#kratos-widget-area .widget:hover>.widget-title i{animation:widget-title-icon-animation .5s linear;-webkit-animation:widget-title-icon-animation .5s linear}#kratos-widget-area .widget img{height:auto;max-width:100%}#kratos-widget-area .widget a{color:#666;text-decoration:none;-webkit-transition:.4s;transition:.4s}#kratos-widget-area .widget a:hover{color:#618eba}#kratos-widget-area .widget li{padding-bottom:2px;padding-top:2px}#kratos-widget-area .widget .children{padding-left:30px}#kratos-widget-area .widget.widget-kratos-about{padding-left:0;padding-right:0;padding-top:0}#kratos-widget-area .widget.widget-kratos-about .photo-background{background-size:cover}#kratos-widget-area .widget.widget-kratos-about .photo-wrapper{width:100%}#kratos-widget-area .widget.widget-kratos-about .photo-wrapper img{border:4px solid hsla(0,0%,100%,.4);border-radius:50%;height:90px;margin:-50px 0 0;-o-object-fit:cover;object-fit:cover;width:90px}#kratos-widget-area .widget.widget-kratos-about .photo-background{height:120px}#kratos-widget-area .widget.widget-kratos-about .textwidget{margin:10px 0 30px}#kratos-widget-area .widget.widget-kratos-about p{font-size:16px;margin:20px}#kratos-widget-area .widget.widget-kratos-about .site-meta{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-pack:distribute;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-justify-content:space-around;justify-content:space-around}#kratos-widget-area .widget.widget-kratos-about .site-meta>.meta-item{-webkit-box-orient:vertical;-webkit-box-direction:normal;border-radius:5px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;padding:.5rem 1rem}#kratos-widget-area .widget.widget-kratos-about .site-meta>.meta-item>*{-webkit-box-pack:center;-ms-flex-pack:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;justify-content:center}#kratos-widget-area .widget.widget-kratos-ad{padding:5px}#kratos-widget-area .widget.widget-kratos-ad .img-responsive{display:block;height:auto;max-width:100%}#kratos-widget-area .widget.widget-kratos-ad h4{margin:10px 20px 5px}#kratos-widget-area .widget.widget-kratos-ad img{height:auto;max-width:100%}#kratos-widget-area .widget.widget-kratos-tags .tag-clouds a{background:hsla(0,0%,98%,.7);border:1px solid #f0f0f0;border-radius:5px;display:inline-block;line-height:19px;margin:3px 4px;padding:4px 12px;text-transform:uppercase}#kratos-widget-area .widget.widget-kratos-posts .tab-content{margin:0 8px -18px}#kratos-widget-area .widget.widget-kratos-posts .tab-content>.tab-pane{display:none}#kratos-widget-area .widget.widget-kratos-posts .tab-content>.active{display:block}#kratos-widget-area .widget.widget-kratos-posts .tab-content .list-group a{border-bottom:1px dashed #b4afaf;overflow:hidden;text-decoration:none;text-overflow:ellipsis;-webkit-transition:color .3s;transition:color .3s;white-space:nowrap}#kratos-widget-area .widget.widget-kratos-posts .tab-content .list-group a:last-child{border-bottom:0}#kratos-widget-area .widget.widget-kratos-posts .list-group{margin-bottom:20px;padding-left:0}#kratos-widget-area .widget.widget-kratos-posts .list-group-item{background-color:unset;border:0;display:block;margin-bottom:0;padding:8px 0;position:relative}#kratos-widget-area .widget.widget-kratos-posts .list-group-item:first-child{margin-top:1px}#kratos-widget-area .widget.widget-kratos-posts .list-group-item i{margin:0 5px 0 0}#kratos-widget-area .widget.widget-kratos-archive ul,#kratos-widget-area .widget.widget-kratos-categories ul{list-style:none;margin:0;padding:0}#kratos-widget-area .widget.widget-kratos-archive li:before,#kratos-widget-area .widget.widget-kratos-categories li:before{font-family:fontawesome;font-size:15px;margin-right:8px}#kratos-widget-area .widget.widget-kratos-archive li:before{content:"\f133"}#kratos-widget-area .widget.widget-kratos-categories li{margin-left:10px}#kratos-widget-area .widget.widget-kratos-categories li:before{content:"\f114"}#kratos-widget-area .widget.widget-kratos-categories .category-list-item .category-list-count{border-radius:6px;float:right;margin-right:20px;text-align:center;width:2em}#kratos-widget-area #krw-toc{display:block!important}#kratos-widget-area #krw-toc .toc{overflow:auto;padding:0}#kratos-widget-area #krw-toc .toc-item>a{display:block;padding-left:1em;position:relative}#kratos-widget-area #krw-toc .toc-item:not(.show)>.toc-child{display:none}#kratos-widget-area #krw-toc .toc-item.active>a{background:linear-gradient(120deg,#e0c3fc,#8ec5fc);color:#fff}#kratos-widget-area #krw-toc .toc-item.active>a:before{border-bottom:4px solid transparent;border-left:6px solid;border-left-color:#fff;border-top:4px solid transparent;content:"";height:0;left:0;margin:auto;position:absolute;top:10px;width:0}.kratos-post-inner-toc .toc-child,.widget-kratos-toc .toc-child{padding-left:1rem}body.nav-up #kratos-widget-area>.sticky-area{top:15px}.toc li{list-style:none;padding:0}.kr-tool .box,.kr-tool .tool{right:20px;-webkit-transition:.5s;transition:.5s}.kr-tool .tool{bottom:20px;position:fixed}.kr-tool .box{background:#848484;margin-top:10px;opacity:.7}.kr-tool .box:hover{background:#656565;cursor:pointer}.kr-tool .box span{color:#fff;display:table-cell;font-size:15px;height:30px;vertical-align:middle;width:30px}.kr-tool .box a{display:contents}.kr-tool .box.gotop-box{bottom:-50px;position:fixed}body.scroll-down .kr-tool .tool{bottom:60px}body.scroll-down .kr-tool .box.gotop-box{bottom:20px}#footer{background:#23282d;padding-top:40px}#footer.ap-lrc{padding-bottom:32px}#footer li{display:inline-block;font-size:14px;letter-spacing:1px;text-transform:uppercase}#footer li a{color:hsla(0,0%,100%,.5)}#footer .kratos-social-icons{padding-left:0}#footer .kratos-social-icons li{padding:4px 14px}#footer .kratos-social-icons li a{display:inline-block;text-decoration:none}#footer .kratos-social-icons li a>i{font-size:36px}#footer .kratos-social-icons li a>:not(i){height:36px;width:36px}#footer .kratos-social-icons li a>*{display:inline-block;vertical-align:middle}#footer .kratos-copyright{list-style:none;padding-left:0}#footer .kratos-copyright div{line-height:1.2;margin:0 40px}#footer .kratos-copyright li{color:hsla(0,0%,100%,.3);font-size:12px;line-height:1;margin:0 2px}#footer .kratos-copyright:first-child{margin-top:25px}@media (min-width:992px){#footer .col-md-6{margin:auto 10%;width:80%}}.linkpage ul{color:hsla(0,0%,100%,.15);padding:0}.linkpage ul:after{clear:both;content:" ";display:block}.linkpage ul li{border-radius:5px;display:block;float:left;height:90px;line-height:1.3;position:relative;-webkit-transition:all .3s ease-out;transition:all .3s ease-out;width:48%}.linkpage ul li:hover{background:rgba(230,244,250,.5);cursor:pointer}.linkpage ul li a{padding:0 10px 0 90px}.linkpage ul li a img{border:none;border-radius:50%;cursor:pointer;height:60px;left:15px;margin:auto;-o-object-fit:cover;object-fit:cover;position:absolute;top:15px;width:60px}.linkpage ul li a h4{color:#333;font-size:18px;margin:0 0 7px;padding-left:90px}.linkpage ul li a p{color:#999;font-size:12px;padding-left:75px}.linkpage ul li a h4,.linkpage ul li a p{cursor:pointer;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.linkpage ul li a:hover h4{color:#51aded}.linkpage h3{background-color:#f7f7f7;border-left:5px solid #51aded;font-size:25px;line-height:40px;margin:15px -25px;padding:0 25px}@media (max-width:1200px){.kratos-entry-content-new{height:80px}}@media (max-width:992px){.kratos-post-meta span{font-size:12px}.kratos-post-meta span i:not(:first-child){margin-left:10px}.kratos-entry-content-new{height:100px}.title-h2{font-size:18px;padding:0 15px}}@media (max-width:768px){h1{font-size:25px!important}h2{font-size:21px}h3{font-size:18px}h4{font-size:15px}.kratos-nav-toggle{display:block}.color-logo{font-size:25px;font-weight:400;height:60px;padding:7px;text-align:center;width:100%}.color-logo a,.color-logo a:hover{color:#fff!important}.color-logo img{height:35px;max-width:175px}.kratos-cover{height:inherit;padding:3em 0}.kratos-cover.kratos-cover-2.text-center{display:none}.kratos-start{height:45px!important}.kratos-overlay{display:none}#kratos-header{background:rgba(22,23,26,.9)}#kratos-blog-post{padding:2em 0 1em}.kratos-post-meta span{font-size:9pt}.kratos-post-meta span i:not(:first-child){margin-left:5px}#kratos-menu-wrap,.kratos-post-inner-new header .label{display:none}.kratos-post-content embed{height:auto}h1.kratos-entry-title.text-center{font-size:36px!important}.kratos-entry-thumb-new{float:none;height:auto;margin:0 0 20px;padding:0 0 60%;position:relative;width:auto}.kratos-entry-thumb-new img{border:0;padding:0}.kratos-post-inner-new{height:auto;margin-left:0;padding:0 20px}.kratos-post-meta-new .read-more{margin-right:8px}.kratos-entry-content-new{height:auto}.hide_notice,.info{font-size:12px}#archives .arc-t{width:45%}.visible-xs{display:block!important}.hidden-xs{display:none!important}}@media (max-width:530px){#slide .carousel-indicators{margin-bottom:0}.kratos-entry-footer .post-like-donate a{width:100px}.kratos-entry-footer .footer-tag a{padding:2px 4px}.kratos-post-meta .hd,.pull-date,.spig,.useragent .bversion{display:none}.pagination li a{margin-left:5px;padding:4px;width:30px}#archives .arc-t{width:97%}}@media (max-width:460px){.linkpage ul li{width:97%}.linkpage ul{padding-left:5px}}@media (min-width:768px){.container{width:750px}#kratos-desktop-topnav.color-banner{height:71px}.kratos-start.kratos-hero{height:70px}.color-banner #kratos-menu-wrap{float:right;width:80%}.color-banner .nav-header{padding:14px 0}#kratos-mobile-topnav{display:none}#kratos-widget-area .widget,.kratos-hentry,.navigation div,.pagination>li>a{background-color:hsla(0,0%,100%,.8)}}@media (min-width:768px) and (max-width:991px){.visible-sm{display:block!important}.hidden-sm{display:none!important}}@media (min-width:992px){.container{width:970px}[class*=col-md-]{float:left}.col-md-1{width:8.33333333%}.col-md-2{width:16.66666667%}.col-md-3{width:25%}.col-md-4{width:33.33333333%}.col-md-5{width:41.66666667%}.col-md-6{width:50%}.col-md-7{width:58.33333333%}.col-md-8{width:66.66666667%}.col-md-9{width:75%}.col-md-10{width:83.33333333%}.col-md-11{width:91.66666667%}.col-md-12{width:100%}.page404 .errtxt{margin-top:15%}.page404 .errtxt h5,.page404 .errtxt p{margin-top:30px}}@media (min-width:992px) and (max-width:1199px){.visible-md{display:block!important}.hidden-md{display:none!important}}@media (min-width:1200px){.container{width:1170px}.visible-lg{display:block!important}.hidden-lg{display:none!important}}@media print{body{background:#fff!important}#main,.col-md-8,.kratos-post-inner{padding:0}#kratos-header,#kratos-widget-area,.kr-tool,.kratos-start{display:none}}td.code{text-align:left}.twitter-tweet{margin:auto}#dsqjs{padding:10px 15px}#dsqjs-msg{background-color:#ebeef2;border-radius:5px;color:#2a2e2e;padding:10px}.post-comments{-webkit-box-shadow:0 1px 2px rgba(0,0,0,.1);box-shadow:0 1px 2px rgba(0,0,0,.1);margin-top:16px;padding:10px;word-break:break-all}.index-post h1{margin:0 0 15px}.index-post .kratos-entry-title{font-size:36px;position:relative}.index-post .kratos-entry-header .kratos-entry-title:after{bottom:0;content:"";height:2px;left:0;position:absolute;-webkit-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0);-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;visibility:hidden;width:100%}.index-post .kratos-entry-header .kratos-entry-title:hover:after{-webkit-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1);visibility:visible}.index-post .kratos-entry-thumb-new{float:none;height:auto;margin:0 0 20px;padding:0 0 60%;position:relative;width:auto}.index-post .kratos-entry-thumb-new img{border:0;padding:0}span.blur{color:rgba(1,1,1,.1)!important;-webkit-transition:.2s;transition:.2s}span.blur:hover{text-shadow:0 0 0}#kr-search-notice.alert{-webkit-transition:.3s;transition:.3s}#result-posts{margin-top:20px}#result-posts .kr-search-result{height:auto;margin:auto;padding-top:22px;width:90%}#result-posts .kr-search-result .kratos-entry-content-new{height:auto}#result-posts m{background-color:#ff0;color:#333}#search-input{-webkit-appearance:none;background-color:#fff;border-color:#dbdbdb;border-radius:4px 0 0 4px}#search-input:hover{border-color:#b5b5b5}#search-input:focus{outline:0}#search-input:active,#search-input:focus{border-color:#3273dc;-webkit-box-shadow:0 0 0 .125em rgba(50,115,220,.25);box-shadow:0 0 0 .125em rgba(50,115,220,.25)}.input-group .form-input.input-lg{-webkit-box-flex:1;-webkit-box-pack:start;-ms-flex-pack:start;border:1px solid transparent;-webkit-box-shadow:none;box-shadow:none;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-flex:auto;-ms-flex:auto;flex:auto;font-size:15px;-webkit-justify-content:flex-start;justify-content:flex-start;max-width:100%;padding:0 8px}.input-group .btn.btn-primary{border:transparent;border-radius:0 4px 4px 0}.search-demo-tags a{margin:5px 10px}#hexo-blog-encrypt label{padding-left:10px;pointer-events:none}#hexo-blog-encrypt #hbePass{border-radius:4px;padding:0}mjx-container{display:inline-block;max-width:100%;overflow-x:auto;vertical-align:bottom}body.custom-background{background-attachment:fixed;background-size:cover}::-webkit-selection{background:#262a30;color:#fcfcfc}::-moz-selection{background:#262a30;color:#fcfcfc}::selection{background:#262a30;color:#fcfcfc}h1,h2,h3,h4,h5,h6,ol,p,ul{color:#000}body{background-color:#f5f5f5}h2.title-h2{background-color:hsla(0,0%,94%,.667)}a{color:#1e8cdb}blockquote{background-color:hsla(0,0%,94%,.667);border-color:rgba(60,73,91,.227)}blockquote p,table th{color:#000}table th{background-color:hsla(0,0%,94%,.667)}.kratos-hentry{background-color:hsla(0,0%,100%,.867)}.kratos-entry-border-new a,.kratos-entry-border-new i{color:#000}.kratos-entry-border-new .kratos-post-meta-new{background:hsla(0,0%,100%,.867);border-top:1px solid rgba(60,73,91,.227)}.kratos-entry-border-new .kratos-status i{color:#666}.kratos-entry-border-new .kratos-status p a{color:#1e8cdb}.kratos-entry-border-new .kratos-status p a:hover{color:#6ec3f5}.kratos-entry-header a,.kratos-entry-header span{color:#000}ul.kratos-post-meta,ul.kratos-post-meta a,ul.kratos-post-meta span{color:#666}.kratos-post-content p,.kratos-post-content table td{color:#000}.kratos-post-inner .kratos-copyright{background-color:hsla(0,0%,94%,.667)}.kratos-post-inner .kratos-copyright a,.kratos-post-inner .kratos-copyright h5{color:#000}.kratos-entry-footer .footer-tag a{background-color:hsla(0,0%,100%,.867);color:#000}.kratos-entry-footer .pull-date span,.post-navigation a{color:#000}#kratos-widget-area .widget a,#kratos-widget-area .widget-title i{color:#666}#kratos-widget-area .widget.widget-kratos-about .site-meta>.meta-item:hover{background-color:hsla(0,0%,94%,.667)}#kratos-widget-area .widget.widget-kratos-tags .tag-clouds a{background-color:hsla(0,0%,100%,.867)}#kratos-widget-area .widget.widget-kratos-tags .tag-clouds a:hover{background-color:#666;color:hsla(0,0%,100%,.867)}#kratos-widget-area .widget.widget-kratos-categories .category-list-item:before{color:#666}#kratos-widget-area .widget.widget-kratos-categories .category-list-item .category-list-count{background-color:hsla(0,0%,94%,.667);color:#000}.pagination a,.pagination span{background-color:hsla(0,0%,100%,.867);color:#000}#kratos-widget-area .widget,.kratos-hentry,.navigation div,.pagination>li>a{background-color:hsla(0,0%,100%,.8)}.arc-tags a{background-color:hsla(0,0%,100%,.867)!important;border-color:rgba(60,73,91,.227)!important;color:#666!important}.arc-tags a:hover{color:#6ec3f5!important}.linkpage ul li a h4{color:#000}.linkpage ul li:hover{background-color:hsla(0,0%,94%,.667)}.kratos-post-header-title{color:#000}.xControl{background-color:hsla(0,0%,94%,.667)}.index-post .kratos-entry-header .kratos-entry-title,.xControl .xHeading span{color:#000}.index-post .kratos-entry-header .kratos-entry-title:after{background-color:#000}#archives .posts-collapse .post-title a,.categories>ul.category-list>li.category-list-item a{color:#666}.post-comments{background-color:hsla(0,0%,100%,.867)}#archives .posts-collapse .post-title a:hover,#footer li a:hover,.kratos-entry-border-new a:hover,.kratos-entry-header .kratos-post-meta a:hover,.kratos-post-inner .kratos-copyright a:hover,a:hover{color:#6ec3f5}#kratos-desktop-topnav{background:rgba(40,42,44,.6)}#kratos-mobile-topnav{background:rgba(22,23,26,.902)}.toc-item.active>a{color:hsla(0,0%,100%,.867)}.toc-item.active>a:before{border-left-color:hsla(0,0%,100%,.867)}span.blur{text-shadow:0 0 .5em #000}span.blur:hover{color:#000!important}#dsqjs a{color:#1e8cdb}#dsqjs .dsqjs-tab-active{color:#000}#dsqjs-msg{background-color:hsla(0,0%,100%,.867);color:#000}.post-comments .v[data-class=v] .veditor::-webkit-input-placeholder{color:#000}.post-comments .v[data-class=v] .veditor::-moz-placeholder{color:#000}.post-comments .v[data-class=v] .veditor:-ms-input-placeholder{color:#000}.post-comments .v[data-class=v] .veditor::-ms-input-placeholder{color:#000}.post-comments .v[data-class=v] .veditor,.post-comments .v[data-class=v] .veditor::placeholder,.post-comments .v[data-class=v] .vheader label,.post-comments .v[data-class=v] p{color:#000}.post-comments .v[data-class=v] .vbtn,.post-comments .v[data-class=v] .vcard .vhead .vtime,.post-comments .v[data-class=v] .vcard .vhead span.vnick,.post-comments .v[data-class=v] .vcount{color:#666}.post-comments .v[data-class=v] .vcard .vhead .vreply svg,.post-comments .v[data-class=v] .vicon{fill:#666}.post-comments .v[data-class=v] .vpanel{background-color:hsla(0,0%,100%,.867)}.post-comments .v[data-class=v] .veditor:focus,.post-comments .v[data-class=v] .vinput:focus{background-color:hsla(0,0%,94%,.667)}.aplayer *{color:unset}span.mjx-chtml.MJXc-display{color:#000}.widget-kratos-about .photo-background{background-image:url(../images/about.webp)}.kratos-cover.kratos-cover-2{background-image:url(../images/banner.webp)}@media (min-width:768px){body.custom-background{background-image:url(../images/bg.webp)}}.post-comments.bg-image textarea{background:url(../images/comment.webp) 100% 100% no-repeat!important} -/*# sourceMappingURL=../maps/kratosr.min.css.map */ +@charset "UTF-8"; +@-ms-viewport { + width: device-width; +} +@keyframes top-pulse { + 0% { + box-shadow: 0 0 0 0 rgba(59, 152, 255, 0.3); + } + 75% { + box-shadow: 0 0 0 10px rgba(4, 169, 245, 0); + } + 100% { + box-shadow: 0 0 0 0 rgba(4, 169, 245, 0); + } +} +*, :after, :before { + box-sizing: border-box; +} + +html { + height: 100%; +} + +::-webkit-scrollbar { + width: 8px; + height: 8px; +} + +::-webkit-scrollbar-thumb { + background: rgba(204, 204, 204, 0.5333333333); + border-radius: 4px; + box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); +} + +::-webkit-scrollbar-thumb:hover { + background: #aaaaaa; +} + +::-webkit-scrollbar-track { + box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); + border-radius: 10px; + background: rgba(255, 255, 255, 0.2); +} + +body { + line-height: 1.8; + font-size: 18px; + background: #f5f5f5; + font-weight: 300; + cursor: auto; + overflow-x: hidden; + margin: 0; + -webkit-text-size-adjust: none; +} + +a { + text-decoration: none; + font-weight: 400; +} +a:hover { + outline: 0; + background-color: transparent; + cursor: pointer; + color: #51aded; +} +a:focus { + outline: 0; + text-decoration: none; +} + +abbr[data-original-title], abbr[title] { + cursor: help; + border-bottom: 1px dotted #777; +} + +abbr[title] { + border-bottom: 1px dotted; +} + +address { + margin-bottom: 20px; + font-style: normal; + line-height: 1.43; +} + +audio, +canvas, +progress, +video { + display: inline-block; + vertical-align: baseline; +} + +article, +aside, +details, +figcaption, +footer, +header, +hgroup, +main, +menu, +nav, +section, +summary { + display: block; +} + +b, +strong { + font-weight: 700; +} + +button, +input, +select, +textarea { + font-family: inherit; + font-size: inherit; + line-height: inherit; +} + +button, +input, +optgroup, +select, +textarea { + margin: 0; + font: inherit; + color: inherit; +} + +button { + overflow: visible; +} + +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: crosshair; +} + +button::-moz-focus-inner, +input::-moz-focus-inner { + padding: 0; + border: 0; +} + +blockquote { + font-size: 17.5px; + margin: 12px 0; + border-left: 5px solid; + padding: 4px 0 5px 10px; + border-radius: 5px; +} +blockquote footer:before { + content: "— "; +} +blockquote .small, blockquote small { + display: block; + font-size: 80%; + line-height: 1.42857143; + color: #777; +} +blockquote .small:before, blockquote small:before { + content: "— "; +} + +blockquote.pull-right { + padding-right: 15px; + padding-left: 0; + text-align: right; + border-right: 5px solid #eee; + border-left: 0; +} + +caption { + padding-top: 8px; + padding-bottom: 8px; + color: #777; + text-align: left; +} + +cite { + font-style: normal; +} + +code, +pre, +samp { + font-family: "Fira Code", Consolas, "Courier New", monospace; +} + +dfn { + font-style: italic; +} + +dl { + margin-top: 0; + margin-bottom: 20px; +} + +dd, +dt { + line-height: 1.42857143; +} + +dt { + font-weight: 700; +} + +dd { + margin-left: 0; +} + +fieldset { + padding: 0.35em 0.625em 0.75em; + margin: 0 2px; + border: 1px solid silver; + min-width: 0; + padding: 0; + margin: 0; + border: 0; +} + +h1, +h2, +h3, +h4, +h5, +h6, +a { + transition: 0.5s; +} + +h1, h2, h3, +h4, h5, h6 { + font-weight: 400; + margin: 0 0 15px 0; + font-family: inherit; + line-height: 1.1; +} + +h1, h2, h3 { + margin-top: 20px; + margin-bottom: 10px; +} +h1 small, h2 small, h3 small { + font-size: 65%; +} + +h4, h5, h6 { + margin-top: 25px; + margin-bottom: 10px; +} +h4 small, h5 small, h6 small { + font-size: 75%; +} + +h1 { + font-size: 1.5em; +} +h2 { + font-size: 1.3em; +} +h2.title-h2 { + margin: 15px -20px; + padding: 0 20px; + border-left: 5px solid #51aded; + font-size: 20px; + line-height: 40px; + font-size: 18pt; +} +h3 { + font-size: 1.17em; +} +h4 { + font-size: 1em; +} +h5 { + font-size: 0.83em; +} +h6 { + font-size: 0.67em; +} + +hr { + margin-top: 20px; + margin-bottom: 20px; + border: 0; + border-top: 1px solid #eee; +} + +img { + vertical-align: middle; +} + +code, kbd { + font-size: 90%; + color: #fff; + border-radius: 3px; + padding: 1px 6px; + background-color: rgba(108, 108, 108, 0.7764705882); + white-space: normal; +} + +pre:has(code) { + border-radius: 8px; + padding-top: 30px !important; + position: relative; + overflow: auto; + background-color: #1d1f21; + font-size: 14px; + font-weight: unset; +} +pre:has(code)::before { + content: " "; + position: absolute; + -webkit-border-radius: 50%; + border-radius: 50%; + background-color: #fc625d; + width: 12px; + height: 12px; + left: 10px; + top: 10px; + -webkit-box-shadow: 20px 0 #fdbc40, 40px 0 #35cd4b; + box-shadow: 20px 0 #fdbc40, 40px 0 #35cd4b; +} + +pre code { + white-space: pre; + background-color: inherit; + font-size: inherit; +} + +legend { + display: block; + width: 100%; + padding: 0; + margin-bottom: 20px; + font-size: 21px; + line-height: inherit; + border: 0; + border-bottom: 1px solid #e5e5e5; +} + +label { + display: inline-block; + max-width: 100%; + margin-bottom: 5px; + font-weight: 700; +} + +mark { + padding: 0.4px 4px; +} + +p, ol, ul { + margin: 0 0 1em 0; + font-size: 16px; +} + +ol ol, ol ul, ul ol, ul ul { + margin-bottom: 0; +} + +optgroup { + font-weight: 700; +} + +ruby { + margin: 0 2px; + padding: 0 2px; + border-radius: 4px; +} + +select [multiple], select [size] { + height: auto; +} + +output { + display: block; + padding-top: 7px; + font-size: 14px; + line-height: 1.42857143; + color: #555; +} + +small { + font-size: 85%; +} + +sub, sup { + position: relative; + font-size: 75%; + line-height: 0; + vertical-align: baseline; +} + +sup { + top: -0.5em; +} + +sub { + bottom: -0.25em; +} + +svg:not(:root) { + overflow: hidden; +} + +table { + border-spacing: 0; + border-collapse: collapse; + margin: 2em 0; + width: 100%; +} +table *[class*=col-] { + position: static; + float: none; +} +table col[class*=col-] { + display: table-column; +} +table td, table th { + padding: 6px 12px; + border: 1px solid #ccc; + font-size: 14px; +} +table td [class*=col-], table th [class*=col-] { + display: table-cell; +} + +.btn { + display: inline-block; + padding: 6px 12px; + margin-bottom: 0; + font-size: 14px; + font-weight: 400; + line-height: 1.42857143; + text-align: center; + white-space: nowrap; + vertical-align: middle; + -ms-touch-action: manipulation; + touch-action: manipulation; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + text-transform: uppercase; + letter-spacing: 2px; + -webkit-transition: 0.3s; + transition: 0.3s; +} +.btn:active, .btn:focus, .btn:hover { + background: #393e46 !important; + color: #fff; + outline: 0 !important; + cursor: pointer; +} +.btn.btn-primary { + border: transparent; + border-color: #51aded; + background-color: #51aded; + color: #fff; +} +.btn.btn-primary:hover { + border-color: #15b9fa; + background-color: #15b9fa; +} +.btn.btn-primary:active, .btn.btn-primary:focus { + border-color: #0895cb; + background-color: #0895cb; +} + +.clearfix::before, .clearfix::after, .container::before, .container::after, .nav::before, .nav::after, .row::before, .row::after { + display: table; + content: " "; +} +.clearfix::after, .container::after, .nav::after, .row::after { + clear: both; +} + +[class*=col-md-] { + position: relative; + min-height: 1px; + padding-right: 15px; + padding-left: 15px; +} + +.container { + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} + +.form-control { + padding: 6px 12px; + line-height: 1.42857143; + width: 100%; + color: #555; + z-index: 2; + float: left; +} +.form-group { + margin-bottom: 15px; +} + +.hidden { + display: none !important; +} + +.input-group { + display: flex; + margin: 30px auto; + border-collapse: separate; +} +.input-group-addon { + padding: 6px 12px; + font-size: 14px; + font-weight: 400; + line-height: 1; + color: #555; + text-align: center; + background-color: #eee; + border: 1px solid #ccc; + width: 1%; + white-space: nowrap; + vertical-align: middle; + display: table-cell; +} +.input-group-addon:first-child { + border-right: 0; +} + +.post-pwd { + width: 55%; +} + +.pull-left, .pull .left, .pullquote-left, .pullquote .left { + float: left !important; +} +.pull-right, .pull .right, .pullquote-right, .pullquote .right { + float: right !important; +} + +.row { + margin-right: -15px; + margin-left: -15px; +} + +.useragent { + font-size: 15px; + color: #333; +} + +[class*=visible-] { + display: none !important; +} + +.text-left { + text-align: left; +} +.text-right { + text-align: right; +} +.text-center { + text-align: center; +} +.text-justify { + text-align: justify; +} +.text-nowrap { + white-space: nowrap; +} +.text-lowercase { + text-transform: lowercase; +} +.text-uppercase { + text-transform: uppercase; +} +.text-capitalize { + text-transform: capitalize; +} + +.alert { + padding: 1rem; + margin: 2rem 0; + border: 1px solid transparent; + display: flex; + flex-direction: row; +} +.alert .icon, .alert .text { + display: flex; +} +.alert .icon { + width: 2rem; + height: 2rem; + border-radius: 50%; + background-color: rgba(255, 255, 255, 0.8); + border: 1px solid; + justify-content: center; + align-items: center; + margin-right: 0.5rem; +} +.alert .text { + flex: 1; + border-left: 1px dashed; + flex-direction: column; +} +.alert a { + color: #1e8cdb; +} +.alert ul, .alert p { + margin: 0 1em !important; +} +.alert p + p { + margin-top: 0.5em !important; +} +.alert-primary { + background-color: #cfe2ff; + border-color: #b6d4fe; +} +.alert-primary .icon, .alert-primary .text p { + color: #084298 !important; +} +.alert-success { + background-color: #d1e7dd; + border-color: #badbcc; +} +.alert-success .icon, .alert-success .text p { + color: #0f5132 !important; +} +.alert-danger { + background-color: #f8d7da; + border-color: #f5c2c7; +} +.alert-danger .icon, .alert-danger .text p { + color: #842029 !important; +} +.alert-info { + background-color: #cff4fc; + border-color: #b6effb; +} +.alert-info .icon, .alert-info .text p { + color: #055160 !important; +} +.alert-warning { + background-color: #fff3cd; + border-color: #ffecb5; +} +.alert-warning .icon, .alert-warning .text p { + color: #664d03 !important; +} + +.panel { + margin-bottom: 20px; + border: 1px solid transparent; + -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); +} +.panel-body { + padding: 15px; +} +.panel-title { + padding-left: 15px; +} +.panel-heading { + padding: 10px 15px; + border-bottom: 1px solid transparent; +} +.panel > .panel-title { + color: #fff; +} +.panel-danger { + border-color: #e15554; +} +.panel-danger > .panel-title { + border-color: #e15554; + background-color: #e15554; +} +.panel-success { + border-color: #3bb273; +} +.panel-success > .panel-title { + border-color: #3bb273; + background-color: #3bb273; +} +.panel-info { + border-color: #4d9de0; +} +.panel-info > .panel-title { + border-color: #4d9de0; + background-color: #4d9de0; +} +.panel-warning { + border-color: #ffc320; +} +.panel-warning > .panel-title { + border-color: #ffc320; + background-color: #ffc320; +} +.panel-pwd { + border: 0; + box-shadow: none; +} + +.video-container { + position: relative; + overflow: hidden; + padding-top: 30px; + padding-bottom: 56.25%; + height: 0; +} +.video-container :not(:first-child) { + margin-top: 15px; +} +.video-container embed, .video-container iframe { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; +} + +.kratos-post-content div.xControl { + margin-top: 20px; +} + +.xControl { + position: relative; + margin-bottom: 15px; + background: #f6f6f6; + border-radius: 5px; +} +.xControl > .xHeading { + position: relative; + cursor: pointer; + padding-left: 15px; +} +.xControl > .xHeading a { + margin: 0; + font-size: 16px; +} +.xControl > .xHeading .xIcon { + transition: 0.3s; + position: absolute; + right: 15px; +} +.xControl.active .xIcon { + transform: rotate(-45deg); +} +.xControl .xContent:not(.pre-open) { + display: none; +} +.xControl .xContent { + border-top: 1px solid #e6e6e6; +} +.xControl .xContent .inner { + padding: 5px 15px; + color: #333; +} + +.hide_notice { + overflow: hidden; + padding: 8px 8px 8px 24px; + background-color: #eee; + font-size: 18px; + color: #ffcebb; + margin-bottom: 15px; +} +.hide_notice a { + color: #bbcdff; +} + +.unhide { + padding: 8px; + margin-bottom: 15px; +} +.unhide .info { + font-size: 12px; + color: #54ff4e; +} + +#snow { + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + z-index: 99999; + pointer-events: none; + transition: opacity 0.5s; +} +#snow:not(.disabled) { + background: rgba(225, 225, 225, 0.05); + opacity: 1; +} +#snow.disabled { + opacity: 0; +} + +#kratos-wrapper { + /*overflow-x:hidden;*/ + position: relative; +} + +#offcanvas-menu { + position: fixed; + bottom: 0; + top: 60px; + z-index: 1000; + width: 240px; + padding: 20px; + overflow-y: auto; + transition: right 0.3s; + -webkit-transition: right 0.3s; + background: rgba(42, 42, 42, 0.9); +} +#offcanvas-menu .ul-me { + padding-bottom: 60px; +} +#offcanvas-menu ul { + padding: 0; + margin: 0; +} +#offcanvas-menu ul .sub-menu { + display: block !important; +} +#offcanvas-menu ul li { + padding: 0; + margin: 0 0 10px 0; + list-style: none; +} +#offcanvas-menu ul li a { + font-size: 16px; + color: rgba(255, 255, 255, 0.55); +} +#offcanvas-menu ul li > .sub-menu { + margin-top: 9px; + padding-left: 20px; +} +#offcanvas-menu ul li .current-menu-item > a { + color: #51aded; +} + +#kratos-header { + position: relative; + margin-bottom: 0; + z-index: 5; +} +#kratos-header #kratos-mobile-topnav .color-logo img { + max-width: 200px; + height: 40px; + margin-top: -5px; +} +#kratos-header #kratos-mobile-topnav .kratos-nav-toggle { + position: fixed; + top: 11px; + right: 15px; + z-index: 999; + height: 38px; +} +#kratos-header #kratos-mobile-topnav .kratos-nav-toggle i { + position: relative; + display: inline-block; + zoom: 1; + width: 28px; + height: 2.5px; + color: #fff; + font: 700 14px/0.4 Helvetica; + text-transform: uppercase; + text-indent: -55px; + background: #fff; + -webkit-transition: 0.2s; + transition: 0.2s; +} +#kratos-header #kratos-mobile-topnav .kratos-nav-toggle i::before, #kratos-header #kratos-mobile-topnav .kratos-nav-toggle i::after { + content: ""; + width: 28px; + height: 2.5px; + background: #fff; + position: absolute; + left: 0; + -webkit-transition: 0.2s; + transition: 0.2s; +} +#kratos-header #kratos-mobile-topnav .kratos-nav-toggle i::before { + top: -9px; +} +#kratos-header #kratos-mobile-topnav .kratos-nav-toggle i::after { + bottom: -9px; +} +#kratos-header #kratos-mobile-topnav .nav-toggle.toon i { + background: 0 0; +} +#kratos-header #kratos-mobile-topnav .nav-toggle.toon i::before { + top: 0; + height: 2px; + -webkit-transform: rotateZ(45deg); + transform: rotateZ(45deg); +} +#kratos-header #kratos-mobile-topnav .nav-toggle.toon i::after { + bottom: 0; + height: 2px; + -webkit-transform: rotateZ(-45deg); + transform: rotateZ(-45deg); +} + +.sf-menu li { + position: relative; +} +.sf-menu li i { + margin-right: 0.5em; +} + +#kratos-menu-wrap { + float: left; +} +#kratos-menu-wrap .sf-menu a { + color: #fff; + padding: 7px 14px; + font-weight: 400; + font-size: 15px; + border: none; + display: block; + position: relative; +} +#kratos-menu-wrap .sf-menu > li:hover > a { + color: #333; + background: #eee; +} + +.kratos-topnav { + padding: 0; + position: fixed; + left: 0; + width: 100%; + z-index: 2; + background: rgba(40, 42, 44, 0.6); + top: 0; + transition: 0.5s all; +} + +#kratos-desktop-topnav .sf-menu { + list-style: none; + margin: 0; + padding: 0; +} +#kratos-desktop-topnav .sf-menu * { + list-style: none; +} +#kratos-desktop-topnav .sf-menu li { + position: relative; +} +#kratos-desktop-topnav .sf-menu > li { + float: left; +} +#kratos-desktop-topnav .sf-menu > li > ul.sub-menu { + transition: 0.3s all ease-in-out; + position: absolute; + visibility: hidden; + opacity: 0; + top: calc(100% + 6px); + width: 135px; + margin-top: 6px; + padding: 10px 5px; + background: rgba(255, 255, 255, 0.9333333333); + border-radius: 5px; + left: -18px; + box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15); +} +#kratos-desktop-topnav .sf-menu > li > ul.sub-menu a { + letter-spacing: 0; + padding: 7px 15px !important; + line-height: 20px; + color: #848484; +} +#kratos-desktop-topnav .sf-menu > li > ul.sub-menu a:hover { + color: #51aded; +} +#kratos-desktop-topnav .sf-menu > li > ul.sub-menu li a { + text-align: center; +} +#kratos-desktop-topnav .sf-menu > li > ul.sub-menu::before { + position: absolute; + top: -6px; + left: 62px; + border-right: 6px solid transparent; + border-bottom: 6px solid rgba(255, 255, 255, 0.9333333333); + border-left: 6px solid transparent; + margin: 0 auto; + content: ""; +} +#kratos-desktop-topnav .sf-menu > li:hover > ul.sub-menu { + visibility: visible; + opacity: 1; + top: 100%; +} +#kratos-desktop-topnav .nav-header { + position: relative; + float: left; + width: 100%; +} +#kratos-desktop-topnav .menu-right { + float: right; +} + +body.scroll-down.nav-up #kratos-desktop-topnav { + top: -41px; +} + +.kratos-cover, .kratos-start { + position: relative; + height: 800px; +} +.kratos-cover.kratos-hero-2, .kratos-start.kratos-hero-2 { + height: 320px; +} +.kratos-cover { + background-size: cover; + position: relative; + background-position: center; +} +.kratos-cover .btn { + padding: 1em 5em; + opacity: 0.9; +} +.kratos-cover.kratos-cover-2 { + height: 320px; + background-position: top; +} +.kratos-cover .desc { + top: 50%; + position: absolute; + width: 100%; + margin-top: -50px; + z-index: 2; + color: #fff; + text-shadow: 2px 2px 2px #666; +} +.kratos-cover .desc h2 { + color: #fff; + text-transform: none; + font-size: 40px; + margin-bottom: 10px; + display: inline-block; +} +.kratos-cover .desc p, .kratos-cover .desc span { + color: #fff; + margin-bottom: 30px; + font-size: 25px; + letter-spacing: 1px; + display: inline-block; +} +.kratos-cover .desc p a, .kratos-cover .desc span a { + color: #fff; +} +.kratos-cover .desc p a:focus, .kratos-cover .desc p a:hover, .kratos-cover .desc span a:focus, .kratos-cover .desc span a:hover { + color: #fff !important; +} +.kratos-cover .desc p a:focus.btn, .kratos-cover .desc p a:hover.btn, .kratos-cover .desc span a:focus.btn, .kratos-cover .desc span a:hover.btn { + border: 2px solid #fff !important; + background: 0 0 !important; +} + +#kratos-blog-post { + padding: 20px 0; +} +#kratos-blog-post p { + display: block; +} +#kratos-blog-post .aligncenter { + margin-left: auto; + margin-right: auto; +} +#kratos-blog-post .alignleft { + float: left; +} +#kratos-blog-post .alignright { + float: right; +} +#kratos-blog-post .alignnone { + display: inline; + vertical-align: text-bottom; +} +#kratos-blog-post .row { + display: flex; +} +#kratos-blog-post .row > * { + max-width: 100%; +} +#kratos-blog-post .row article { + margin-bottom: 15px; +} + +.pagination { + padding-left: 0; + border-radius: 4px; + margin: 23px 0 7px; +} +.pagination a, .pagination span { + margin: 0 3px; + position: relative; + padding: 6px 12px; + line-height: 1.5; + text-decoration: none; + background-color: #fff; + color: #626262; +} +.pagination > span.page-number, .pagination > a:hover { + background-color: #51aded; + color: #fff !important; +} +.pagination .page-number, .pagination .extend { + min-width: 36px; + height: 36px; + display: inline-block; +} + +.post-navigation { + margin-top: 15px; +} +.post-navigation a { + color: #5a5a5a; +} +.post-navigation .nav-previous { + max-width: 50%; + box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1); + padding: 7px 18px; + float: left; + text-align: left; +} +.post-navigation .nav-next { + max-width: 50%; + box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1); + padding: 7px 18px; + float: right; + text-align: right; +} + +ul.kratos-post-meta { + padding: 0; +} +ul.kratos-post-meta > li { + list-style: none; + display: inline-block; + font-size: 13px; +} +ul.kratos-post-meta > li:not(:first-child) { + margin-left: 12px; +} +ul.kratos-post-meta:not(:last-child) { + margin-bottom: 0; +} + +.kratos-breadcrumb { + margin: 10px 25px; +} +.kratos-breadcrumb > a, .kratos-breadcrumb span { + padding: 0 5px; +} + +.kratos-status { + margin: 15px 15px 15px 38px; + border-left: 1px dotted rgba(123, 123, 123, 0.4823529412); + position: relative; +} +.kratos-status.kratos-status-post { + margin: 0 15px 0 38px; +} +.kratos-status > i:first-child { + position: absolute; + top: calc(50% - 0.5em); + left: -8px; +} +.kratos-status-inner { + margin-left: 30px; +} +.kratos-status-inner footer { + font-size: 12px; +} +.kratos-status-inner .kratos-status-content p { + margin: 0; +} +.kratos-status-inner .kratos-status-content img { + max-width: 100%; +} + +.kratos-hentry { + margin-bottom: 25px; + background-color: #fff; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); + border-radius: 0; + -webkit-transition: all 0.6s ease; + transition: all 0.6s ease; +} +.kratos-hentry.kratos-post-inner { + margin-bottom: 0; +} + +.container article:last-of-type { + margin: 0; +} +.container article.kratos-hentry:hover { + box-shadow: 0 8px 15px rgba(146, 146, 146, 0.39); +} + +.container article .kratos-post-nav { + padding: 10px 20px 10px 20px; + color: #5a5a5a; +} +.container article .kratos-post-nav a { + color: #5a5a5a; +} + +.kratos-post-header-title { + color: #1c1c1c; + -webkit-transition: 0.3s; + transition: 0.3s; + text-decoration: none; + font-size: 18px; + line-height: 1.5; + margin: 20px; +} + +.kratos-post-inner { + padding: 25px 10px 18px 10px; +} +.kratos-post-inner div:last-child.kratos-copyright { + margin-bottom: 20px; +} +.kratos-post-inner .kratos-copyright { + background-color: rgba(220, 220, 220, 0.7); + margin: 25px 0 0; + border-radius: 5px; +} +.kratos-post-inner .kratos-copyright h5 { + margin: 15px; + color: #666; + font-size: 13px; + font-weight: 300; +} +.kratos-post-inner .kratos-copyright a { + color: #777; +} + +.kratos-post-inner-new { + margin-left: 255px; + height: 160px; + padding: 21px 20px 0 3px; + overflow: hidden; + text-overflow: ellipsis; +} +.kratos-post-inner-new header .label-link { + position: relative; + display: inline-block; + padding: 4px 6px 3px; + font-size: 12px; + font-weight: 700; + line-height: 14px; + color: #fff; + vertical-align: baseline; + white-space: nowrap; + background-color: #51aded; + margin-right: 5px; + position: relative; + top: -2px; + border-radius: 0; + cursor: pointer; +} +.kratos-post-inner-new header .label-link::after { + position: absolute; + width: 0; + height: 0; + vertical-align: top; + content: ""; + top: 6px; + right: -4px; + border-left: 4px solid #51aded; + border-top: 4px solid transparent; + border-bottom: 4px solid transparent; +} +.kratos-post-inner-new header .label-link:hover { + color: #fff !important; +} + +.col-md-8 { + width: 100%; +} + +.kratos-post-content { + word-break: break-word; + word-wrap: break-word; + margin: 10px; +} +.kratos-post-content p { + margin-bottom: 1em; + font-size: 16px; + color: #333; + margin: 1em; +} +.kratos-post-content img { + height: auto; + max-width: 100%; + display: block; + margin: 1em auto; + border: 2px solid #bbb; + border-radius: 2px; +} +.kratos-post-content embed { + max-width: 100%; +} +.kratos-post-content div { + margin: auto; +} +.kratos-post-content .caption { + display: block; + padding: 5px; + font-size: 14px; + text-align: center; +} +.kratos-post-content .kratos-post-inner-toc { + display: none !important; + border: 2px dashed #ddd; + border-radius: 10px; + padding-top: 15px; +} +@media (max-width: 991px) { + .kratos-post-content .kratos-post-inner-toc { + display: block !important; + } +} +@media (max-width: 768px) { + .kratos-post-content .kratos-post-inner-toc .toc { + padding-left: 20px; + } +} + +.kratos-entry-header { + margin-bottom: 15px; +} + +.kratos-entry-title { + margin: 0 0 15px; + font-size: 30px; +} +.kratos-entry-title a { + color: #1c1c1c; + -webkit-transition: color 0.3s; + transition: 0.3s; + text-decoration: none; + font-size: 25px; +} +.kratos-entry-title a:hover { + color: #618eba; +} +.kratos-entry-title-new { + display: inline; + margin: 0; + font-size: 21px; +} +.kratos-entry-title-new strong { + margin-left: 0.5em; +} +.kratos-entry-title-new sub { + display: inline-block; +} + +.kratos-entry-thumb-new { + position: relative; + float: left; + width: 240px; + height: 145px; + overflow: hidden; + margin: 20px; + padding: 0; +} +.kratos-entry-thumb-new img { + position: absolute; + padding: 2px; + border: 1px solid #f3f3f3; + height: 100%; + width: 100%; + object-fit: cover; +} + +.kratos-entry-border-new { + position: relative; +} +.kratos-entry-border-new .kratos-post-meta-new { + padding: 3px 20px; + border-top: 1px solid #f3f3f3; + line-height: 27px; + overflow: hidden; + display: block; + clear: both; + font-size: 12px; + background: rgba(253, 253, 253, 0.7); +} +.kratos-entry-border-new .kratos-post-meta-new a i { + margin-left: 0.3em; + margin-right: 2px; +} +.kratos-entry-border-new .kratos-post-meta-new .read-more { + margin-right: 0; +} +.kratos-entry-border-new .kratos-post-meta-new > span > * { + display: inline-block; +} +.kratos-entry-border-new .stickyimg { + position: absolute; + z-index: 2; + left: 100%; + margin-left: -65px; + user-select: none; +} +.kratos-entry-border-new a { + color: #333; +} +.kratos-entry-border-new .pin-top.wrapper { + position: absolute; + right: -10px; + top: -10px; + z-index: 1; + border-radius: 50%; + animation: top-pulse 3s infinite; +} +.kratos-entry-border-new .pin-top.inner { + width: 20px; + height: 20px; + background-color: rgba(81, 173, 237, 0.8666666667); + border-radius: 50%; +} + +.kratos-entry-header { + margin-bottom: 0; +} +.kratos-entry-header .kratos-post-meta a { + color: #777676; +} +.kratos-entry-header-new { + margin: 3px 0 6px; +} + +.kratos-entry-content p { + font-size: 16px; +} +.kratos-entry-content-new { + text-overflow: ellipsis; +} +.kratos-entry-content-new p { + font-size: 15px; +} + +.kratos-entry-footer { + color: #9d9d9d; + margin: 10px; +} +.kratos-entry-footer .post-like-donate { + margin-top: 15px; + margin-bottom: 20px; +} +.kratos-entry-footer .post-like-donate a { + display: inline-block; + margin: 0 2px; + width: 130px; + height: 40px; + border: 1px solid #e87461; + border-radius: 0; + box-shadow: none; + color: #e87461; + text-align: center; + text-decoration: none; + font-size: 14.5px; + line-height: 40px; + transition: all 0.3s ease; +} +.kratos-entry-footer .post-like-donate a.read-more:hover { + background: #e87461; + color: #fff !important; +} +.kratos-entry-footer .post-like-donate .donate { + margin-left: 10px; + border-color: #3496e6; + color: #3496e6; +} +.kratos-entry-footer .post-like-donate .donate:hover { + background-color: #3496e6; + color: #fff !important; +} +.kratos-entry-footer .post-like-donate .share { + border-color: #78ce79; + color: #78ce79; +} +.kratos-entry-footer .post-like-donate .share:hover { + background-color: #78ce79; + color: #fff !important; +} +.kratos-entry-footer .post-like-donate .share-plain { + width: 30px; + height: 30px; + font-size: 14px; +} +.kratos-entry-footer .post-like-donate .share-plain :hover { + color: #fff; +} +.kratos-entry-footer .post-like-donate .share-plain .icon-wrap { + width: 30px; + height: 30px; + line-height: 30px; +} +.kratos-entry-footer .post-like-donate .share-plain.qq { + border-color: #00bfff; + color: #00bfff; +} +.kratos-entry-footer .post-like-donate .share-plain.qq:hover { + background-color: #00bfff; +} +.kratos-entry-footer .post-like-donate .share-plain.qzone { + border-color: #fece00; + color: #fece00; +} +.kratos-entry-footer .post-like-donate .share-plain.qzone:hover { + background-color: #fece00; +} +.kratos-entry-footer .post-like-donate .share-plain.weixin { + border-color: #38ad5a; + color: #38ad5a; +} +.kratos-entry-footer .post-like-donate .share-plain.weixin:hover { + background-color: #38ad5a; +} +.kratos-entry-footer .post-like-donate .share-plain.weibo { + border-color: #e6162d; + color: #e6162d; +} +.kratos-entry-footer .post-like-donate .share-plain.weibo:hover { + background-color: #e6162d; +} +.kratos-entry-footer .post-like-donate .share-plain.twitter { + border-color: #55acee; + color: #55acee; +} +.kratos-entry-footer .post-like-donate .share-plain.twitter:hover { + background-color: #55acee; +} +.kratos-entry-footer .post-like-donate .share-plain.facebook { + border-color: #3e569b; + color: #3e569b; +} +.kratos-entry-footer .post-like-donate .share-plain.facebook:hover { + background-color: #3e569b; +} + +.donate-box .meta-pay { + margin-top: 12px; + margin-bottom: 12px; + color: #333; +} +.donate-box .qr-pay img { + width: 200px; + height: 200px; +} +.donate-box .choose-pay { + margin-top: 6px; +} +.donate-box .choose-pay input { + display: none; +} +.donate-box .choose-pay input:checked + label { + border-color: #0092ee; + color: #0092ee; +} +.donate-box .pay-button { + margin: 10px 5px; + width: 132px; + height: 45px; + border: 1px solid #e6e6e6; + text-align: center; + line-height: 38px; + cursor: pointer; +} +.donate-box .pay-button img { + height: 26px; +} + +.d-none { + display: none; +} + +.kratos-entry-footer .footer-tag a { + background-color: #aaa; + color: #fff; + display: inline-block; + font-size: 12px; + line-height: 13px; + padding: 2px 5px; +} +.kratos-entry-footer .footer-tag a:focus, .kratos-entry-footer .footer-tag a:hover { + background: #8d8d8d; + color: #fff !important; +} +.kratos-entry-footer .footer-tag .pull-date { + float: right; + margin-top: 5px; + font-size: 14px; +} + +.share-wrap { + display: block; + margin: 10px 0 -20px; +} +.share-plain, .share-wrap { + position: relative; + text-align: center; +} +.share-plain { + display: inline-block !important; + box-sizing: border-box; + margin: 4px 3px !important; + padding: 0; + width: 2pc !important; + height: 2pc !important; + border: 1px solid #bdc4d6; + border-radius: 30px !important; + color: #bdc4d6; + white-space: nowrap; + line-height: 30px !important; + cursor: pointer; + -webkit-transition: all 0.2s ease; + transition: all 0.2s ease; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + border-width: 1px; + background-color: transparent; +} +.share-plain .icon-wrap { + vertical-align: middle; + text-align: center; + line-height: 30px; +} +.share-plain .share-int { + position: absolute; + bottom: 50px; + left: 50%; + z-index: 8; + display: none; + margin-left: -110px; + padding: 10px; + width: 220px; + border: 1px solid #d8d8d8; + border-radius: 2px; + background-color: #fff; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); + color: #555; + text-align: center; + opacity: 0.2; + -webkit-transition: all 0.1s ease; + transition: all 0.1s ease; +} +.share-plain .share-int:after { + position: absolute; + margin-left: -11px; + bottom: -10px; + content: ""; + box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.1); + background-color: white; + width: 20px; + height: 20px; + transform: rotate(45deg); +} +.share-plain .share-int canvas, .share-plain .share-int img { + margin: 15px; + height: auto; + max-width: 100%; +} +.share-plain .share-int p { + color: #676767; + white-space: normal; + word-wrap: break-word; + font-size: 14px; + line-height: 1.5; +} +.share-plain .share-int img { + display: inline-block !important; +} +.share-plain.pop:hover .share-int { + display: block; + opacity: 1; +} + +@keyframes widget-title-icon-animation { + 0%, 25%, 50%, 75%, 100% { + transform: rotate(0); + } + 12%, 63% { + transform: rotate(10deg); + } + 37%, 88% { + transform: rotate(-10deg); + } +} +@-webkit-keyframes widget-title-icon-animation { + 0%, 25%, 50%, 75%, 100% { + -webkit-transform: rotate(0); + } + 12%, 63% { + -webkit-transform: rotate(10deg); + } + 37%, 88% { + -webkit-transform: rotate(-10deg); + } +} +#kratos-widget-area { + user-select: none; +} +#kratos-widget-area > .sticky-area { + top: 56px; + position: sticky; + transition: 0.5s all; +} +#kratos-widget-area .widget { + margin-bottom: 15px; + padding: 20px 25px; + background-color: #fff; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); + border-radius: 0; +} +#kratos-widget-area .widget:last-child { + margin: 0; +} +#kratos-widget-area .widget > .widget-title { + position: relative; + margin: 0 0 10px; + padding-bottom: 12px; + border-bottom: 1px solid #e7e7e7; + font-size: 16px; +} +#kratos-widget-area .widget > .widget-title:not(.no-after)::after, #kratos-widget-area .widget > .widget-title > .toc-progress-bar { + position: absolute; + left: 0; + bottom: 0; + height: 2.5px; + width: 100px; + background-color: #51aded; + content: ""; + height: 2px !important; +} +#kratos-widget-area .widget > .widget-title i { + margin-right: 10px; +} +#kratos-widget-area .widget:hover > .widget-title i { + animation: widget-title-icon-animation 0.5s linear; + -webkit-animation: widget-title-icon-animation 0.5s linear; +} +#kratos-widget-area .widget img { + max-width: 100%; + height: auto; +} +#kratos-widget-area .widget a { + color: #666; + text-decoration: none; + -webkit-transition: 0.4s; + transition: 0.4s; +} +#kratos-widget-area .widget a:hover { + color: #618eba; +} +#kratos-widget-area .widget li { + padding-top: 2px; + padding-bottom: 2px; +} +#kratos-widget-area .widget .children { + padding-left: 30px; +} +#kratos-widget-area .widget.widget-kratos-about { + padding-left: 0; + padding-right: 0; + padding-top: 0; +} +#kratos-widget-area .widget.widget-kratos-about .photo-background { + -webkit-background-size: cover; + background-size: cover; +} +#kratos-widget-area .widget.widget-kratos-about .photo-wrapper { + width: 100%; +} +#kratos-widget-area .widget.widget-kratos-about .photo-wrapper img { + margin: -50px 0 0; + width: 90px; + height: 90px; + object-fit: cover; + border: rgba(255, 255, 255, 0.4) 4px solid; + border-radius: 50%; +} +#kratos-widget-area .widget.widget-kratos-about .photo-background { + height: 120px; +} +#kratos-widget-area .widget.widget-kratos-about .textwidget { + margin: 10px 0 30px 0; +} +#kratos-widget-area .widget.widget-kratos-about p { + margin-bottom: 1em; + font-size: 16px; + margin: 20px; +} +#kratos-widget-area .widget.widget-kratos-about .site-meta { + display: flex; + flex-direction: row; + justify-content: space-around; +} +#kratos-widget-area .widget.widget-kratos-about .site-meta > .meta-item { + display: flex; + flex-direction: column; + padding: 0.5rem 1rem; + border-radius: 5px; +} +#kratos-widget-area .widget.widget-kratos-about .site-meta > .meta-item:hover { + background-color: rgba(239, 239, 239, 0.6666666667); +} +#kratos-widget-area .widget.widget-kratos-about .site-meta > .meta-item > * { + display: flex; + justify-content: center; +} +#kratos-widget-area .widget.widget-kratos-ad { + padding: 5px; +} +#kratos-widget-area .widget.widget-kratos-ad .img-responsive { + display: block; + max-width: 100%; + height: auto; +} +#kratos-widget-area .widget.widget-kratos-ad h4 { + margin: 10px 20px 5px; +} +#kratos-widget-area .widget.widget-kratos-ad img { + max-width: 100%; + height: auto; +} +#kratos-widget-area .widget.widget-kratos-tags .tag-clouds a { + display: inline-block; + margin: 3px 4px; + padding: 4px 12px; + border: 1px solid #f0f0f0; + text-transform: uppercase; + line-height: 19px; + background: rgba(251, 251, 251, 0.7); + border-radius: 5px; +} +#kratos-widget-area .widget.widget-kratos-posts .tab-content { + margin: 0 8px -18px 8px; +} +#kratos-widget-area .widget.widget-kratos-posts .tab-content > .tab-pane { + display: none; +} +#kratos-widget-area .widget.widget-kratos-posts .tab-content > .active { + display: block; +} +#kratos-widget-area .widget.widget-kratos-posts .tab-content .list-group a { + overflow: hidden; + border-bottom: 1px dashed #b4afaf; + text-decoration: none; + text-overflow: ellipsis; + white-space: nowrap; + -webkit-transition: color 0.3s; + transition: color 0.3s; +} +#kratos-widget-area .widget.widget-kratos-posts .tab-content .list-group a:last-child { + border-bottom: 0; +} +#kratos-widget-area .widget.widget-kratos-posts .list-group { + padding-left: 0; + margin-bottom: 20px; +} +#kratos-widget-area .widget.widget-kratos-posts .list-group-item { + position: relative; + display: block; + margin-bottom: 0; + padding: 8px 0; + border: 0; + background-color: unset; +} +#kratos-widget-area .widget.widget-kratos-posts .list-group-item:first-child { + margin-top: 1px; +} +#kratos-widget-area .widget.widget-kratos-posts .list-group-item i { + margin: 0 5px 0 0; +} +#kratos-widget-area .widget.widget-kratos-archive ul, #kratos-widget-area .widget.widget-kratos-categories ul { + list-style: none; + padding: 0; + margin: 0; +} +#kratos-widget-area .widget.widget-kratos-archive li::before, #kratos-widget-area .widget.widget-kratos-categories li::before { + font-family: fontawesome; + font-size: 15px; + margin-right: 8px; +} +#kratos-widget-area .widget.widget-kratos-archive li::before { + content: "\f133"; +} +#kratos-widget-area .widget.widget-kratos-categories li { + margin-left: 10px; +} +#kratos-widget-area .widget.widget-kratos-categories li::before { + content: "\f114"; +} +#kratos-widget-area .widget.widget-kratos-categories .category-list-item .category-list-count { + float: right; + margin-right: 20px; + border-radius: 6px; + width: 2em; + text-align: center; +} +#kratos-widget-area #krw-toc { + display: block !important; +} +#kratos-widget-area #krw-toc .toc { + padding: 0; + overflow: auto; +} +#kratos-widget-area #krw-toc .toc-item > a { + display: block; + padding-left: 1em; + position: relative; +} +#kratos-widget-area #krw-toc .toc-item:not(.show) > .toc-child { + display: none; +} +#kratos-widget-area #krw-toc .toc-item.active > a { + color: #fff; + background: linear-gradient(120deg, #e0c3fc 0%, #8ec5fc 100%); +} +#kratos-widget-area #krw-toc .toc-item.active > a::before { + position: absolute; + width: 0; + height: 0; + content: ""; + top: 10px; + margin: auto; + left: 0; + border-left: 6px solid; + border-top: 4px solid transparent; + border-bottom: 4px solid transparent; +} +#kratos-widget-area #krw-toc .toc-item.active > a::before { + border-left-color: #fff; +} + +.widget-kratos-toc .toc-child, .kratos-post-inner-toc .toc-child { + padding-left: 1rem; +} + +body.nav-up #kratos-widget-area > .sticky-area { + top: 15px; +} + +.toc li { + list-style: none; + padding: 0; +} + +.kr-tool .tool, .kr-tool .box { + right: 20px; + -webkit-transition: 0.5s; + transition: 0.5s; +} +.kr-tool .tool { + bottom: 20px; + position: fixed; +} +.kr-tool .box { + background: #848484; + margin-top: 10px; + opacity: 0.7; +} +.kr-tool .box:hover { + background: #656565; + cursor: pointer; +} +.kr-tool .box span { + width: 30px; + height: 30px; + display: table-cell; + vertical-align: middle; + color: #fff; + font-size: 15px; +} +.kr-tool .box a { + display: contents; +} +.kr-tool .box.gotop-box { + bottom: -50px; + position: fixed; +} + +body.scroll-down .kr-tool .tool { + bottom: 60px; +} +body.scroll-down .kr-tool .box.gotop-box { + bottom: 20px; +} + +#footer { + background: #23282d; + padding-top: 40px; +} +#footer.ap-lrc { + padding-bottom: 32px; +} +#footer li { + letter-spacing: 1px; + font-size: 14px; + text-transform: uppercase; + display: inline-block; +} +#footer li a { + color: rgba(255, 255, 255, 0.5); +} +#footer .kratos-social-icons { + padding-left: 0; +} +#footer .kratos-social-icons li { + padding: 4px 14px; +} +#footer .kratos-social-icons li a { + display: inline-block; + text-decoration: none; +} +#footer .kratos-social-icons li a > i { + font-size: 36px; +} +#footer .kratos-social-icons li a > :not(i) { + width: 36px; + height: 36px; +} +#footer .kratos-social-icons li a > * { + display: inline-block; + vertical-align: middle; +} +#footer .kratos-copyright { + padding-left: 0; + list-style: none; +} +#footer .kratos-copyright div { + line-height: 1.2; + margin: 0 40px; +} +#footer .kratos-copyright li { + color: rgba(255, 255, 255, 0.3); + line-height: 1; + margin: 0 2px; + font-size: 12px; +} +#footer .kratos-copyright:first-child { + margin-top: 25px; +} + +@media (min-width: 992px) { + #footer .col-md-6 { + width: 80%; + margin: auto 10%; + } +} +.linkpage ul { + color: rgba(255, 255, 255, 0.15); + padding: 0; +} +.linkpage ul:after { + content: " "; + clear: both; + display: block; +} +.linkpage ul li { + float: left; + width: 48%; + position: relative; + transition: all 0.3s ease-out; + border-radius: 5px; + line-height: 1.3; + height: 90px; + display: block; +} +.linkpage ul li:hover { + background: rgba(230, 244, 250, 0.5); + cursor: pointer; +} +.linkpage ul li a { + padding: 0 10px 0 90px; +} +.linkpage ul li a img { + width: 60px; + height: 60px; + object-fit: cover; + border-radius: 50%; + position: absolute; + top: 15px; + left: 15px; + cursor: pointer; + margin: auto; + border: none; +} +.linkpage ul li a h4 { + color: #333; + font-size: 18px; + margin: 0 0 7px 0; + padding-left: 90px; +} +.linkpage ul li a p { + font-size: 12px; + color: #999; + padding-left: 75px; +} +.linkpage ul li a h4, .linkpage ul li a p { + cursor: pointer; + white-space: nowrap; + text-overflow: ellipsis; + overflow: hidden; + line-height: 1.4; +} +.linkpage ul li a:hover h4 { + color: #51aded; +} +.linkpage h3 { + margin: 15px -25px; + padding: 0 25px; + border-left: 5px solid #51aded; + background-color: #f7f7f7; + font-size: 25px; + line-height: 40px; +} + +@media (max-width: 1200px) { + .kratos-entry-content-new { + height: 80px; + } +} +@media (max-width: 992px) { + .kratos-post-meta span { + font-size: 12px; + } + .kratos-post-meta span i:not(:first-child) { + margin-left: 10px; + } + .kratos-entry-content-new { + height: 100px; + } + .title-h2 { + padding: 0 15px; + font-size: 18px; + } +} +@media (max-width: 768px) { + h1 { + font-size: 25px !important; + } + h2 { + font-size: 21px; + } + h3 { + font-size: 18px; + } + h4 { + font-size: 15px; + } + .kratos-nav-toggle { + display: block; + } + .color-logo { + text-align: center; + width: 100%; + font-size: 25px; + font-weight: 400; + height: 60px; + padding: 7px; + } + .color-logo a, .color-logo a:hover { + color: #fff !important; + } + .color-logo img { + max-width: 175px; + height: 35px; + } + .kratos-cover { + height: inherit; + padding: 3em 0; + } + .kratos-cover.kratos-cover-2.text-center { + display: none; + } + .kratos-start { + height: 45px !important; + } + .kratos-overlay { + display: none; + } + #kratos-header { + background: rgba(22, 23, 26, 0.9); + } + #kratos-blog-post { + padding: 2em 0 1em; + } + .kratos-post-meta span { + font-size: 9pt; + } + .kratos-post-meta span i:not(:first-child) { + margin-left: 5px; + } + #kratos-menu-wrap, .kratos-post-inner-new header .label { + display: none; + } + .kratos-post-content embed { + height: auto; + } + h1.kratos-entry-title.text-center { + font-size: 36px !important; + } + .kratos-entry-thumb-new { + position: relative; + float: none; + width: auto; + height: auto; + margin: 0 0 20px 0; + padding: 0 0 60% 0; + } + .kratos-entry-thumb-new img { + padding: 0; + border: 0; + } + .kratos-post-inner-new { + margin-left: 0; + height: auto; + padding: 0 20px; + } + .kratos-post-meta-new .read-more { + margin-right: 8px; + } + .kratos-entry-content-new { + height: auto; + } + .hide_notice, .info { + font-size: 12px; + } + #archives .arc-t { + width: 45%; + } +} +@media (max-width: 768px) { + .visible-xs { + display: block !important; + } + .hidden-xs { + display: none !important; + } +} +@media (max-width: 530px) { + #slide .carousel-indicators { + margin-bottom: 0; + } + .kratos-entry-footer .post-like-donate a { + width: 100px; + } + .kratos-entry-footer .footer-tag a { + padding: 2px 4px; + } + .kratos-post-meta .hd, + .pull-date, + .spig, + .useragent .bversion { + display: none; + } + .pagination li a { + width: 30px; + padding: 4px; + margin-left: 5px; + } + #archives .arc-t { + width: 97%; + } +} +@media (max-width: 460px) { + .linkpage ul li { + width: 97%; + } + .linkpage ul { + padding-left: 5px; + } +} +@media (min-width: 768px) { + .container { + width: 750px; + } + #kratos-desktop-topnav.color-banner { + height: 71px; + } + .kratos-start.kratos-hero { + height: 70px; + } + .color-banner #kratos-menu-wrap { + float: right; + width: 80%; + } + .color-banner .nav-header { + padding: 14px 0; + } + #kratos-mobile-topnav { + display: none; + } + .pagination > li > a { + background-color: rgba(255, 255, 255, 0.8); + } + .kratos-hentry, + .navigation div, + #kratos-widget-area .widget { + background-color: rgba(255, 255, 255, 0.8); + } +} +@media (min-width: 768px) and (max-width: 991px) { + .visible-sm { + display: block !important; + } + .hidden-sm { + display: none !important; + } +} +@media (min-width: 992px) { + .container { + width: 970px; + } + [class*=col-md-] { + float: left; + } + .col-md-1 { + width: 8.33333333%; + } + .col-md-2 { + width: 16.66666667%; + } + .col-md-3 { + width: 25%; + } + .col-md-4 { + width: 33.33333333%; + } + .col-md-5 { + width: 41.66666667%; + } + .col-md-6 { + width: 50%; + } + .col-md-7 { + width: 58.33333333%; + } + .col-md-8 { + width: 66.66666667%; + } + .col-md-9 { + width: 75%; + } + .col-md-10 { + width: 83.33333333%; + } + .col-md-11 { + width: 91.66666667%; + } + .col-md-12 { + width: 100%; + } + .page404 .errtxt { + margin-top: 15%; + } + .page404 .errtxt h5, .page404 .errtxt p { + margin-top: 30px; + } +} +@media (min-width: 992px) and (max-width: 1199px) { + .visible-md { + display: block !important; + } + .hidden-md { + display: none !important; + } +} +@media (min-width: 1200px) { + .container { + width: 1170px; + } + .visible-lg { + display: block !important; + } + .hidden-lg { + display: none !important; + } +} +@media print { + body { + background: #fff !important; + } + .col-md-8, + #main, + .kratos-post-inner { + padding: 0; + } + #kratos-header, + .kratos-start, + #kratos-widget-area, + .kr-tool { + display: none; + } +} +td.code { + text-align: left; +} + +.twitter-tweet { + margin: auto; +} + +#dsqjs { + padding: 10px 15px; +} +#dsqjs-msg { + color: #2a2e2e; + background-color: #ebeef2; + padding: 10px; + border-radius: 5px; +} + +.post-comments { + margin-top: 16px; + padding: 10px; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); + word-break: break-all; +} + +.index-post h1 { + margin: 0 0 15px; +} +.index-post .kratos-entry-title { + font-size: 36px; + position: relative; +} +.index-post .kratos-entry-header .kratos-entry-title::after { + content: ""; + position: absolute; + width: 100%; + height: 2px; + bottom: 0; + left: 0; + background-color: #000; + visibility: hidden; + -webkit-transform: scaleX(0); + -moz-transform: scaleX(0); + -ms-transform: scaleX(0); + -o-transform: scaleX(0); + transform: scaleX(0); + transition-duration: 0.2s; + transition-timing-function: ease-in-out; + transition-delay: 0s; +} +.index-post .kratos-entry-header .kratos-entry-title:hover::after { + visibility: visible; + -webkit-transform: scaleX(1); + -moz-transform: scaleX(1); + -ms-transform: scaleX(1); + -o-transform: scaleX(1); + transform: scaleX(1); +} +.index-post .kratos-entry-thumb-new { + position: relative; + float: none; + width: auto; + height: auto; + margin: 0 0 20px 0; + padding: 0 0 60% 0; +} +.index-post .kratos-entry-thumb-new img { + padding: 0; + border: 0; +} + +span.blur { + text-shadow: 0 0 0.5em rgb(0, 0, 0); + color: rgba(1, 1, 1, 0.1) !important; + transition: 0.2s; +} +span.blur:hover { + text-shadow: 0 0 0; + color: #000000 !important; +} + +/**************** Search Page related ****************/ +#kr-search-notice.alert { + transition: 0.3s; +} + +#result-posts { + margin-top: 20px; +} +#result-posts .kr-search-result { + margin: auto; + height: auto; + width: 90%; + padding-top: 22px; +} +#result-posts .kr-search-result .kratos-entry-content-new { + height: auto; +} +#result-posts m { + color: #333; + background-color: yellow; +} + +#search-input { + -webkit-appearance: none; + border-color: #dbdbdb; + border-radius: 4px 0 0 4px; +} +#search-input:hover { + border-color: #b5b5b5; +} +#search-input:focus { + outline: 0; +} + +.input-group .form-input.input-lg { + display: inline-flex; + box-shadow: none; + flex: auto; + justify-content: flex-start; + padding: 0 8px; + font-size: 15px; + max-width: 100%; + border: 1px solid transparent; +} +.input-group .btn.btn-primary { + border: transparent; + border-radius: 0 4px 4px 0; +} + +.search-demo-tags a { + margin: 5px 10px; +} + +/**************** Plugins *****************/ +span.mjx-chtml.MJXc-display { + color: #000000; +} + +#hexo-blog-encrypt label { + padding-left: 10px; + pointer-events: none; +} +#hexo-blog-encrypt #hbePass { + padding: 0; + border-radius: 4px; +} + +mjx-container { + display: inline-block; + vertical-align: bottom; + overflow-x: auto; + max-width: 100%; +} + +/******************* Images ********************/ +body.custom-background { + background-size: cover; + background-attachment: fixed; +} + +/******************* Color ********************/ +*::-webkit-selection { + color: #fcfcfc; + background: #262a30; +} +*::-moz-selection { + color: #fcfcfc; + background: #262a30; +} +*::selection { + color: #fcfcfc; + background: #262a30; +} + +h1, +h2, +h3, +h4, +h5, +h6, +ol, +ul, +p { + color: #000; +} + +body { + background-color: #f5f5f5; +} + +h2.title-h2 { + background-color: rgba(239, 239, 239, 0.6666666667); +} + +a { + color: #1e8cdb; +} + +blockquote { + background-color: rgba(239, 239, 239, 0.6666666667); + border-color: rgba(60, 73, 91, 0.2274509804); +} +blockquote p { + color: #000; +} + +table th { + color: #000; + background-color: rgba(239, 239, 239, 0.6666666667); +} + +.kratos-hentry { + background-color: rgba(255, 255, 255, 0.8666666667); +} + +.kratos-entry-border-new a, .kratos-entry-border-new i { + color: #000; +} +.kratos-entry-border-new .kratos-post-meta-new { + border-top: 1px solid rgba(60, 73, 91, 0.2274509804); + background: rgba(255, 255, 255, 0.8666666667); +} +.kratos-entry-border-new .kratos-status i { + color: #666; +} +.kratos-entry-border-new .kratos-status p a { + color: #1e8cdb; +} +.kratos-entry-border-new .kratos-status p a:hover { + color: #6ec3f5; +} + +.kratos-entry-header span, .kratos-entry-header a { + color: #000; +} + +ul.kratos-post-meta { + color: #666; +} +ul.kratos-post-meta span, ul.kratos-post-meta a { + color: #666; +} + +.kratos-post-content p, .kratos-post-content table td { + color: #000; +} + +.kratos-post-inner .kratos-copyright { + background-color: rgba(239, 239, 239, 0.6666666667); +} +.kratos-post-inner .kratos-copyright h5 { + color: #000; +} +.kratos-post-inner .kratos-copyright a { + color: #000; +} + +.kratos-entry-footer .footer-tag a { + color: #000; + background-color: rgba(255, 255, 255, 0.8666666667); +} +.kratos-entry-footer .pull-date span { + color: #000; +} + +.post-navigation a { + color: #000; +} + +#kratos-widget-area .widget a, #kratos-widget-area .widget-title i { + color: #666; +} +#kratos-widget-area .widget.widget-kratos-about .site-meta > .meta-item:hover { + background-color: rgba(239, 239, 239, 0.6666666667); +} +#kratos-widget-area .widget.widget-kratos-tags .tag-clouds a { + background-color: rgba(255, 255, 255, 0.8666666667); +} +#kratos-widget-area .widget.widget-kratos-tags .tag-clouds a:hover { + color: rgba(255, 255, 255, 0.8666666667); + background-color: #666; +} +#kratos-widget-area .widget.widget-kratos-categories .category-list-item::before { + color: #666; +} +#kratos-widget-area .widget.widget-kratos-categories .category-list-item .category-list-count { + color: #000; + background-color: rgba(239, 239, 239, 0.6666666667); +} + +.pagination a, .pagination span { + background-color: rgba(255, 255, 255, 0.8666666667); + color: #000; +} +.pagination > li > a { + background-color: rgba(255, 255, 255, 0.8); +} + +.kratos-hentry, .navigation div, #kratos-widget-area .widget { + background-color: rgba(255, 255, 255, 0.8); +} + +.arc-tags a { + color: #666 !important; + background-color: rgba(255, 255, 255, 0.8666666667) !important; + border-color: rgba(60, 73, 91, 0.2274509804) !important; +} +.arc-tags a:hover { + color: #6ec3f5 !important; +} + +.linkpage ul li a h4 { + color: #000; +} +.linkpage ul li:hover { + background-color: rgba(239, 239, 239, 0.6666666667); +} + +.kratos-post-header-title { + color: #000; +} + +.xControl { + background-color: rgba(239, 239, 239, 0.6666666667); +} +.xControl .xHeading span { + color: #000; +} + +.index-post .kratos-entry-header .kratos-entry-title { + color: #000; +} +.index-post .kratos-entry-header .kratos-entry-title::after { + background-color: #000; +} + +#archives .posts-collapse .post-title a, +.categories > ul.category-list > li.category-list-item a { + color: #666; +} + +.post-comments { + background-color: rgba(255, 255, 255, 0.8666666667); +} + +a:hover, +.kratos-entry-border-new a:hover, +.kratos-entry-header .kratos-post-meta a:hover, +.kratos-post-inner .kratos-copyright a:hover, +#footer li a:hover, +#archives .posts-collapse .post-title a:hover { + color: #6ec3f5; +} + +#kratos-desktop-topnav { + background: rgba(40, 42, 44, 0.6); +} + +#kratos-mobile-topnav { + background: rgba(22, 23, 26, 0.9019607843); +} + +.toc-item.active > a { + color: rgba(255, 255, 255, 0.8666666667); +} +.toc-item.active > a::before { + border-left-color: rgba(255, 255, 255, 0.8666666667); +} + +span.blur { + text-shadow: 0 0 0.5em #000; +} +span.blur:hover { + color: #000 !important; +} + +#search-input { + background-color: #fff; + color: #000; +} +#search-input:active, #search-input:focus { + border-color: #3273dc; + box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25); +} + +/******************* Plugins ********************/ +#dsqjs a { + color: #1e8cdb; +} +#dsqjs .dsqjs-tab-active { + color: #000; +} +#dsqjs-msg { + color: #000; + background-color: rgba(255, 255, 255, 0.8666666667); +} + +.post-comments .v[data-class=v] p, +.post-comments .v[data-class=v] .vheader label, +.post-comments .v[data-class=v] .veditor, .post-comments .v[data-class=v] .veditor::placeholder { + color: #000; +} +.post-comments .v[data-class=v] .vbtn, +.post-comments .v[data-class=v] .vcount, +.post-comments .v[data-class=v] .vcard .vhead span.vnick, +.post-comments .v[data-class=v] .vcard .vhead .vtime { + color: #666; +} +.post-comments .v[data-class=v] .vicon, +.post-comments .v[data-class=v] .vcard .vhead .vreply svg { + fill: #666; +} +.post-comments .v[data-class=v] .vpanel { + background-color: rgba(255, 255, 255, 0.8666666667); +} +.post-comments .v[data-class=v] .veditor:focus, .post-comments .v[data-class=v] .vinput:focus { + background-color: rgba(239, 239, 239, 0.6666666667); +} + +.aplayer * { + color: unset; +} + +span.mjx-chtml.MJXc-display { + color: #000; +} + +/******************* Images ********************/ +.widget-kratos-about .photo-background { + background-image: url("../images/about.webp"); +} + +.kratos-cover.kratos-cover-2 { + background-image: url("../images/banner.webp"); +} + +@media (min-width: 768px) { + body.custom-background { + background-image: url("../images/bg.webp"); + } +} +.post-comments.bg-image textarea { + background: url("../images/comment.webp") right bottom no-repeat !important; +} + +/*# sourceMappingURL=kratosr.min.css.map */ diff --git a/src/scss/kr-color-dark.scss b/src/scss/kr-color-dark.scss index 17767ca1..d86c59e9 100644 --- a/src/scss/kr-color-dark.scss +++ b/src/scss/kr-color-dark.scss @@ -15,6 +15,11 @@ $page_background: #181c27; $info_background: #3c495bbb; $navbar_desktop: #181c27cc; $navbar_mobile: #16171ae6; +$search_background:#282c34de; +$search_text:#fff; +$search_border:#fff; +$search_shadow:0 0 0 .125em rgba(255,255,255,.25); + @import './kr-color/base.scss'; // for Gitalk diff --git a/src/scss/kr-color/base.scss b/src/scss/kr-color/base.scss index f5c7fcf4..2d82c33c 100644 --- a/src/scss/kr-color/base.scss +++ b/src/scss/kr-color/base.scss @@ -271,6 +271,17 @@ span.blur { } } +#search-input { + background-color: $search_background; + color: $search_text; + + &:active, &:focus { + border-color: $search_border; + box-shadow: $search_shadow; + } + +} + /******************* Plugins ********************/ #dsqjs { diff --git a/src/scss/kr-color/default.scss b/src/scss/kr-color/default.scss index 863c88ab..e98ebe7e 100644 --- a/src/scss/kr-color/default.scss +++ b/src/scss/kr-color/default.scss @@ -15,4 +15,8 @@ $page_background: #f5f5f5; $info_background: #efefefaa; $navbar_desktop: #282a2c99; $navbar_mobile: #16171ae6; +$search_background:#fff; +$search_text:#000; +$search_border:#3273dc; +$search_shadow:0 0 0 .125em rgba(50,115,220,.25); @import './base.scss'; \ No newline at end of file diff --git a/src/scss/kratosr.scss b/src/scss/kratosr.scss index 6087965c..346b0d7c 100644 --- a/src/scss/kratosr.scss +++ b/src/scss/kratosr.scss @@ -2944,7 +2944,7 @@ span.blur { #search-input { -webkit-appearance: none; border-color: #dbdbdb; - background-color: #fff; + // background-color: #fff; border-radius: 4px 0 0 4px; &:hover { @@ -2955,10 +2955,10 @@ span.blur { outline: 0; } - &:active, &:focus { - border-color: #3273dc; - box-shadow: 0 0 0 .125em rgba(50,115,220,.25) - } + // &:active, &:focus { + // border-color: #3273dc; + // box-shadow: 0 0 0 .125em rgba(50,115,220,.25) + // } } .input-group {