MediaWiki:Common.css：修订间差异

以互动方式浏览历史

←上一编辑下一编辑→

删除的内容添加的内容

行内

@@ 第14行： / 第14行： @@
   flex-direction: column;
   justify-content: center;
-  align-items: center; /* 居中对齐 */
+  align-items: center;
-  background: linear-gradient(to right, #b30000, #cc3300); /* 渐变背景 */
+  background: linear-gradient(135deg, #8B0000, #B22222); /* 改进对比度 */
-  color: white; /* 白色字体，提升对比度 */
+  color: white;
   font-weight: bold;
-  border-radius: 12px; /* 圆角优化 */
+  border-radius: 12px;
-  padding: 12px 24px; /* 增加上下 padding */
+  padding: 12px 24px;
-  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); /* 更柔和的阴影 */
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
   text-align: center;
 }
@@ 第26行： / 第26行： @@
 .banner-text {
   margin: 0;
-  line-height: 1.4; /* 让文本更易读 */
+  line-height: 1.4;
 }
 .banner .chinese-text {
-  font-size: 24px; /* 默认大小 */
+  font-size: 24px;
   font-weight: 700;
 }
 .banner .english-text {
-  font-size: 16px; /* 默认大小 */
+  font-size: 16px;
   font-weight: 500;
   opacity: 0.9;
@@ 第68行： / 第68行： @@
   border-radius: 10px;
   border: 1px solid #e0e0e0;
+  -webkit-transition: -webkit-transform 0.3s ease, box-shadow 0.3s ease;
   transition: transform 0.3s ease, box-shadow 0.3s ease;
+  will-change: transform; /* 性能优化 */
+  backface-visibility: hidden; /* 性能优化 */
 }
 .content-box:hover {
+  -webkit-transform: translateY(-5px);
+  -moz-transform: translateY(-5px);
   transform: translateY(-5px);
   box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
+}
+.content-box:focus {
+  outline: 2px solid #0066cc; /* 可访问性改进 */
+  outline-offset: 2px;
 }
@@ 第104行： / 第114行： @@
   .flex-container {
     flex-direction: column;
+    gap: 15px; /* 统一间距 */
   }
   .flex-container .content-box {
-    max-width: 100%;
+    max-width: none; /* 移除限制 */
-    margin-bottom: 20px;
+    width: 100%;
+    margin-bottom: 0; /* 统一使用 gap */
   }
@@ 第114行： / 第126行： @@
   .banner .english-text {
     text-align: center;
+  }
-    font-size: 18px;
+  .banner .chinese-text {
+    font-size: 20px;
   }
@@ 第122行： / 第137行： @@
 }
-/* 让重定向的内链变成绿色 */
+/* 为减少动画的用户提供支持 */
+@media (prefers-reduced-motion: reduce) {
+  .content-box {
+    -webkit-transition: none;
+    transition: none;
+  }
+  .content-box:hover {
+    -webkit-transform: none;
+    -moz-transform: none;
+    transform: none;
+  }
+}
+/* 全站重定向链接样式 */
 .mw-redirect {
+  color: #008000 !important; /* 使用 hex 颜色值，提高优先级 */
-    color: green;
+  font-weight: 500;
+}
+/* 重定向链接悬停效果 */
+.mw-redirect:hover {
+  color: #006400 !important;
+  text-decoration: underline;
+}
+/* 导航框样式优化 */
+.navbox {
+  width: 100%;
+  border-collapse: collapse;
+}
+.navbox td {
+  padding: 8px 12px;
+  border: none;
+}
+.navbox a {
+  text-decoration: none;
+  color: #0066cc;
+}
+.navbox a:hover {
+  text-decoration: underline;
+}
+/* 语言链接样式 */
+#p-lang ul {
+  list-style: none;
+  padding: 0;
+  margin: 10px 0;
+}
+#p-lang li {
+  display: inline-block;
+  margin-right: 10px;
+}
+/* 响应式表格 */
+@media (max-width: 480px) {
+  .navbox {
+    font-size: 14px;
+  }
+  .navbox td {
+    padding: 6px 8px;
+    display: block;
+    width: 100%;
+    box-sizing: border-box;
+  }
 }