From 3bdbcb59d53481f0880ef1a8573ccc83e9f094f5 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E5=B0=8F=E8=B5=B5=E5=90=8C=E5=AD=A6?= <94612053+imzql@users.noreply.github.com> Date: Thu, 8 Aug 2024 17:44:06 +0800 Subject: [PATCH] 8.8 --- public/css/main.css | 301 ++++++++++++++++++++++- public/js/mypjax.js | 2 +- public/ly/index.html | 2 +- public/post/1/index.html | 2 +- public/post/10/index.html | 2 +- public/post/1009/index.html | 2 +- public/post/1023/index.html | 2 +- public/post/1039/index.html | 2 +- public/post/1042/index.html | 2 +- public/post/1043/index.html | 2 +- public/post/1081/index.html | 2 +- public/post/1091/index.html | 2 +- public/post/11/index.html | 2 +- public/post/1117/index.html | 2 +- public/post/1142/index.html | 2 +- public/post/1175/index.html | 2 +- public/post/12/index.html | 2 +- public/post/1200/index.html | 2 +- public/post/1219/index.html | 2 +- public/post/1223/index.html | 2 +- public/post/1243/index.html | 2 +- public/post/1248/index.html | 2 +- public/post/1269/index.html | 2 +- public/post/1279/index.html | 2 +- public/post/1284/index.html | 2 +- public/post/1287/index.html | 2 +- public/post/13/index.html | 2 +- public/post/14/index.html | 2 +- public/post/15/index.html | 2 +- public/post/16/index.html | 2 +- public/post/17/index.html | 2 +- public/post/18/index.html | 2 +- public/post/19/index.html | 2 +- public/post/2/index.html | 2 +- public/post/20/index.html | 2 +- public/post/21/index.html | 2 +- public/post/22/index.html | 2 +- public/post/23/index.html | 2 +- public/post/24/index.html | 2 +- public/post/25/index.html | 2 +- public/post/26/index.html | 2 +- public/post/27/index.html | 2 +- public/post/28/index.html | 2 +- public/post/29/index.html | 2 +- public/post/3/index.html | 2 +- public/post/30/index.html | 2 +- public/post/31/index.html | 2 +- public/post/32/index.html | 2 +- public/post/33/index.html | 2 +- public/post/34/index.html | 2 +- public/post/35/index.html | 2 +- public/post/36/index.html | 2 +- public/post/37/index.html | 2 +- public/post/38/index.html | 2 +- public/post/39/index.html | 2 +- public/post/4/index.html | 2 +- public/post/40/index.html | 2 +- public/post/41/index.html | 2 +- public/post/42/index.html | 2 +- public/post/43/index.html | 2 +- public/post/44/index.html | 2 +- public/post/45/index.html | 2 +- public/post/46/index.html | 2 +- public/post/47/index.html | 2 +- public/post/48/index.html | 2 +- public/post/49/index.html | 2 +- public/post/5/index.html | 2 +- public/post/50/index.html | 2 +- public/post/51/index.html | 2 +- public/post/52/index.html | 2 +- public/post/53/index.html | 2 +- public/post/54/index.html | 2 +- public/post/55/index.html | 2 +- public/post/56/index.html | 2 +- public/post/57/index.html | 2 +- public/post/58/index.html | 2 +- public/post/59/index.html | 2 +- public/post/6/index.html | 2 +- public/post/60/index.html | 2 +- public/post/61/index.html | 2 +- public/post/62/index.html | 2 +- public/post/63/index.html | 2 +- public/post/64/index.html | 2 +- public/post/65/index.html | 2 +- public/post/66/index.html | 2 +- public/post/67/index.html | 2 +- public/post/68/index.html | 2 +- public/post/69/index.html | 2 +- public/post/7/index.html | 2 +- public/post/70/index.html | 2 +- public/post/71/index.html | 2 +- public/post/72/index.html | 2 +- public/post/73/index.html | 2 +- public/post/74/index.html | 2 +- public/post/75/index.html | 2 +- public/post/76/index.html | 2 +- public/post/77/index.html | 2 +- public/post/78/index.html | 2 +- public/post/79/index.html | 2 +- public/post/8/index.html | 2 +- public/post/80/index.html | 2 +- public/post/81/index.html | 2 +- public/post/82/index.html | 2 +- public/post/83/index.html | 2 +- public/post/84/index.html | 2 +- public/post/85/index.html | 2 +- public/post/86/index.html | 2 +- public/post/87/index.html | 2 +- public/post/88/index.html | 2 +- public/post/89/index.html | 2 +- public/post/9/index.html | 2 +- public/post/90/index.html | 2 +- public/post/91/index.html | 2 +- public/post/92/index.html | 2 +- public/post/93/index.html | 2 +- public/post/94/index.html | 2 +- public/post/96/index.html | 2 +- public/post/97/index.html | 2 +- public/post/986/index.html | 2 +- public/post/989/index.html | 2 +- public/post/994/index.html | 2 +- public/post/ikun/index.html | 2 +- themes/Ying/layouts/partials/artalk.html | 2 +- themes/Ying/static/css/main.css | 301 ++++++++++++++++++++++- themes/Ying/static/js/mypjax.js | 2 +- 125 files changed, 723 insertions(+), 125 deletions(-) diff --git a/public/css/main.css b/public/css/main.css index 9d0bd121..6e2897b6 100644 --- a/public/css/main.css +++ b/public/css/main.css @@ -12,6 +12,18 @@ /* 中文标点符号 */ } +@charset "UTF-8";:root { + --background-color: #fff; + --background-dark-color: #201d1e; + --text-content-color: #222; + --text-content-dark-color: #CCC; + --text-highlight-color: #696565; + --frame-dark-color: #332D2F; + --frame-color: #eee; + --erji-color: #666; + --sanji-color: #999 +} + ::-webkit-scrollbar { width: 13px; } @@ -1776,10 +1788,297 @@ input[type=submit] { width: 100%; height: 100%; object-fit: cover; - /* 使头像充满容器并保持比例 */ } .pause { -webkit-animation-play-state: paused; animation-play-state: paused; } + +/* artalk样式重写css */ +.artalk { + margin-top: 20px +} + +.atk-list-read-more { + padding-bottom: 0!important +} + +.atk-comment { + padding: 10px 0!important +} + +.artalk>.atk-list>.atk-list-header { + display: none!important +} + +.atk-content p { + font-size: 1rem!important; + color: var(--text-content-color)!important +} + +.atk-comment-children>.atk-comment-wrap { + margin-top: 6px!important +} + +.atk-content { + line-height: 1.5!important +} + +.atk-avatar img { + border-radius: 50%!important +} + +.atk-comment>.atk-avatar img { + width: 24px!important; + height: 24px!important; + margin-top: 8px +} + +.atk-main { + margin-left: 34px!important +} + +.atk-comment-children>.atk-comment-wrap>.atk-comment { + padding: 0!important; + margin: auto +} + +.atk-comment>.atk-main>.atk-header { + margin-bottom: 0!important +} + +.atk-textarea { + min-height: 70px!important +} + +.artalk>.atk-list>.atk-list-footer { + bottom: auto!important +} + +.atk-item.atk-nick { + color: var(--text-content-color)!important; + font-weight: 700 +} + +.atk-item.atk-nick a { + color: #999!important +} + +.atk-ua { + color: #999!important; + background: var(--frame-color)!important +} + +.atk-ua-wrap { + font-size: 11px +} + +.atk-text { + color: #999!important +} + +.atk-badge { + display: none!important +} + +.atk-list-no-comment,.atk-copyright,.atk-copyright a { + color: #999!important +} + +.atk-send-btn { + padding: 0 10px!important; + min-width: 5em!important; + background: 0 0!important; + border: .5px solid var(--text-highlight-color)!important; + color: var(--text-highlight-color)!important +} + +.atk-send-btn:hover { + opacity: .7 +} + +.atk-list-header .atk-dropdown-wrap .atk-dropdown-item.active span,.atk-list-header .atk-dropdown-wrap .atk-dropdown-item span:hover { + color: var(--text-highlight-color)!important +} + +.artalk { + --at-color-main: #666!important; + --at-color-pink: var(--text-highlight-color)!important; + --at-color-light: var(--text-highlight-color)!important; + --at-color-meta: #999!important; + --at-color-border: #DDD !important +} + +.atk-content img { + max-height: 1.1rem!important; + vertical-align: middle; + margin-left: 2px; + margin-right: 2px; + margin-top: -4px!important +} + +.atk-comment>.atk-main>.atk-body>.atk-content img { + width: 1.1rem!important +} + +.atk-comment .atk-height-limit:after { + margin-bottom: 20px +} + +.atk-editor-plug-emoticons>.atk-grp-wrap>.atk-grp[data-type=image]>.atk-item { + height: 32px!important; + width: 32px!important +} + +.atk-editor-plug-emoticons>.atk-grp-wrap>.atk-grp>.atk-item { + font-size: 24px!important; + padding: 0!important +} + +.atk-notify.atk-fade-in { + background: #666!important; + margin-bottom: 6px +} + +.atk-pinned-badge { + background: #999!important +} + +.atk-send-reply { + background: 0 0!important +} + +.atk-reply-to { + border-left: 3px solid #fff!important +} + +.atk-plug-panel-wrap { + height: 110px!important +} + +img[atk-emoticon] { + max-height: 20px!important +} + +.atk-bottom { + padding: 5px 10px 10px 5px!important +} + +.atk-main-editor>.atk-header { + padding: 10px 5px 0!important +} + +.atk-main-editor>.atk-plug-panel-wrap { + border-top: .5px solid var(--at-color-border)!important +} + +.atk-textarea { + padding: 10px!important +} + +.atk-main-editor { + border: 1px solid var(--frame-color)!important +} + +.artalk code { + border: 1px solid #ffbe98!important; + border-radius: 4px!important; + background: 0 0!important; + margin: 0 4px!important +} + +.atk-main-editor>.atk-textarea-wrap>.atk-textarea { + line-height: 1.6 +} + +.atk-main-editor>.atk-bottom .atk-state-btn .atk-text-wrap { + color: #999 +} + +@media(prefers-color-scheme: dark) { + .atk-content p { + color:var(--text-content-dark-color)!important + } + + .pinglun { + color: var(--text-content-dark-color) + } + + .atk-main-editor { + background: 0 0!important; + border: 1px solid var(--frame-dark-color)!important + } + + .atk-textarea { + color: var(--text-content-dark-color)!important; + font-size: 15px; + background: 0 0!important + } + + .atk-content,.atk-header { + color: var(--text-content-dark-color)!important + } + + .atk-ua { + color: #666!important; + background: var(--background-dark-color)!important + } + + .artalk { + --at-color-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0), #242021)!important; + --at-color-bg: #1A1718 !important; + --at-color-border: #332D2F !important; + --at-color-meta: #666 !important; + --at-color-font: #BBB !important; + --at-color-bg-grey: var(--background-dark-color) !important; + --at-color-bg-grey: #332D2E!important + } + + .artalk.atk-dark-mode { + --at-color-grey: #747474 !important + } + + .atk-text,.atk-list-no-comment,.atk-copyright,.atk-copyright a { + color: #666!important + } + + .atk-item.atk-nick { + color: var(--text-content-dark-color)!important + } + + .atk-pinned-badge { + color: var(--text-content-dark-color)!important; + background: #666!important + } + + .atk-reply-to { + border-left: 3px solid #242021!important + } + + .atk-comment .atk-main .atk-footer .atk-actions span:hover { + color: #999!important + } + + .atk-item.atk-nick a { + color: #666!important + } + + .atk-main-editor>.atk-bottom .atk-state-btn { + background: var(--background-dark-color)!important + } + + .atk-main-editor>.atk-bottom .atk-state-btn .atk-text-wrap { + color: #666 + } +} + +.artalk.hidden { + display: none +} + +@media(max-width: 700px) { + .atk-main-editor>.atk-header { + display:block!important + } +} \ No newline at end of file diff --git a/public/js/mypjax.js b/public/js/mypjax.js index 44b76b50..99c99efa 100644 --- a/public/js/mypjax.js +++ b/public/js/mypjax.js @@ -183,7 +183,7 @@ document.addEventListener("pjax:complete", function () { if(document.querySelector("#Comments")){ Artalk.init({ el: '#Comments', // 绑定元素的 Selector - server: 'https://artalk.5b2.cn/', // 后端地址 + server: 'https://artalk.5b2.cn', // 后端地址 site: '优世界', // 你的站点名 flatMode: true }) diff --git a/public/ly/index.html b/public/ly/index.html index c187f133..b338510b 100644 --- a/public/ly/index.html +++ b/public/ly/index.html @@ -90,7 +90,7 @@