diff --git a/README.md b/README.md index ec0c41f..a7fd6ae 100644 --- a/README.md +++ b/README.md @@ -41,4 +41,75 @@ https://github.com/vtrois/kratos } ``` -就可以了。该问题属于和插件的冲突问题，因此，在额外CSS中添加，不修改主题本身。 \ No newline at end of file +就可以了。该问题属于和插件的冲突问题，因此，在额外CSS中添加，不修改主题本身。 + +# 代码块样式 + +主题的 `assets/css/kratos.css` 里有一组 `.k-main .details .article .content` 下的 +`pre` / `code` / `kbd` / `pre code` / `pre ol` / `pre li` 规则，负责代码块与行内代码的底色和间距。 + +**这六条曾经在压缩产物里整组丢失过**：某次改动把单行压缩版 `kratos.min.css` 手工展开成可读格式， +展开时漏掉了这一整段，而原始未压缩的 `kratos.css` 里它们是齐全的，导致源与产物对不上。 +表现是行内 `code` 与 `kbd` 没有样式（代码块因为插件 Prism 主题的覆盖才没露馅）。 + +改完 CSS 后请用压缩器重新生成产物，不要手工维护 `kratos.min.css`： + +```bash +npx clean-css-cli@5.6.3 -o assets/css/kratos.min.css assets/css/kratos.css +``` + +# 主题自动更新 + +更新走的是一份静态 JSON + 一个 zip 包，由 `inc/update-checker/`（Plugin Update Checker 4.9）消费。 + +- 元数据地址：`https://yangyq.net/theme-update/update.json` + （定义在 `inc/theme-core.php`，可用 `wp-config.php` 里的 `YANG_THEME_UPDATE_URL` 覆盖） +- 发布目录：站点根下的 `theme-update/`，内容只有三样： + +``` +theme-update/update.json # 版本元数据 +theme-update/kratos_yang.zip # 主题包，解压后是 kratos_yang/ 目录 +theme-update/readme.html # 「详情」页，可省 +``` + +`update.json` 格式（`version` 与 `details_url` 必填）： + +```json +{ + "version": "3.3.0", + "details_url": "https://yangyq.net/theme-update/readme.html", + "download_url": "https://yangyq.net/theme-update/kratos_yang.zip" +} +``` + +## 发布新版本的顺序 + +**先改 `style.css` 里的 `Version`，再打包**，否则 WordPress 认为没有新版本，不会提示升级。 + +1. 改 `style.css` 的 `Version`（例如 3.2.0 → 3.3.0） +2. 打包：`zip -r kratos_yang.zip kratos_yang -x "*.DS_Store" "*/.git/*"` +3. 传 `kratos_yang.zip` 到 `theme-update/` +4. **最后**才改 `update.json` 里的 `version` + +第 4 步放最后，是因为 WordPress 见到新版本号就会立刻允许升级； +若此时 zip 还是旧的，等于发了个指向旧包的更新，装完版本号没变（或者直接坏掉）。 + +## ⚠️ 自动升级会覆盖主题目录 + +WordPress 升级主题的做法是**删掉整个 `kratos_yang/` 再解压新包**。 +所以任何直接改在服务器主题目录里的东西都会丢，包括： + +- `custom/custom.css`、`custom/custom.js`（放本地自定义样式的常用位置） +- 手工打的补丁（例如曾经直接在 `footer.php` 里加的 Prism 脚本） + +把自定义内容放主题目录外，或者在升级后重新部署。本仓库的 `custom/` 已经纳入版本管理， +修改请改仓库再发布新版本，不要在服务器上直接编辑。 + +## 换域名 / 退役旧域名 + +以前更新元数据放在独立子域名上，现在收进主站，省掉一个站点、一套证书和一份备案。 +切换时注意： + +1. 先把 `theme-update/` 部署到主站并确认 `update.json` 能直接访问（返回 JSON，不是 404 或首页） +2. 再发布带新地址的主题版本 +3. **旧版本的主题仍会去老地址拉更新**，所以旧域名的 `update.json` 要在确认所有站点都升级完之后才能下线 \ No newline at end of file diff --git a/assets/css/kratos.css b/assets/css/kratos.css index 5141053..c41342a 100644 --- a/assets/css/kratos.css +++ b/assets/css/kratos.css @@ -575,14 +575,13 @@ button:focus { display: -webkit-box; overflow: hidden; margin: 3px 0 6px; - max-height: 25px; - text-overflow: ellipsis; + /* 下面两条已废弃：新版 Chrome 里 max-height 与 -webkit-line-clamp 同时生效会截断成半行。 + 直接删除而不是注释，因为注释会被 CSS 压缩器剥掉，产物里等于没改。 */ -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; diff --git a/assets/css/kratos.min.css b/assets/css/kratos.min.css index 77e08b9..fdfffda 100644 --- a/assets/css/kratos.min.css +++ b/assets/css/kratos.min.css @@ -1,2206 +1 @@ -@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; - list-style: decimal; - line-height: 22px; -} - -ul > li { - margin-bottom: 6px; - padding-left: 2px; - list-style: circle; - line-height: 22px; -} - -h1, -h2, -h3, -h4, -h5, -h6 { - margin: 0 0 30px 0; - color: #333; - 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 { - padding: 23px 0; -} - -.k-main.color { - padding-top: 103px; -} - -@media only screen and (max-width: 992px) { - .k-main.color { - padding-top: 92px; - } -} - -@media only screen and (max-width: 768px) { - .k-main.color { - padding-top: 83px; - } -} - -/*-------------------------------------------------------------- -2. 导航 ---------------------------------------------------------------*/ - -.k-nav { - position: absolute; - background-color: rgba(40, 42, 44, 0.6); -} - -.k-nav .navbar-brand { - color: #ffffff; - font-size: 24px; -} - -.k-nav .navbar-brand img { - width: 100px; -} - -.k-nav .navbar-toggler { - padding: 13px; - border-color: transparent; - border-radius: 0; - color: #343a40; - text-transform: uppercase; - font-weight: 600; - font-size: 12px; -} - -.k-nav .navbar-nav { - 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 { - 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: 10px 20px; - 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; - } - - .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.2); -} - -.k-header .banner .content { - position: relative; - height: 300px; - background-position: center center; - background-size: cover; -} - -.k-header .banner .content .introduce { - position: absolute; - top: 37%; - z-index: 10; - width: 100%; - color: #fff; - text-shadow: 2px 2px 2px #666; - cursor: default; -} - -.k-header .banner .content .introduce .title { - margin-bottom: 5px; - font-size: 35px; -} - -.k-header .banner .content .introduce .mate { - font-size: 25px; -} - -@media screen and (max-width: 768px) { - .k-header .banner { - height: 290px; - } - - .k-header .banner .content { - height: 290px; - } - - .k-header .banner .content .introduce { - top: 43%; - } - - .k-header .banner .content .introduce .title { - font-size: 30px; - } - - .k-header .banner .content .introduce .mate { - font-size: 20px; - } -} - -/*-------------------------------------------------------------- -4. 分页按钮 ---------------------------------------------------------------*/ - -.k-main .board .paginations { - margin: 23px auto; - width: 100%; - text-align: center; - font-size: 14px; -} - -.k-main .board .paginations a { - padding: 8px 12px; - background: #fff; - color: #444; -} - -.k-main .board .paginations .current { - padding: 8px 12px; - background: #00a2ff; - color: #fff; - font-weight: 400; -} - -.k-main .board .paginations .dots { - padding: 8px 12px; - background: #fff; - color: #444; -} - -.k-main .details .article .content .paginations { - padding-top: 20px; - width: 100%; - font-size: 14px; -} - -.k-main .details .article .content .paginations a { - margin: 0 3px; -} - -.k-main .details .article .content .paginations a span { - padding: 7px 12px; - border: solid 1px #00a2ff; - background-color: #f0f8ff; - color: #00a2ff; -} - -.k-main .details .article .content .paginations .current span, -.k-main .details .article .content .paginations a span:hover { - padding: 7px 12px; - border: solid 1px #00a2ff; - background: #00a2ff; - color: #ffffff; - font-weight: 400; -} - -/*-------------------------------------------------------------- -5. 文章列表 ---------------------------------------------------------------*/ - -.k-main .board .article-panel { - 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-thumb { - position: relative; - float: left; - overflow: hidden; - margin: 20px; - width: 240px; - height: 145px; -} - -.k-main .board .article-panel .a-thumb img { - padding: 2px; - width: 100%; - height: 100%; - border: 1px solid #f3f3f3; -} - -.k-main .board .article-panel .a-post { - margin-left: 255px; - padding: 21px 20px 0 3px; - height: 160px; -} - -.k-main .board .article-panel .a-post.a-none { - margin-left: 0; - padding: 20px; - height: auto; -} - -.k-main .board .article-panel .a-post .header { - display: -webkit-box; - overflow: hidden; - margin: 3px 0 6px; - /* max-height: 25px; - text-overflow: ellipsis;*/ - -webkit-box-orient: vertical; - -webkit-line-clamp: 1; -} - -.k-main .board .article-panel .a-post .header .label { - position: relative; - position: relative; - top: -2px; - display: inline-block; - margin-right: 5px; - padding: 4px 6px 3px; - border-radius: 0; - background-color: #00a2ff; - color: #fff; - vertical-align: baseline; - text-align: center; - white-space: nowrap; - font-size: 12px; - line-height: 14px; -} - -.k-main .board .article-panel .a-post .header .label .label-arrow { - position: absolute; - top: 6px; - right: -4px; - width: 0; - height: 0; - border-top: 4px solid transparent; - border-bottom: 4px solid transparent; - border-left: 4px solid #00a2ff; - content: ""; - vertical-align: top; -} - -.k-main .board .article-panel .a-post .header .title { - display: inline; - margin: 0; - font-size: 21px; -} - -.k-main .board .article-panel .a-post .header .title a { - color: #333; -} - -.k-main .board .article-panel .a-post .header .title a:hover { - color: #0097ee; -} - -.k-main .board .article-panel .a-post .content { - display: block; - display: -webkit-box; - overflow: hidden; - max-height: 110px; - text-overflow: ellipsis; - word-wrap: break-word; - cursor: default; - -webkit-box-orient: vertical; - -webkit-line-clamp: 4; -} - -.k-main .board .article-panel .a-post .content p { - margin-bottom: 0; - font-size: 15px; -} - -.k-main .board .article-panel .a-meta { - clear: both; - overflow: hidden; - padding: 8px 20px; - border-top: 1px solid #f3f3f3; - font-size: 12px; - line-height: 27px; -} - -.k-main .board .article-panel .a-meta span { - font-size: 13px; - line-height: 24px; - cursor: default; -} - -.k-main .board .article-panel .a-meta span > i { - margin-right: 3px; -} - -.k-main .board .article-panel .a-meta span > a { - color: #333; -} - -.k-main .board .article-panel .a-meta span > a:hover { - color: #0097ee; - text-decoration: none; -} - -.k-main .board .article-panel .a-meta span > a > i { - margin-left: 3px; -} - -.k-main .board .article-panel .search-title { - padding: 20px 25px; - color: #000; - font-size: 18px; -} - -.k-main .board .article-panel .nothing { - padding: 50px; - text-align: center; -} - -.k-main .board .article-panel .nothing img { - width: 50%; -} - -.k-main .board .article-panel .nothing .sorry { - margin-top: 30px; - font-size: 20px; -} - -@media screen and (max-width: 768px) { - .k-main .board .article-panel .a-thumb { - position: relative; - float: none; - overflow: hidden; - margin: 0; - margin-bottom: 14px; - padding: 0; - padding-bottom: 53%; - width: auto; - height: 0; - max-width: 100%; - } - - .k-main .board .article-panel .a-thumb img { - padding: 0; - height: auto; - max-width: 100%; - border: 0; - } - - .k-main .board .article-panel .a-post { - margin-left: 0; - padding: 0 12px; - height: auto; - } - - .k-main .board .article-panel .a-post .header { - margin: 0 0 9px; - } - - .k-main .board .article-panel .a-post .header .label { - display: none; - } - - .k-main .board .article-panel .a-post .header .title { - font-size: 20px; - } - - .k-main .board .article-panel .a-post .content { - margin-bottom: 10px; - } - - .k-main .board .article-panel .a-post.a-none .content { - margin-bottom: 0; - } - - .k-main .board .article-panel .a-meta { - padding: 5px 12px; - } - - .k-main .board .article-panel .a-meta span { - font-size: 12px; - } - - .k-main .board .article-panel .nothing .sorry { - font-size: 18px; - } -} - -/*-------------------------------------------------------------- -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 16px 16px; -} - -.k-main .details .article .header .title { - padding-bottom: 0; - border: none; -} - -.k-main .details .article .header .meta { - color: #5a5a5a; - font-size: 14px; - cursor: default; -} - -.k-main .details .article .header .meta a { - color: inherit; -} - -.k-main .details .article .header .meta > span:not(:last-child):after { - margin-right: 5px; - margin-left: 5px; - color: #71777c; - content: "\B7"; -} - -.k-main .details .article .content { - padding: 0 16px 16px; - word-wrap: break-word; - line-height: 1.8; - word-break: break-all; -} - -.k-main .details .article .content::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: 32px; -} - -.k-main .details .article h1 { - padding-bottom: 4.8px; - /* border-bottom: 1px solid #eaecef; */ - font-size: 30px; - line-height: 38px; -} - -.k-main .details .article .content h2 { - font-size: 24px; -} - -.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 { - font-size: 18px; -} - -.k-main .details .article .content h4 { - 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 .progress { - margin-bottom: 16px; -} - -.k-main .details .article .content .video-container { - margin-bottom: 16px; -} - -.k-main .details .article .content blockquote { - margin-bottom: 16px; - padding: 16px; - border-left: 6px solid #dce6f0; - background: #f2f7fb; - color: #819198; - font-size: 15px; -} - -.k-main .details .article .content blockquote p { - margin-bottom: -3px; -} - -.k-main .details .article .content hr { - margin: 24px 0; - height: 1px; - border: none; - border-top: 1px solid #a5a5a5; -} - - - -.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-all; -} - -.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 .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; - } - - .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 .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 { - font-size: 17px; - font-weight: 500; - margin-bottom: 5px; -} - -.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: #eeeeee; -} - -.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; -} - -.btn-search { - background-color: #00a2ff; - border-color: #00a2ff; -} - -.btn-search:not(:disabled):not(.disabled):active, -.btn-search:hover, -.btn-search:focus { - background-color: #0095ff; - border-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; - padding: 4px 0; - width: 164px; - border: 1px solid #eeeeee; - list-style: none; - text-align: center; - text-overflow: ellipsis; - font-size: 14px; - -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 { - color: #333; -} - -.k-main .sidebar .w-search .form-control, -.k-main .sidebar .w-search .btn { - font-size: 15px; - border-radius: 0; -} - -.k-main .sidebar .w-search .btn { - padding-left: 25px; - padding-right: 25px; -} - -@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 { - 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; - } -} +@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;list-style:decimal;line-height:22px}ul>li{margin-bottom:6px;padding-left:2px;list-style:circle;line-height:22px}h1,h2,h3,h4,h5,h6{margin:0 0 30px;color:#333;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{padding:23px 0}.k-main.color{padding-top:103px}@media only screen and (max-width:992px){.k-main.color{padding-top:92px}}@media only screen and (max-width:768px){.k-main.color{padding-top:83px}}.k-nav{position:absolute;background-color:rgba(40,42,44,.6)}.k-nav .navbar-brand{color:#fff;font-size:24px}.k-nav .navbar-brand img{width:100px}.k-nav .navbar-toggler{padding:13px;border-color:transparent;border-radius:0;color:#343a40;text-transform:uppercase;font-weight:600;font-size:12px}.k-nav .navbar-nav{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:.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{border-bottom:1px solid transparent;background:0 0;-webkit-transition:background-color .2s;-moz-transition:background-color .2s;transition:background-color .2s;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.k-nav .navbar-brand{padding:10px 20px;color:#fff}.k-nav .navbar-brand:focus,.k-nav .navbar-brand:hover{color:rgba(255,255,255,.8)}.k-nav .navbar-nav>li.nav-item>a{padding:10px 20px;color:#fff}.k-nav .navbar-nav>li.nav-item>a:focus,.k-nav .navbar-nav>li.nav-item>a:hover{color:rgba(255,255,255,.8)}.k-nav.is-fixed{position:fixed;top:-67px;border-bottom:1px solid #fff;background-color:rgba(255,255,255,.9);-webkit-transition:-webkit-transform .2s;-moz-transition:-moz-transform .2s;transition:transform .2s}.k-nav.is-fixed .navbar-brand{color:#212529}.k-nav.is-fixed .navbar-brand:focus,.k-nav.is-fixed .navbar-brand:hover{color:#007bff}.k-nav.is-fixed .navbar-nav>li.nav-item>a{color:#212529}.k-nav.is-fixed .navbar-nav>li.nav-item>a:focus,.k-nav.is-fixed .navbar-nav>li.nav-item>a:hover{color:#007bff}.k-nav.is-visible{-webkit-transform:translate3d(0,100%,0);-moz-transform:translate3d(0,100%,0);-o-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);-ms-transform:translate3d(0,100%,0)}}@media screen and (max-width: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}}.k-header .banner{position:relative;height:300px}.k-header .banner .overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;background:rgba(66,64,64,.2)}.k-header .banner .content{position:relative;height:300px;background-position:center center;background-size:cover}.k-header .banner .content .introduce{position:absolute;top:37%;z-index:10;width:100%;color:#fff;text-shadow:2px 2px 2px #666;cursor:default}.k-header .banner .content .introduce .title{margin-bottom:5px;font-size:35px}.k-header .banner .content .introduce .mate{font-size:25px}@media screen and (max-width:768px){.k-nav .navbar-brand{font-size:19px}.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,.k-header .banner .content{height:290px}.k-header .banner .content .introduce{top:43%}.k-header .banner .content .introduce .title{font-size:30px}.k-header .banner .content .introduce .mate{font-size:20px}}.k-main .board .paginations{margin:23px auto;width:100%;text-align:center;font-size:14px}.k-main .board .paginations a{padding:8px 12px;background:#fff;color:#444}.k-main .board .paginations .current{padding:8px 12px;background:#00a2ff;color:#fff;font-weight:400}.k-main .board .paginations .dots{padding:8px 12px;background:#fff;color:#444}.k-main .details .article .content .paginations{padding-top:20px;width:100%;font-size:14px}.k-main .details .article .content .paginations a{margin:0 3px}.k-main .details .article .content .paginations a span{padding:7px 12px;border:1px solid #00a2ff;background-color:#f0f8ff;color:#00a2ff}.k-main .details .article .content .paginations .current span,.k-main .details .article .content .paginations a span:hover{padding:7px 12px;border:1px solid #00a2ff;background:#00a2ff;color:#fff;font-weight:400}.k-main .board .article-panel{margin:0 0 23px;border-radius:0;background-color:#fff;box-shadow:0 1px 2px rgba(0,0,0,.1)}.k-main .board .article-panel:last-of-type{margin:0}.k-main .board .article-panel .a-thumb{position:relative;float:left;overflow:hidden;margin:20px;width:240px;height:145px}.k-main .board .article-panel .a-thumb img{padding:2px;width:100%;height:100%;border:1px solid #f3f3f3}.k-main .board .article-panel .a-post{margin-left:255px;padding:21px 20px 0 3px;height:160px}.k-main .board .article-panel .a-post.a-none{margin-left:0;padding:20px;height:auto}.k-main .board .article-panel .a-post .header{display:-webkit-box;overflow:hidden;margin:3px 0 6px;-webkit-box-orient:vertical;-webkit-line-clamp:1}.k-main .board .article-panel .a-post .header .label{position:relative;top:-2px;display:inline-block;margin-right:5px;padding:4px 6px 3px;border-radius:0;background-color:#00a2ff;color:#fff;vertical-align:baseline;text-align:center;white-space:nowrap;font-size:12px;line-height:14px}.k-main .board .article-panel .a-post .header .label .label-arrow{position:absolute;top:6px;right:-4px;width:0;height:0;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:4px solid #00a2ff;content:"";vertical-align:top}.k-main .board .article-panel .a-post .header .title{display:inline;margin:0;font-size:21px}.k-main .board .article-panel .a-post .header .title a{color:#333}.k-main .board .article-panel .a-post .header .title a:hover{color:#0097ee}.k-main .board .article-panel .a-post .content{display:block;display:-webkit-box;overflow:hidden;max-height:110px;text-overflow:ellipsis;word-wrap:break-word;cursor:default;-webkit-box-orient:vertical;-webkit-line-clamp:4}.k-main .board .article-panel .a-post .content p{margin-bottom:0;font-size:15px}.k-main .board .article-panel .a-meta{clear:both;overflow:hidden;padding:8px 20px;border-top:1px solid #f3f3f3;font-size:12px;line-height:27px}.k-main .board .article-panel .a-meta span{font-size:13px;line-height:24px;cursor:default}.k-main .board .article-panel .a-meta span>i{margin-right:3px}.k-main .board .article-panel .a-meta span>a{color:#333}.k-main .board .article-panel .a-meta span>a:hover{color:#0097ee;text-decoration:none}.k-main .board .article-panel .a-meta span>a>i{margin-left:3px}.k-main .board .article-panel .search-title{padding:20px 25px;color:#000;font-size:18px}.k-main .board .article-panel .nothing{padding:50px;text-align:center}.k-main .board .article-panel .nothing img{width:50%}.k-main .board .article-panel .nothing .sorry{margin-top:30px;font-size:20px}@media screen and (max-width:768px){.k-main .board .article-panel .a-thumb{position:relative;float:none;overflow:hidden;margin:0 0 14px;padding:0 0 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 16px 16px}.k-main .details .article .header .title{padding-bottom:0;border:none}.k-main .details .article .header .meta{color:#5a5a5a;font-size:14px;cursor:default}.k-main .details .article .header .meta a{color:inherit}.k-main .details .article .header .meta>span:not(:last-child):after{margin-right:5px;margin-left:5px;color:#71777c;content:"\B7"}.k-main .details .article .content{padding:0 16px 16px;word-wrap:break-word;line-height:1.8;word-break:break-all}.k-main .details .article .content 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:32px}.k-main .details .article h1{padding-bottom:4.8px;font-size:30px;line-height:38px}.k-main .details .article .content h2{font-size:24px}.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{font-size:18px}.k-main .details .article .content h4{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 .progress,.k-main .details .article .content .video-container{margin-bottom:16px}.k-main .details .article .content blockquote{margin-bottom:16px;padding:16px;border-left:6px solid #dce6f0;background:#f2f7fb;color:#819198;font-size:15px}.k-main .details .article .content blockquote p{margin-bottom:-3px}.k-main .details .article .content 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-all}.k-main .details .article .content table td,.k-main .details .article .content table th{padding:8px 16px;border:1px solid #e9ebec}.k-main .details .article .content table th{font-weight:700}.k-main .details .article .content table tr:nth-child(2n){background-color:#f8f8f8}.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 .alert,.k-main .details .article .content .card-body{padding:10px 15px}.k-main .details .article .content .downbtn{display:inline-block;margin-bottom:16px;padding:3px 10px;border:1px solid #39aaf9;background:#39aaf9;color:#fff;font-size:14px}.k-main .details .article .content .downbtn:hover{background:#37a0eb;color:#fff}.k-main .details .article .content .downbtn:focus{color:#fff;text-decoration:none}.k-main .details .article .content .video-container{position:relative;overflow:hidden;padding-bottom:75%;height:0}.k-main .details .article .content .video-container embed,.video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%}.k-main .details .article .content>:last-child{margin-bottom:0}.k-main .details .article .copyright{padding:0 16px 16px}.k-main .details .article .copyright span{display:block;padding:18px;background-color:#f7f7fa;color:#333;font-size:14px;line-height:20px;cursor:default}.k-main .details .article .footer{padding:0 16px 10px;border-top:1px solid #f2f2f2}.k-main .details .article .footer .tags,.k-main .details .article .footer .tool{margin-top:10px}.k-main .details .article .footer .tags span,.k-main .details .article .footer .tool span{color:#333;font-size:14px;cursor:default}.k-main .details .article .footer .tags a{margin:0 5px 0 0;padding:2px 7px;background-color:#a9a9a9;color:#fff;font-size:13px}.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-next a,.k-main .details .post-navigation .nav-previous a{color:#5a5a5a}.k-main .details .post-navigation .nav-previous{float:left;padding:7px 18px;max-width:40%;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:40%;background-color:#fff;box-shadow:0 1px 5px rgba(0,0,0,.1);text-align:right}@media screen and (max-width:768px){.k-main .details .toolbar .meta{margin:14px 0;padding-bottom:16px;width:100%;border-bottom:1px solid #eee}.k-main .details .toolbar .meta span{font-size:12px}.k-main .details .toolbar .meta .love{display:none!important}.k-main .details .toolbar .share{margin-top:16px}.k-main .details .toolbar .motto{padding-bottom:5px}.k-main .details .toolbar .share .btn{width:88px;height:35px;font-size:14.5px;line-height:1.5}}.k-main .details .comments{margin-top:16px;padding:1.6px 16px 16px;border-radius:2px;background-color:#fff;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.1);-moz-box-shadow:0 1px 2px rgba(0,0,0,.1);box-shadow:0 1px 2px rgba(0,0,0,.1)}.k-main .details .post-2 .comments{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.k-main .details .comments .comment-form-author{padding-right:5px}.k-main .details .comments .comment-form-email{padding-left:5px}.k-main .details .comments .input-group-text{border:1px solid #eee;background-color:#f8f8f8}.k-main .details .comments .form-control{border:1px solid #eee}.k-main .details .comments .title{margin-bottom:0;padding:16px 0;border-bottom:1px solid #f0f0f0;font-size:19px;cursor:default}.k-main .details .comments .comment{padding:16px 0;list-style:none}.k-main .details .comments .list>li{border-bottom:1px solid #f0f0f0}.k-main .details .comments .comment .avatar{vertical-align:middle}.k-main .details .comments .comment .avatar img{display:block;width:50px;height:50px;border:1px solid #eaeaea;border-radius:50%}.k-main .details .comments .comment .info{overflow:hidden}.k-main .details .comments .comment .info .author_name{display:inline-block;margin-top:3px;color:#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:.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:.15s ease-in-out;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media screen and (max-width:768px){.k-main .details .comments .comment-form-author{padding-right:15px}.k-main .details .comments .comment-form-email{padding-left:15px}}.k-main .sidebar img{width:100%;height:auto}.k-main .sidebar .widget{margin:0 0 23px;padding:15px 30px;border-radius:0;background-color:#fff;box-shadow:0 1px 2px rgba(0,0,0,.1)}.k-main .sidebar .w-about,.k-main .sidebar .w-ad{padding:0}.k-main .sidebar>div:last-child{margin:0}.k-main .sidebar .w-about .background{height:120px}.k-main .sidebar .w-about .wrapper img{margin:-50px 0 0;width:100px;height:100px;border:4px solid rgba(255,255,255,.4);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{font-size:17px;font-weight:500;margin-bottom:5px}.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:#eee}.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{border-bottom:2px solid #00a2ff;background-color:#fff;color:#333}.nav-tabs .nav-item{color:#333}.nav-tabs .nav-link{padding:8px 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}.btn-search{background-color:#00a2ff;border-color:#00a2ff}.btn-search:focus,.btn-search:hover,.btn-search:not(:disabled):not(.disabled):active{background-color:#0095ff;border-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;padding:4px 0;width:164px;border:1px solid #eee;list-style:none;text-align:center;text-overflow:ellipsis;font-size:14px;-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{color:#333}.k-main .sidebar .w-search .btn,.k-main .sidebar .w-search .form-control{font-size:15px;border-radius:0}.k-main .sidebar .w-search .btn{padding-left:25px;padding-right:25px}@media screen and (max-width:1310px){.nav-tabs .nav-link{padding:8px 22px}.k-main .sidebar .w-tags .item a,.k-main .sidebar .widget_archive ul li,.k-main .sidebar .widget_categories ul li,.k-main .sidebar .widget_links ul li{width:110px}}@media (min-width:992px){.navbar-expand-lg .navbar-nav .nav-link{padding-right:0;padding-left:32px}}.k-main .page404{padding:40px;text-align:center}.k-main .page404 .overlay{position:absolute;top:-1px;right:0;bottom:0;left:0;z-index:2;width:100%;height:101%;background:url(../img/404.svg) center center/cover no-repeat}.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 .action,.k-main .page404 .content .subtitle{font-size:16px}.k-main .page404 .content .action .btn-outline-primary{width:110px;border-radius:2px;letter-spacing:2.4px}.k-main .page404 .content .action .back-prevpage{border-color:#00a2ff;background-color:#00a2ff;color:#fff}.k-main .page404 .content .action .back-prevpage:hover{border-color:#009ef9;background-color:#009ef9}.k-main .page404 .content .action .back-index{border-color:#d8dcdf;background-color:transparent;background-image:none;color:#666}.k-main .page404 .content .action .back-index:hover,.k-main .page404 .content .action .back-index:not(:disabled):not(.disabled):active{border-color:#d8dcdf;background-color:#f6f4f4;color:#666}@media screen and (max-width:768px){.k-main .page404 .thumbnail{height:315px}.k-main .page404 .content .title{font-size:21px}.k-main .page404 .content .subtitle{font-size:14px}}@media screen and (max-width:480px){.k-main .page404 .thumbnail{height:200px}}.k-footer{padding:40px 0;background:#23282d}.k-footer p{margin-bottom:0;color:#8e8e8e;text-transform:uppercase;letter-spacing:1px;font-size:14px;cursor:default}.k-footer p a{color:#8e8e8e}.k-footer p a:hover{color:#0097ee}.k-footer p .police-ico{display:inline-block;margin-top:-4px;margin-right:6px;width:14px;height:1pc;background:url(../img/police-ico.png) 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/footer.php b/footer.php index 0a2afe6..333fd57 100644 --- a/footer.php +++ b/footer.php @@ -44,8 +44,8 @@ ' . 'COPYRIGHT © '. $Year . ' ' . $sitename . ' 版权所有' . '

'; - echo '

THEME KRATOS YANG Modified BY 老杨

'; + echo '

' . 'COPYRIGHT © ' . $Year . ' ' . $sitename . ' 版权所有' . '

'; + echo '

THEME KRATOS YANG Modified BY 老杨

'; if (kratos_option('s_icp')) { echo '

' . kratos_option('s_icp') . '

'; } @@ -60,5 +60,30 @@ +前再补一次。 + * + * 语言包路径用 plugins_url() 动态取，不要写死域名： + * 站点换了域名或加了 CDN，写死的地址会静默 404（表现为代码块不上色）。 + */ +if (defined('WP_PLUGIN_DIR') && file_exists(WP_PLUGIN_DIR . '/wp-editormd/assets/Prism.js/components/')) { + $prism_langs = plugins_url('/wp-editormd/assets/Prism.js/components/'); + ?> + + diff --git a/inc/theme-core.php b/inc/theme-core.php index dd405cd..6d264fb 100644 --- a/inc/theme-core.php +++ b/inc/theme-core.php @@ -182,8 +182,18 @@ function get_https_avatar($avatar) add_filter('get_avatar', 'get_https_avatar'); // 主题更新检测 +// +// 更新元数据放在站点自己的域名下（/theme-update/update.json），不再单独占一个子域名。 +// 好处是复用主站的证书、备案与 CDN，少维护一套站点。 +// 注意：update.json 必须能被无条件公开访问。它落在 WordPress 根目录下，但主站 .htaccess +// 的重写规则带了 !-f 条件，真实存在的文件不会被送进 index.php，所以能正常直出。 +// 若以后装了拦截直链的安全插件，先确认这个路径没被拦。 +if (!defined('YANG_THEME_UPDATE_URL')) { + define('YANG_THEME_UPDATE_URL', 'https://yangyq.net/theme-update/update.json'); +} + $myUpdateChecker = Puc_v4_Factory::buildUpdateChecker( - 'https://theme.yangyq.net/update.json', + YANG_THEME_UPDATE_URL, get_template_directory() . '/functions.php', 'Kratos_Yang' );