From 699946eabfb4de6aa3e63a8c9d8bc871754d96a4 Mon Sep 17 00:00:00 2001 From: Seaton Jiang Date: Sun, 20 Feb 2022 22:15:43 +0800 Subject: [PATCH] fix: figcaption does not work (#471) --- style.css | 2527 +++++++++++++++++++++++++++-------------------------- 1 file changed, 1264 insertions(+), 1263 deletions(-) diff --git a/style.css b/style.css index 857b264..5f74eba 100644 --- a/style.css +++ b/style.css @@ -38,55 +38,55 @@ License URI: https://github.com/seatonjiang/kratos/blob/main/LICENSE --------------------------------------------------------------*/ 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; + 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: 0.3s; - -o-transition: 0.3s; - transition: 0.3s; + color: #00a2ff; + -webkit-transition: 0.3s; + -o-transition: 0.3s; + transition: 0.3s; } a:hover { - color: #0097ee; - text-decoration: none; + color: #0097ee; + text-decoration: none; } a:focus { - outline: 0; - text-decoration: none; + outline: 0; + text-decoration: none; } ol, p, ul { - margin-bottom: 16px; - color: #333; - font-size: 16px; + margin-bottom: 16px; + color: #333; + font-size: 16px; } ul, ol { - margin: 0 0 16px; - padding-left: 16px; + margin: 0 0 16px; + padding-left: 16px; } ol > li { - margin-bottom: 6px; - padding-left: 2px; - line-height: 22px; + margin-bottom: 6px; + padding-left: 2px; + line-height: 22px; } ul > li { - margin-bottom: 6px; - padding-left: 2px; - line-height: 22px; + margin-bottom: 6px; + padding-left: 2px; + line-height: 22px; } h1, @@ -95,20 +95,20 @@ h3, h4, h5, h6 { - margin: 0 0 30px 0; - color: #111; - font-weight: 400; + margin: 0 0 30px 0; + color: #111; + font-weight: 400; } .tooltip-inner { - padding: 7px 6px; - font-size: 13px; + padding: 7px 6px; + font-size: 13px; } :active, :focus, button:focus { - outline: none; + outline: none; } .btn-outline-primary.focus, @@ -117,87 +117,87 @@ button:focus { .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-primary.dropdown-toggle:focus, .form-control:focus { - box-shadow: none; + box-shadow: none; } ::-moz-placeholder { - color: #ffffff; + color: #ffffff; } ::-webkit-input-placeholder { - color: #ffffff; + color: #ffffff; } :-ms-input-placeholder { - color: #ffffff; + color: #ffffff; } ::selection { - background: #ddd; - color: #000; - text-shadow: none; + background: #ddd; + color: #000; + text-shadow: none; } ::-webkit-selection { - background: #ddd; - color: #000; - text-shadow: none; + background: #ddd; + color: #000; + text-shadow: none; } ::-moz-selection { - background: #ddd; - color: #000; - text-shadow: none; + background: #ddd; + color: #000; + text-shadow: none; } ::-webkit-scrollbar { - overflow: auto; - width: 10px; - height: 6.4px; + overflow: auto; + width: 10px; + height: 6.4px; } ::-webkit-scrollbar-thumb { - min-width: 25px; - min-height: 25px; - border: 1px solid #e0e0e0; - background-color: #bbbbbb; + min-width: 25px; + min-height: 25px; + border: 1px solid #e0e0e0; + background-color: #bbbbbb; } ::-webkit-scrollbar-track { - border: 1px solid #efefef; - background-color: #f7f7f7; + border: 1px solid #efefef; + background-color: #f7f7f7; } .k-main.color { - padding: 90px 0 20px; + padding: 90px 0 20px; } .k-main.banner { - padding: 20px 0; + padding: 20px 0; } @media only screen and (max-width: 992px) { - .k-header { - height: 59px; - } + .k-header { + height: 59px; + } - .k-main.color { - padding-top: 20px; - } + .k-main.color { + padding-top: 20px; + } - .k-main.banner { - padding-top: 260px; - } + .k-main.banner { + padding-top: 260px; + } } @media only screen and (max-width: 768px) { - .k-header { - height: 50px; - } + .k-header { + height: 50px; + } - .k-main.banner { - padding-top: 255px; - } + .k-main.banner { + padding-top: 255px; + } } /*-------------------------------------------------------------- @@ -205,83 +205,83 @@ button:focus { --------------------------------------------------------------*/ .k-nav { - position: absolute; - background-color: rgba(40, 42, 44, 0.6); + position: absolute; + background-color: rgba(40, 42, 44, 0.6); } .k-nav .navbar-brand { - padding: 0; - color: #ffffff; - font-size: 24px; + padding: 0; + color: #ffffff; + font-size: 24px; } .k-nav .navbar-brand img { - max-width: 168px; - max-height: 35px; + max-width: 168px; + max-height: 35px; } .k-nav .navbar-brand h1 { - display: inherit; - margin: inherit; - padding: inherit; - color: inherit; - color: inherit; - font-weight: inherit; - font-size: inherit; - line-height: inherit; + display: inherit; + margin: inherit; + padding: inherit; + color: inherit; + color: inherit; + font-weight: inherit; + font-size: inherit; + line-height: inherit; } .k-nav .navbar-toggler { - padding: 13px; - border-color: transparent; - border-radius: 0; - color: #343a40; - text-transform: uppercase; - font-weight: 600; - font-size: 12px; + padding: 13px; + border-color: transparent; + border-radius: 0; + color: #343a40; + text-transform: uppercase; + font-weight: 600; + font-size: 12px; } .k-nav .navbar-nav { - position: relative; + position: relative; } .k-nav .navbar-nav li { - margin-bottom: 0; - padding-left: 0; - list-style: none; + margin-bottom: 0; + padding-left: 0; + list-style: none; } .k-nav .navbar-nav > li.nav-item > a { - text-transform: uppercase; - letter-spacing: 1px; - font-weight: 400; - font-size: 17px; + text-transform: uppercase; + letter-spacing: 1px; + font-weight: 400; + font-size: 17px; } .k-nav .line { - display: flex; - width: 24px; - height: 2px; - background: #ffffff; - transition: all 0.3s ease-out; + display: flex; + width: 24px; + height: 2px; + background: #ffffff; + transition: all 0.3s ease-out; } .k-nav .second-line { - margin: 5px 0; + margin: 5px 0; } .nav-close .first-line { - transform: rotate(45deg) translate3d(5px, 5px, 0); - transform-origin: center; + transform: rotate(45deg) translate3d(5px, 5px, 0); + transform-origin: center; } .nav-close .second-line { - transform: scale3d(0, 1, 1); + transform: scale3d(0, 1, 1); } .nav-close .third-line { - transform: rotate(-45deg) translate3d(5px, -5px, 0); - transform-origin: center; + transform: rotate(-45deg) translate3d(5px, -5px, 0); + transform-origin: center; } .navbar-light .navbar-nav .nav-link, @@ -291,159 +291,159 @@ button:focus { .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link { - color: #ffffff; + color: #ffffff; } .navbar-light .navbar-nav .nav-link:hover { - color: rgba(255, 255, 255, 0.8); + color: rgba(255, 255, 255, 0.8); } .navbar-light .navbar-nav .nav-link .fas { - margin-right: 3px; + margin-right: 3px; } .navbar-light .navbar-nav .dropdown-menu { - margin: 2px 0 0; - padding: 5px 0; - min-width: 140px; - border: none; - font-size: 15px; + margin: 2px 0 0; + padding: 5px 0; + min-width: 140px; + border: none; + font-size: 15px; } .dropdown-item.active, .dropdown-item:active { - background-color: #00a2ff; + background-color: #00a2ff; } .dropdown-toggle::after { - display: inline-block; - margin-left: 2px; - border-top: 0; - border-right: 0; - border-bottom: 0; - border-left: 0; - content: '\e62e'; - vertical-align: unset; - font-size: 16px; - font-family: kicon; - transform: rotate(180deg); + display: inline-block; + margin-left: 2px; + border-top: 0; + border-right: 0; + border-bottom: 0; + border-left: 0; + content: '\e62e'; + vertical-align: unset; + font-size: 16px; + font-family: kicon; + transform: rotate(180deg); } @media only screen and (min-width: 992px) { - .k-nav { - height: 70px; - border-bottom: 1px solid transparent; - background: transparent; - -webkit-transition: background-color 0.2s; - -moz-transition: background-color 0.2s; - transition: background-color 0.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 { + height: 70px; + border-bottom: 1px solid transparent; + background: transparent; + -webkit-transition: background-color 0.2s; + -moz-transition: background-color 0.2s; + transition: background-color 0.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: 3px 0; - color: #fff; - } + .k-nav .navbar-brand { + padding: 3px 0; + color: #fff; + } - .k-nav .navbar-brand:focus, + .k-nav .navbar-brand:focus, .k-nav .navbar-brand:hover { - color: rgba(255, 255, 255, 0.8); - } + color: rgba(255, 255, 255, 0.8); + } - .k-nav .navbar-nav > li.nav-item > a { - padding: 10px; - color: #fff; - } + .k-nav .navbar-nav > li.nav-item > a { + padding: 10px; + color: #fff; + } - .k-nav .navbar-nav > li.nav-item > a:focus, + .k-nav .navbar-nav > li.nav-item > a:focus, .k-nav .navbar-nav > li.nav-item > a:hover { - color: rgba(255, 255, 255, 0.8); - } + color: rgba(255, 255, 255, 0.8); + } - .k-nav.is-fixed { - position: fixed; - top: -67px; - border-bottom: 1px solid white; - background-color: rgba(255, 255, 255, 0.9); - -webkit-transition: -webkit-transform 0.2s; - -moz-transition: -moz-transform 0.2s; - transition: transform 0.2s; - } + .k-nav.is-fixed { + position: fixed; + top: -67px; + border-bottom: 1px solid white; + background-color: rgba(255, 255, 255, 0.9); + -webkit-transition: -webkit-transform 0.2s; + -moz-transition: -moz-transform 0.2s; + transition: transform 0.2s; + } - .k-nav.is-fixed .navbar-brand { - color: #212529; - } + .k-nav.is-fixed .navbar-brand { + color: #212529; + } - .k-nav.is-fixed .navbar-brand:focus, + .k-nav.is-fixed .navbar-brand:focus, .k-nav.is-fixed .navbar-brand:hover { - color: #007bff; - } + color: #007bff; + } - .k-nav.is-fixed .navbar-nav > li.nav-item > a { - color: #212529; - } + .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:focus, .k-nav.is-fixed .navbar-nav > li.nav-item > a:hover { - color: #007bff; - } + 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); - } + .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: 992px) { - .navbar-light .navbar-nav .dropdown-menu, + .navbar-light .navbar-nav .dropdown-menu, .navbar-light .navbar-nav .dropdown-item.active, .navbar-light .navbar-nav .dropdown-item:active, .navbar-light .navbar-nav .dropdown-item:focus, .navbar-light .navbar-nav .dropdown-item:hover { - background-color: transparent; - } + background-color: transparent; + } - .k-nav .navbar-nav > li.nav-item > a { - font-size: 16px; - } + .k-nav .navbar-nav > li.nav-item > a { + font-size: 16px; + } - .navbar-light .navbar-nav .dropdown-item { - color: #ffffff; - } + .navbar-light .navbar-nav .dropdown-item { + color: #ffffff; + } - .navbar-light .navbar-nav .dropdown-menu { - padding: 0; - } + .navbar-light .navbar-nav .dropdown-menu { + padding: 0; + } } @media screen and (max-width: 768px) { - .k-nav .navbar-brand { - font-size: 19px; - } + .k-nav .navbar-brand { + font-size: 19px; + } - .k-nav .navbar-brand img { - max-width: 140px; - max-height: 30px; - } + .k-nav .navbar-brand img { + max-width: 140px; + max-height: 30px; + } - .navbar-light .navbar-nav .nav-link { - font-size: 16px; - } + .navbar-light .navbar-nav .nav-link { + font-size: 16px; + } - .navbar-light .navbar-brand:hover { - color: rgba(255, 255, 255, 0.8); - } + .navbar-light .navbar-brand:hover { + color: rgba(255, 255, 255, 0.8); + } - .k-nav .navbar-nav > li.nav-item > a { - font-size: 14px; - } + .k-nav .navbar-nav > li.nav-item > a { + font-size: 14px; + } } /*-------------------------------------------------------------- @@ -451,67 +451,67 @@ button:focus { --------------------------------------------------------------*/ .k-header .banner { - position: relative; - height: 300px; + 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, 0.25); + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 1; + width: 100%; + background: rgba(66, 64, 64, 0.25); } .k-header .banner .content { - position: relative; - height: 300px; - background-position: center center; - background-size: cover; + 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; + 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; + margin-bottom: 5px; + font-size: 35px; } .k-header .banner .content .introduce .mate { - font-size: 25px; + font-size: 25px; } @media screen and (max-width: 768px) { - .k-header .banner { - height: 290px; - } + .k-header .banner { + height: 290px; + } - .k-header .banner .content { - height: 290px; - } + .k-header .banner .content { + height: 290px; + } - .k-header .banner .content .introduce { - top: 43%; - } + .k-header .banner .content .introduce { + top: 43%; + } - .k-header .banner .content .introduce .title { - font-size: 30px; - } + .k-header .banner .content .introduce .title { + font-size: 30px; + } - .k-header .banner .content .introduce .mate { - font-size: 20px; - } + .k-header .banner .content .introduce .mate { + font-size: 20px; + } } /*-------------------------------------------------------------- @@ -519,21 +519,21 @@ button:focus { --------------------------------------------------------------*/ .k-main .board .article-carousel { - margin: 0 0 23px; + margin: 0 0 23px; } .k-main .board .article-carousel li { - margin-bottom: 0 !important; - padding: 0 !important; - list-style: none !important; + margin-bottom: 0 !important; + padding: 0 !important; + list-style: none !important; } .k-main .board .article-carousel .carousel-caption h5 { - margin: 0 0 5px 0; + margin: 0 0 5px 0; } .k-main .board .article-carousel .carousel-caption p { - margin-bottom: 5px; + margin-bottom: 5px; } /*-------------------------------------------------------------- @@ -541,79 +541,79 @@ button:focus { --------------------------------------------------------------*/ .k-main .board .paginations > * { - display: inline-block; + display: inline-block; } .k-main .board .paginations .kicon { - line-height: 25px; + line-height: 25px; } .k-main .board .paginations { - margin: 10px auto; - width: 100%; - text-align: center; - font-size: 14px; + margin: 10px auto; + width: 100%; + text-align: center; + font-size: 14px; } .k-main.color .board .paginations { - margin: 23px auto; + margin: 23px auto; } .k-main .board .paginations a { - margin-top: 5px; - padding: 5px 12px; - background: #fff; - color: #444; + margin-top: 5px; + padding: 5px 12px; + background: #fff; + color: #444; } .k-main .board .paginations .current { - padding: 5px 12px; - background: #00a2ff; - color: #fff; - font-weight: 400; + padding: 5px 12px; + background: #00a2ff; + color: #fff; + font-weight: 400; } .k-main .board .paginations .dots { - padding: 5px 12px; - background: #fff; - color: #444; + padding: 5px 12px; + background: #fff; + color: #444; } .k-main .details .article ul, ol { - padding-left: 32px; + padding-left: 32px; } .k-main .details .article .content .paginations { - font-size: 14px; + font-size: 14px; } .k-main .details .article .content .paginations span { - display: inline-block; - margin: 3px; - cursor: pointer; + display: inline-block; + margin: 3px; + cursor: pointer; } .k-main .details .article .content .paginations a { - text-decoration: none; + text-decoration: none; } .k-main .details .article .content .paginations a span { - padding: 5px 12px; - border: solid 1px #00a2ff; - background-color: #f0f8ff; - color: #00a2ff; - text-decoration: none; - font-weight: normal; + padding: 5px 12px; + border: solid 1px #00a2ff; + background-color: #f0f8ff; + color: #00a2ff; + text-decoration: none; + font-weight: normal; } .k-main .details .article .content .paginations .current span, .k-main .details .article .content .paginations a span:hover { - padding: 5px 12px; - border: solid 1px #00a2ff; - background: #00a2ff; - color: #fff; - font-weight: 400; + padding: 5px 12px; + border: solid 1px #00a2ff; + background: #00a2ff; + color: #fff; + font-weight: 400; } /*-------------------------------------------------------------- @@ -621,246 +621,246 @@ ol { --------------------------------------------------------------*/ .k-main .board .article-panel { - position: relative; - margin: 0 0 23px; - border-radius: 0; - background-color: #fff; - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); + position: relative; + margin: 0 0 23px; + border-radius: 0; + background-color: #fff; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); } .k-main .board .article-panel:last-of-type { - margin: 0; + margin: 0; } .k-main .board .article-panel .a-card { - position: absolute; - top: -16px; - right: -1px; + position: absolute; + top: -16px; + right: -1px; } .k-main .board .article-panel .a-card .i-card-top { - color: #0092ee; - font-size: 40px; + color: #0092ee; + font-size: 40px; } .k-main .board .article-panel .a-card .i-card-hot { - color: #dc3545; - font-size: 40px; + color: #dc3545; + font-size: 40px; } .k-main .board .article-panel .a-thumb { - position: relative; - float: left; - overflow: hidden; - margin: 20px; - width: 256px; - height: 144px; + position: relative; + float: left; + overflow: hidden; + margin: 20px; + width: 256px; + height: 144px; } .k-main .board .article-panel .a-thumb img { - padding: 2px; - width: 100%; - height: 100%; - border: 1px solid #f3f3f3; + 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; + 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; + 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; + 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; + 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 span.label { - cursor: default; + cursor: default; } .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; + 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; + display: inline; + margin: 0; + font-size: 21px; } .k-main .board .article-panel .a-post .header .title a { - color: #333; + color: #333; } .k-main .board .article-panel .a-post .header .title a:hover { - color: #0097ee; + 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; + 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; + 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; + 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; + font-size: 13px; + line-height: 24px; + cursor: default; } .k-main .board .article-panel .a-meta span > i { - margin-right: 3px; + margin-right: 3px; } .k-main .board .article-panel .a-meta span > a { - color: #333; + color: #333; } .k-main .board .article-panel .a-meta span > a:hover { - color: #0097ee; - text-decoration: none; + color: #0097ee; + text-decoration: none; } .k-main .board .article-panel .a-meta span > a > i { - margin-left: 3px; + margin-left: 3px; } .k-main .board .article-panel .search-title { - padding: 20px 25px; - color: #000; - font-size: 18px; + padding: 20px 25px; + color: #000; + font-size: 18px; } .k-main .board .article-panel .nothing { - padding: 50px; - text-align: center; + padding: 50px; + text-align: center; } .k-main .board .article-panel .nothing img { - width: 50%; + width: 50%; } .k-main .board .article-panel .nothing .sorry { - margin-top: 30px; - font-size: 20px; + 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 { + 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-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 { + 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 { + margin: 0 0 9px; + } - .k-main .board .article-panel .a-post .header .label { - display: none; - } + .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 .header .title { + font-size: 20px; + } - .k-main .board .article-panel .a-post .content { - margin-bottom: 10px; - } + .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-post.a-none .content { + margin-bottom: 0; + } - .k-main .board .article-panel .a-meta { - padding: 5px 12px; - } + .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 .a-meta span { + font-size: 12px; + } - .k-main .board .article-panel .nothing .sorry { - font-size: 18px; - } + .k-main .board .article-panel .nothing .sorry { + font-size: 18px; + } } /*-------------------------------------------------------------- @@ -868,90 +868,90 @@ ol { --------------------------------------------------------------*/ .k-main .details .article { - background-color: #fff; - -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); - -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); - word-wrap: break-word; - word-break: break-all; + background-color: #fff; + -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); + -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); + word-wrap: break-word; + word-break: break-all; } .k-main .details .article .breadcrumb-box { - border-bottom: 1px solid #f7f7f7; + border-bottom: 1px solid #f7f7f7; } .k-main .details .article > :first-child { - margin-top: 0; + margin-top: 0; } .k-main .details .article > :last-child { - margin-bottom: 0; + 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; + margin-bottom: 0; + padding: 12px 16px; + border-radius: 0; + background-color: inherit; + font-size: 13px; } .k-main .details .article .breadcrumb-box .breadcrumb li { - margin-bottom: 0; - list-style: none; + margin-bottom: 0; + list-style: none; } .breadcrumb-item + .breadcrumb-item { - padding-left: 0.3rem; + padding-left: 0.3rem; } .breadcrumb-item + .breadcrumb-item::before { - padding-right: 0.2rem; + padding-right: 0.2rem; } .k-main .details .article .breadcrumb-box .breadcrumb-item.active { - cursor: default; + cursor: default; } .k-main .details .article .header { - padding: 0 20px 16px; - text-align: center; + padding: 0 20px 16px; + text-align: center; } .k-main .details .article .header .title { - padding-bottom: 0; - border: none; + padding-bottom: 0; + border: none; } .k-main .details .article .header .meta { - color: #5a5a5a; - font-size: 14px; - cursor: default; + color: #5a5a5a; + font-size: 14px; + cursor: default; } .k-main .details .article .header .meta a { - color: inherit; + color: inherit; } .k-main .details .article .header .meta > span:not(:last-child):after { - margin-right: 5px; - margin-left: 5px; - color: #71777c; - content: '\B7'; + margin-right: 5px; + margin-left: 5px; + color: #71777c; + content: '\B7'; } .k-main .details .article .content { - padding: 0 20px 16px; - word-wrap: break-word; - line-height: 1.8; - word-break: break-word; + padding: 0 20px 16px; + word-wrap: break-word; + line-height: 1.8; + word-break: break-word; } .k-main .details .article .content::after, .k-main .details .article .content p::after { - clear: both; - display: block; - content: ''; + clear: both; + display: block; + content: ''; } .k-main .details .article h1, @@ -960,420 +960,421 @@ ol { .k-main .details .article .content h4, .k-main .details .article .content h5, .k-main .details .article .content h6 { - margin-top: 24px; - margin-bottom: 16px; - font-weight: 500; - line-height: 1.25; + margin-top: 24px; + margin-bottom: 16px; + font-weight: 500; + line-height: 1.25; } .k-main .details .article h1 { - margin-bottom: 24px; - font-size: 34px; + margin-bottom: 24px; + font-size: 34px; } .k-main .details .article .content h2:not(:first-child) { - margin-top: 32px; - margin-bottom: 12px; - font-size: 28px; + margin-top: 32px; + margin-bottom: 12px; + font-size: 28px; } .k-main .details .article .content h2.title { - margin: 16px -20px; - padding: 0 10px; - border-left: 5px solid #00a2ff; - background-color: rgba(243, 243, 243, 0.7); - font-size: 20px; - line-height: 41px; + margin: 16px -20px; + padding: 0 10px; + border-left: 5px solid #00a2ff; + background-color: rgba(243, 243, 243, 0.7); + font-size: 20px; + line-height: 41px; } .k-main .details .article .content h3:not(:first-child) { - margin-top: 32px; - margin-bottom: 12px; - font-size: 20px; + margin-top: 32px; + margin-bottom: 12px; + font-size: 20px; } .k-main .details .article .content h4:not(:first-child) { - margin-top: 24px; - margin-bottom: 8px; - font-size: 16px; + margin-top: 24px; + margin-bottom: 8px; + font-size: 16px; } .k-main .details .article .content h5 { - font-size: 14px; + font-size: 14px; } .k-main .details .article .content h6 { - font-size: 12px; + font-size: 12px; } .k-main .details .article .content p { - color: #151515; - line-height: 30px; + color: #151515; + line-height: 30px; } .k-main .details .article .content li p { - margin-bottom: 10px; + margin-bottom: 10px; } .k-main .details .article .content .progress { - margin-bottom: 16px; + margin-bottom: 16px; } .k-main .details .article .content .video-container { - margin-bottom: 16px; + 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; + 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: 16px; + margin-bottom: 16px; } .k-main .details .article .content blockquote p:last-child { - margin-bottom: -3px; + margin-bottom: -3px; } .k-main .details .article .content hr { - margin: 24px 0; - height: 1px; - border: none; - border-top: 1px solid #a5a5a5; + 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; + 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; + 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, 0.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; + 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, 0.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 { - margin: 0; - padding: 0; - background-color: transparent; + margin: 0; + padding: 0; + background-color: transparent; } .k-main .details .article .content pre ol { - padding: 0; + padding: 0; } .k-main .details .article .content pre li { - margin: 0; - list-style: none; + margin: 0; + list-style: none; } .k-main .details .article .content .wp-caption-text { - margin-bottom: 0; - font-size: 14px; + margin-bottom: 0; + font-size: 14px; } .k-main .details .article .content .wp-block-image { - margin-bottom: 0; + margin-bottom: 0; } .k-main .details .article .content .wp-block-image figcaption { - font-size: 14px; + text-align: center; + font-size: 14px; } .k-main .details .article .content figure { - margin: 0; + margin: 0; } .k-main .details .article .content .alignleft::after, .k-main .details .article .content .aligncenter::after, .k-main .details .article .content .alignright::after { - clear: both; - display: block; - content: ''; + clear: both; + display: block; + content: ''; } .k-main .details .article .content .alignleft { - float: left; - margin-right: 16px; + float: left; + margin-right: 16px; } .k-main .details .article .content p > img, .k-main .details .article .content p a > img { - display: block; + display: block; } .k-main .details .article .content .wp-smiley { - display: inline; + display: inline; } .k-main .details .article .content .aligncenter { - margin-right: auto; - margin-left: auto; + margin-right: auto; + margin-left: auto; } -.k-main .details .article .content .aligncenter figcaption{ - text-align: center; +.k-main .details .article .content .aligncenter figcaption { + text-align: center; } .k-main .details .article .content .alignright { - float: right; - margin-left: 16px; + float: right; + margin-left: 16px; } .k-main .details .article .content img { - height: auto; - max-width: 100%; + height: auto; + max-width: 100%; } .k-main .details .article .content table { - display: table; - overflow: auto; - width: 100%; - table-layout: fixed; - word-break: break-word; + display: table; + overflow: auto; + width: 100%; + table-layout: fixed; + word-break: break-word; } .k-main .details .article .content table th, .k-main .details .article .content table td { - padding: 8px 16px; - border: 1px solid #e9ebec; + padding: 8px 16px; + border: 1px solid #e9ebec; } .k-main .details .article .content table th { - font-weight: bold; + font-weight: bold; } .k-main .details .article .content table tr:nth-child(2n) { - background-color: #f8f8f8; + background-color: #f8f8f8; } .k-main .details .article .content .alert, .k-main .details .article .content .card, .card-header:first-child { - border-radius: 0; + border-radius: 0; } .k-main .details .article .content .card-header { - padding: 6px 15px; + padding: 6px 15px; } .k-main .details .article .content .card-body { - padding: 10px 15px; + padding: 10px 15px; } .k-main .details .article .content .alert { - padding: 10px 15px; + 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; + 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; + background: #37a0eb; + color: #fff; } .k-main .details .article .content .downbtn:focus { - color: #fff; - text-decoration: none; + color: #fff; + text-decoration: none; } .k-main .details .article .content .video-container { - position: relative; - overflow: hidden; - padding-bottom: 75%; - height: 0; + 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%; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; } .k-main .details .article .content > :last-child { - margin-bottom: 0; + margin-bottom: 0; } .k-main .details .article .content .wp-caption { - width: 100% !important; + width: 100% !important; } .k-main .details .article .copyright { - padding: 0 16px 16px; + padding: 0 16px 16px; } .k-main .details .article .copyright span { - display: block; - padding: 18px; - background-color: #f7f7fa; - color: #333333; - font-size: 14px; - line-height: 20px; - cursor: default; + display: block; + padding: 18px; + background-color: #f7f7fa; + color: #333333; + font-size: 14px; + line-height: 20px; + cursor: default; } .k-main .details .article .footer { - padding: 0 16px 10px; - border-top: 1px solid #f2f2f2; + padding: 0 16px 10px; + border-top: 1px solid #f2f2f2; } .k-main .details .article .footer .tags, .k-main .details .article .footer .tool { - margin-top: 10px; + margin-top: 10px; } .k-main .details .article .footer .tags span, .k-main .details .article .footer .tool span { - color: #333333; - font-size: 14px; - cursor: default; + color: #333333; + 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; + margin: 0 5px 0 0; + padding: 2px 7px; + background-color: #a9a9a9; + color: #fff; + font-size: 13px; } .k-main .details .article .content .accordion { - margin-bottom: 16px; - border: 1px solid #e5e8ed; + margin-bottom: 16px; + border: 1px solid #e5e8ed; } .k-main .details .article .content .accordion .acheader { - position: relative; - padding: 5px 15px; - background: #f7f8fa; + position: relative; + padding: 5px 15px; + background: #f7f8fa; } .k-main .details .article .content .accordion .acheader span { - font-weight: 600; - font-size: 17px; + font-weight: 600; + font-size: 17px; } .k-main .details .article .content .accordion .acheader .icon { - position: absolute; - right: 15px; - font-size: 17px; + position: absolute; + right: 15px; + font-size: 17px; } .k-main .details .article .content .accordion .acheader .icon .kicon { - font-size: 17px; + font-size: 17px; } .k-main .details .article .content .accordion.active .icon { - -webkit-transition: 0.3s; - transition: 0.3s; - -webkit-transform: rotate(-45deg); - transform: rotate(-45deg); + -webkit-transition: 0.3s; + transition: 0.3s; + -webkit-transform: rotate(-45deg); + transform: rotate(-45deg); } .k-main .details .article .content .accordion .contents { - display: none; - border-top: 1px solid #e6e6e6; + display: none; + border-top: 1px solid #e6e6e6; } .k-main .details .article .content .accordion .contents .inner { - padding: 5px 15px; + padding: 5px 15px; } .lg-outer { - z-index: 999999; + z-index: 999999; } @media screen and (max-width: 768px) { - .k-main .details .article .header { - padding: 0 16px 12px; - } + .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 h1 { + margin-top: 14px; + margin-bottom: 14px; + font-size: 22px; + } - .k-main .details .article .header .meta { - font-size: 12px; - } + .k-main .details .article .header .meta { + font-size: 12px; + } - .k-main .details .article .content p { - font-size: 15px; - } + .k-main .details .article .content p { + font-size: 15px; + } - .k-main .details .article .content table { - display: block; - word-break: keep-all; - } + .k-main .details .article .content table { + display: block; + word-break: keep-all; + } - .k-main .details .article .header .meta span:not(:first-child) { - margin-left: 5px; - } + .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 .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 .alert { + padding: 10px 15px; + font-size: 15px; + } - .k-main .details .article .content .card-header { - 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-body { + padding: 12px 15px; + } - .k-main .details .article .content .card-text { - font-size: 14px; - } + .k-main .details .article .content .card-text { + font-size: 14px; + } } /*-------------------------------------------------------------- @@ -1381,194 +1382,194 @@ ol { --------------------------------------------------------------*/ .k-main .details .toolbar { - margin-top: 16px; - padding: 20px; - background-color: #fff; - -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); - -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); + margin-top: 16px; + padding: 20px; + background-color: #fff; + -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); + -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); } .k-main .details .toolbar .meta { - width: 50%; - cursor: default; + width: 50%; + cursor: default; } .k-main .details .toolbar img { - float: left !important; - margin-right: 8px !important; - width: 56px; - height: 56px; - border-radius: 50%; + float: left !important; + margin-right: 8px !important; + width: 56px; + height: 56px; + border-radius: 50%; } .k-main .details .toolbar .name { - margin-bottom: -5px; + 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; + 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; + color: #4a4a4a; } .k-main .details .toolbar .share { - margin-top: 12px; + margin-top: 12px; } .k-main .details .toolbar .share .btn { - width: 90px; - height: 35px; - font-size: 15px; - line-height: 1.65; + 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; + 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; + 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; + 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; + border-color: #fb5235; + background-color: #fb5235; + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; + color: #fff; } .k-main .details .toolbar .share .btn-primary.focus, .btn-primary:focus { - -webkit-box-shadow: none; - -moz-box-shadow: none; - box-shadow: none; + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; } .donate-box .meta-pay { - margin-top: 14px; - margin-bottom: 14px; - cursor: default; + margin-top: 14px; + margin-bottom: 14px; + cursor: default; } .donate-box .qr-pay img { - width: 200px; - height: 200px; + width: 200px; + height: 200px; } .donate-box .choose-pay input { - display: none; + display: none; } .donate-box .choose-pay input:checked + label { - border-color: #0092ee; - color: #0092ee; + 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; + 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; + height: 26px; } .k-main .details .post-navigation { - margin-top: 16px; + margin-top: 16px; } .k-main .details .post-navigation .nav-previous a { - color: #5a5a5a; + color: #5a5a5a; } .k-main .details .post-navigation .nav-next a { - color: #5a5a5a; + 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, 0.1); - text-align: left; + float: left; + padding: 7px 18px; + max-width: 50%; + background-color: #fff; + box-shadow: 0 1px 5px rgba(0, 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, 0.1); - text-align: right; + float: right; + padding: 7px 18px; + max-width: 50%; + background-color: #fff; + box-shadow: 0 1px 5px rgba(0, 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 { + 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 span { + font-size: 12px; + } - .k-main .details .toolbar .meta .love { - display: none !important; - } + .k-main .details .toolbar .meta .love { + display: none !important; + } - .k-main .details .toolbar .share { - margin-top: 16px; - } + .k-main .details .toolbar .share { + margin-top: 16px; + } - .k-main .details .toolbar .motto { - padding-bottom: 5px; - min-height: 30px; - } + .k-main .details .toolbar .motto { + padding-bottom: 5px; + min-height: 30px; + } - .k-main .details .toolbar .share .btn { - width: 88px; - height: 35px; - font-size: 14.5px; - line-height: 1.5; - } + .k-main .details .toolbar .share .btn { + width: 88px; + height: 35px; + font-size: 14.5px; + line-height: 1.5; + } } /*-------------------------------------------------------------- @@ -1576,245 +1577,245 @@ ol { --------------------------------------------------------------*/ .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, 0.1); - -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); + margin-top: 16px; + padding: 1.6px 16px 16px; + border-radius: 2px; + background-color: #fff; + -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); + -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); } .k-main .details .post-2 .comments { - -webkit-box-shadow: none; - -moz-box-shadow: none; - box-shadow: none; + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; } .k-main .details .comments .comment-form-author { - padding-right: 5px; + padding-right: 5px; } .k-main .details .comments .comment-form-email { - padding-left: 5px; + padding-left: 5px; } .k-main .details .comments .input-group-text { - border: 1px solid #eeeeee; - background-color: #f8f8f8; + border: 1px solid #eeeeee; + background-color: #f8f8f8; } .k-main .details .comments .form-control { - border: 1px solid #eeeeee; + border: 1px solid #eeeeee; } .k-main .details .comments .title { - margin-bottom: 0; - padding: 16px 0; - border-bottom: 1px solid #f0f0f0; - font-size: 19px; - cursor: default; + 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; + padding: 16px 0; + list-style: none; } .k-main .details .comments .list > li { - border-bottom: 1px solid #f0f0f0; + border-bottom: 1px solid #f0f0f0; } .k-main .details .comments .comment .avatar { - vertical-align: middle; + vertical-align: middle; } .k-main .details .comments .comment .avatar img { - display: block; - width: 50px; - height: 50px; - border: 1px solid #eaeaea; - border-radius: 50%; + display: block; + width: 50px; + height: 50px; + border: 1px solid #eaeaea; + border-radius: 50%; } .k-main .details .comments .comment .info { - overflow: hidden; + overflow: hidden; } .k-main .details .comments .comment .info .author_name { - display: inline-block; - margin-top: 3px; - color: #252525; - font-weight: 600; - font-style: normal; - font-size: 14px; - line-height: 1.375; + display: inline-block; + margin-top: 3px; + color: #252525; + font-weight: 600; + font-style: normal; + font-size: 14px; + line-height: 1.375; } .k-main .details .comments .comment .info .author_name a { - color: #252525; - font-weight: 600; - font-size: 14px; + color: #252525; + font-weight: 600; + font-size: 14px; } .k-main .details .comments .comment .info .content { - margin-bottom: 0 !important; + margin-bottom: 0 !important; } .k-main .details .comments .comment .info .content p { - margin: 0; - color: #000000; - font-size: 13px; + margin: 0; + color: #000000; + font-size: 13px; } .k-main .details .comments .comment .info .content p span { - color: #333; + color: #333; } .k-main .details .comments .comment .info .meta, .k-main .details .comments .comment .info .meta a { - color: #9b9b9b; - font-size: 12.5px; + color: #9b9b9b; + font-size: 12.5px; } .k-main .details .comments .children { - margin-bottom: 0px; - padding-left: 0px; + margin-bottom: 0px; + padding-left: 0px; } .k-main .details .comments .children .comment { - margin-bottom: 0px; - padding-bottom: 0px; + margin-bottom: 0px; + padding-bottom: 0px; } .k-main .details .comments .comment-respond .comment-textarea { - border: 1px solid #eee; - border-radius: 3px; - background-color: hsla(0, 0%, 71%, 0.1); + border: 1px solid #eee; + border-radius: 3px; + background-color: hsla(0, 0%, 71%, 0.1); } .k-main .details .comments .comment-respond .comment-textarea textarea { - height: 130px; - border: none; - border-radius: 0; - resize: none; + 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; + overflow: hidden; + padding: 6.4px 8px; + background-color: #f8f8f8; } .k-main .details .comments .comment-respond .comment-textarea .text-bar .tool { - padding-top: 4.8px; + padding-top: 4.8px; } .k-main .details .comments .comment-respond .comment-textarea .text-bar .tool a img { - width: 100%; + 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; + 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: #333333; + padding: 0 8px; + color: #333333; } .k-main .details .comments .comment-respond .comment-textarea .addbtn:hover { - color: #333333; + color: #333333; } .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, 0.3); - color: #fff; - vertical-align: middle; - text-align: center; - white-space: nowrap; - font-size: 14px; - line-height: 1.5; - user-select: none; + display: inline-block; + padding: 6px 12px; + border: none; + border-radius: 3px; + background-color: rgba(0, 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, 0.11); - transition: all 0.15s ease-out; - transform: perspective(500px) rotateX(-15deg); - transform-origin: 50% 0; + 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, 0.11); + transition: all 0.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; + 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; + 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%, 0.1); + padding: 20px; + border: 1px solid #e5e5e5; + border-radius: 4px; + background-color: hsla(0, 0%, 71%, 0.1); } .k-main .details .comments .i-reply { - font-size: 12px; + font-size: 12px; } #commentpage { - display: block; + 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 0.15s ease-in-out; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; + 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 0.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-author { + padding-right: 15px; + } - .k-main .details .comments .comment-form-email { - padding-left: 15px; - } + .k-main .details .comments .comment-form-email { + padding-left: 15px; + } } /*-------------------------------------------------------------- @@ -1822,439 +1823,439 @@ ol { --------------------------------------------------------------*/ .k-main .sidebar img { - width: 100%; - height: auto; + width: 100%; + height: auto; } .k-main .sidebar .wp-smiley { - width: auto; + width: 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, 0.1); + margin: 0 0 23px; + padding: 15px 30px; + border-radius: 0; + background-color: #fff; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); } .k-main .sidebar .w-about, .k-main .sidebar .w-ad { - padding: 0; + padding: 0; } .k-main .sidebar > div:last-child { - margin: 0; + margin: 0; } .k-main .sidebar .w-about .background { - height: 120px; + height: 120px; } .k-main .sidebar .w-about .wrapper img { - margin: -50px 0 0; - width: 100px; - height: 100px; - border: rgba(255, 255, 255, 0.4) 4px solid; - border-radius: 50%; + margin: -50px 0 0; + width: 100px; + height: 100px; + border: rgba(255, 255, 255, 0.4) 4px solid; + border-radius: 50%; } .k-main .sidebar .w-about .textwidget { - padding: 5px 20px 20px; + padding: 5px 20px 20px; } .k-main .sidebar .w-about .textwidget p { - margin-bottom: 0; - cursor: default; + margin-bottom: 0; + cursor: default; } .k-main .sidebar .w-about .textwidget .username { - margin-bottom: 5px; - font-weight: 500; - font-size: 17px; + margin-bottom: 5px; + font-weight: 500; + font-size: 17px; } .k-main .sidebar .w-about .textwidget .about { - font-size: 15px; + font-size: 15px; } .k-main .sidebar .w-ad { - position: relative; + position: relative; } .k-main .sidebar .w-ad .prompt { - position: absolute; - top: 10px; - right: 10px; - width: 39px; - height: 19px; - background-color: rgba(0, 0, 0, 0.33); - color: #dedede; - text-align: center; - font-size: 12px; - line-height: 19px; + position: absolute; + top: 10px; + right: 10px; + width: 39px; + height: 19px; + background-color: rgba(0, 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; + 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; + border-bottom: none; } .k-main .sidebar .w-recommended .bookmark-item .i-book { - margin-right: 7px; + margin-right: 7px; } .k-main .sidebar .w-recommended .nav-link .kicon { - margin-right: 8px; + 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; + 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: ''; + 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 1px 10px 0; - padding: 2px 0; - width: 164px; - border: 1px solid #eeeeee; - color: #333; - list-style: none; - text-align: center; - font-size: 14px; + display: inline-block; + margin: 0 1px 10px 0; + padding: 2px 0; + width: 164px; + border: 1px solid #eeeeee; + color: #333; + list-style: none; + text-align: center; + font-size: 14px; } .k-main .sidebar .widget_links ul li { - display: inline-block; - margin: 0 1px 10px 0; - padding: 2px 0; - width: 164px; - color: #333; - list-style: none; - font-size: 15px; - line-height: inherit; + display: inline-block; + margin: 0 1px 10px 0; + padding: 2px 0; + width: 164px; + color: #333; + list-style: none; + font-size: 15px; + line-height: inherit; } .k-main .sidebar .widget_links ul li img { - margin-top: -3px; - width: 25px; - height: 25px; - border-radius: 50%; + 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, .k-main .sidebar .widget_categories ul li:hover, .k-main .sidebar .widget_archive ul li:hover { - background-color: #f7f6f6; + background-color: #f7f6f6; } .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active { - border-bottom: 2px solid #00a2ff; - background-color: #fff; - color: #333; + border-bottom: 2px solid #00a2ff; + background-color: #fff; + color: #333; } .nav-tabs .nav-item { - color: #333; + color: #333; } .nav-tabs .nav-link { - padding: 8px 28px; - border: 0; - border-bottom: 2px solid #f2f2f2; + padding: 8px 28px; + border: 0; + border-bottom: 2px solid #f2f2f2; } .nav-tabs { - border-bottom: none; + border-bottom: none; } .k-main .sidebar .widget_links ul { - margin-bottom: 0; - padding-left: 0; + margin-bottom: 0; + padding-left: 0; } .k-main .sidebar .widget_links ul li a { - color: #333; + color: #333; } .k-main .sidebar #wp-calendar { - width: 100%; + width: 100%; } .k-main .sidebar caption, .k-main .sidebar tfoot { - display: none; + display: none; } .k-main .sidebar tbody tr { - font-weight: 400; - font-size: 14px; - font-family: arial; + font-weight: 400; + font-size: 14px; + font-family: arial; } .k-main .sidebar tbody a { - display: block; - border: 1px solid #00a2ff; - background: #edf8ff; + 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; + text-align: center; + cursor: default; } .k-main .sidebar .widget_search .screen-reader-text { - display: none; + display: none; } .k-main .sidebar .w-comments .comments a { - display: block; - padding: 13px 0; + display: block; + padding: 13px 0; } .k-main .sidebar .w-comments .comments a:first-child { - padding: 0 0 13px; + padding: 0 0 13px; } .k-main .sidebar .w-comments .comments a:not(:last-child) { - border-bottom: 1px solid #eee; + border-bottom: 1px solid #eee; } .k-main .sidebar .w-comments .comments .message { - overflow: hidden; - color: #394a58; - text-overflow: ellipsis; - white-space: nowrap; - font-size: 14px; - word-break: keep-all; + overflow: hidden; + color: #394a58; + text-overflow: ellipsis; + white-space: nowrap; + font-size: 14px; + word-break: keep-all; } .k-main .sidebar .w-comments .comments .meta .avatar img { - float: left; - margin-right: 7px; - width: 50px; - height: 50px; - max-width: 100%; - border: 1px solid #eaeaea; - border-radius: 50%; + float: left; + margin-right: 7px; + width: 50px; + height: 50px; + max-width: 100%; + border: 1px solid #eaeaea; + border-radius: 50%; } .k-main .sidebar .w-comments .comments .meta .author { - color: #777; - font-size: 12px; + color: #777; + font-size: 12px; } .k-main .sidebar .w-comments .comments .meta .profile { - padding-top: 2px; - font-size: 12px; + padding-top: 2px; + font-size: 12px; } .k-main .sidebar .w-comments .comments .meta .date { - display: block; - overflow: hidden; - color: #777; - text-overflow: ellipsis; - white-space: nowrap; - font-size: 12px; - word-break: keep-all; + display: block; + overflow: hidden; + color: #777; + text-overflow: ellipsis; + white-space: nowrap; + font-size: 12px; + word-break: keep-all; } .btn-search { - border-color: #00a2ff; - background-color: #00a2ff; + border-color: #00a2ff; + background-color: #00a2ff; } .btn-search:not(:disabled):not(.disabled):active, .btn-search:hover, .btn-search:focus { - border-color: #0095ff; - background-color: #0095ff; + border-color: #0095ff; + background-color: #0095ff; } .btn-search:not(:disabled):not(.disabled):active:focus { - box-shadow: none; + box-shadow: none; } .k-main .sidebar .widget_categories ul, .k-main .sidebar .widget_archive ul { - margin: 0; - padding-left: 0; + margin: 0; + padding-left: 0; } .k-main .sidebar .widget_categories ul li, .k-main .sidebar .widget_archive ul li { - display: inline-block; - overflow: hidden; - margin: 0 1px 4px 0; - width: 164px; - border: 1px solid #eeeeee; - list-style: none; - text-align: center; - text-overflow: ellipsis; - font-size: 14px; - cursor: pointer; - -webkit-transition: 0.3s; - -o-transition: 0.3s; - transition: 0.3s; - -webkit-box-orient: vertical; - -webkit-line-clamp: 1; + display: inline-block; + overflow: hidden; + margin: 0 1px 4px 0; + width: 164px; + border: 1px solid #eeeeee; + list-style: none; + text-align: center; + text-overflow: ellipsis; + font-size: 14px; + cursor: pointer; + -webkit-transition: 0.3s; + -o-transition: 0.3s; + transition: 0.3s; + -webkit-box-orient: vertical; + -webkit-line-clamp: 1; } .k-main .sidebar .widget_categories ul li a, .k-main .sidebar .widget_archive ul li a { - display: block; - padding: 4px 0; - color: #333; + display: block; + padding: 4px 0; + color: #333; } .k-main .sidebar .w-search .form-control, .k-main .sidebar .w-search .btn { - border-radius: 0; - font-size: 15px; + border-radius: 0; + font-size: 15px; } .k-main .sidebar .w-search .btn { - padding-right: 25px; - padding-left: 25px; + padding-right: 25px; + padding-left: 25px; } .k-main .sidebar .w-toc .item { - margin-left: 10px; + margin-left: 10px; } .k-main .sidebar .w-toc .item .ul-toc { - position: relative; - margin: 10px 0; - padding: 20px 10px 20px 0; - border-left: 1px solid #eee; + position: relative; + margin: 10px 0; + padding: 20px 10px 20px 0; + border-left: 1px solid #eee; } .k-main .sidebar .w-toc .item .ul-toc::before, .k-main .sidebar .w-toc .item .ul-toc::after { - position: absolute; - bottom: 0; - left: -6px; - width: 11px; - height: 11px; - border: 2px solid #00a2ff; - border-radius: 15px; - background-color: #fff; - content: ''; + position: absolute; + bottom: 0; + left: -6px; + width: 11px; + height: 11px; + border: 2px solid #00a2ff; + border-radius: 15px; + background-color: #fff; + content: ''; } .k-main .sidebar .w-toc .item .ul-toc::before { - top: 0; + top: 0; } .k-main .sidebar .w-toc .item ul li { - position: relative; - margin-bottom: 0; - padding-left: 0; - list-style: none; + position: relative; + margin-bottom: 0; + padding-left: 0; + list-style: none; } .k-main .sidebar .w-toc .item ul li a { - display: block; - margin: 0 10px; - padding: 8px; - border-radius: 4px; - color: #333; + display: block; + margin: 0 10px; + padding: 8px; + border-radius: 4px; + color: #333; } .k-main .sidebar .w-toc .item ul li a:hover { - background-color: #f7f6f6; + background-color: #f7f6f6; } .k-main .sidebar .w-toc .item ul { - padding-left: 0; + padding-left: 0; } .k-main .sidebar .w-toc .item ul li::before { - position: absolute; - top: 15px; - bottom: 0; - left: -6px; - width: 11px; - height: 11px; - border: 3px solid #fff; - border-radius: 15px; - background: #a7a7a7; - content: ''; + position: absolute; + top: 15px; + bottom: 0; + left: -6px; + width: 11px; + height: 11px; + border: 3px solid #fff; + border-radius: 15px; + background: #a7a7a7; + content: ''; } .k-main .sidebar .w-toc .item .li-1::before { - border-width: 1px; + border-width: 1px; } .k-main .sidebar .w-toc .item .li-2::before { - border-width: 2px; + border-width: 2px; } .k-main .sidebar .w-toc .item .li-1 a, .k-main .sidebar .w-toc .item .li-2 a { - font-weight: 500; - font-size: 15px; + font-weight: 500; + font-size: 15px; } .k-main .sidebar .w-toc .item .li-3 a { - padding-left: 25px; - font-weight: 400; - font-size: 14px; + padding-left: 25px; + font-weight: 400; + font-size: 14px; } .k-main .sidebar .w-toc .item li:hover::before { - background: #00a2ff; + background: #00a2ff; } @media screen and (max-width: 1310px) { - .nav-tabs .nav-link { - padding: 8px 22px; - } + .nav-tabs .nav-link { + padding: 8px 22px; + } - .k-main .sidebar .w-tags .item a, + .k-main .sidebar .w-tags .item a, .k-main .sidebar .widget_links ul li { - width: 110px; - } + width: 110px; + } - .k-main .sidebar .widget_categories ul li, + .k-main .sidebar .widget_categories ul li, .k-main .sidebar .widget_archive ul li { - width: 110px; - } + width: 110px; + } } @media (min-width: 992px) { - .navbar-expand-lg .navbar-nav .nav-link { - padding-right: 0; - padding-left: 32px; - } + .navbar-expand-lg .navbar-nav .nav-link { + padding-right: 0; + padding-left: 32px; + } } /*-------------------------------------------------------------- @@ -2262,116 +2263,116 @@ ol { --------------------------------------------------------------*/ .k-main .page404 { - padding: 40px; - text-align: center; + 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(assets/img/404.svg) no-repeat center center; - background-size: cover; + position: absolute; + top: -1px; + right: 0; + bottom: 0; + left: 0; + z-index: 2; + width: 100%; + height: 101%; + background: url(assets/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: #ffffff; - content: ''; + position: absolute; + top: 0; + z-index: 10; + width: 20px; + height: 100%; + background: #ffffff; + content: ''; } .k-main .page404 .overlay:before { - left: 0; + left: 0; } .k-main .page404 .overlay:after { - right: 0; + right: 0; } .k-main .page404 .thumbnail { - position: relative; - width: 100%; - height: 500px; - background-position: center center; - background-size: cover; - background-repeat: no-repeat; + position: relative; + width: 100%; + height: 500px; + background-position: center center; + background-size: cover; + background-repeat: no-repeat; } .k-main .page404 .content { - font-weight: 500; + font-weight: 500; } .k-main .page404 .content .title { - font-size: 30px; + font-size: 30px; } .k-main .page404 .content .subtitle { - font-size: 16px; + font-size: 16px; } .k-main .page404 .content .action { - font-size: 16px; + font-size: 16px; } .k-main .page404 .content .action .btn-outline-primary { - width: 110px; - border-radius: 2px; - letter-spacing: 2.4px; + width: 110px; + border-radius: 2px; + letter-spacing: 2.4px; } .k-main .page404 .content .action .back-prevpage { - border-color: #00a2ff; - background-color: #00a2ff; - color: #fff; + border-color: #00a2ff; + background-color: #00a2ff; + color: #fff; } .k-main .page404 .content .action .back-prevpage:hover { - border-color: #009ef9; - background-color: #009ef9; + border-color: #009ef9; + background-color: #009ef9; } .k-main .page404 .content .action .back-index { - border-color: #d8dcdf; - background-color: transparent; - background-image: none; - color: #666; + 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; + border-color: #d8dcdf; + background-color: #f6f4f4; + color: #666; } @media screen and (max-width: 768px) { - .k-main .page404 .thumbnail { - height: 315px; - } + .k-main .page404 .thumbnail { + height: 315px; + } - .k-main .page404 .content .title { - font-size: 21px; - } + .k-main .page404 .content .title { + font-size: 21px; + } - .k-main .page404 .content .subtitle { - font-size: 14px; - } + .k-main .page404 .content .subtitle { + font-size: 14px; + } } @media screen and (max-width: 480px) { - .k-main .page404 .thumbnail { - height: 200px; - } + .k-main .page404 .thumbnail { + height: 200px; + } } /*-------------------------------------------------------------- @@ -2379,135 +2380,135 @@ ol { --------------------------------------------------------------*/ .k-footer { - padding: 40px 0; - background: #23282d; + padding: 40px 0; + background: #23282d; } .k-footer p { - margin-bottom: 0; - color: #8e8e8e; - text-transform: uppercase; - letter-spacing: 1px; - font-size: 14px; - cursor: default; + margin-bottom: 0; + color: #8e8e8e; + text-transform: uppercase; + letter-spacing: 1px; + font-size: 14px; + cursor: default; } .k-footer p a { - color: #8e8e8e; + color: #8e8e8e; } .k-footer p a:hover { - color: #0097ee; + color: #0097ee; } .k-footer p .police-ico { - display: inline-block; - margin-top: -4px; - margin-right: 6px; - width: 14px; - height: 1pc; - background: url(assets/img/police-ico.png) 0 0 no-repeat; - vertical-align: middle; + display: inline-block; + margin-top: -4px; + margin-right: 6px; + width: 14px; + height: 1pc; + background: url(assets/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; + 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; + 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; + bottom: 80px; + visibility: hidden; + cursor: pointer; } .k-footer .f-toolbox .gotop.gotop-haswechat { - bottom: 130px; + bottom: 130px; } .k-footer .f-toolbox .gotop .gotop-btn { - display: table; - width: 40px; - height: 40px; - color: #fff; - text-align: center; + display: table; + width: 40px; + height: 40px; + color: #fff; + text-align: center; } .k-footer .f-toolbox .gotop.active { - visibility: visible; - background: rgba(132, 132, 132, 0.7); + visibility: visible; + background: rgba(132, 132, 132, 0.7); } .k-footer .f-toolbox .wechat { - bottom: 80px; - background: rgba(132, 132, 132, 0.7); - cursor: pointer; + bottom: 80px; + background: rgba(132, 132, 132, 0.7); + cursor: pointer; } .k-footer .f-toolbox .wechat .wechat-pic { - display: none; + display: none; } .k-footer .f-toolbox .wechat img { - position: absolute; - right: 55px; - bottom: -55px; - width: 150px; - height: 150px; + position: absolute; + right: 55px; + bottom: -55px; + width: 150px; + height: 150px; } .k-footer .f-toolbox .search { - bottom: 30px; - display: table; - background: rgba(132, 132, 132, 0.7); - cursor: pointer; + bottom: 30px; + display: table; + background: rgba(132, 132, 132, 0.7); + cursor: pointer; } .k-footer .f-toolbox .search input { - width: 100%; - height: 40px; - border: 0; - background: 0 0; - color: #fff; - font-size: 17px; + width: 100%; + height: 40px; + border: 0; + background: 0 0; + color: #fff; + font-size: 17px; } .k-footer .social { - line-height: 45px; + line-height: 45px; } .k-footer .social a { - display: inline-block; - padding: 0 7px; + display: inline-block; + padding: 0 7px; } .k-footer .social a .kicon { - font-size: 40px; + font-size: 40px; } @media screen and (max-width: 768px) { - .k-footer { - padding: 30px 0; - } + .k-footer { + padding: 30px 0; + } - .k-footer p { - font-size: 10px; - } + .k-footer p { + font-size: 10px; + } - .k-footer .social a .kicon { - font-size: 38px; - } + .k-footer .social a .kicon { + font-size: 38px; + } }