From 2ba1bbe525b4d30867222146b3ff71322cdeecf0 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: Sat, 27 Jul 2024 17:32:20 +0800
Subject: [PATCH] =?UTF-8?q?=E8=B0=83=E6=95=B4css?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 themes/Ying/static/css/light.css | 69 +++++++++++++++++++++++++++++++-
 1 file changed, 67 insertions(+), 2 deletions(-)

diff --git a/themes/Ying/static/css/light.css b/themes/Ying/static/css/light.css
index c032d7be..8b117148 100644
--- a/themes/Ying/static/css/light.css
+++ b/themes/Ying/static/css/light.css
@@ -1722,20 +1722,85 @@ input[type=submit] {
     max-width: 96%important;
 }
 
+
+.wl-reaction-img img{
+    box-shadow: none;
+}
+
+增加的CSS在末尾
+*/
+/**************** 我添加的CSS *********************/
+/* 评论区动图 */
+/* 然而我并不懂确切的含义，参数是乱调的 */
 .wl-editor {
     background-image: url(https://cdn.gallery.uuanqin.top/img/zhuangzhuang_comment_trans.gif);
-    background-size: 10%;
+    background-size: 18%;
     background-repeat: no-repeat;
     background-position: right bottom;
     background-color: rgba(255, 255, 255, 0);
     resize: vertical
 }
-.wl-editor:focus{
+
+.wl-editor:focus {
     background-position-x: 800px;
     background-position-y: 1000px;
     transition: all 0.2s ease-in-out 0s;
 }
 
+/********** 评论区输入提醒 ****************/
+/* 感谢Leonus大佬指点迷津！大佬博客：https://b.leonus.cn/ */
+.wl-header {
+    overflow: visible;
+}
+
+.wl-header-item {
+    position: relative;
+}
+
+/* merci end */
+.wl-header-item:nth-child(1):before {
+    content: '哈喽';
+}
+
+.wl-header-item:nth-child(2):before {
+    content: '收到回复将通过的邮箱提醒您📧';
+}
+
+.wl-header-item:nth-child(3):before {
+    content: '可以通过昵称访问您的网站🔗';
+}
+
+.wl-header-item:focus-within::before {
+    display: block;
+}
+
+/* 主内容区 */
+.wl-header-item::before {
+    /* 先隐藏起来 */
+    display: none;
+    /* 绝对定位 */
+    position: absolute;
+    /* 向上移动60像素 */
+    top: -31px;
+    /* 文字强制不换行，防止left:50%导致的文字换行 */
+    white-space: nowrap;
+    /* 圆角 */
+    border-radius: 10px;
+    /* 距离左边50% */
+    left: 50%;
+    /* 然后再向左边挪动自身的一半，即可实现居中 */
+    transform: translate(-50%);
+    /* 填充 */
+    padding: 0px 18px;
+    background: #669900;
+    color: #fff;
+}
+
+/* 新版本中waline字体怎么都变小了？ */
+.wl-header input {
+    font-size: 0.8rem
+}
+
 /* 热力图css */
 .ch-plugin-calendar-label {
     position: absolute;