模板:首页/中栏/图鉴导航：修订间差异

@@ 第24行： / 第24行： @@
 {{#css:
-.ptlist-item-in-cat {
+  .ptlist-item-in-cat {
-  position: relative;
+    box-sizing: border-box; /* 确保padding和border包含在宽度和高度内 */
-  z-index: 10;
+    position: relative;
-  box-sizing: content-box;
+    z-index: 10;
-  display: block;
+    display: block;
-  padding-bottom: 0.25rem;
+    padding-bottom: 0.25rem; /* 根据需要调整padding */
-  background-color: #1a1a1a; /* 暗黑色背景 */
+    background-color: #1a1a1a; /* 暗黑色背景 */
-  color: #ccc; /* 浅灰色文本 */
+    color: #ccc; /* 浅灰色文本 */
-  transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out; /* 添加平滑过渡效果 */
+    transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out; /* 添加平滑过渡效果 */
-}
+  }
+  .ptlist-item-in-cat::after {
+    content: '';
+    width: 100%; /* 调整为100%以填满容器 */
+    height: 100%; /* 调整为100%以填满容器 */
+    position: absolute;
+    left: 0; /* 调整为0 */
+    top: 0; /* 调整为0 */
+    transition: border-color 0.3s ease-in-out; /* 添加边框颜色过渡 */
+  }
+  .ptlist-item-in-cat:hover {
+    background-color: rgba(186,215,0,1); /* 鼠标悬浮时背景颜色变亮 */
+    color: #fff; /* 鼠标悬浮时文本颜色变为白色 */
+  }
+  .ptlist-item-in-cat:hover::after {
+    border-color: #555; /* 鼠标悬浮时边框颜色变亮 */
+  }
-.ptlist-item-in-cat::after {
-  content: '';
-  width: 90%;
-  height: 90%;
-  position: absolute;
-  left: 5%;
-  top: 5%;
-  transition: border-color 0.3s ease-in-out; /* 添加边框颜色过渡 */
-}
-.ptlist-item-in-cat:hover {
-  background-color: #333; /* 鼠标悬浮时背景颜色变暗 */
-  color: #fff; /* 鼠标悬浮时文本颜色变为白色 */
-}
-.ptlist-item-in-cat:hover::after {
-  border-color: #555; /* 鼠标悬浮时边框颜色变亮 */
-}
-.ptlist-item-in-cat {
-  height: auto; /* 保持高度自适应 */
-}
 }}

2024年6月3日 (一) 00:11的版本