MediaWiki:Common.css：修订间差异

←上一编辑下一编辑→

@@ 第394行： / 第394行： @@
 }
-/* --- 明星编辑表格重塑 --- */
+/* --- 明星编辑板块深度美化 --- */
-/* 1. 隐藏原始表格的表头和边框 */
+/* 1. 隐藏多余的插件默认标题和皮肤自带的导航 */
-.hp-scores-wrapper table.stats {
+.hp-scores-wrapper .contributionscores-title,
-     width: 100% !important;
+.hp-scores-wrapper .citizen-overflow-nav,
+.hp-scores-wrapper .header {
+    display: none !important;
+}
+/* 2. 移除所有嵌套表格的背景、边框和滚动条限制 */
+.hp-scores-wrapper .contributionscores-wrapper,
+.hp-scores-wrapper .citizen-overflow-wrapper,
+.hp-scores-wrapper .citizen-overflow-content,
+.hp-scores-wrapper table.contributionscores {
+     display: block !important;
+    background: transparent !important;
      border: none !important;
-    background: transparent !important;
      margin: 0 !important;
+    padding: 0 !important;
+    width: 100% !important;
+    overflow: visible !important;
 }
-.hp-scores-wrapper table.stats th {
+/* 3. 将每一行 (tr) 变成一个弹性盒子 (Flexbox) */
-     display: none !important; /* 隐藏丑陋的表头 */
+.hp-scores-wrapper table.contributionscores tbody {
+     display: flex;
+    flex-direction: column;
+    gap: 10px;
 }
-/* 2. 重塑每一行 */
+.hp-scores-wrapper table.contributionscores tr {
-.hp-scores-wrapper table.stats tr {
+     display: flex !important;
-     display: flex;
      align-items: center;
-     padding: 10px 0;
+     padding: 12px 8px;
-     border-bottom: 1px dashed #edf2f7;
+    background: #f8fafc !important; /* 浅色底色 */
-     background: transparent !important;
+     border-radius: 8px;
+    border: 1px solid #edf2f7 !important;
+     transition: transform 0.2s ease;
 }
-.hp-scores-wrapper table.stats tr:last-child {
+.hp-scores-wrapper table.contributionscores tr:hover {
-     border-bottom: none;
+    transform: translateX(5px);
+     border-color: #cbd5e0 !important;
 }
-/* 3. 排名数字美化 (第一列) */
+/* 4. 排名样式 (第一列 td) */
-.hp-scores-wrapper table.stats td:nth-child(1) {
+.hp-scores-wrapper table.contributionscores td:nth-child(1) {
      width: 28px;
      height: 28px;
-     background: #1a3a6c;
+     min-width: 28px;
-    color: white !important;
+     display: flex !important;
-    border-radius: 50%;
-     display: flex;
      align-items: center;
      justify-content: center;
+    border-radius: 50%;
+    background: #a0aec0;
+    color: white !important;
      font-weight: bold;
-     font-size: 0.8em;
+     font-size: 0.85em;
-     margin-right: 12px;
+     margin-right: 15px;
-     border: none !important;
+     padding: 0 !important;
 }
-/* 给前三名上色 */
+/* 前三名专属色 */
-.hp-scores-wrapper table.stats tr:nth-child(1) td:nth-child(1) { background: #ffd700; } /* 金 */
+.hp-scores-wrapper table.contributionscores tr:nth-of-type(1) td:nth-child(1) { background: #ecc94b !important; } /* 金 */
-.hp-scores-wrapper table.stats tr:nth-child(2) td:nth-child(1) { background: #c0c0c0; } /* 银 */
+.hp-scores-wrapper table.contributionscores tr:nth-of-type(2) td:nth-child(1) { background: #a0aec0 !important; } /* 银 */
-.hp-scores-wrapper table.stats tr:nth-child(3) td:nth-child(1) { background: #cd7f32; } /* 铜 */
+.hp-scores-wrapper table.contributionscores tr:nth-of-type(3) td:nth-child(1) { background: #ed8936 !important; } /* 铜 */
-/* 4. 用户名美化 (第二列) */
+/* 5. 用户名样式 (第五列 td) */
-.hp-scores-wrapper table.stats td:nth-child(2) {
+.hp-scores-wrapper table.contributionscores td:nth-child(5) {
      flex: 1;
-     border: none !important;
+     display: block !important;
      padding: 0 !important;
 }
-.hp-scores-wrapper table.stats td:nth-child(2) a {
+.hp-scores-wrapper table.contributionscores td:nth-child(5) a {
      font-weight: 600;
      color: #2d3748 !important;
-     text-decoration: none;
+     text-decoration: none !important;
 }
-/* 5. 分数/编辑数美化 (其他列) */
+/* 6. 修改次数样式 (第四列 td) */
-.hp-scores-wrapper table.stats td:nth-child(3),
+.hp-scores-wrapper table.contributionscores td:nth-child(4) {
-.hp-scores-wrapper table.stats td:nth-child(4) {
+    display: block !important;
      font-size: 0.8em;
      color: #718096;
-     border: none !important;
+     padding: 0 !important;
-     background: none !important;
+}
+.hp-scores-wrapper table.contributionscores td:nth-child(4)::before {
+     content: "贡献: ";
 }
-/* 隐藏不需要的列（如果有的话） */
+/* 7. 隐藏不需要的列 (分数和页面数) */
-.hp-scores-wrapper table.stats td:empty { display: none; }
+.hp-scores-wrapper table.contributionscores td:nth-child(2),
+.hp-scores-wrapper table.contributionscores td:nth-child(3) {
+    display: none !important;
+}