|
|
| （未显示同一用户的7个中间版本） |
| 第1行： |
第1行： |
| /* =========================================
| |
| * 国漫TV · Navbox 底部导航栏完整样式 (紫金体系/高权重版)
| |
| * ========================================= */
| |
|
| |
|
| /* 1. 导航栏外层容器卡片化 */
| |
| table.navbox {
| |
| width: 100% !important;
| |
| margin: 2.5em auto 0 !important;
| |
| clear: both;
| |
| background-color: #ffffff !important;
| |
| border: 1px solid #e6e2ed !important;
| |
| border-radius: 8px !important;
| |
| box-shadow: 0 4px 12px rgba(26, 22, 37, 0.04) !important;
| |
| border-collapse: separate !important;
| |
| border-spacing: 0 !important;
| |
| overflow: hidden !important;
| |
| }
| |
|
| |
| /* 2. 顶部主标题 (强制覆盖主题底色) */
| |
| .mw-parser-output table.navbox th.navbox-title {
| |
| background-color: #5e35b1 !important;
| |
| color: #ffffff !important;
| |
| padding: 12px 16px !important;
| |
| text-align: center !important;
| |
| font-size: 1.1em !important;
| |
| font-weight: 600 !important;
| |
| }
| |
|
| |
| .mw-parser-output table.navbox th.navbox-title a {
| |
| color: #ffffff !important;
| |
| }
| |
| .mw-parser-output table.navbox th.navbox-title a:hover {
| |
| color: #ffb300 !important;
| |
| }
| |
|
| |
| /* 3. 左侧分类组名 (强制覆盖底色与文字色) */
| |
| .mw-parser-output table.navbox td.navbox-group {
| |
| background-color: #f4f2f7 !important;
| |
| color: #4527a0 !important;
| |
| font-weight: 600 !important;
| |
| padding: 12px 16px !important;
| |
| text-align: right !important;
| |
| vertical-align: middle !important;
| |
| width: 140px !important;
| |
| border-right: 2px solid #ffffff !important;
| |
| border-bottom: 1px solid #e6e2ed !important;
| |
| }
| |
|
| |
| .mw-parser-output table.navbox td.navbox-group a {
| |
| color: #4527a0 !important;
| |
| }
| |
|
| |
| /* 4. 右侧词条链接列表 */
| |
| .mw-parser-output table.navbox td.navbox-list {
| |
| padding: 12px 16px !important;
| |
| text-align: left !important;
| |
| border-bottom: 1px solid #e6e2ed !important;
| |
| line-height: 1.8 !important;
| |
| background-color: #ffffff !important;
| |
| }
| |
|
| |
| /* 移除最后一行多余的底边框 */
| |
| .mw-parser-output table.navbox tr:last-child td.navbox-group,
| |
| .mw-parser-output table.navbox tr:last-child td.navbox-list {
| |
| border-bottom: none !important;
| |
| }
| |
|
| |
| /* 5. 移动端优先：响应式折叠重构 */
| |
| @media screen and (max-width: 768px) {
| |
| table.navbox, table.navbox tbody, table.navbox tr, table.navbox th, table.navbox td {
| |
| display: block !important;
| |
| width: 100% !important;
| |
| box-sizing: border-box !important;
| |
| }
| |
|
| |
| .mw-parser-output table.navbox td.navbox-group {
| |
| text-align: left !important;
| |
| border-right: none !important;
| |
| border-bottom: none !important;
| |
| padding: 10px 15px 4px 15px !important;
| |
| }
| |
|
| |
| .mw-parser-output table.navbox td.navbox-list {
| |
| padding: 4px 15px 12px 15px !important;
| |
| border-bottom: 2px solid #e6e2ed !important;
| |
| }
| |
| }
| |
