MediaWiki:Common.css：修订间差异
SeniorDeveloper（留言 | 贡献） 追加xn-*自定义导航古风样式：宋体、朱砂、层级分明、当前页高亮 |
v3.1 抽屉滚动兜底 |
||
| （未显示2个用户的2个中间版本） | |||
| 第288行： | 第288行： | ||
padding: 6px 12px; | padding: 6px 12px; | ||
} | } | ||
/* ===== 作品层级样式（xn-work-title，2026-07-30）===== */ | |||
/* 作品标题：缩进一级，字号略小，颜色稍淡 */ | |||
.xn-work-title { | |||
padding: 5px 12px 4px 22px; | |||
font-size: 0.8em; | |||
font-weight: bold; | |||
color: #7a2a3a; | |||
cursor: pointer; | |||
user-select: none; | |||
transition: background-color .2s ease; | |||
} | |||
.xn-work-title:hover { background: rgba(196,30,58,0.04); } | |||
.xn-work-title::after { | |||
content: '\25BE'; | |||
float: right; | |||
color: #C0B0A0; | |||
font-size: 0.85em; | |||
transition: transform .2s ease; | |||
} | |||
.xn-work-title.xn-collapsed::after { | |||
transform: rotate(-90deg); | |||
} | |||
/* 作品子项整体缩进：比作品标题再深一级 */ | |||
.xn-work .xn-body > .xn-link a { padding-left: 34px; } | |||
.xn-work .xn-body > .xn-link a:hover { padding-left: 38px; } | |||
/* 剧情层标题跟作品子项对齐 */ | |||
.xn-work .xn-body > .xn-subsection > .xn-subheader { padding-left: 34px; } | |||
/* 剧情层下段落标题再深一级 */ | |||
.xn-work .xn-body > .xn-subsection > .xn-subbody > .xn-subsubsection > .xn-subsubheader { padding-left: 46px; } | |||
/* 段落详情条目最深 */ | |||
.xn-work .xn-body > .xn-subsection > .xn-subbody > .xn-subsubsection > .xn-subsubbody .xn-link a { padding-left: 58px; } | |||
.xn-work .xn-body > .xn-subsection > .xn-subbody > .xn-subsubsection > .xn-subsubbody .xn-link a:hover { padding-left: 62px; } | |||
/* ===== 移动端（Minerva 皮肤）自定义导航适配（2026-07-30 v3）===== */ | |||
.xn-mobile { | |||
padding: 10px 0; | |||
border-bottom: 1px solid rgba(196,30,58,0.15); | |||
margin-bottom: 10px; | |||
font-family: "Noto Serif SC", "Source Han Serif SC", "Songti SC", "STSong", "SimSun", serif; | |||
} | |||
.xn-mobile .xn-search { padding: 4px 16px 12px; } | |||
.xn-mobile .xn-search-input { font-size: 16px; padding: 11px 12px; } | |||
.xn-mobile .xn-header { font-size: 1rem; padding: 14px 16px 12px; } | |||
.xn-mobile .xn-header::before { width: 4px; height: 1em; margin-right: 8px; } | |||
.xn-mobile .xn-link a { padding: 13px 16px 13px 28px; font-size: 1rem; line-height: 1.4; } | |||
.xn-mobile .xn-link a:hover { padding-left: 32px; } | |||
.xn-mobile .xn-subbody .xn-link a { padding-left: 40px; } | |||
.xn-mobile .xn-subbody .xn-link a:hover { padding-left: 44px; } | |||
.xn-mobile .xn-subsubbody .xn-link a { padding-left: 52px; } | |||
.xn-mobile .xn-subsubbody .xn-link a:hover { padding-left: 56px; } | |||
.xn-mobile .xn-work-title { font-size: 0.95rem; padding: 13px 16px 11px 28px; } | |||
.xn-mobile .xn-subheader, .xn-mobile .xn-subsubheader { padding: 12px 16px 10px 32px; font-size: 0.92rem; } | |||
.xn-mobile .xn-single { margin: 12px 16px; padding: 13px 10px; } | |||
.xn-mobile .xn-active { padding-left: 25px !important; } | |||
.xn-mobile .xn-loading { padding: 12px 16px 12px 28px; font-size: 0.9em; } | |||
.xn-mobile .xn-add-work a { padding: 10px 16px; } | |||
/* 抽屉滚动兜底：自定义导航插入后内容变长，保证抽屉可滚动、底部条目不被截断 */ | |||
#mw-mf-page-left.menu { overflow-y: auto; -webkit-overflow-scrolling: touch; } | |||
/* 展开/折叠动画走 GPU 合成层，保持 60fps */ | |||
.xn-mobile .xn-body, .xn-mobile .xn-subbody, .xn-mobile .xn-subsubbody { will-change: height; } | |||