User:Wecury/common.css：修订间差异

←上一编辑下一编辑→

删除的内容添加的内容

行内

@@ 第10行： / 第10行： @@
 @media (max-width: 702px) {
-  /* navbox 内的图片自适应缩小 */
+  /* 图片与容器基础自适应 */
   .navbox img {
     max-width: 100% !important;
     height: auto !important;
   }
-  /* navbox 容器自适应 */
   .navbox {
     width: 100% !important;
@@ 第22行： / 第20行： @@
   }
-  /* group / list / title 改为块级，避免横向挤压 */
+  /* 表格结构纵向化：每行变块级，每个单元格占满宽度 */
-  .navbox-group,
+  .navbox tr,
-  .navbox-list,
+  .navbox td {
-  .navbox-title {
     display: block;
     width: 100% !important;
+    box-sizing: border-box;
   }
+  /* 覆盖内联宽度 & 基础内边距统一化，避免左右不齐 */
-  /* 通用缩进：根据嵌套层级自动增加 */
+  .navbox .navbox-group {
+    /* 覆盖你行内的 width:85px */
+    width: auto !important;
+    /* 保留原本的纵向内边距感受，可按需微调 */
+    padding: 0.25em 0.75em;
+    /* 如果需要视觉分隔，可给 group 加与 list 对等的左边框 */
+    border-left: none;
+  }
   .navbox .navbox-list {
+    width: auto !important; /* 覆盖 width:auto 的重复声明 */
-    padding-left: 1em; /* 一级缩进 */
+    text-align: left !important;
+    /* 去掉左边框，避免与 group 不齐；如需保留边框，给 group 同样的边框 */
+    border-left: none !important;
+    padding: 0.25em 0.75em;
   }
-  .navbox .navbox-list .navbox-list {
+  /* 通用层级缩进：每嵌套一个 navbox 层，缩进 +1em */
-    padding-left: 2em; /* 二级缩进 */
+  .navbox {
+    --level: 0em; /* 顶层缩进为 0 */
   }
+  /* 关键：嵌套的 navbox（通常出现在 td.navbox-list 里）提升层级变量 */
-  .navbox .navbox-list .navbox-list .navbox-list {
+  .navbox .navbox {
-    padding-left: 3em; /* 三级缩进 */
+    --level: calc(var(--level) + 1em);
+  }
+  /* 将层级缩应用到同层的 group 和 list，保证“对齐一致” */
+  .navbox .navbox-group,
+  .navbox .navbox-list {
+    padding-left: calc(var(--level) + 0.75em); /* 0.75em 是基础左右内边距，先保持一致 */
+  }
+  /* 若 list 内部还有包裹层（如你示例中的 div），也一起吃到缩进 */
+  .navbox .navbox-list > div {
+    padding-left: var(--level);
+  }
+  /* 标题块级化（如有）：保持与 group/list 同步宽度与盒模型 */
+  .navbox .navbox-title {
+    display: block;
+    width: 100% !important;
+    box-sizing: border-box;
+    padding: 0.25em 0.75em;
   }
 }