From 6883a9ef676c23dfd0c251b1391e72887bc4326e Mon Sep 17 00:00:00 2001 From: Seaton Jiang Date: Fri, 25 Jun 2021 10:11:57 +0800 Subject: [PATCH] feat: add child theme support (#385) --- assets/css/kratos.css | 2497 ----------------- assets/css/kratos.min.css | 1 - custom/custom.css | 0 custom/custom.js | 2 - custom/custom.php | 2 - custom/readme.md | 3 - functions.php | 9 +- .../class-options-framework-admin.php | 4 +- .../includes/class-options-media-uploader.php | 2 +- inc/theme-core.php | 10 +- style.css | 2497 +++++++++++++++++ 11 files changed, 2509 insertions(+), 2518 deletions(-) delete mode 100644 assets/css/kratos.css delete mode 100644 assets/css/kratos.min.css delete mode 100644 custom/custom.css delete mode 100644 custom/custom.js delete mode 100644 custom/custom.php delete mode 100644 custom/readme.md diff --git a/assets/css/kratos.css b/assets/css/kratos.css deleted file mode 100644 index 249ad90..0000000 --- a/assets/css/kratos.css +++ /dev/null @@ -1,2497 +0,0 @@ -@charset "UTF-8"; - -/*-------------------------------------------------------------- ->>> Kratos 样式表 ->>> Seaton Jiang ----------------------------------------------------------------- - - 1. 全局 - 2. 导航 - 3. Banner - 4. 分页按钮 - 5. 文章列表 - 6. 文章正文 - 7. 内容工具区 - 8. 文章评论 - 9. 小工具 - 10. 404 - 11. 页脚 - ---------------------------------------------------------------*/ - -/*-------------------------------------------------------------- -1. 全局 ---------------------------------------------------------------*/ - -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: 0.3s; - -o-transition: 0.3s; - transition: 0.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; -} - -ul, -ol { - margin: 0 0 16px; - padding-left: 16px; -} - -ol > li { - margin-bottom: 6px; - padding-left: 2px; - line-height: 22px; -} - -ul > li { - margin-bottom: 6px; - padding-left: 2px; - line-height: 22px; -} - -h1, -h2, -h3, -h4, -h5, -h6 { - margin: 0 0 30px 0; - color: #111; - font-weight: 400; -} - -.tooltip-inner { - padding: 7px 6px; - font-size: 13px; -} - -:active, -:focus, -button:focus { - outline: none; -} - -.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, -.show > .btn-outline-primary.dropdown-toggle:focus, -.form-control:focus { - box-shadow: none; -} - -::-moz-placeholder { - color: #ffffff; -} - -::-webkit-input-placeholder { - color: #ffffff; -} - -:-ms-input-placeholder { - color: #ffffff; -} - -::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: #bbbbbb; -} - -::-webkit-scrollbar-track { - border: 1px solid #efefef; - background-color: #f7f7f7; -} - -.k-main.color { - margin-top: 90px; -} - -.k-main.banner { - margin-top: 20px; -} - -@media only screen and (max-width: 992px) { - .k-header { - height: 60px; - } - - .k-main.color { - margin-top: 20px; - } - - .k-main.banner { - margin-top: 260px; - } -} - -@media only screen and (max-width: 768px) { - .k-main.banner { - margin-top: 255px; - } -} - -/*-------------------------------------------------------------- -2. 导航 ---------------------------------------------------------------*/ - -.k-nav { - position: absolute; - background-color: rgba(40, 42, 44, 0.6); -} - -.k-nav .navbar-brand { - padding: 0; - color: #ffffff; - font-size: 24px; -} - -.k-nav .navbar-brand img { - 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; -} - -.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 { - position: relative; -} - -.k-nav .navbar-nav li { - 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; -} - -.k-nav .line { - display: flex; - width: 24px; - height: 2px; - background: #ffffff; - transition: all 0.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; -} - -.navbar-light .navbar-nav .nav-link, -.navbar-light .navbar-nav .nav-link:focus, -.navbar-light .navbar-nav .nav-link:hover, -.navbar-light .navbar-nav .active > .nav-link, -.navbar-light .navbar-nav .nav-link.active, -.navbar-light .navbar-nav .nav-link.show, -.navbar-light .navbar-nav .show > .nav-link { - color: #ffffff; -} - -.navbar-light .navbar-nav .nav-link:hover { - color: rgba(255, 255, 255, 0.8); -} - -.navbar-light .navbar-nav .nav-link .fas { - margin-right: 3px; -} - -.navbar-light .navbar-nav .dropdown-menu { - margin: 2px 0 0; - padding: 5px 0; - min-width: 140px; - border: none; - font-size: 15px; -} - -.dropdown-item.active, -.dropdown-item:active { - 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); -} - -@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 .navbar-brand { - padding: 3px 0; - color: #fff; - } - - .k-nav .navbar-brand:focus, - .k-nav .navbar-brand:hover { - color: rgba(255, 255, 255, 0.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, 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 .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: 992px) { - .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; - } - - .k-nav .navbar-nav > li.nav-item > a { - font-size: 16px; - } - - .navbar-light .navbar-nav .dropdown-item { - color: #ffffff; - } - - .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 img { - max-width: 140px; - max-height: 30px; - } - - .navbar-light .navbar-nav .nav-link { - font-size: 16px; - } - - .navbar-light .navbar-brand:hover { - color: rgba(255, 255, 255, 0.8); - } - - .k-nav .navbar-nav > li.nav-item > a { - font-size: 14px; - } -} - -/*-------------------------------------------------------------- -3. Banner ---------------------------------------------------------------*/ - -.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, 0.25); -} - -.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; - } -} - -/*-------------------------------------------------------------- -4. 分页按钮 ---------------------------------------------------------------*/ - -.k-main .board .paginations > * { - display: inline-block; -} - -.k-main .board .paginations .kicon { - line-height: 25px; -} - -.k-main .board .paginations { - margin: 23px auto; - width: 100%; - text-align: center; - font-size: 14px; -} - -.k-main .board .paginations a { - 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; -} - -.k-main .board .paginations .dots { - padding: 5px 12px; - background: #fff; - color: #444; -} - -.k-main .details .article ul, -ol { - padding-left: 32px; -} - -.k-main .details .article .content .paginations { - font-size: 14px; -} - -.k-main .details .article .content .paginations span { - display: inline-block; - margin: 3px; - cursor: pointer; -} - -.k-main .details .article .content .paginations a { - 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; -} - -.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; -} - -/*-------------------------------------------------------------- -5. 文章列表 ---------------------------------------------------------------*/ - -.k-main .board .article-carousel { - margin: 0 0 23px; -} - -.k-main .board .article-carousel li { - margin-bottom: 0 !important; - padding: 0 !important; - list-style: none !important; -} - -.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); -} - -.k-main .board .article-panel:last-of-type { - margin: 0; -} - -.k-main .board .article-panel .a-card { - position: absolute; - top: -16px; - right: -1px; -} - -.k-main .board .article-panel .a-card .i-card-top { - color: #0092ee; - font-size: 40px; -} - -.k-main .board .article-panel .a-card .i-card-hot { - color: #dc3545; - font-size: 40px; -} - -.k-main .board .article-panel .a-thumb { - 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; -} - -.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 span.label { - 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; -} - -.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; - } -} - -/*-------------------------------------------------------------- -6. 文章正文 ---------------------------------------------------------------*/ - -.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; -} - -.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 li { - margin-bottom: 0; - list-style: none; -} - -.breadcrumb-item + .breadcrumb-item { - padding-left: 0.3rem; -} - -.breadcrumb-item + .breadcrumb-item::before { - padding-right: 0.2rem; -} - -.k-main .details .article .breadcrumb-box .breadcrumb-item.active { - cursor: default; -} - -.k-main .details .article .header { - padding: 0 20px 16px; - text-align: center; -} - -.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 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: ""; -} - -.k-main .details .article h1, -.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 { - margin-top: 24px; - margin-bottom: 16px; - font-weight: 500; - line-height: 1.25; -} - -.k-main .details .article h1 { - margin-bottom: 24px; - font-size: 34px; -} - -.k-main .details .article .content h2:not(:first-child) { - margin-top: 32px; - margin-bottom: 12px; - font-size: 28px; -} - -.k-main .details .article .content h2.title { - margin: 16px -16px; - 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; -} - -.k-main .details .article .content h4:not(:first-child) { - margin-top: 24px; - margin-bottom: 8px; - font-size: 16px; -} - -.k-main .details .article .content h5 { - font-size: 14px; -} - -.k-main .details .article .content h6 { - font-size: 12px; -} - -.k-main .details .article .content p { - color: #151515; - line-height: 30px; -} - -.k-main .details .article .content li p { - margin-bottom: 10px; -} - -.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: 16px; -} - -.k-main .details .article .content blockquote p:last-child { - margin-bottom: -3px; -} - -.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, 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; -} - -.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 .wp-caption-text { - margin-bottom: 0; - font-size: 14px; -} - -.k-main .details .article .content .wp-block-image { - margin-bottom: 0; -} - -.k-main .details .article .content .wp-block-image figcaption { - font-size: 14px; -} - -.k-main .details .article .content figure { - 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: ""; -} - -.k-main .details .article .content .alignleft { - float: left; - margin-right: 16px; -} - -.k-main .details .article .content p > img, -.k-main .details .article .content p a > img { - display: block; -} - -.k-main .details .article .content .wp-smiley { - display: inline; -} - -.k-main .details .article .content .aligncenter { - margin-right: auto; - margin-left: auto; -} - -.k-main .details .article .content .alignright { - float: right; - margin-left: 16px; -} - -.k-main .details .article .content img { - height: auto; - max-width: 100%; -} - -.k-main .details .article .content table { - 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; -} - -.k-main .details .article .content table th { - font-weight: bold; -} - -.k-main .details .article .content table tr:nth-child(2n) { - background-color: #f8f8f8; -} - -.k-main .details .article .content .alert, -.k-main .details .article .content .card, -.card-header:first-child { - 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 .content .wp-caption { - width: 100% !important; -} - -.k-main .details .article .copyright { - 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; -} - -.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: #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; -} - -.k-main .details .article .content .accordion { - margin-bottom: 16px; - border: 1px solid #e5e8ed; -} - -.k-main .details .article .content .accordion .acheader { - position: relative; - padding: 5px 15px; - background: #f7f8fa; -} - -.k-main .details .article .content .accordion .acheader span { - font-weight: 600; - font-size: 17px; -} - -.k-main .details .article .content .accordion .acheader .icon { - position: absolute; - right: 15px; - font-size: 17px; -} - -.k-main .details .article .content .accordion .acheader .icon .kicon { - 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); -} - -.k-main .details .article .content .accordion .contents { - display: none; - border-top: 1px solid #e6e6e6; -} - -.k-main .details .article .content .accordion .contents .inner { - padding: 5px 15px; -} - -@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 .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(: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; - } -} - -/*-------------------------------------------------------------- -7. 内容工具区 ---------------------------------------------------------------*/ - -.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); -} - -.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; -} - -.k-main .details .toolbar .share .btn-primary.focus, -.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, 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; -} - -@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; - min-height: 30px; - } - - .k-main .details .toolbar .share .btn { - width: 88px; - height: 35px; - font-size: 14.5px; - line-height: 1.5; - } -} - -/*-------------------------------------------------------------- -8. 文章评论 ---------------------------------------------------------------*/ - -.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); -} - -.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 #eeeeee; - background-color: #f8f8f8; -} - -.k-main .details .comments .form-control { - 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; -} - -.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: #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; -} - -.k-main .details .comments .comment .info .content { - margin-bottom: 0 !important; -} - -.k-main .details .comments .comment .info .content p { - margin: 0; - color: #000000; - font-size: 13px; -} - -.k-main .details .comments .comment .info .content p span { - color: #333; -} - -.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: 0px; - padding-left: 0px; -} - -.k-main .details .comments .children .comment { - 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); -} - -.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: #333333; -} - -.k-main .details .comments .comment-respond .comment-textarea .addbtn:hover { - 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; -} - -.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; -} - -.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%, 0.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 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-email { - padding-left: 15px; - } -} - -/*-------------------------------------------------------------- -9. 小工具 ---------------------------------------------------------------*/ - -.k-main .sidebar img { - width: 100%; - height: auto; -} - -.k-main .sidebar .wp-smiley { - 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); -} - -.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, 0.4) 4px solid; - border-radius: 50%; -} - -.k-main .sidebar .w-about .textwidget { - padding: 5px 20px 20px; -} - -.k-main .sidebar .w-about .textwidget p { - margin-bottom: 0; - cursor: default; -} - -.k-main .sidebar .w-about .textwidget .username { - margin-bottom: 5px; - font-weight: 500; - font-size: 17px; -} - -.k-main .sidebar .w-about .textwidget .about { - font-size: 15px; -} - -.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, 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 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; -} - -.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, -.k-main .sidebar .widget_categories ul li:hover, -.k-main .sidebar .widget_archive ul li:hover { - 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; -} - -.nav-tabs .nav-item { - color: #333; -} - -.nav-tabs .nav-link { - padding: 8px 28px; - 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; -} - -.k-main .sidebar .widget_search .screen-reader-text { - display: none; -} - -.k-main .sidebar .w-comments .comments a { - display: block; - padding: 13px 0; -} - -.k-main .sidebar .w-comments .comments a:first-child { - padding: 0 0 13px; -} - -.k-main .sidebar .w-comments .comments a:not(:last-child) { - 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; -} - -.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%; -} - -.k-main .sidebar .w-comments .comments .meta .author { - color: #777; - font-size: 12px; -} - -.k-main .sidebar .w-comments .comments .meta .profile { - 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; -} - -.btn-search { - 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; -} - -.btn-search:not(:disabled):not(.disabled):active:focus { - box-shadow: none; -} - -.k-main .sidebar .widget_categories ul, -.k-main .sidebar .widget_archive ul { - 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; -} - -.k-main .sidebar .widget_categories ul li a, -.k-main .sidebar .widget_archive ul li a { - 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; -} - -.k-main .sidebar .w-search .btn { - padding-right: 25px; - padding-left: 25px; -} - -.k-main .sidebar .w-toc .item { - 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; -} - -.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: ""; -} - -.k-main .sidebar .w-toc .item .ul-toc::before { - top: 0; -} - -.k-main .sidebar .w-toc .item ul li { - 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; -} - -.k-main .sidebar .w-toc .item ul li a:hover { - background-color: #f7f6f6; -} - -.k-main .sidebar .w-toc .item ul { - 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: ""; -} - -.k-main .sidebar .w-toc .item .li-1::before { - border-width: 1px; -} - -.k-main .sidebar .w-toc .item .li-2::before { - 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; -} - -.k-main .sidebar .w-toc .item .li-3 a { - padding-left: 25px; - font-weight: 400; - font-size: 14px; -} - -.k-main .sidebar .w-toc .item li:hover::before { - background: #00a2ff; -} - -@media screen and (max-width: 1310px) { - .nav-tabs .nav-link { - padding: 8px 22px; - } - - .k-main .sidebar .w-tags .item a, - .k-main .sidebar .widget_links ul li { - width: 110px; - } - - .k-main .sidebar .widget_categories ul li, - .k-main .sidebar .widget_archive ul li { - width: 110px; - } -} - -@media (min-width: 992px) { - .navbar-expand-lg .navbar-nav .nav-link { - padding-right: 0; - padding-left: 32px; - } -} - -/*-------------------------------------------------------------- -10. 404 ---------------------------------------------------------------*/ - -.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: #ffffff; - 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; - } -} - -/*-------------------------------------------------------------- -11. 页脚 ---------------------------------------------------------------*/ - -.k-footer { - margin-top: 20px; - 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, 0.7); -} - -.k-footer .f-toolbox .wechat { - bottom: 80px; - background: rgba(132, 132, 132, 0.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, 0.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; - } -} diff --git a/assets/css/kratos.min.css b/assets/css/kratos.min.css deleted file mode 100644 index b4337a9..0000000 --- a/assets/css/kratos.min.css +++ /dev/null @@ -1 +0,0 @@ -@charset "UTF-8";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}ol,ul{margin:0 0 16px;padding-left:16px}ol>li{margin-bottom:6px;padding-left:2px;line-height:22px}ul>li{margin-bottom:6px;padding-left:2px;line-height:22px}h1,h2,h3,h4,h5,h6{margin:0 0 30px 0;color:#111;font-weight:400}.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.color{margin-top:90px}.k-main.banner{margin-top:20px}@media only screen and (max-width:992px){.k-header{height:60px}.k-main.color{margin-top:20px}.k-main.banner{margin-top:260px}}@media only screen and (max-width:768px){.k-main.banner{margin-top:255px}}.k-nav{position:absolute;background-color:rgba(40,42,44,.6)}.k-nav .navbar-brand{padding:0;color:#fff;font-size:24px}.k-nav .navbar-brand img{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}.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{position:relative}.k-nav .navbar-nav li{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}.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}.navbar-light .navbar-nav .active>.nav-link,.navbar-light .navbar-nav .nav-link,.navbar-light .navbar-nav .nav-link.active,.navbar-light .navbar-nav .nav-link.show,.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover,.navbar-light .navbar-nav .show>.nav-link{color:#fff}.navbar-light .navbar-nav .nav-link:hover{color:rgba(255,255,255,.8)}.navbar-light .navbar-nav .nav-link .fas{margin-right:3px}.navbar-light .navbar-nav .dropdown-menu{margin:2px 0 0;padding:5px 0;min-width:140px;border:none;font-size:15px}.dropdown-item.active,.dropdown-item:active{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)}@media only screen and (min-width:992px){.k-nav{height:70px;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:3px 0;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:992px){.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,.navbar-light .navbar-nav .dropdown-menu{background-color:transparent}.k-nav .navbar-nav>li.nav-item>a{font-size:16px}.navbar-light .navbar-nav .dropdown-item{color:#fff}.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 img{max-width:140px;max-height:30px}.navbar-light .navbar-nav .nav-link{font-size:16px}.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,.25)}.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>*{display:inline-block}.k-main .board .paginations .kicon{line-height:25px}.k-main .board .paginations{margin:23px auto;width:100%;text-align:center;font-size:14px}.k-main .board .paginations a{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}.k-main .board .paginations .dots{padding:5px 12px;background:#fff;color:#444}.k-main .details .article ul,ol{padding-left:32px}.k-main .details .article .content .paginations{font-size:14px}.k-main .details .article .content .paginations span{display:inline-block;margin:3px;cursor:pointer}.k-main .details .article .content .paginations a{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:400}.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}.k-main .board .article-carousel{margin:0 0 23px}.k-main .board .article-carousel li{margin-bottom:0!important;padding:0!important;list-style:none!important}.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,.1)}.k-main .board .article-panel:last-of-type{margin:0}.k-main .board .article-panel .a-card{position:absolute;top:-16px;right:-1px}.k-main .board .article-panel .a-card .i-card-top{color:#0092ee;font-size:40px}.k-main .board .article-panel .a-card .i-card-hot{color:#dc3545;font-size:40px}.k-main .board .article-panel .a-thumb{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}.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 span.label{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}.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 li{margin-bottom:0;list-style:none}.breadcrumb-item+.breadcrumb-item{padding-left:.3rem}.breadcrumb-item+.breadcrumb-item::before{padding-right:.2rem}.k-main .details .article .breadcrumb-box .breadcrumb-item.active{cursor:default}.k-main .details .article .header{padding:0 20px 16px;text-align:center}.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 20px 16px;word-wrap:break-word;line-height:1.8;word-break:break-word}.k-main .details .article .content p::after,.k-main .details .article .content::after{clear:both;display:block;content:""}.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{margin-bottom:24px;font-size:34px}.k-main .details .article .content h2:not(:first-child){margin-top:32px;margin-bottom:12px;font-size:28px}.k-main .details .article .content h2.title{margin:16px -16px;padding:0 10px;border-left:5px solid #00a2ff;background-color:rgba(243,243,243,.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}.k-main .details .article .content h4:not(:first-child){margin-top:24px;margin-bottom:8px;font-size:16px}.k-main .details .article .content h5{font-size:14px}.k-main .details .article .content h6{font-size:12px}.k-main .details .article .content p{color:#151515;line-height:30px}.k-main .details .article .content li p{margin-bottom:10px}.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:16px}.k-main .details .article .content blockquote p:last-child{margin-bottom:-3px}.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{margin:0;padding:0;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 .wp-caption-text{margin-bottom:0;font-size:14px}.k-main .details .article .content .wp-block-image{margin-bottom:0}.k-main .details .article .content .wp-block-image figcaption{font-size:14px}.k-main .details .article .content figure{margin:0}.k-main .details .article .content .aligncenter::after,.k-main .details .article .content .alignleft::after,.k-main .details .article .content .alignright::after{clear:both;display:block;content:""}.k-main .details .article .content .alignleft{float:left;margin-right:16px}.k-main .details .article .content p a>img,.k-main .details .article .content p>img{display:block}.k-main .details .article .content .wp-smiley{display:inline}.k-main .details .article .content .aligncenter{margin-right:auto;margin-left:auto}.k-main .details .article .content .alignright{float:right;margin-left:16px}.k-main .details .article .content img{height:auto;max-width:100%}.k-main .details .article .content table{display:table;overflow:auto;width:100%;table-layout:fixed;word-break:break-word}.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}.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 .content .wp-caption{width:100%!important}.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}.k-main .details .article .content .accordion{margin-bottom:16px;border:1px solid #e5e8ed}.k-main .details .article .content .accordion .acheader{position:relative;padding:5px 15px;background:#f7f8fa}.k-main .details .article .content .accordion .acheader span{font-weight:600;font-size:17px}.k-main .details .article .content .accordion .acheader .icon{position:absolute;right:15px;font-size:17px}.k-main .details .article .content .accordion .acheader .icon .kicon{font-size:17px}.k-main .details .article .content .accordion.active .icon{-webkit-transition:.3s;transition:.3s;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.k-main .details .article .content .accordion .contents{display:none;border-top:1px solid #e6e6e6}.k-main .details .article .content .accordion .contents .inner{padding:5px 15px}@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 .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(: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;min-height:30px}.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:#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}.k-main .details .comments .comment .info .content{margin-bottom:0!important}.k-main .details .comments .comment .info .content p{margin:0;color:#000;font-size:13px}.k-main .details .comments .comment .info .content p span{color:#333}.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;padding-left:0}.k-main .details .comments .children .comment{margin-bottom:0;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 .wp-smiley{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,.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:5px 20px 20px}.k-main .sidebar .w-about .textwidget p{margin-bottom:0;cursor:default}.k-main .sidebar .w-about .textwidget .username{margin-bottom:5px;font-weight:500;font-size:17px}.k-main .sidebar .w-about .textwidget .about{font-size:15px}.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 1px 10px 0;padding:2px 0;width:164px;border:1px solid #eee;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}.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_archive ul li:hover,.k-main .sidebar .widget_categories ul li:hover,.k-main .sidebar .widget_links ul li:hover{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}.nav-tabs .nav-item{color:#333}.nav-tabs .nav-link{padding:8px 28px;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}.k-main .sidebar .widget_search .screen-reader-text{display:none}.k-main .sidebar .w-comments .comments a{display:block;padding:13px 0}.k-main .sidebar .w-comments .comments a:first-child{padding:0 0 13px}.k-main .sidebar .w-comments .comments a:not(:last-child){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}.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%}.k-main .sidebar .w-comments .comments .meta .author{color:#777;font-size:12px}.k-main .sidebar .w-comments .comments .meta .profile{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}.btn-search{border-color:#00a2ff;background-color:#00a2ff}.btn-search:focus,.btn-search:hover,.btn-search:not(:disabled):not(.disabled):active{border-color:#0095ff;background-color:#0095ff}.btn-search:not(:disabled):not(.disabled):active:focus{box-shadow:none}.k-main .sidebar .widget_archive ul,.k-main .sidebar .widget_categories ul{margin:0;padding-left:0}.k-main .sidebar .widget_archive ul li,.k-main .sidebar .widget_categories ul li{display:inline-block;overflow:hidden;margin:0 1px 4px 0;width:164px;border:1px solid #eee;list-style:none;text-align:center;text-overflow:ellipsis;font-size:14px;cursor:pointer;-webkit-transition:.3s;-o-transition:.3s;transition:.3s;-webkit-box-orient:vertical;-webkit-line-clamp:1}.k-main .sidebar .widget_archive ul li a,.k-main .sidebar .widget_categories ul li a{display:block;padding:4px 0;color:#333}.k-main .sidebar .w-search .btn,.k-main .sidebar .w-search .form-control{border-radius:0;font-size:15px}.k-main .sidebar .w-search .btn{padding-right:25px;padding-left:25px}.k-main .sidebar .w-toc .item{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}.k-main .sidebar .w-toc .item .ul-toc::after,.k-main .sidebar .w-toc .item .ul-toc::before{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}.k-main .sidebar .w-toc .item ul li{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}.k-main .sidebar .w-toc .item ul li a:hover{background-color:#f7f6f6}.k-main .sidebar .w-toc .item ul{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:""}.k-main .sidebar .w-toc .item .li-1::before{border-width:1px}.k-main .sidebar .w-toc .item .li-2::before{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}.k-main .sidebar .w-toc .item .li-3 a{padding-left:25px;font-weight:400;font-size:14px}.k-main .sidebar .w-toc .item li:hover::before{background:#00a2ff}@media screen and (max-width:1310px){.nav-tabs .nav-link{padding:8px 22px}.k-main .sidebar .w-tags .item a,.k-main .sidebar .widget_links ul li{width:110px}.k-main .sidebar .widget_archive ul li,.k-main .sidebar .widget_categories 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{margin-top:20px;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/custom/custom.css b/custom/custom.css deleted file mode 100644 index e69de29..0000000 diff --git a/custom/custom.js b/custom/custom.js deleted file mode 100644 index bc2072f..0000000 --- a/custom/custom.js +++ /dev/null @@ -1,2 +0,0 @@ -; -// 请在第三行开始编写代码 diff --git a/custom/custom.php b/custom/custom.php deleted file mode 100644 index 97e0b5f..0000000 --- a/custom/custom.php +++ /dev/null @@ -1,2 +0,0 @@ - * @license MIT License - * @version 2020.06.05 + * @version 2020.06.25 */ -define('THEME_VERSION', wp_get_theme()->get('Version')); +define('THEME_VERSION', '3.3.2'); // 主题配置 require get_template_directory() . '/inc/options-framework/autoload.php'; @@ -39,7 +39,4 @@ require get_template_directory() . '/inc/theme-dogecloud.php'; require get_template_directory() . '/inc/theme-volcengine.php'; // SMTP 配置 -require get_template_directory() . '/inc/theme-smtp.php'; - -// 自定义函数 -require get_template_directory() . '/custom/custom.php'; \ No newline at end of file +require get_template_directory() . '/inc/theme-smtp.php'; \ No newline at end of file diff --git a/inc/options-framework/includes/class-options-framework-admin.php b/inc/options-framework/includes/class-options-framework-admin.php index f8edb89..a5a5970 100755 --- a/inc/options-framework/includes/class-options-framework-admin.php +++ b/inc/options-framework/includes/class-options-framework-admin.php @@ -116,7 +116,7 @@ class Options_Framework_Admin { if ( $this->options_screen != $hook ) return; - wp_enqueue_style( 'optionsframework', get_stylesheet_directory_uri() . '/inc/options-framework/css/optionsframework.css', array(), Options_Framework::VERSION ); + wp_enqueue_style( 'optionsframework', 'https://cdn.jsdelivr.net/gh/vtrois/kratos@' . THEME_VERSION . '/inc/options-framework/css/optionsframework.css', array(), Options_Framework::VERSION ); wp_enqueue_style( 'wp-color-picker' ); } @@ -133,7 +133,7 @@ class Options_Framework_Admin { // Enqueue custom option panel JS wp_enqueue_script( 'options-custom', - get_stylesheet_directory_uri() . '/inc/options-framework/js/options-custom.js', + 'https://cdn.jsdelivr.net/gh/vtrois/kratos@' . THEME_VERSION . '/inc/options-framework/js/options-custom.js', array( 'jquery','wp-color-picker' ), Options_Framework::VERSION ); diff --git a/inc/options-framework/includes/class-options-media-uploader.php b/inc/options-framework/includes/class-options-media-uploader.php index 6733622..c835e9e 100755 --- a/inc/options-framework/includes/class-options-media-uploader.php +++ b/inc/options-framework/includes/class-options-media-uploader.php @@ -112,7 +112,7 @@ class Options_Framework_Media_Uploader { if ( function_exists( 'wp_enqueue_media' ) ) wp_enqueue_media(); - wp_register_script( 'of-media-uploader', get_stylesheet_directory_uri() . '/inc/options-framework/js/media-uploader.js', array( 'jquery' ), Options_Framework::VERSION ); + wp_register_script( 'of-media-uploader', 'https://cdn.jsdelivr.net/gh/vtrois/kratos@' . THEME_VERSION . '/inc/options-framework/js/media-uploader.js', array( 'jquery' ), Options_Framework::VERSION ); wp_enqueue_script( 'of-media-uploader' ); wp_localize_script( 'of-media-uploader', 'optionsframework_l10n', array( 'upload' => __( '上传', 'kratos' ), diff --git a/inc/theme-core.php b/inc/theme-core.php index b9ecc53..6620693 100644 --- a/inc/theme-core.php +++ b/inc/theme-core.php @@ -3,7 +3,7 @@ * 核心函数 * @author Seaton Jiang * @license MIT License - * @version 2021.06.05 + * @version 2021.06.25 */ if (kratos_option('g_cdn', false)) { @@ -45,7 +45,11 @@ function theme_autoload() if (kratos_option('g_fontawesome', false)) { wp_enqueue_style('fontawesome', ASSET_PATH . '/assets/css/fontawesome.min.css', array(), '5.15.2'); } - wp_enqueue_style('kratos', ASSET_PATH . '/assets/css/kratos.min.css', array(), THEME_VERSION); + if (kratos_option('g_cdn', false) && !is_child_theme()) { + wp_enqueue_style('kratos', 'https://cdn.jsdelivr.net/gh/vtrois/kratos@' . THEME_VERSION . '/style.css' , array(), THEME_VERSION); + } else { + wp_enqueue_style('kratos', get_stylesheet_uri(), array(), THEME_VERSION); + } if (kratos_option('g_adminbar', true)) { $admin_bar_css = " @media screen and (min-width: 782px) { @@ -67,7 +71,6 @@ function theme_autoload() wp_add_inline_style('kratos', $admin_bar_css); } } - wp_enqueue_style('custom', get_template_directory_uri() . '/custom/custom.css', array(), THEME_VERSION); // js wp_deregister_script('jquery'); wp_enqueue_script('jquery', ASSET_PATH . '/assets/js/jquery.min.js', array(), '3.4.1', false); @@ -76,7 +79,6 @@ function theme_autoload() wp_enqueue_script('sticky', ASSET_PATH . '/assets/js/theia-sticky-sidebar.min.js', array(), '1.5.0', true); wp_enqueue_script('dplayer', ASSET_PATH . '/assets/js/DPlayer.min.js', array(), THEME_VERSION, true); wp_enqueue_script('kratos', ASSET_PATH . '/assets/js/kratos.min.js', array(), THEME_VERSION, true); - wp_enqueue_script('custom', get_template_directory_uri() . '/custom/custom.js', array(), THEME_VERSION, true); $data = array( 'site' => home_url(), diff --git a/style.css b/style.css index ad49848..2d92cdc 100644 --- a/style.css +++ b/style.css @@ -1,3 +1,4 @@ +@charset "UTF-8"; /* Theme Name: Kratos Text Domain: kratos @@ -11,3 +12,2499 @@ Theme URI: https://github.com/vtrois/kratos License: MIT License License URI: https://github.com/vtrois/kratos/blob/main/LICENSE */ + +/*-------------------------------------------------------------- +>>> Kratos 样式表 +>>> Seaton Jiang +---------------------------------------------------------------- + + 1. 全局 + 2. 导航 + 3. Banner + 4. 分页按钮 + 5. 文章列表 + 6. 文章正文 + 7. 内容工具区 + 8. 文章评论 + 9. 小工具 + 10. 404 + 11. 页脚 + +--------------------------------------------------------------*/ + +/*-------------------------------------------------------------- +1. 全局 +--------------------------------------------------------------*/ + +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: 0.3s; + -o-transition: 0.3s; + transition: 0.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; +} + +ul, +ol { + margin: 0 0 16px; + padding-left: 16px; +} + +ol > li { + margin-bottom: 6px; + padding-left: 2px; + line-height: 22px; +} + +ul > li { + margin-bottom: 6px; + padding-left: 2px; + line-height: 22px; +} + +h1, +h2, +h3, +h4, +h5, +h6 { + margin: 0 0 30px 0; + color: #111; + font-weight: 400; +} + +.tooltip-inner { + padding: 7px 6px; + font-size: 13px; +} + +:active, +:focus, +button:focus { + outline: none; +} + +.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, +.show > .btn-outline-primary.dropdown-toggle:focus, +.form-control:focus { + box-shadow: none; +} + +::-moz-placeholder { + color: #ffffff; +} + +::-webkit-input-placeholder { + color: #ffffff; +} + +:-ms-input-placeholder { + color: #ffffff; +} + +::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: #bbbbbb; +} + +::-webkit-scrollbar-track { + border: 1px solid #efefef; + background-color: #f7f7f7; +} + +.k-main.color { + margin-top: 90px; +} + +.k-main.banner { + margin-top: 20px; +} + +@media only screen and (max-width: 992px) { + .k-header { + height: 60px; + } + + .k-main.color { + margin-top: 20px; + } + + .k-main.banner { + margin-top: 260px; + } +} + +@media only screen and (max-width: 768px) { + .k-main.banner { + margin-top: 255px; + } +} + +/*-------------------------------------------------------------- +2. 导航 +--------------------------------------------------------------*/ + +.k-nav { + position: absolute; + background-color: rgba(40, 42, 44, 0.6); +} + +.k-nav .navbar-brand { + padding: 0; + color: #ffffff; + font-size: 24px; +} + +.k-nav .navbar-brand img { + 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; +} + +.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 { + position: relative; +} + +.k-nav .navbar-nav li { + 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; +} + +.k-nav .line { + display: flex; + width: 24px; + height: 2px; + background: #ffffff; + transition: all 0.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; +} + +.navbar-light .navbar-nav .nav-link, +.navbar-light .navbar-nav .nav-link:focus, +.navbar-light .navbar-nav .nav-link:hover, +.navbar-light .navbar-nav .active > .nav-link, +.navbar-light .navbar-nav .nav-link.active, +.navbar-light .navbar-nav .nav-link.show, +.navbar-light .navbar-nav .show > .nav-link { + color: #ffffff; +} + +.navbar-light .navbar-nav .nav-link:hover { + color: rgba(255, 255, 255, 0.8); +} + +.navbar-light .navbar-nav .nav-link .fas { + margin-right: 3px; +} + +.navbar-light .navbar-nav .dropdown-menu { + margin: 2px 0 0; + padding: 5px 0; + min-width: 140px; + border: none; + font-size: 15px; +} + +.dropdown-item.active, +.dropdown-item:active { + 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); +} + +@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 .navbar-brand { + padding: 3px 0; + color: #fff; + } + + .k-nav .navbar-brand:focus, + .k-nav .navbar-brand:hover { + color: rgba(255, 255, 255, 0.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, 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 .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: 992px) { + .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; + } + + .k-nav .navbar-nav > li.nav-item > a { + font-size: 16px; + } + + .navbar-light .navbar-nav .dropdown-item { + color: #ffffff; + } + + .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 img { + max-width: 140px; + max-height: 30px; + } + + .navbar-light .navbar-nav .nav-link { + font-size: 16px; + } + + .navbar-light .navbar-brand:hover { + color: rgba(255, 255, 255, 0.8); + } + + .k-nav .navbar-nav > li.nav-item > a { + font-size: 14px; + } +} + +/*-------------------------------------------------------------- +3. Banner +--------------------------------------------------------------*/ + +.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, 0.25); +} + +.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; + } +} + +/*-------------------------------------------------------------- +4. 分页按钮 +--------------------------------------------------------------*/ + +.k-main .board .paginations > * { + display: inline-block; +} + +.k-main .board .paginations .kicon { + line-height: 25px; +} + +.k-main .board .paginations { + margin: 23px auto; + width: 100%; + text-align: center; + font-size: 14px; +} + +.k-main .board .paginations a { + 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; +} + +.k-main .board .paginations .dots { + padding: 5px 12px; + background: #fff; + color: #444; +} + +.k-main .details .article ul, +ol { + padding-left: 32px; +} + +.k-main .details .article .content .paginations { + font-size: 14px; +} + +.k-main .details .article .content .paginations span { + display: inline-block; + margin: 3px; + cursor: pointer; +} + +.k-main .details .article .content .paginations a { + 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; +} + +.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; +} + +/*-------------------------------------------------------------- +5. 文章列表 +--------------------------------------------------------------*/ + +.k-main .board .article-carousel { + margin: 0 0 23px; +} + +.k-main .board .article-carousel li { + margin-bottom: 0 !important; + padding: 0 !important; + list-style: none !important; +} + +.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); +} + +.k-main .board .article-panel:last-of-type { + margin: 0; +} + +.k-main .board .article-panel .a-card { + position: absolute; + top: -16px; + right: -1px; +} + +.k-main .board .article-panel .a-card .i-card-top { + color: #0092ee; + font-size: 40px; +} + +.k-main .board .article-panel .a-card .i-card-hot { + color: #dc3545; + font-size: 40px; +} + +.k-main .board .article-panel .a-thumb { + 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; +} + +.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 span.label { + 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; +} + +.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; + } +} + +/*-------------------------------------------------------------- +6. 文章正文 +--------------------------------------------------------------*/ + +.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; +} + +.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 li { + margin-bottom: 0; + list-style: none; +} + +.breadcrumb-item + .breadcrumb-item { + padding-left: 0.3rem; +} + +.breadcrumb-item + .breadcrumb-item::before { + padding-right: 0.2rem; +} + +.k-main .details .article .breadcrumb-box .breadcrumb-item.active { + cursor: default; +} + +.k-main .details .article .header { + padding: 0 20px 16px; + text-align: center; +} + +.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 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: ""; +} + +.k-main .details .article h1, +.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 { + margin-top: 24px; + margin-bottom: 16px; + font-weight: 500; + line-height: 1.25; +} + +.k-main .details .article h1 { + margin-bottom: 24px; + font-size: 34px; +} + +.k-main .details .article .content h2:not(:first-child) { + margin-top: 32px; + margin-bottom: 12px; + font-size: 28px; +} + +.k-main .details .article .content h2.title { + margin: 16px -16px; + 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; +} + +.k-main .details .article .content h4:not(:first-child) { + margin-top: 24px; + margin-bottom: 8px; + font-size: 16px; +} + +.k-main .details .article .content h5 { + font-size: 14px; +} + +.k-main .details .article .content h6 { + font-size: 12px; +} + +.k-main .details .article .content p { + color: #151515; + line-height: 30px; +} + +.k-main .details .article .content li p { + margin-bottom: 10px; +} + +.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: 16px; +} + +.k-main .details .article .content blockquote p:last-child { + margin-bottom: -3px; +} + +.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, 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; +} + +.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 .wp-caption-text { + margin-bottom: 0; + font-size: 14px; +} + +.k-main .details .article .content .wp-block-image { + margin-bottom: 0; +} + +.k-main .details .article .content .wp-block-image figcaption { + font-size: 14px; +} + +.k-main .details .article .content figure { + 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: ""; +} + +.k-main .details .article .content .alignleft { + float: left; + margin-right: 16px; +} + +.k-main .details .article .content p > img, +.k-main .details .article .content p a > img { + display: block; +} + +.k-main .details .article .content .wp-smiley { + display: inline; +} + +.k-main .details .article .content .aligncenter { + margin-right: auto; + margin-left: auto; +} + +.k-main .details .article .content .alignright { + float: right; + margin-left: 16px; +} + +.k-main .details .article .content img { + height: auto; + max-width: 100%; +} + +.k-main .details .article .content table { + 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; +} + +.k-main .details .article .content table th { + font-weight: bold; +} + +.k-main .details .article .content table tr:nth-child(2n) { + background-color: #f8f8f8; +} + +.k-main .details .article .content .alert, +.k-main .details .article .content .card, +.card-header:first-child { + 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 .content .wp-caption { + width: 100% !important; +} + +.k-main .details .article .copyright { + 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; +} + +.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: #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; +} + +.k-main .details .article .content .accordion { + margin-bottom: 16px; + border: 1px solid #e5e8ed; +} + +.k-main .details .article .content .accordion .acheader { + position: relative; + padding: 5px 15px; + background: #f7f8fa; +} + +.k-main .details .article .content .accordion .acheader span { + font-weight: 600; + font-size: 17px; +} + +.k-main .details .article .content .accordion .acheader .icon { + position: absolute; + right: 15px; + font-size: 17px; +} + +.k-main .details .article .content .accordion .acheader .icon .kicon { + 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); +} + +.k-main .details .article .content .accordion .contents { + display: none; + border-top: 1px solid #e6e6e6; +} + +.k-main .details .article .content .accordion .contents .inner { + padding: 5px 15px; +} + +@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 .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(: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; + } +} + +/*-------------------------------------------------------------- +7. 内容工具区 +--------------------------------------------------------------*/ + +.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); +} + +.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; +} + +.k-main .details .toolbar .share .btn-primary.focus, +.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, 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; +} + +@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; + min-height: 30px; + } + + .k-main .details .toolbar .share .btn { + width: 88px; + height: 35px; + font-size: 14.5px; + line-height: 1.5; + } +} + +/*-------------------------------------------------------------- +8. 文章评论 +--------------------------------------------------------------*/ + +.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); +} + +.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 #eeeeee; + background-color: #f8f8f8; +} + +.k-main .details .comments .form-control { + 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; +} + +.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: #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; +} + +.k-main .details .comments .comment .info .content { + margin-bottom: 0 !important; +} + +.k-main .details .comments .comment .info .content p { + margin: 0; + color: #000000; + font-size: 13px; +} + +.k-main .details .comments .comment .info .content p span { + color: #333; +} + +.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: 0px; + padding-left: 0px; +} + +.k-main .details .comments .children .comment { + 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); +} + +.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: #333333; +} + +.k-main .details .comments .comment-respond .comment-textarea .addbtn:hover { + 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; +} + +.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; +} + +.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%, 0.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 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-email { + padding-left: 15px; + } +} + +/*-------------------------------------------------------------- +9. 小工具 +--------------------------------------------------------------*/ + +.k-main .sidebar img { + width: 100%; + height: auto; +} + +.k-main .sidebar .wp-smiley { + 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); +} + +.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, 0.4) 4px solid; + border-radius: 50%; +} + +.k-main .sidebar .w-about .textwidget { + padding: 5px 20px 20px; +} + +.k-main .sidebar .w-about .textwidget p { + margin-bottom: 0; + cursor: default; +} + +.k-main .sidebar .w-about .textwidget .username { + margin-bottom: 5px; + font-weight: 500; + font-size: 17px; +} + +.k-main .sidebar .w-about .textwidget .about { + font-size: 15px; +} + +.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, 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 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; +} + +.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, +.k-main .sidebar .widget_categories ul li:hover, +.k-main .sidebar .widget_archive ul li:hover { + 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; +} + +.nav-tabs .nav-item { + color: #333; +} + +.nav-tabs .nav-link { + padding: 8px 28px; + 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; +} + +.k-main .sidebar .widget_search .screen-reader-text { + display: none; +} + +.k-main .sidebar .w-comments .comments a { + display: block; + padding: 13px 0; +} + +.k-main .sidebar .w-comments .comments a:first-child { + padding: 0 0 13px; +} + +.k-main .sidebar .w-comments .comments a:not(:last-child) { + 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; +} + +.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%; +} + +.k-main .sidebar .w-comments .comments .meta .author { + color: #777; + font-size: 12px; +} + +.k-main .sidebar .w-comments .comments .meta .profile { + 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; +} + +.btn-search { + 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; +} + +.btn-search:not(:disabled):not(.disabled):active:focus { + box-shadow: none; +} + +.k-main .sidebar .widget_categories ul, +.k-main .sidebar .widget_archive ul { + 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; +} + +.k-main .sidebar .widget_categories ul li a, +.k-main .sidebar .widget_archive ul li a { + 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; +} + +.k-main .sidebar .w-search .btn { + padding-right: 25px; + padding-left: 25px; +} + +.k-main .sidebar .w-toc .item { + 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; +} + +.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: ""; +} + +.k-main .sidebar .w-toc .item .ul-toc::before { + top: 0; +} + +.k-main .sidebar .w-toc .item ul li { + 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; +} + +.k-main .sidebar .w-toc .item ul li a:hover { + background-color: #f7f6f6; +} + +.k-main .sidebar .w-toc .item ul { + 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: ""; +} + +.k-main .sidebar .w-toc .item .li-1::before { + border-width: 1px; +} + +.k-main .sidebar .w-toc .item .li-2::before { + 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; +} + +.k-main .sidebar .w-toc .item .li-3 a { + padding-left: 25px; + font-weight: 400; + font-size: 14px; +} + +.k-main .sidebar .w-toc .item li:hover::before { + background: #00a2ff; +} + +@media screen and (max-width: 1310px) { + .nav-tabs .nav-link { + padding: 8px 22px; + } + + .k-main .sidebar .w-tags .item a, + .k-main .sidebar .widget_links ul li { + width: 110px; + } + + .k-main .sidebar .widget_categories ul li, + .k-main .sidebar .widget_archive ul li { + width: 110px; + } +} + +@media (min-width: 992px) { + .navbar-expand-lg .navbar-nav .nav-link { + padding-right: 0; + padding-left: 32px; + } +} + +/*-------------------------------------------------------------- +10. 404 +--------------------------------------------------------------*/ + +.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(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: ""; +} + +.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; + } +} + +/*-------------------------------------------------------------- +11. 页脚 +--------------------------------------------------------------*/ + +.k-footer { + margin-top: 20px; + 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(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; +} + +.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, 0.7); +} + +.k-footer .f-toolbox .wechat { + bottom: 80px; + background: rgba(132, 132, 132, 0.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, 0.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; + } +}