MediaWiki:Common.css - 版本历史

虾仁：v3.1 抽屉滚动兜底

2026-07-31T08:39:16Z

v3.1 抽屉滚动兜底

←上一版本		2026年7月31日 (五) 16:39的版本
第348行：		第348行：
	.xn-mobile .xn-loading { padding: 12px 16px 12px 28px; font-size: 0.9em; }		.xn-mobile .xn-loading { padding: 12px 16px 12px 28px; font-size: 0.9em; }
	.xn-mobile .xn-add-work a { padding: 10px 16px; }		.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; }

虾仁：资源页更新

2026-07-31T08:34:38Z

资源页更新

←上一版本		2026年7月31日 (五) 16:34的版本
第325行：		第325行：
	.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 { padding-left: 58px; }
	.xn-work .xn-body > .xn-subsection > .xn-subbody > .xn-subsubsection > .xn-subsubbody .xn-link a:hover { padding-left: 62px; }		.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; }

Maintenance script：追加 xn-work-title 作品层级样式：作品缩进到虾仁宇宙下，子项逐级缩进

2026-07-29T16:30:11Z

追加 xn-work-title 作品层级样式：作品缩进到虾仁宇宙下，子项逐级缩进

←上一版本		2026年7月30日 (四) 00:30的版本
第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; }

SeniorDeveloper：追加xn-*自定义导航古风样式：宋体、朱砂、层级分明、当前页高亮

2026-07-29T16:22:58Z

追加xn-*自定义导航古风样式：宋体、朱砂、层级分明、当前页高亮

显示更改

SeniorDeveloper：修复左侧栏目录错位：隐藏侧栏内的TOC，保持正文目录正常

2026-07-29T16:16:35Z

修复左侧栏目录错位：隐藏侧栏内的TOC，保持正文目录正常

←上一版本		2026年7月30日 (四) 00:16的版本
第116行：		第116行：
	color: #9B182D;		color: #9B182D;
	letter-spacing: .08em;		letter-spacing: .08em;
			}
			/* ===== 左侧栏目录修复（2026-07-30）===== */
			/* 避免文章目录被某些浏览器/扩展渲染到 #mw-panel，导致侧栏过长 */
			#mw-panel .toc,
			#mw-panel #toc,
			.vector-legacy-sidebar .toc {
			display: none !important;
	}		}

Wdmxhfg：audit 2026-07-30: 追加竖排导航字体与悬浮样式（古卷新墨）

2026-07-29T16:04:04Z

audit 2026-07-30: 追加竖排导航字体与悬浮样式（古卷新墨）

@@ 第93行： / 第93行： @@
    border-top: 1px solid var(--xr-paper-dark);
    padding-top: 1em;
+}

Wdmxhfg：audit 2026-07-29: 迁移古卷新墨主题 CSS 至 MediaWiki:Common.css

2026-07-29T15:13:29Z

audit 2026-07-29: 迁移古卷新墨主题 CSS 至 MediaWiki:Common.css

显示更改

虾仁：添加搜索框和当前页高亮样式

2026-07-26T14:26:01Z

添加搜索框和当前页高亮样式

@@ 第8行： / 第8行： @@
 #mw-panel {
      padding: 0 !important;
+}

虾仁：自定义侧边栏导航样式：折叠、缩进、配色、hover、动画

2026-07-26T14:07:44Z

自定义侧边栏导航样式：折叠、缩进、配色、hover、动画

新页面

/* 虾仁维基 - 自定义侧边栏导航样式 */
/* 配合 Common.js 使用 */

/* --- 隐藏原生侧边栏 --- */
#mw-panel .portal { display: none !important; }

/* --- 自定义侧边栏容器 --- */
#mw-panel {
padding: 0 !important;
}

/* --- Section --- */
.xn-section {
border-bottom: 1px solid #e0e0e0;
margin: 0;
padding: 0;
}
.xn-section:last-child { border-bottom: none; }

/* --- Header (Section title) --- */
.xn-header {
position: relative;
padding: 8px 10px;
font-size: 13px;
font-weight: 600;
color: #333;
cursor: pointer;
user-select: none;
transition: background 0.15s;
line-height: 1.4;
}
.xn-header:hover { background: #f5f5f5; }

/* Chevron indicator */
.xn-expandable::before {
content: '';
display: inline-block;
width: 0;
height: 0;
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-top: 5px solid #888;
margin-right: 6px;
vertical-align: middle;
transition: transform 0.15s;
position: relative;
top: -1px;
}
.xn-expandable.xn-collapsed::before {
transform: rotate(-90deg);
}

/* --- Body (collapsible content) --- */
.xn-body {
padding: 0 0 4px 0;
}

/* --- Links --- */
.xn-link {
padding: 3px 10px 3px 20px;
font-size: 12px;
}
.xn-link a {
color: #0645ad;
text-decoration: none;
display: block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
padding: 1px 0;
}
.xn-link a:hover {
text-decoration: underline;
color: #0645ad;
}
.xn-link a:visited {
color: #0b0080;
}

/* Missing page indicator */
.xn-link.xn-missing a {
color: #ba0000;
}
.xn-link.xn-missing a:hover {
color: #ba0000;
text-decoration: underline;
}

/* Active page highlight */
.xn-link a[href*="index.php"] {
/* MediaWiki will handle active page styling */
}

/* --- Sub-section (剧情层, 虾仁论文) --- */
.xn-subsection {
padding-left: 8px;
}

.xn-subheader {
padding: 4px 8px 4px 12px;
font-size: 12px;
font-weight: 500;
color: #555;
cursor: pointer;
user-select: none;
transition: background 0.15s;
position: relative;
}
.xn-subheader:hover { background: #f0f0f0; }

.xn-subheader.xn-expandable::before {
content: '';
display: inline-block;
width: 0;
height: 0;
border-left: 3px solid transparent;
border-right: 3px solid transparent;
border-top: 4px solid #999;
margin-right: 4px;
vertical-align: middle;
transition: transform 0.15s;
}
.xn-subheader.xn-expandable.xn-collapsed::before {
transform: rotate(-90deg);
}

.xn-subbody {
padding-left: 8px;
}
.xn-subbody .xn-link {
padding-left: 28px;
}

/* --- Sub-sub-section (金集 within 剧情段) --- */
.xn-subsubsection {
padding-left: 4px;
}

.xn-subsubheader {
padding: 2px 6px 2px 16px;
font-size: 11px;
font-weight: 400;
color: #666;
cursor: pointer;
user-select: none;
transition: background 0.15s;
position: relative;
}
.xn-subsubheader:hover { background: #eee; }

.xn-subsubheader.xn-expandable::before {
content: '';
display: inline-block;
width: 0;
height: 0;
border-left: 3px solid transparent;
border-right: 3px solid transparent;
border-top: 4px solid #bbb;
margin-right: 4px;
vertical-align: middle;
transition: transform 0.15s;
}
.xn-subsubheader.xn-expandable.xn-collapsed::before {
transform: rotate(-90deg);
}

.xn-subsubbody {
padding-left: 10px;
}
.xn-subsubbody .xn-link {
padding-left: 36px;
}

/* --- Single item (共创入口) --- */
.xn-single {
padding: 8px 10px;
border-bottom: 1px solid #e0e0e0;
}
.xn-single a {
color: #333;
font-size: 13px;
font-weight: 600;
text-decoration: none;
}
.xn-single a:hover {
color: #0645ad;
text-decoration: underline;
}

/* --- Plus button --- */
.xn-plus {
display: inline-block;
width: 18px;
height: 18px;
line-height: 18px;
text-align: center;
font-size: 14px;
color: #999;
text-decoration: none !important;
border-radius: 3px;
margin-left: 2px;
vertical-align: middle;
transition: all 0.15s;
float: right;
margin-top: 1px;
}
.xn-plus:hover {
color: #0645ad !important;
background: #e8f0fe;
text-decoration: none !important;
}

/* --- Work section --- */
.xn-work {
margin: 0;
padding: 0;
}

/* --- Add work link --- */
.xn-add-work {
padding: 6px 10px 6px 20px;
font-size: 12px;
border-top: 1px dashed #e0e0e0;
margin-top: 2px;
}
.xn-add-work a {
color: #888;
text-decoration: none;
}
.xn-add-work a:hover {
color: #0645ad;
text-decoration: underline;
}

/* --- Loading state --- */
.xn-loading {
padding: 8px 10px 8px 20px;
font-size: 12px;
color: #999;
font-style: italic;
}

/* --- Special pages: show minimal sidebar --- */
body.ns-special .xn-section,
body.ns-special .xn-work,
body.ns-special .xn-single {
/* Keep sidebar visible on special pages for navigation */
}

/* --- Responsive / narrow sidebar tweaks --- */
@media (max-width: 600px) {
#mw-panel {
width: 100% !important;
}
.xn-header {
font-size: 14px;
padding: 10px;
}
.xn-link {
font-size: 13px;
}
}

/* --- Transition for smooth toggle --- */
.xn-body, .xn-subbody, .xn-subsubbody {
overflow: hidden;
}

MediaWiki:Common.css - 版本历史

虾仁：​v3.1 抽屉滚动兜底

虾仁：​资源页更新

Maintenance script：​追加 xn-work-title 作品层级样式：作品缩进到虾仁宇宙下，子项逐级缩进

SeniorDeveloper：​追加xn-*自定义导航古风样式：宋体、朱砂、层级分明、当前页高亮

SeniorDeveloper：​修复左侧栏目录错位：隐藏侧栏内的TOC，保持正文目录正常

Wdmxhfg：​audit 2026-07-30: 追加竖排导航字体与悬浮样式（古卷新墨）

Wdmxhfg：​audit 2026-07-29: 迁移古卷新墨主题 CSS 至 MediaWiki:Common.css

虾仁：​添加搜索框和当前页高亮样式

虾仁：​自定义侧边栏导航样式：折叠、缩进、配色、hover、动画