diff --git a/assets/css/kratos.css b/assets/css/kratos.css index 2f5300c..fc52485 100644 --- a/assets/css/kratos.css +++ b/assets/css/kratos.css @@ -607,9 +607,9 @@ button:focus { margin-bottom: 10px; } - .k-main .board .article-panel .a-post.a-none .content{ - margin-bottom: 0; - } + .k-main .board .article-panel .a-post.a-none .content { + margin-bottom: 0; + } .k-main .board .article-panel .a-meta { padding: 5px 12px; @@ -716,6 +716,15 @@ button:focus { font-size: 24px; } +.k-main .details .article .content h2.title { + font-size: 20px; + padding: 0 10px; + border-left: 5px solid #00a2ff; + background-color: rgba(243,243,243,.7); + line-height: 41px; + margin: 16px -16px; +} + .k-main .details .article .content h3 { font-size: 20px; } @@ -733,7 +742,7 @@ button:focus { } .k-main .details .article .content p { - color: #4a4a4a; + color: #151515; white-space: pre-line; line-height: 30px; } diff --git a/assets/css/kratos.min.css b/assets/css/kratos.min.css index 599b636..e9f4fb8 100644 --- a/assets/css/kratos.min.css +++ b/assets/css/kratos.min.css @@ -3,4 +3,4 @@ * Kratos v3.0.1 * Seaton Jiang */ -body{overflow-x:hidden;background:#f5f5f5;font-weight:350;font-size:16px;font-family:-apple-system,BlinkMacSystemFont,opensans,Optima,"Microsoft Yahei",sans-serif;line-height:1.8}a{color:#00a2ff;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}a:hover{color:#0097ee;text-decoration:none}a:focus{outline:0;text-decoration:none}ol,p,ul{margin-bottom:16px;color:#333;font-size:16px}h1,h2,h3,h4,h5,h6{margin:0 0 30px 0;color:#333;font-weight:400}.navbar-light .navbar-nav .nav-link{color:#fff}.navbar-light .navbar-nav .nav-link:hover{color:rgba(255,255,255,.8)}.tooltip-inner{padding:7px 6px;font-size:13px}:active,:focus,button:focus{outline:0}.btn-outline-primary.focus,.btn-outline-primary:focus,.btn-outline-primary:not(:disabled):not(.disabled).active:focus,.btn-outline-primary:not(:disabled):not(.disabled):active:focus,.form-control:focus,.show>.btn-outline-primary.dropdown-toggle:focus{box-shadow:none}::-moz-placeholder{color:#fff}::-webkit-input-placeholder{color:#fff}:-ms-input-placeholder{color:#fff}::selection{background:#ddd;color:#000;text-shadow:none}::-webkit-selection{background:#ddd;color:#000;text-shadow:none}::-moz-selection{background:#ddd;color:#000;text-shadow:none}::-webkit-scrollbar{overflow:auto;width:10px;height:6.4px}::-webkit-scrollbar-thumb{min-width:25px;min-height:25px;border:1px solid #e0e0e0;background-color:#bbb}::-webkit-scrollbar-track{border:1px solid #efefef;background-color:#f7f7f7}.k-main{padding:23px 0}.k-main.color{padding-top:103px}@media only screen and (max-width:992px){.k-main.color{padding-top:92px}}@media only screen and (max-width:768px){.k-main.color{padding-top:83px}}.k-nav{position:absolute;background-color:rgba(40,42,44,.6)}.k-nav .navbar-brand{color:#fff;font-size:24px}.k-nav .navbar-brand img{width:100px}.k-nav .navbar-toggler{padding:13px;border-color:transparent;border-radius:0;color:#343a40;text-transform:uppercase;font-weight:600;font-size:12px}.k-nav .navbar-nav>li.nav-item>a{text-transform:uppercase;letter-spacing:1px;font-weight:400;font-size:16px}.k-nav .line{display:flex;width:24px;height:2px;background:#fff;transition:all .3s ease-out}.k-nav .second-line{margin:5px 0}.nav-close .first-line{transform:rotate(45deg) translate3d(5px,5px,0);transform-origin:center}.nav-close .second-line{transform:scale3d(0,1,1)}.nav-close .third-line{transform:rotate(-45deg) translate3d(5px,-5px,0);transform-origin:center}@media screen and (max-width:1200px){.nav-tabs .nav-link{padding:8px 22px}}@media only screen and (min-width:992px){.k-nav{border-bottom:1px solid transparent;background:0 0;-webkit-transition:background-color .2s;-moz-transition:background-color .2s;transition:background-color .2s;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.k-nav .navbar-brand{padding:10px 20px;color:#fff}.k-nav .navbar-brand:focus,.k-nav .navbar-brand:hover{color:rgba(255,255,255,.8)}.k-nav .navbar-nav>li.nav-item>a{padding:10px 20px;color:#fff}.k-nav .navbar-nav>li.nav-item>a:focus,.k-nav .navbar-nav>li.nav-item>a:hover{color:rgba(255,255,255,.8)}.k-nav.is-fixed{position:fixed;top:-67px;border-bottom:1px solid #fff;background-color:rgba(255,255,255,.9);-webkit-transition:-webkit-transform .2s;-moz-transition:-moz-transform .2s;transition:transform .2s}.k-nav.is-fixed .navbar-brand{color:#212529}.k-nav.is-fixed .navbar-brand:focus,.k-nav.is-fixed .navbar-brand:hover{color:#007bff}.k-nav.is-fixed .navbar-nav>li.nav-item>a{color:#212529}.k-nav.is-fixed .navbar-nav>li.nav-item>a:focus,.k-nav.is-fixed .navbar-nav>li.nav-item>a:hover{color:#007bff}.k-nav.is-visible{-webkit-transform:translate3d(0,100%,0);-moz-transform:translate3d(0,100%,0);-o-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);-ms-transform:translate3d(0,100%,0)}}@media screen and (max-width:768px){.k-nav .navbar-brand{font-size:19px}.navbar-light .navbar-brand:hover{color:rgba(255,255,255,.8)}.k-nav .navbar-nav>li.nav-item>a{font-size:14px}}.k-header .banner{position:relative;height:300px}.k-header .banner .overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;background:rgba(66,64,64,.2)}.k-header .banner .content{position:relative;height:300px;background-position:center center;background-size:cover}.k-header .banner .content .introduce{position:absolute;top:37%;z-index:10;width:100%;color:#fff;text-shadow:2px 2px 2px #666;cursor:default}.k-header .banner .content .introduce .title{margin-bottom:5px;font-size:35px}.k-header .banner .content .introduce .mate{font-size:25px}@media screen and (max-width:768px){.k-header .banner{height:290px}.k-header .banner .content{height:290px}.k-header .banner .content .introduce{top:43%}.k-header .banner .content .introduce .title{font-size:30px}.k-header .banner .content .introduce .mate{font-size:20px}}.k-main .board .paginations{margin:23px auto;width:100%;text-align:center;font-size:14px}.k-main .board .paginations a{padding:8px 12px;background:#fff;color:#444}.k-main .board .paginations .current{padding:8px 12px;background:#00a2ff;color:#fff;font-weight:400}.k-main .board .paginations .dots{padding:8px 12px;background:#fff;color:#444}.k-main .board .article-panel{margin:0 0 23px;border-radius:0;background-color:#fff;box-shadow:0 1px 2px rgba(0,0,0,.1)}.k-main .board .article-panel:last-of-type{margin:0}.k-main .board .article-panel .a-thumb{position:relative;float:left;overflow:hidden;margin:20px;width:240px;height:145px}.k-main .board .article-panel .a-thumb img{padding:2px;width:100%;height:100%;border:1px solid #f3f3f3}.k-main .board .article-panel .a-post{margin-left:255px;padding:21px 20px 0 3px;height:160px}.k-main .board .article-panel .a-post.a-none{margin-left:0;padding:20px;height:auto}.k-main .board .article-panel .a-post .header{display:-webkit-box;overflow:hidden;margin:3px 0 6px;max-height:25px;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:1}.k-main .board .article-panel .a-post .header .label{position:relative;position:relative;top:-2px;display:inline-block;margin-right:5px;padding:4px 6px 3px;border-radius:0;background-color:#00a2ff;color:#fff;vertical-align:baseline;text-align:center;white-space:nowrap;font-size:12px;line-height:14px}.k-main .board .article-panel .a-post .header .label .label-arrow{position:absolute;top:6px;right:-4px;width:0;height:0;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:4px solid #00a2ff;content:"";vertical-align:top}.k-main .board .article-panel .a-post .header .title{display:inline;margin:0;font-size:21px}.k-main .board .article-panel .a-post .header .title a{color:#333}.k-main .board .article-panel .a-post .header .title a:hover{color:#0097ee}.k-main .board .article-panel .a-post .content{display:block;display:-webkit-box;overflow:hidden;max-height:110px;text-overflow:ellipsis;word-wrap:break-word;cursor:default;-webkit-box-orient:vertical;-webkit-line-clamp:4}.k-main .board .article-panel .a-post .content p{margin-bottom:0;font-size:15px}.k-main .board .article-panel .a-meta{clear:both;overflow:hidden;padding:8px 20px;border-top:1px solid #f3f3f3;font-size:12px;line-height:27px}.k-main .board .article-panel .a-meta span{font-size:13px;line-height:24px;cursor:default}.k-main .board .article-panel .a-meta span>i{margin-right:3px}.k-main .board .article-panel .a-meta span>a{color:#333}.k-main .board .article-panel .a-meta span>a:hover{color:#0097ee;text-decoration:none}.k-main .board .article-panel .a-meta span>a>i{margin-left:3px}.k-main .board .article-panel .search-title{padding:20px 25px;color:#000;font-size:18px}.k-main .board .article-panel .nothing{padding:50px;text-align:center}.k-main .board .article-panel .nothing img{width:50%}.k-main .board .article-panel .nothing .sorry{margin-top:30px;font-size:20px}@media screen and (max-width:768px){.k-main .board .article-panel .a-thumb{position:relative;float:none;overflow:hidden;margin:0;margin-bottom:14px;padding:0;padding-bottom:53%;width:auto;height:0;max-width:100%}.k-main .board .article-panel .a-thumb img{padding:0;height:auto;max-width:100%;border:0}.k-main .board .article-panel .a-post{margin-left:0;padding:0 12px;height:auto}.k-main .board .article-panel .a-post .header{margin:0 0 9px}.k-main .board .article-panel .a-post .header .label{display:none}.k-main .board .article-panel .a-post .header .title{font-size:20px}.k-main .board .article-panel .a-post .content{margin-bottom:10px}.k-main .board .article-panel .a-post.a-none .content{margin-bottom:0}.k-main .board .article-panel .a-meta{padding:5px 12px}.k-main .board .article-panel .a-meta span{font-size:12px}.k-main .board .article-panel .nothing .sorry{font-size:18px}}.k-main .details .article{background-color:#fff;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.1);-moz-box-shadow:0 1px 2px rgba(0,0,0,.1);box-shadow:0 1px 2px rgba(0,0,0,.1);word-wrap:break-word;word-break:break-all}.k-main .details .article .breadcrumb-box{border-bottom:1px solid #f7f7f7}.k-main .details .article>:first-child{margin-top:0}.k-main .details .article>:last-child{margin-bottom:0}.k-main .details .article .breadcrumb-box .breadcrumb{margin-bottom:0;padding:12px 16px;border-radius:0;background-color:inherit;font-size:13px}.k-main .details .article .breadcrumb-box .breadcrumb-item.active{cursor:default}.k-main .details .article .header{padding:0 16px 16px}.k-main .details .article .header .title{padding-bottom:0;border:none}.k-main .details .article .header .meta{color:#5a5a5a;font-size:14px;cursor:default}.k-main .details .article .header .meta a{color:inherit}.k-main .details .article .header .meta>span:not(:last-child):after{margin-right:5px;margin-left:5px;color:#71777c;content:"\B7"}.k-main .details .article .content{padding:0 16px 16px;word-wrap:break-word;line-height:1.8;word-break:break-all}.k-main .details .article .content h2,.k-main .details .article .content h3,.k-main .details .article .content h4,.k-main .details .article .content h5,.k-main .details .article .content h6,.k-main .details .article h1{margin-top:24px;margin-bottom:16px;font-weight:500;line-height:1.25}.k-main .details .article h1{padding-bottom:4.8px;border-bottom:1px solid #eaecef;font-size:29px}.k-main .details .article .content h2{font-size:24px}.k-main .details .article .content h3{font-size:20px}.k-main .details .article .content h4{font-size:18px}.k-main .details .article .content h5{font-size:15px}.k-main .details .article .content h6{font-size:10px}.k-main .details .article .content p{color:#4a4a4a;white-space:pre-line;line-height:30px}.k-main .details .article .content .progress{margin-bottom:16px}.k-main .details .article .content .video-container{margin-bottom:16px}.k-main .details .article .content blockquote{margin-bottom:16px;padding:16px;border-left:6px solid #dce6f0;background:#f2f7fb;color:#819198;font-size:15px}.k-main .details .article .content blockquote p{margin-bottom:-3px}.k-main .details .article .content ol,.k-main .details .article .content ul{margin:0 0 16px;padding-left:16px}.k-main .details .article .content ol>li{margin-bottom:6px;padding-left:2px;list-style:decimal;line-height:22px}.k-main .details .article .content ul>li{margin-bottom:6px;padding-left:2px;list-style:circle;line-height:22px}.k-main .details .article .content hr{margin:24px 0;height:1px;border:none;border-top:1px solid #a5a5a5}.k-main .details .article .content pre{margin:10px 0;padding:11px 16px;border-radius:4px;background-color:#f8f8f8;word-wrap:break-word;font-size:11px;line-height:1.7;word-break:break-all}.k-main .details .article .content code{margin:0 3px;padding:2px 4px;border-radius:4px;background-color:#eff0f1;color:#333;font-size:13px;word-break:inherit}.k-main .details .article .content kbd{display:inline-block;margin:-3px 1.6px 0;padding:2.4px 9.6px;border:1px solid #adb3b9;border-radius:3px;background-color:#e1e3e5;box-shadow:0 1px 0 rgba(12,13,14,.2),0 0 0 2px #fff inset;color:#242729;vertical-align:middle;text-shadow:0 1px 0 #fff;white-space:nowrap;font-size:10px;line-height:1.5}.k-main .details .article .content pre code{background-color:transparent}.k-main .details .article .content pre ol{padding:0}.k-main .details .article .content pre li{margin:0;list-style:none}.k-main .details .article .content img{height:auto;max-width:100%}.k-main .details .article .content table{display:table;overflow:auto;width:100%;word-break:keep-all}.k-main .details .article .content table td,.k-main .details .article .content table th{padding:8px 16px;border:1px solid #e9ebec}.k-main .details .article .content table th{font-weight:700}.k-main .details .article .content table tr:nth-child(2n){background-color:#f8f8f8}.k-main .details .article .content .aligncenter{display:block;margin-right:auto;margin-left:auto}.card-header:first-child,.k-main .details .article .content .alert,.k-main .details .article .content .card{border-radius:0}.k-main .details .article .content .card-header{padding:6px 15px}.k-main .details .article .content .card-body{padding:10px 15px}.k-main .details .article .content .alert{padding:10px 15px}.k-main .details .article .content .downbtn{display:inline-block;margin-bottom:16px;padding:3px 10px;border:1px solid #39aaf9;background:#39aaf9;color:#fff;font-size:14px}.k-main .details .article .content .downbtn:hover{background:#37a0eb;color:#fff}.k-main .details .article .content .downbtn:focus{color:#fff;text-decoration:none}.k-main .details .article .content .video-container{position:relative;overflow:hidden;padding-bottom:75%;height:0}.k-main .details .article .content .video-container embed,.video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%}.k-main .details .article .content>:last-child{margin-bottom:0}.k-main .details .article .copyright{padding:0 16px 16px}.k-main .details .article .copyright span{display:block;padding:18px;background-color:#f7f7fa;color:#333;font-size:14px;line-height:20px;cursor:default}.k-main .details .article .footer{padding:0 16px 10px;border-top:1px solid #f2f2f2}.k-main .details .article .footer .tags,.k-main .details .article .footer .tool{margin-top:10px}.k-main .details .article .footer .tags span,.k-main .details .article .footer .tool span{color:#333;font-size:14px;cursor:default}.k-main .details .article .footer .tags a{margin:0 5px 0 0;padding:2px 7px;background-color:#a9a9a9;color:#fff;font-size:13px}@media screen and (max-width:768px){.k-main .details .article .header{padding:0 16px 12px}.k-main .details .article h1{margin-top:14px;margin-bottom:14px;font-size:22px}.k-main .details .article .header .meta{font-size:12px}.k-main .details .article .content p{font-size:15px}.k-main .details .article .header .meta span:not(:first-child){margin-left:5px}.k-main .details .article .header .meta>span:not(:last-child):after{content:none}.k-main .details .article .content .alert{padding:10px 15px;font-size:15px}.k-main .details .article .content .card-header{font-size:15px}.k-main .details .article .content .card-body{padding:12px 15px}.k-main .details .article .content .card-text{font-size:14px}}.k-main .details .toolbar{margin-top:16px;padding:20px;background-color:#fff;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.1);-moz-box-shadow:0 1px 2px rgba(0,0,0,.1);box-shadow:0 1px 2px rgba(0,0,0,.1)}.k-main .details .toolbar .meta{width:50%;cursor:default}.k-main .details .toolbar img{float:left!important;margin-right:8px!important;width:56px;height:56px;border-radius:50%}.k-main .details .toolbar .name{margin-bottom:-5px}.k-main .details .toolbar .motto{display:-webkit-box;overflow:hidden;margin-top:10px;color:#666;text-overflow:ellipsis;font-size:14px;-webkit-box-orient:vertical;-webkit-line-clamp:1}.k-main .details .toolbar .meta .name a{color:#4a4a4a}.k-main .details .toolbar .share{margin-top:12px}.k-main .details .toolbar .share .btn{width:90px;height:35px;font-size:15px;line-height:1.65}.k-main .details .toolbar .share .btn-donate{padding:3px;border:1px solid #00a2ff;border-radius:0;color:#00a2ff}.k-main .details .toolbar .share .btn-donate:focus,.k-main .details .toolbar .share .btn-donate:hover{border-color:#00a2ff;background-color:#00a2ff;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;color:#fff}.k-main .details .toolbar .share .btn-thumbs{padding:3px;border:1px solid #fb5235;border-radius:0;color:#fb5235}.k-main .details .toolbar .share .btn-thumbs:focus,.k-main .details .toolbar .share .btn-thumbs:hover{border-color:#fb5235;background-color:#fb5235;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;color:#fff}.btn-primary:focus,.k-main .details .toolbar .share .btn-primary.focus{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.donate-box .meta-pay{margin-top:14px;margin-bottom:14px;cursor:default}.donate-box .qr-pay img{width:200px;height:200px}.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;border-radius:2px;text-align:center;line-height:40px;cursor:pointer}.donate-box .pay-button img{height:26px}.k-main .details .post-navigation{margin-top:16px}.k-main .details .post-navigation .nav-previous a{color:#5a5a5a}.k-main .details .post-navigation .nav-next a{color:#5a5a5a}.k-main .details .post-navigation .nav-previous{float:left;padding:7px 18px;max-width:50%;background-color:#fff;box-shadow:0 1px 5px rgba(0,0,0,.1);text-align:left}.k-main .details .post-navigation .nav-next{float:right;padding:7px 18px;max-width:50%;background-color:#fff;box-shadow:0 1px 5px rgba(0,0,0,.1);text-align:right}@media screen and (max-width:768px){.k-main .details .toolbar .meta{margin:14px 0;padding-bottom:16px;width:100%;border-bottom:1px solid #eee}.k-main .details .toolbar .meta span{font-size:12px}.k-main .details .toolbar .meta .love{display:none!important}.k-main .details .toolbar .share{margin-top:16px}.k-main .details .toolbar .motto{padding-bottom:5px}.k-main .details .toolbar .share .btn{width:88px;height:35px;font-size:14.5px;line-height:1.5}}.k-main .details .comments{margin-top:16px;padding:1.6px 16px 16px;border-radius:2px;background-color:#fff;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.1);-moz-box-shadow:0 1px 2px rgba(0,0,0,.1);box-shadow:0 1px 2px rgba(0,0,0,.1)}.k-main .details .post-2 .comments{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.k-main .details .comments .comment-form-author{padding-right:5px}.k-main .details .comments .comment-form-email{padding-left:5px}.k-main .details .comments .input-group-text{border:1px solid #eee;background-color:#f8f8f8}.k-main .details .comments .form-control{border:1px solid #eee}.k-main .details .comments .title{margin-bottom:0;padding:16px 0;border-bottom:1px solid #f0f0f0;font-size:19px;cursor:default}.k-main .details .comments .comment{padding:16px 0;list-style:none}.k-main .details .comments .list>li{border-bottom:1px solid #f0f0f0}.k-main .details .comments .comment .avatar{vertical-align:middle}.k-main .details .comments .comment .avatar img{display:block;width:50px;height:50px;border:1px solid #eaeaea;border-radius:50%}.k-main .details .comments .comment .info{overflow:hidden}.k-main .details .comments .comment .info .author_name{display:inline-block;margin-top:3px;color:#4a4a4a;font-weight:500;font-style:normal;font-size:14px;line-height:1.375}.k-main .details .comments .comment .info .author_name a{color:#4a4a4a}.k-main .details .comments .comment .info .content{margin-bottom:0!important}.k-main .details .comments .comment .info .content p{margin:0;font-size:14px}.k-main .details .comments .comment .info .meta,.k-main .details .comments .comment .info .meta a{color:#9b9b9b;font-size:12.5px}.k-main .details .comments .children{margin-bottom:0}.k-main .details .comments .children li:last-child{padding-bottom:0}.k-main .details .comments .comment-respond .comment-textarea{border:1px solid #eee;border-radius:3px;background-color:hsla(0,0%,71%,.1)}.k-main .details .comments .comment-respond .comment-textarea textarea{height:130px;border:none;border-radius:0;resize:none}.k-main .details .comments .comment-respond .comment-textarea .text-bar{overflow:hidden;padding:6.4px 8px;background-color:#f8f8f8}.k-main .details .comments .comment-respond .comment-textarea .text-bar .tool{padding-top:4.8px}.k-main .details .comments .comment-respond .comment-textarea .text-bar .tool a img{width:100%}.k-main .details .comments .comment-respond .comment-textarea .btn-primary{width:100px;border:none;border-radius:3px;background-color:#00a2ff;font-size:14px}.k-main .details .comments .comment-respond .comment-textarea .addbtn{padding:0 8px;color:#333}.k-main .details .comments .comment-respond .comment-textarea .addbtn:hover{color:#333}.k-main .details .comments .comment-respond .comment-textarea #cancel-comment-reply-link{display:inline-block;padding:6px 12px;border:none;border-radius:3px;background-color:rgba(0,0,0,.3);color:#fff;vertical-align:middle;text-align:center;white-space:nowrap;font-size:14px;line-height:1.5;user-select:none}.k-main .details .comments .comment-respond .comment-textarea .text-bar .smile{position:absolute;z-index:9;visibility:hidden;padding:2px;width:230px;height:102px;background-color:#fff;box-shadow:0 2px 10px 2px rgba(0,0,0,.11);transition:all .15s ease-out;transform:perspective(500px) rotateX(-15deg);transform-origin:50% 0}.k-main .details .comments .comment-respond .comment-textarea .text-bar .smile a{float:left;display:block;padding:4px;width:32px;height:32px;border:2px solid #fff;background-color:#f0f0f0}.k-main .details .comments .comment-respond .comment-textarea .text-bar .open{visibility:visible;transform:none}.k-main .details .comments .comment-respond .error{padding:20px;border:1px solid #e5e5e5;border-radius:4px;background-color:hsla(0,0%,71%,.1)}.k-main .details .comments .i-reply{font-size:12px}#commentpage{display:block}#commentpage a{display:inline-block;width:144px;height:37px;border:none;border-radius:2px;background-color:#00a2ff;color:#fff;font-size:15px;line-height:2.4;transition:all .15s ease-in-out;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media screen and (max-width:768px){.k-main .details .comments .comment-form-author{padding-right:15px}.k-main .details .comments .comment-form-email{padding-left:15px}}.k-main .sidebar img{width:100%;height:auto}.k-main .sidebar .widget{margin:0 0 23px;padding:15px 30px;border-radius:0;background-color:#fff;box-shadow:0 1px 2px rgba(0,0,0,.1)}.k-main .sidebar .w-about,.k-main .sidebar .w-ad{padding:0}.k-main .sidebar>div:last-child{margin:0}.k-main .sidebar .w-about .background{height:120px}.k-main .sidebar .w-about .wrapper img{margin:-50px 0 0;width:100px;height:100px;border:rgba(255,255,255,.4) 4px solid;border-radius:50%}.k-main .sidebar .w-about .textwidget{padding:20px}.k-main .sidebar .w-about .textwidget p{margin-bottom:0;cursor:default}.k-main .sidebar .w-ad{position:relative}.k-main .sidebar .w-ad .prompt{position:absolute;top:10px;right:10px;width:39px;height:19px;background-color:rgba(0,0,0,.33);color:#dedede;text-align:center;font-size:12px;line-height:19px}.k-main .sidebar .w-recommended .bookmark-item{display:block;overflow:hidden;padding:8px 0;border-bottom:1px dashed #b4afaf;color:#333;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.k-main .sidebar .w-recommended .bookmark-item:last-child{border-bottom:none}.k-main .sidebar .w-recommended .bookmark-item .i-book{margin-right:7px}.k-main .sidebar .w-recommended .nav-link .kicon{margin-right:8px}.k-main .sidebar .title{position:relative;margin:0 0 15px;padding-bottom:7px;border-bottom:1px solid #e7e7e7;font-size:17px;cursor:default}.k-main .sidebar .title::after{position:absolute;bottom:0;left:0;width:72px;height:2px;background-color:#00a2ff;content:''}.k-main .sidebar .w-tags .item a{display:inline-block;margin:0 2px 4px 0;padding:2px 0;width:140px;border:1px solid #eee;color:#333;list-style:none;text-align:center;text-transform:uppercase;font-size:14px}.k-main .sidebar .widget_links ul li{display:inline-block;margin:0 2px 4px 0;padding:2px 0;width:140px;color:#333;list-style:none;font-size:15px}.k-main .sidebar .widget_links ul li img{margin-top:-3px;width:25px;height:25px;border-radius:50%}.k-main .sidebar .w-tags .item a:hover,.k-main .sidebar .widget_links ul li:hover{background-color:#eee}.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{border-bottom:2px solid #00a2ff;background-color:#fff;color:#333}.nav-tabs .nav-item{color:#333}.nav-tabs .nav-link{padding:8px 20px;border:0;border-bottom:2px solid #f2f2f2}.nav-tabs{border-bottom:none}.k-main .sidebar .widget_links ul{margin-bottom:0;padding-left:0}.k-main .sidebar .widget_links ul li a{color:#333}.k-main .sidebar #wp-calendar{width:100%}.k-main .sidebar caption,.k-main .sidebar tfoot{display:none}.k-main .sidebar tbody tr{font-weight:400;font-size:14px;font-family:arial}.k-main .sidebar tbody a{display:block;border:1px solid #00a2ff;background:#edf8ff}.k-main .sidebar tbody tr td,.k-main .sidebar thead tr th{text-align:center;cursor:default}@media screen and (max-width:1200px){.k-main .sidebar .w-tags .item a,.k-main .sidebar .widget_links ul li{width:110px}}@media (min-width:992px){.navbar-expand-lg .navbar-nav .nav-link{padding-right:0;padding-left:32px}}.k-main .page404{padding:40px;text-align:center}.k-main .page404 .overlay{position:absolute;top:-1px;right:0;bottom:0;left:0;z-index:2;width:100%;height:101%;background:url(../img/404.svg) no-repeat center center;background-size:cover}.k-main .page404 .overlay:after,.k-main .page404 .overlay:before{position:absolute;top:0;z-index:10;width:20px;height:100%;background:#fff;content:""}.k-main .page404 .overlay:before{left:0}.k-main .page404 .overlay:after{right:0}.k-main .page404 .thumbnail{position:relative;width:100%;height:500px;background-position:center center;background-size:cover;background-repeat:no-repeat}.k-main .page404 .content{font-weight:500}.k-main .page404 .content .title{font-size:30px}.k-main .page404 .content .subtitle{font-size:16px}.k-main .page404 .content .action{font-size:16px}.k-main .page404 .content .action .btn-outline-primary{width:110px;border-radius:2px;letter-spacing:2.4px}.k-main .page404 .content .action .back-prevpage{border-color:#00a2ff;background-color:#00a2ff;color:#fff}.k-main .page404 .content .action .back-prevpage:hover{border-color:#009ef9;background-color:#009ef9}.k-main .page404 .content .action .back-index{border-color:#d8dcdf;background-color:transparent;background-image:none;color:#666}.k-main .page404 .content .action .back-index:hover,.k-main .page404 .content .action .back-index:not(:disabled):not(.disabled):active{border-color:#d8dcdf;background-color:#f6f4f4;color:#666}@media screen and (max-width:768px){.k-main .page404 .thumbnail{height:315px}.k-main .page404 .content .title{font-size:21px}.k-main .page404 .content .subtitle{font-size:14px}}@media screen and (max-width:480px){.k-main .page404 .thumbnail{height:200px}}.k-footer{padding:40px 0;background:#23282d}.k-footer p{margin-bottom:0;color:#8e8e8e;text-transform:uppercase;letter-spacing:1px;font-size:14px;cursor:default}.k-footer p a{color:#8e8e8e}.k-footer p a:hover{color:#0097ee}.k-footer p .police-ico{display:inline-block;margin-top:-4px;margin-right:6px;width:14px;height:1pc;background:url(../img/police-ico.png) 0 0 no-repeat;vertical-align:middle}.k-footer .f-toolbox>div{position:fixed;right:20px;z-index:999;text-align:center}.k-footer .f-toolbox .gotop .gotop-btn span,.k-footer .f-toolbox .search span,.k-footer .f-toolbox .wechat span{display:table-cell;width:40px;height:40px;color:#fff;vertical-align:middle;font-size:18px}.k-footer .f-toolbox .gotop{bottom:80px;visibility:hidden;cursor:pointer}.k-footer .f-toolbox .gotop.gotop-haswechat{bottom:130px}.k-footer .f-toolbox .gotop .gotop-btn{display:table;width:40px;height:40px;color:#fff;text-align:center}.k-footer .f-toolbox .gotop.active{visibility:visible;background:rgba(132,132,132,.7)}.k-footer .f-toolbox .wechat{bottom:80px;background:rgba(132,132,132,.7);cursor:pointer}.k-footer .f-toolbox .wechat .wechat-pic{display:none}.k-footer .f-toolbox .wechat img{position:absolute;right:55px;bottom:-55px;width:150px;height:150px}.k-footer .f-toolbox .search{bottom:30px;display:table;background:rgba(132,132,132,.7);cursor:pointer}.k-footer .f-toolbox .search input{width:100%;height:40px;border:0;background:0 0;color:#fff;font-size:17px}.k-footer .social{line-height:45px}.k-footer .social a{display:inline-block;padding:0 7px}.k-footer .social a .kicon{font-size:40px}@media screen and (max-width:768px){.k-footer{padding:30px 0}.k-footer p{font-size:10px}.k-footer .social a .kicon{font-size:38px}} \ No newline at end of file +body{overflow-x:hidden;background:#f5f5f5;font-weight:350;font-size:16px;font-family:-apple-system,BlinkMacSystemFont,opensans,Optima,"Microsoft Yahei",sans-serif;line-height:1.8}a{color:#00a2ff;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}a:hover{color:#0097ee;text-decoration:none}a:focus{outline:0;text-decoration:none}ol,p,ul{margin-bottom:16px;color:#333;font-size:16px}h1,h2,h3,h4,h5,h6{margin:0 0 30px 0;color:#333;font-weight:400}.navbar-light .navbar-nav .nav-link{color:#fff}.navbar-light .navbar-nav .nav-link:hover{color:rgba(255,255,255,.8)}.tooltip-inner{padding:7px 6px;font-size:13px}:active,:focus,button:focus{outline:0}.btn-outline-primary.focus,.btn-outline-primary:focus,.btn-outline-primary:not(:disabled):not(.disabled).active:focus,.btn-outline-primary:not(:disabled):not(.disabled):active:focus,.form-control:focus,.show>.btn-outline-primary.dropdown-toggle:focus{box-shadow:none}::-moz-placeholder{color:#fff}::-webkit-input-placeholder{color:#fff}:-ms-input-placeholder{color:#fff}::selection{background:#ddd;color:#000;text-shadow:none}::-webkit-selection{background:#ddd;color:#000;text-shadow:none}::-moz-selection{background:#ddd;color:#000;text-shadow:none}::-webkit-scrollbar{overflow:auto;width:10px;height:6.4px}::-webkit-scrollbar-thumb{min-width:25px;min-height:25px;border:1px solid #e0e0e0;background-color:#bbb}::-webkit-scrollbar-track{border:1px solid #efefef;background-color:#f7f7f7}.k-main{padding:23px 0}.k-main.color{padding-top:103px}@media only screen and (max-width:992px){.k-main.color{padding-top:92px}}@media only screen and (max-width:768px){.k-main.color{padding-top:83px}}.k-nav{position:absolute;background-color:rgba(40,42,44,.6)}.k-nav .navbar-brand{color:#fff;font-size:24px}.k-nav .navbar-brand img{width:100px}.k-nav .navbar-toggler{padding:13px;border-color:transparent;border-radius:0;color:#343a40;text-transform:uppercase;font-weight:600;font-size:12px}.k-nav .navbar-nav>li.nav-item>a{text-transform:uppercase;letter-spacing:1px;font-weight:400;font-size:16px}.k-nav .line{display:flex;width:24px;height:2px;background:#fff;transition:all .3s ease-out}.k-nav .second-line{margin:5px 0}.nav-close .first-line{transform:rotate(45deg) translate3d(5px,5px,0);transform-origin:center}.nav-close .second-line{transform:scale3d(0,1,1)}.nav-close .third-line{transform:rotate(-45deg) translate3d(5px,-5px,0);transform-origin:center}@media screen and (max-width:1200px){.nav-tabs .nav-link{padding:8px 22px}}@media only screen and (min-width:992px){.k-nav{border-bottom:1px solid transparent;background:0 0;-webkit-transition:background-color .2s;-moz-transition:background-color .2s;transition:background-color .2s;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.k-nav .navbar-brand{padding:10px 20px;color:#fff}.k-nav .navbar-brand:focus,.k-nav .navbar-brand:hover{color:rgba(255,255,255,.8)}.k-nav .navbar-nav>li.nav-item>a{padding:10px 20px;color:#fff}.k-nav .navbar-nav>li.nav-item>a:focus,.k-nav .navbar-nav>li.nav-item>a:hover{color:rgba(255,255,255,.8)}.k-nav.is-fixed{position:fixed;top:-67px;border-bottom:1px solid #fff;background-color:rgba(255,255,255,.9);-webkit-transition:-webkit-transform .2s;-moz-transition:-moz-transform .2s;transition:transform .2s}.k-nav.is-fixed .navbar-brand{color:#212529}.k-nav.is-fixed .navbar-brand:focus,.k-nav.is-fixed .navbar-brand:hover{color:#007bff}.k-nav.is-fixed .navbar-nav>li.nav-item>a{color:#212529}.k-nav.is-fixed .navbar-nav>li.nav-item>a:focus,.k-nav.is-fixed .navbar-nav>li.nav-item>a:hover{color:#007bff}.k-nav.is-visible{-webkit-transform:translate3d(0,100%,0);-moz-transform:translate3d(0,100%,0);-o-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);-ms-transform:translate3d(0,100%,0)}}@media screen and (max-width:768px){.k-nav .navbar-brand{font-size:19px}.navbar-light .navbar-brand:hover{color:rgba(255,255,255,.8)}.k-nav .navbar-nav>li.nav-item>a{font-size:14px}}.k-header .banner{position:relative;height:300px}.k-header .banner .overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;background:rgba(66,64,64,.2)}.k-header .banner .content{position:relative;height:300px;background-position:center center;background-size:cover}.k-header .banner .content .introduce{position:absolute;top:37%;z-index:10;width:100%;color:#fff;text-shadow:2px 2px 2px #666;cursor:default}.k-header .banner .content .introduce .title{margin-bottom:5px;font-size:35px}.k-header .banner .content .introduce .mate{font-size:25px}@media screen and (max-width:768px){.k-header .banner{height:290px}.k-header .banner .content{height:290px}.k-header .banner .content .introduce{top:43%}.k-header .banner .content .introduce .title{font-size:30px}.k-header .banner .content .introduce .mate{font-size:20px}}.k-main .board .paginations{margin:23px auto;width:100%;text-align:center;font-size:14px}.k-main .board .paginations a{padding:8px 12px;background:#fff;color:#444}.k-main .board .paginations .current{padding:8px 12px;background:#00a2ff;color:#fff;font-weight:400}.k-main .board .paginations .dots{padding:8px 12px;background:#fff;color:#444}.k-main .board .article-panel{margin:0 0 23px;border-radius:0;background-color:#fff;box-shadow:0 1px 2px rgba(0,0,0,.1)}.k-main .board .article-panel:last-of-type{margin:0}.k-main .board .article-panel .a-thumb{position:relative;float:left;overflow:hidden;margin:20px;width:240px;height:145px}.k-main .board .article-panel .a-thumb img{padding:2px;width:100%;height:100%;border:1px solid #f3f3f3}.k-main .board .article-panel .a-post{margin-left:255px;padding:21px 20px 0 3px;height:160px}.k-main .board .article-panel .a-post.a-none{margin-left:0;padding:20px;height:auto}.k-main .board .article-panel .a-post .header{display:-webkit-box;overflow:hidden;margin:3px 0 6px;max-height:25px;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:1}.k-main .board .article-panel .a-post .header .label{position:relative;position:relative;top:-2px;display:inline-block;margin-right:5px;padding:4px 6px 3px;border-radius:0;background-color:#00a2ff;color:#fff;vertical-align:baseline;text-align:center;white-space:nowrap;font-size:12px;line-height:14px}.k-main .board .article-panel .a-post .header .label .label-arrow{position:absolute;top:6px;right:-4px;width:0;height:0;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:4px solid #00a2ff;content:"";vertical-align:top}.k-main .board .article-panel .a-post .header .title{display:inline;margin:0;font-size:21px}.k-main .board .article-panel .a-post .header .title a{color:#333}.k-main .board .article-panel .a-post .header .title a:hover{color:#0097ee}.k-main .board .article-panel .a-post .content{display:block;display:-webkit-box;overflow:hidden;max-height:110px;text-overflow:ellipsis;word-wrap:break-word;cursor:default;-webkit-box-orient:vertical;-webkit-line-clamp:4}.k-main .board .article-panel .a-post .content p{margin-bottom:0;font-size:15px}.k-main .board .article-panel .a-meta{clear:both;overflow:hidden;padding:8px 20px;border-top:1px solid #f3f3f3;font-size:12px;line-height:27px}.k-main .board .article-panel .a-meta span{font-size:13px;line-height:24px;cursor:default}.k-main .board .article-panel .a-meta span>i{margin-right:3px}.k-main .board .article-panel .a-meta span>a{color:#333}.k-main .board .article-panel .a-meta span>a:hover{color:#0097ee;text-decoration:none}.k-main .board .article-panel .a-meta span>a>i{margin-left:3px}.k-main .board .article-panel .search-title{padding:20px 25px;color:#000;font-size:18px}.k-main .board .article-panel .nothing{padding:50px;text-align:center}.k-main .board .article-panel .nothing img{width:50%}.k-main .board .article-panel .nothing .sorry{margin-top:30px;font-size:20px}@media screen and (max-width:768px){.k-main .board .article-panel .a-thumb{position:relative;float:none;overflow:hidden;margin:0;margin-bottom:14px;padding:0;padding-bottom:53%;width:auto;height:0;max-width:100%}.k-main .board .article-panel .a-thumb img{padding:0;height:auto;max-width:100%;border:0}.k-main .board .article-panel .a-post{margin-left:0;padding:0 12px;height:auto}.k-main .board .article-panel .a-post .header{margin:0 0 9px}.k-main .board .article-panel .a-post .header .label{display:none}.k-main .board .article-panel .a-post .header .title{font-size:20px}.k-main .board .article-panel .a-post .content{margin-bottom:10px}.k-main .board .article-panel .a-post.a-none .content{margin-bottom:0}.k-main .board .article-panel .a-meta{padding:5px 12px}.k-main .board .article-panel .a-meta span{font-size:12px}.k-main .board .article-panel .nothing .sorry{font-size:18px}}.k-main .details .article{background-color:#fff;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.1);-moz-box-shadow:0 1px 2px rgba(0,0,0,.1);box-shadow:0 1px 2px rgba(0,0,0,.1);word-wrap:break-word;word-break:break-all}.k-main .details .article .breadcrumb-box{border-bottom:1px solid #f7f7f7}.k-main .details .article>:first-child{margin-top:0}.k-main .details .article>:last-child{margin-bottom:0}.k-main .details .article .breadcrumb-box .breadcrumb{margin-bottom:0;padding:12px 16px;border-radius:0;background-color:inherit;font-size:13px}.k-main .details .article .breadcrumb-box .breadcrumb-item.active{cursor:default}.k-main .details .article .header{padding:0 16px 16px}.k-main .details .article .header .title{padding-bottom:0;border:none}.k-main .details .article .header .meta{color:#5a5a5a;font-size:14px;cursor:default}.k-main .details .article .header .meta a{color:inherit}.k-main .details .article .header .meta>span:not(:last-child):after{margin-right:5px;margin-left:5px;color:#71777c;content:"\B7"}.k-main .details .article .content{padding:0 16px 16px;word-wrap:break-word;line-height:1.8;word-break:break-all}.k-main .details .article .content h2,.k-main .details .article .content h3,.k-main .details .article .content h4,.k-main .details .article .content h5,.k-main .details .article .content h6,.k-main .details .article h1{margin-top:24px;margin-bottom:16px;font-weight:500;line-height:1.25}.k-main .details .article h1{padding-bottom:4.8px;border-bottom:1px solid #eaecef;font-size:29px}.k-main .details .article .content h2{font-size:24px}.k-main .details .article .content h2.title{font-size:20px;padding:0 10px;border-left:5px solid #00a2ff;background-color:rgba(243,243,243,.7);line-height:41px;margin:16px -16px}.k-main .details .article .content h3{font-size:20px}.k-main .details .article .content h4{font-size:18px}.k-main .details .article .content h5{font-size:15px}.k-main .details .article .content h6{font-size:10px}.k-main .details .article .content p{color:#151515;white-space:pre-line;line-height:30px}.k-main .details .article .content .progress{margin-bottom:16px}.k-main .details .article .content .video-container{margin-bottom:16px}.k-main .details .article .content blockquote{margin-bottom:16px;padding:16px;border-left:6px solid #dce6f0;background:#f2f7fb;color:#819198;font-size:15px}.k-main .details .article .content blockquote p{margin-bottom:-3px}.k-main .details .article .content ol,.k-main .details .article .content ul{margin:0 0 16px;padding-left:16px}.k-main .details .article .content ol>li{margin-bottom:6px;padding-left:2px;list-style:decimal;line-height:22px}.k-main .details .article .content ul>li{margin-bottom:6px;padding-left:2px;list-style:circle;line-height:22px}.k-main .details .article .content hr{margin:24px 0;height:1px;border:none;border-top:1px solid #a5a5a5}.k-main .details .article .content pre{margin:10px 0;padding:11px 16px;border-radius:4px;background-color:#f8f8f8;word-wrap:break-word;font-size:11px;line-height:1.7;word-break:break-all}.k-main .details .article .content code{margin:0 3px;padding:2px 4px;border-radius:4px;background-color:#eff0f1;color:#333;font-size:13px;word-break:inherit}.k-main .details .article .content kbd{display:inline-block;margin:-3px 1.6px 0;padding:2.4px 9.6px;border:1px solid #adb3b9;border-radius:3px;background-color:#e1e3e5;box-shadow:0 1px 0 rgba(12,13,14,.2),0 0 0 2px #fff inset;color:#242729;vertical-align:middle;text-shadow:0 1px 0 #fff;white-space:nowrap;font-size:10px;line-height:1.5}.k-main .details .article .content pre code{background-color:transparent}.k-main .details .article .content pre ol{padding:0}.k-main .details .article .content pre li{margin:0;list-style:none}.k-main .details .article .content img{height:auto;max-width:100%}.k-main .details .article .content table{display:table;overflow:auto;width:100%;word-break:keep-all}.k-main .details .article .content table td,.k-main .details .article .content table th{padding:8px 16px;border:1px solid #e9ebec}.k-main .details .article .content table th{font-weight:700}.k-main .details .article .content table tr:nth-child(2n){background-color:#f8f8f8}.k-main .details .article .content .aligncenter{display:block;margin-right:auto;margin-left:auto}.card-header:first-child,.k-main .details .article .content .alert,.k-main .details .article .content .card{border-radius:0}.k-main .details .article .content .card-header{padding:6px 15px}.k-main .details .article .content .card-body{padding:10px 15px}.k-main .details .article .content .alert{padding:10px 15px}.k-main .details .article .content .downbtn{display:inline-block;margin-bottom:16px;padding:3px 10px;border:1px solid #39aaf9;background:#39aaf9;color:#fff;font-size:14px}.k-main .details .article .content .downbtn:hover{background:#37a0eb;color:#fff}.k-main .details .article .content .downbtn:focus{color:#fff;text-decoration:none}.k-main .details .article .content .video-container{position:relative;overflow:hidden;padding-bottom:75%;height:0}.k-main .details .article .content .video-container embed,.video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%}.k-main .details .article .content>:last-child{margin-bottom:0}.k-main .details .article .copyright{padding:0 16px 16px}.k-main .details .article .copyright span{display:block;padding:18px;background-color:#f7f7fa;color:#333;font-size:14px;line-height:20px;cursor:default}.k-main .details .article .footer{padding:0 16px 10px;border-top:1px solid #f2f2f2}.k-main .details .article .footer .tags,.k-main .details .article .footer .tool{margin-top:10px}.k-main .details .article .footer .tags span,.k-main .details .article .footer .tool span{color:#333;font-size:14px;cursor:default}.k-main .details .article .footer .tags a{margin:0 5px 0 0;padding:2px 7px;background-color:#a9a9a9;color:#fff;font-size:13px}@media screen and (max-width:768px){.k-main .details .article .header{padding:0 16px 12px}.k-main .details .article h1{margin-top:14px;margin-bottom:14px;font-size:22px}.k-main .details .article .header .meta{font-size:12px}.k-main .details .article .content p{font-size:15px}.k-main .details .article .header .meta span:not(:first-child){margin-left:5px}.k-main .details .article .header .meta>span:not(:last-child):after{content:none}.k-main .details .article .content .alert{padding:10px 15px;font-size:15px}.k-main .details .article .content .card-header{font-size:15px}.k-main .details .article .content .card-body{padding:12px 15px}.k-main .details .article .content .card-text{font-size:14px}}.k-main .details .toolbar{margin-top:16px;padding:20px;background-color:#fff;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.1);-moz-box-shadow:0 1px 2px rgba(0,0,0,.1);box-shadow:0 1px 2px rgba(0,0,0,.1)}.k-main .details .toolbar .meta{width:50%;cursor:default}.k-main .details .toolbar img{float:left!important;margin-right:8px!important;width:56px;height:56px;border-radius:50%}.k-main .details .toolbar .name{margin-bottom:-5px}.k-main .details .toolbar .motto{display:-webkit-box;overflow:hidden;margin-top:10px;color:#666;text-overflow:ellipsis;font-size:14px;-webkit-box-orient:vertical;-webkit-line-clamp:1}.k-main .details .toolbar .meta .name a{color:#4a4a4a}.k-main .details .toolbar .share{margin-top:12px}.k-main .details .toolbar .share .btn{width:90px;height:35px;font-size:15px;line-height:1.65}.k-main .details .toolbar .share .btn-donate{padding:3px;border:1px solid #00a2ff;border-radius:0;color:#00a2ff}.k-main .details .toolbar .share .btn-donate:focus,.k-main .details .toolbar .share .btn-donate:hover{border-color:#00a2ff;background-color:#00a2ff;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;color:#fff}.k-main .details .toolbar .share .btn-thumbs{padding:3px;border:1px solid #fb5235;border-radius:0;color:#fb5235}.k-main .details .toolbar .share .btn-thumbs:focus,.k-main .details .toolbar .share .btn-thumbs:hover{border-color:#fb5235;background-color:#fb5235;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;color:#fff}.btn-primary:focus,.k-main .details .toolbar .share .btn-primary.focus{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.donate-box .meta-pay{margin-top:14px;margin-bottom:14px;cursor:default}.donate-box .qr-pay img{width:200px;height:200px}.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;border-radius:2px;text-align:center;line-height:40px;cursor:pointer}.donate-box .pay-button img{height:26px}.k-main .details .post-navigation{margin-top:16px}.k-main .details .post-navigation .nav-previous a{color:#5a5a5a}.k-main .details .post-navigation .nav-next a{color:#5a5a5a}.k-main .details .post-navigation .nav-previous{float:left;padding:7px 18px;max-width:50%;background-color:#fff;box-shadow:0 1px 5px rgba(0,0,0,.1);text-align:left}.k-main .details .post-navigation .nav-next{float:right;padding:7px 18px;max-width:50%;background-color:#fff;box-shadow:0 1px 5px rgba(0,0,0,.1);text-align:right}@media screen and (max-width:768px){.k-main .details .toolbar .meta{margin:14px 0;padding-bottom:16px;width:100%;border-bottom:1px solid #eee}.k-main .details .toolbar .meta span{font-size:12px}.k-main .details .toolbar .meta .love{display:none!important}.k-main .details .toolbar .share{margin-top:16px}.k-main .details .toolbar .motto{padding-bottom:5px}.k-main .details .toolbar .share .btn{width:88px;height:35px;font-size:14.5px;line-height:1.5}}.k-main .details .comments{margin-top:16px;padding:1.6px 16px 16px;border-radius:2px;background-color:#fff;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.1);-moz-box-shadow:0 1px 2px rgba(0,0,0,.1);box-shadow:0 1px 2px rgba(0,0,0,.1)}.k-main .details .post-2 .comments{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.k-main .details .comments .comment-form-author{padding-right:5px}.k-main .details .comments .comment-form-email{padding-left:5px}.k-main .details .comments .input-group-text{border:1px solid #eee;background-color:#f8f8f8}.k-main .details .comments .form-control{border:1px solid #eee}.k-main .details .comments .title{margin-bottom:0;padding:16px 0;border-bottom:1px solid #f0f0f0;font-size:19px;cursor:default}.k-main .details .comments .comment{padding:16px 0;list-style:none}.k-main .details .comments .list>li{border-bottom:1px solid #f0f0f0}.k-main .details .comments .comment .avatar{vertical-align:middle}.k-main .details .comments .comment .avatar img{display:block;width:50px;height:50px;border:1px solid #eaeaea;border-radius:50%}.k-main .details .comments .comment .info{overflow:hidden}.k-main .details .comments .comment .info .author_name{display:inline-block;margin-top:3px;color:#4a4a4a;font-weight:500;font-style:normal;font-size:14px;line-height:1.375}.k-main .details .comments .comment .info .author_name a{color:#4a4a4a}.k-main .details .comments .comment .info .content{margin-bottom:0!important}.k-main .details .comments .comment .info .content p{margin:0;font-size:14px}.k-main .details .comments .comment .info .meta,.k-main .details .comments .comment .info .meta a{color:#9b9b9b;font-size:12.5px}.k-main .details .comments .children{margin-bottom:0}.k-main .details .comments .children li:last-child{padding-bottom:0}.k-main .details .comments .comment-respond .comment-textarea{border:1px solid #eee;border-radius:3px;background-color:hsla(0,0%,71%,.1)}.k-main .details .comments .comment-respond .comment-textarea textarea{height:130px;border:none;border-radius:0;resize:none}.k-main .details .comments .comment-respond .comment-textarea .text-bar{overflow:hidden;padding:6.4px 8px;background-color:#f8f8f8}.k-main .details .comments .comment-respond .comment-textarea .text-bar .tool{padding-top:4.8px}.k-main .details .comments .comment-respond .comment-textarea .text-bar .tool a img{width:100%}.k-main .details .comments .comment-respond .comment-textarea .btn-primary{width:100px;border:none;border-radius:3px;background-color:#00a2ff;font-size:14px}.k-main .details .comments .comment-respond .comment-textarea .addbtn{padding:0 8px;color:#333}.k-main .details .comments .comment-respond .comment-textarea .addbtn:hover{color:#333}.k-main .details .comments .comment-respond .comment-textarea #cancel-comment-reply-link{display:inline-block;padding:6px 12px;border:none;border-radius:3px;background-color:rgba(0,0,0,.3);color:#fff;vertical-align:middle;text-align:center;white-space:nowrap;font-size:14px;line-height:1.5;user-select:none}.k-main .details .comments .comment-respond .comment-textarea .text-bar .smile{position:absolute;z-index:9;visibility:hidden;padding:2px;width:230px;height:102px;background-color:#fff;box-shadow:0 2px 10px 2px rgba(0,0,0,.11);transition:all .15s ease-out;transform:perspective(500px) rotateX(-15deg);transform-origin:50% 0}.k-main .details .comments .comment-respond .comment-textarea .text-bar .smile a{float:left;display:block;padding:4px;width:32px;height:32px;border:2px solid #fff;background-color:#f0f0f0}.k-main .details .comments .comment-respond .comment-textarea .text-bar .open{visibility:visible;transform:none}.k-main .details .comments .comment-respond .error{padding:20px;border:1px solid #e5e5e5;border-radius:4px;background-color:hsla(0,0%,71%,.1)}.k-main .details .comments .i-reply{font-size:12px}#commentpage{display:block}#commentpage a{display:inline-block;width:144px;height:37px;border:none;border-radius:2px;background-color:#00a2ff;color:#fff;font-size:15px;line-height:2.4;transition:all .15s ease-in-out;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media screen and (max-width:768px){.k-main .details .comments .comment-form-author{padding-right:15px}.k-main .details .comments .comment-form-email{padding-left:15px}}.k-main .sidebar img{width:100%;height:auto}.k-main .sidebar .widget{margin:0 0 23px;padding:15px 30px;border-radius:0;background-color:#fff;box-shadow:0 1px 2px rgba(0,0,0,.1)}.k-main .sidebar .w-about,.k-main .sidebar .w-ad{padding:0}.k-main .sidebar>div:last-child{margin:0}.k-main .sidebar .w-about .background{height:120px}.k-main .sidebar .w-about .wrapper img{margin:-50px 0 0;width:100px;height:100px;border:rgba(255,255,255,.4) 4px solid;border-radius:50%}.k-main .sidebar .w-about .textwidget{padding:20px}.k-main .sidebar .w-about .textwidget p{margin-bottom:0;cursor:default}.k-main .sidebar .w-ad{position:relative}.k-main .sidebar .w-ad .prompt{position:absolute;top:10px;right:10px;width:39px;height:19px;background-color:rgba(0,0,0,.33);color:#dedede;text-align:center;font-size:12px;line-height:19px}.k-main .sidebar .w-recommended .bookmark-item{display:block;overflow:hidden;padding:8px 0;border-bottom:1px dashed #b4afaf;color:#333;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.k-main .sidebar .w-recommended .bookmark-item:last-child{border-bottom:none}.k-main .sidebar .w-recommended .bookmark-item .i-book{margin-right:7px}.k-main .sidebar .w-recommended .nav-link .kicon{margin-right:8px}.k-main .sidebar .title{position:relative;margin:0 0 15px;padding-bottom:7px;border-bottom:1px solid #e7e7e7;font-size:17px;cursor:default}.k-main .sidebar .title::after{position:absolute;bottom:0;left:0;width:72px;height:2px;background-color:#00a2ff;content:''}.k-main .sidebar .w-tags .item a{display:inline-block;margin:0 2px 4px 0;padding:2px 0;width:140px;border:1px solid #eee;color:#333;list-style:none;text-align:center;text-transform:uppercase;font-size:14px}.k-main .sidebar .widget_links ul li{display:inline-block;margin:0 2px 4px 0;padding:2px 0;width:140px;color:#333;list-style:none;font-size:15px}.k-main .sidebar .widget_links ul li img{margin-top:-3px;width:25px;height:25px;border-radius:50%}.k-main .sidebar .w-tags .item a:hover,.k-main .sidebar .widget_links ul li:hover{background-color:#eee}.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{border-bottom:2px solid #00a2ff;background-color:#fff;color:#333}.nav-tabs .nav-item{color:#333}.nav-tabs .nav-link{padding:8px 20px;border:0;border-bottom:2px solid #f2f2f2}.nav-tabs{border-bottom:none}.k-main .sidebar .widget_links ul{margin-bottom:0;padding-left:0}.k-main .sidebar .widget_links ul li a{color:#333}.k-main .sidebar #wp-calendar{width:100%}.k-main .sidebar caption,.k-main .sidebar tfoot{display:none}.k-main .sidebar tbody tr{font-weight:400;font-size:14px;font-family:arial}.k-main .sidebar tbody a{display:block;border:1px solid #00a2ff;background:#edf8ff}.k-main .sidebar tbody tr td,.k-main .sidebar thead tr th{text-align:center;cursor:default}@media screen and (max-width:1200px){.k-main .sidebar .w-tags .item a,.k-main .sidebar .widget_links ul li{width:110px}}@media (min-width:992px){.navbar-expand-lg .navbar-nav .nav-link{padding-right:0;padding-left:32px}}.k-main .page404{padding:40px;text-align:center}.k-main .page404 .overlay{position:absolute;top:-1px;right:0;bottom:0;left:0;z-index:2;width:100%;height:101%;background:url(../img/404.svg) no-repeat center center;background-size:cover}.k-main .page404 .overlay:after,.k-main .page404 .overlay:before{position:absolute;top:0;z-index:10;width:20px;height:100%;background:#fff;content:""}.k-main .page404 .overlay:before{left:0}.k-main .page404 .overlay:after{right:0}.k-main .page404 .thumbnail{position:relative;width:100%;height:500px;background-position:center center;background-size:cover;background-repeat:no-repeat}.k-main .page404 .content{font-weight:500}.k-main .page404 .content .title{font-size:30px}.k-main .page404 .content .subtitle{font-size:16px}.k-main .page404 .content .action{font-size:16px}.k-main .page404 .content .action .btn-outline-primary{width:110px;border-radius:2px;letter-spacing:2.4px}.k-main .page404 .content .action .back-prevpage{border-color:#00a2ff;background-color:#00a2ff;color:#fff}.k-main .page404 .content .action .back-prevpage:hover{border-color:#009ef9;background-color:#009ef9}.k-main .page404 .content .action .back-index{border-color:#d8dcdf;background-color:transparent;background-image:none;color:#666}.k-main .page404 .content .action .back-index:hover,.k-main .page404 .content .action .back-index:not(:disabled):not(.disabled):active{border-color:#d8dcdf;background-color:#f6f4f4;color:#666}@media screen and (max-width:768px){.k-main .page404 .thumbnail{height:315px}.k-main .page404 .content .title{font-size:21px}.k-main .page404 .content .subtitle{font-size:14px}}@media screen and (max-width:480px){.k-main .page404 .thumbnail{height:200px}}.k-footer{padding:40px 0;background:#23282d}.k-footer p{margin-bottom:0;color:#8e8e8e;text-transform:uppercase;letter-spacing:1px;font-size:14px;cursor:default}.k-footer p a{color:#8e8e8e}.k-footer p a:hover{color:#0097ee}.k-footer p .police-ico{display:inline-block;margin-top:-4px;margin-right:6px;width:14px;height:1pc;background:url(../img/police-ico.png) 0 0 no-repeat;vertical-align:middle}.k-footer .f-toolbox>div{position:fixed;right:20px;z-index:999;text-align:center}.k-footer .f-toolbox .gotop .gotop-btn span,.k-footer .f-toolbox .search span,.k-footer .f-toolbox .wechat span{display:table-cell;width:40px;height:40px;color:#fff;vertical-align:middle;font-size:18px}.k-footer .f-toolbox .gotop{bottom:80px;visibility:hidden;cursor:pointer}.k-footer .f-toolbox .gotop.gotop-haswechat{bottom:130px}.k-footer .f-toolbox .gotop .gotop-btn{display:table;width:40px;height:40px;color:#fff;text-align:center}.k-footer .f-toolbox .gotop.active{visibility:visible;background:rgba(132,132,132,.7)}.k-footer .f-toolbox .wechat{bottom:80px;background:rgba(132,132,132,.7);cursor:pointer}.k-footer .f-toolbox .wechat .wechat-pic{display:none}.k-footer .f-toolbox .wechat img{position:absolute;right:55px;bottom:-55px;width:150px;height:150px}.k-footer .f-toolbox .search{bottom:30px;display:table;background:rgba(132,132,132,.7);cursor:pointer}.k-footer .f-toolbox .search input{width:100%;height:40px;border:0;background:0 0;color:#fff;font-size:17px}.k-footer .social{line-height:45px}.k-footer .social a{display:inline-block;padding:0 7px}.k-footer .social a .kicon{font-size:40px}@media screen and (max-width:768px){.k-footer{padding:30px 0}.k-footer p{font-size:10px}.k-footer .social a .kicon{font-size:38px}} \ No newline at end of file diff --git a/assets/js/buttons/images/title.png b/assets/js/buttons/images/title.png new file mode 100644 index 0000000..e77193e Binary files /dev/null and b/assets/js/buttons/images/title.png differ diff --git a/assets/js/buttons/more.js b/assets/js/buttons/more.js index e82810f..61f7948 100644 --- a/assets/js/buttons/more.js +++ b/assets/js/buttons/more.js @@ -1,4 +1,20 @@ (function() { + tinymce.create('tinymce.plugins.h2title', { + init : function(ed, url) { + ed.addButton('h2title', { + title : '特色标题', + image : url+'/images/title.png', + onclick : function() { + ed.selection.setContent('[h2title]' + ed.selection.getContent() + '[/h2title]'); + } + }); + }, + createControl : function(n, cm) { + return null; + }, + }); + tinymce.PluginManager.add('h2title', tinymce.plugins.h2title); + tinymce.create('tinymce.plugins.success', { init : function(ed, url) { ed.addButton('success', { diff --git a/inc/theme-shortcode.php b/inc/theme-shortcode.php index 3173bfc..df4d48c 100644 --- a/inc/theme-shortcode.php +++ b/inc/theme-shortcode.php @@ -3,9 +3,18 @@ * 文章短代码 * @author Seaton Jiang * @license MIT License - * @version 2020.02.15 + * @version 2020.02.26 */ +function h2title($atts, $content = null, $code = "") +{ + $return = '

'; + $return .= $content; + $return .= '

'; + return $return; +} +add_shortcode('h2title', 'h2title'); + function success($atts, $content = null, $code = "") { $return = '
'; @@ -183,6 +192,7 @@ function more_button() function register_button($buttons) { + array_push($buttons, " ", "h2title"); array_push($buttons, " ", "kbd"); array_push($buttons, " ", "mark"); array_push($buttons, " ", "striped"); @@ -195,7 +205,6 @@ function register_button($buttons) array_push($buttons, " ", "info"); array_push($buttons, " ", "warning"); array_push($buttons, " ", "danger"); - array_push($buttons, " ", "successbox"); array_push($buttons, " ", "infoboxs"); array_push($buttons, " ", "warningbox"); @@ -205,6 +214,7 @@ function register_button($buttons) function add_plugin($plugin_array) { + $plugin_array['h2title'] = get_bloginfo('template_url') . '/assets/js/buttons/more.js'; $plugin_array['kbd'] = get_bloginfo('template_url') . '/assets/js/buttons/more.js'; $plugin_array['mark'] = get_bloginfo('template_url') . '/assets/js/buttons/more.js'; $plugin_array['striped'] = get_bloginfo('template_url') . '/assets/js/buttons/more.js'; @@ -217,7 +227,6 @@ function add_plugin($plugin_array) $plugin_array['info'] = get_bloginfo('template_url') . '/assets/js/buttons/more.js'; $plugin_array['warning'] = get_bloginfo('template_url') . '/assets/js/buttons/more.js'; $plugin_array['danger'] = get_bloginfo('template_url') . '/assets/js/buttons/more.js'; - $plugin_array['successbox'] = get_bloginfo('template_url') . '/assets/js/buttons/more.js'; $plugin_array['infoboxs'] = get_bloginfo('template_url') . '/assets/js/buttons/more.js'; $plugin_array['warningbox'] = get_bloginfo('template_url') . '/assets/js/buttons/more.js';