MediaWiki:Common.css - 版本历史

Rockman：清空全部内容

2026-06-03T11:35:44Z

清空全部内容

显示更改

2026年6月3日 (三) 09:00 Rockman

2026-06-03T09:00:46Z

显示更改

2026年6月3日 (三) 08:58 Rockman

2026-06-03T08:58:57Z

←上一版本		2026年6月3日 (三) 16:58的版本
第1行：		第1行：
	/* ===================================================		/* ===================================================
	* ~~【方案一】琉璃幻紫~~ (~~现代极简悬浮风~~)		* 【方案二】深渊紫金 (硬朗玄幻高对比风)
	* =================================================== */		* =================================================== */
	:root {		:root {
	--brand-purple: #~~7e22ce~~; /* ~~核心主题紫~~ */		--brand-dark-purple: #311b92; /* 极深的深渊紫 */
	--brand-purple~~-light~~: #~~f3e8ff~~; /* ~~极浅呼吸紫（用于高亮底色）~~ */		--brand-main-purple: #4527a0; /* 核心区块紫 */
	--brand-~~purple-shadow~~: ~~rgba(126, 34, 206, 0.08)~~; /* ~~紫色弥散阴影~~ */		--brand-gold: #ffb300; /* 琥珀金（用于对比与高亮） */
	--brand-bg: #~~fafafa~~; /* ~~全局网页背景色（极浅灰）~~ */		--brand-bg: #eedeeb; /* 略带冷灰的底色 */
	}		}

	body { background-color: var(--brand-bg) !important; }		body { background-color: var(--brand-bg) !important; }
	.mw-parser-output a { color: var(--brand-purple)~~; text-decoration: none~~; font-weight: ~~500~~; }		.mw-parser-output a { color: var(--brand-main-purple); font-weight: bold; }
	.mw-parser-output a:hover { color: ~~#9333ea~~; text-decoration: ~~underline~~; }		.mw-parser-output a:hover { color: var(--brand-gold); text-decoration: none; border-bottom: 2px solid var(--brand-gold); }

	/* --- 1. 顶部导航 (Header) --- */		/* --- 1. 顶部导航 (Header) --- */
	/* ~~纯白背景，底部带有极微弱的紫边和阴影~~ */		/* 沉浸式深紫顶栏，文字反白，极具冲击力 */
	.citizen-header {		.citizen-header {
	background-color: #ffffff !important;		background-color: var(--brand-dark-purple) !important;
	border-bottom: ~~1px~~ solid var(--brand-~~purple-light~~) !important;		color: #ffffff !important;
	box-shadow: 0 4px ~~24px var~~(~~--brand-purple-shadow~~) !important;		border-bottom: 3px solid var(--brand-gold) !important; /* 底部描金边 */
			box-shadow: 0 4px 12px rgba(0,0,0,0.15) !important;
	}		}
	.citizen-search-box { background-color: ~~var~~(~~--brand-bg~~) !important; border-radius: ~~20px~~ !important; }		.citizen-header a { color: #ffffff !important; }
	.citizen-search-box~~:focus-within~~ { ~~background-~~color: #ffffff ~~!important; border: 1px solid var(--brand-purple) !important; box-shadow: 0 0 0 3px var(--brand-purple-light)~~ !important; }		.citizen-search-box { background-color: rgba(255,255,255,0.1) !important; border-radius: 4px !important; border: 1px solid rgba(255,255,255,0.2) !important; }
			.citizen-search-box input { color: #ffffff !important; }

	/* --- 2. 侧边信息框 (Infobox) --- */		/* --- 2. 侧边信息框 (Infobox) --- */
	/* ~~无边框设计，大圆角，悬浮阴影，极度干净~~ */		/* 粗边框，直角设计，结构感极强 */
	.mw-parser-output table.infobox {		.mw-parser-output table.infobox {
	background-color: #ffffff !important;		background-color: #ffffff !important;
	border: ~~none~~ !important;		border: 2px solid var(--brand-main-purple) !important;
	border-radius: ~~16px~~ !important;		border-radius: 4px !important;
	padding: ~~20px~~ !important;		padding: 0 !important; /* 紧凑布局 */
	box-shadow: 0 ~~8px 32px var(--brand-purple-shadow~~) !important;		box-shadow: 6px 6px 0px rgba(69, 39, 160, 0.1) !important; /* 硬阴影（错位风格） */
	}		}
	.mw-parser-output table.infobox th { background-color: ~~var~~(~~--brand-purple-light~~) !important; color: var(--brand-purple) !important; border-~~radius~~: ~~8px~~ !important; }		.mw-parser-output table.infobox th { background-color: rgba(69, 39, 160, 0.05) !important; color: var(--brand-main-purple) !important; border-right: 1px solid #eeeeee !important; }
	.mw-parser-output table.infobox th.infobox-header { background-color: var(--brand-purple) !important; color: ~~#ffffff~~ !important; border-~~radius~~: ~~8px 8px 0 0~~ !important; }		.mw-parser-output table.infobox th.infobox-header { background-color: var(--brand-main-purple) !important; color: var(--brand-gold) !important; font-size: 1.2em !important; padding: 15px !important; border-bottom: 2px solid var(--brand-gold) !important; }
	.mw-parser-output table.infobox td { border-bottom: 1px ~~dashed~~ #~~eaeaea~~ !important; }		.mw-parser-output table.infobox td { border-bottom: 1px solid #eeeeee !important; padding: 10px 12px !important; }

	/* --- 3. 底部导航栏 (Navbox) --- */		/* --- 3. 底部导航栏 (Navbox) --- */
	.mw-parser-output table.navbox {		.mw-parser-output table.navbox {
	background-color: #ffffff !important;		background-color: #ffffff !important;
	border: ~~none~~ !important;		border: 2px solid var(--brand-main-purple) !important;
	border-radius: ~~16px~~ !important;		border-radius: 4px !important;
	box-shadow: 0 ~~8px 32px var(--brand-purple-shadow~~) ~~!important;~~		box-shadow: 6px 6px 0px rgba(69, 39, 160, 0.1) !important;
	~~overflow: hidden~~ !important;
	}		}
	.mw-parser-output table.navbox th.navbox-title { background-color: var(--brand-purple) !important; color: ~~#ffffff~~ !important; }		.mw-parser-output table.navbox th.navbox-title { background-color: var(--brand-dark-purple) !important; color: var(--brand-gold) !important; letter-spacing: 2px !important; }
	.mw-parser-output table.navbox td.navbox-group { background-color: var(--brand-purple~~-light~~) !important; ~~color~~: var(--brand-purple) !important; }		.mw-parser-output table.navbox td.navbox-group { background-color: rgba(69, 39, 160, 0.05) !important; color: var(--brand-main-purple) !important; border-right: 2px solid var(--brand-main-purple) !important; }
	.mw-parser-output table.navbox td.navbox-list { border-bottom: 1px solid ~~var(--brand-purple-light)~~ !important; }		.mw-parser-output table.navbox td.navbox-list { border-bottom: 1px solid #eeeeee !important; }

	/* --- 4. 底部页脚 (Footer) --- */		/* --- 4. 底部页脚 (Footer) --- */
	/* ~~极简白底，链接为主题紫~~ */		/* 压暗处理，与顶部深紫呼应 */
	.citizen-footer { background-color: #~~ffffff~~ !important; border-top: ~~1px solid var(--brand-purple-light)~~ !important; padding: ~~40px~~ 0 !important; }		.citizen-footer { background-color: #1a1625 !important; color: #aaaaaa !important; border-top: none !important; padding: 50px 0 !important; }
	#footer-places a { color: var(--brand-~~purple~~) ~~!important; font-weight: bold~~ !important; }		#footer-places a { color: var(--brand-gold) !important; }

2026年6月3日 (三) 08:58 Rockman

2026-06-03T08:58:00Z

显示更改

2026年6月3日 (三) 08:53 Rockman

2026-06-03T08:53:08Z

←上一版本	2026年6月3日 (三) 16:53的版本
第1行：	第1行：


		/* --- 1. 全局色彩引擎与背景环境 --- */
		:root {
		--brand-primary: #0284c7; /* 核心青蓝色：明亮且具科技感 */
		--brand-secondary: #0ea5e9; /* 辅助高光色 */
		--brand-bg: #f4f7f9; /* 极浅灰蓝底色，减轻视觉疲劳 */
		--text-main: #2c3e50; /* 深黛蓝色正文，替代纯黑 */
		}

		body {
		background-color: var(--brand-bg) !important;
		color: var(--text-main) !important;
		}

		/* --- 2. 收束页面宽度，聚焦阅读视线 --- */
		/* 将全站最大承载宽度强行收束至 1150px，模拟萌娘百科的紧凑阅读体验 */
		.citizen-page-container {
		max-width: 1150px !important;
		margin: 0 auto !important;
		padding: 0 24px !important;
		}

		/* --- 3. 核心内容卡片化与阴影重塑 --- */
		.citizen-section {
		background-color: #ffffff !important;
		border-radius: 8px !important;
		padding: 30px 35px !important;
		margin-bottom: 24px !important;
		box-shadow: 0 2px 12px rgba(2, 132, 199, 0.06) !important;
		border: 1px solid rgba(2, 132, 199, 0.1) !important;
		transition: transform 0.3s ease, box-shadow 0.3s ease;
		}

		.citizen-section:hover {
		box-shadow: 0 8px 24px rgba(2, 132, 199, 0.12) !important;
		}

		/* 章节标题装潢：底部加入青蓝色进度条式点缀 */
		.citizen-section-heading {
		position: relative;
		color: var(--brand-primary) !important;
		border-bottom: 2px solid rgba(2, 132, 199, 0.1) !important;
		padding-bottom: 12px !important;
		margin-bottom: 20px !important;
		font-weight: 700 !important;
		}
		.citizen-section-heading::after {
		content: '';
		position: absolute;
		bottom: -2px;
		left: 0;
		width: 60px;
		height: 3px;
		background-color: var(--brand-secondary) !important;
		border-radius: 3px;
		}

		/* --- 4. 按钮与核心链接：双圆弧线悬浮特效 --- */
		/* 恢复并强化交互质感：鼠标悬停时两侧展开双圆弧线 */
		.cdx-button,
		.citizen-menu__content-list a,
		.navbox a {
		position: relative;
		transition: color 0.3s ease;
		overflow: visible !important;
		}

		.cdx-button::before, .cdx-button::after,
		.citizen-menu__content-list a::before, .citizen-menu__content-list a::after {
		content: "";
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		width: 14px;
		height: 80%;
		border: 2px solid transparent;
		border-radius: 50%;
		opacity: 0;
		transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
		pointer-events: none;
		}

		.cdx-button::before, .citizen-menu__content-list a::before {
		left: 0;
		border-left-color: var(--brand-secondary);
		}
		.cdx-button::after, .citizen-menu__content-list a::after {
		right: 0;
		border-right-color: var(--brand-secondary);
		}

		.cdx-button:hover::before, .citizen-menu__content-list a:hover::before {
		left: -8px;
		opacity: 1;
		}
		.cdx-button:hover::after, .citizen-menu__content-list a:hover::after {
		right: -8px;
		opacity: 1;
		}

		/* --- 5. 链接颜色与高亮策略 --- */
		.mw-parser-output a {
		color: var(--brand-primary);
		text-decoration: none;
		font-weight: 500;
		}
		.mw-parser-output a:hover {
		color: var(--brand-secondary);
		text-decoration: underline;
		text-decoration-style: dashed;
		text-underline-offset: 4px;
		}

		/* --- 6. 侧边栏与目录 (TOC) 的清爽化处理 --- */
		.citizen-page-sidebar {
		background-color: transparent !important;
		border: none !important;
		box-shadow: none !important;
		}
		.citizen-toc-card {
		background-color: #ffffff !important;
		border-radius: 8px !important;
		box-shadow: 0 2px 12px rgba(2, 132, 199, 0.06) !important;
		border: 1px solid rgba(2, 132, 199, 0.1) !important;
		border-left: 4px solid var(--brand-secondary) !important; /* 左侧高亮边框指示 */
		}

Rockman：清空全部内容

2026-06-03T07:16:21Z

清空全部内容

显示更改

2026年6月3日 (三) 07:11 Rockman

2026-06-03T07:11:36Z

显示更改

Rockman：清空全部内容

2026-06-02T17:07:06Z

清空全部内容

←上一版本		2026年6月3日 (三) 01:07的版本
第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;~~
	}
	}

2026年6月2日 (二) 16:48 Rockman

2026-06-02T16:48:52Z

@@ 第1行： / 第1行： @@
 /* 2. 顶部主标题 (强制覆盖主题底色) */
@@ 第5行： / 第21行： @@
      background-color: #5e35b1 !important;
      color: #ffffff !important;
-     padding: 12px 16px;
+     padding: 12px 16px !important;
-     text-align: center;
+     text-align: center !important;
-     font-size: 1.1em;
+     font-size: 1.1em !important;
-     font-weight: 600;
+     font-weight: 600 !important;
+}
 .mw-parser-output table.navbox th.navbox-title a {
      color: #ffffff !important;
@@ 第23行： / 第38行： @@
      background-color: #f4f2f7 !important;
      color: #4527a0 !important;
-     font-weight: 600;
+     font-weight: 600 !important;
-     padding: 12px 16px;
+     padding: 12px 16px !important;
-     text-align: right;
+     text-align: right !important;
-     vertical-align: middle;
+     vertical-align: middle !important;
-     width: 140px;
+     width: 140px !important;
-     border-right: 2px solid #ffffff;
+     border-right: 2px solid #ffffff !important;
-     border-bottom: 1px solid #e6e2ed;
+     border-bottom: 1px solid #e6e2ed !important;
+}
 .mw-parser-output table.navbox td.navbox-group a {
      color: #4527a0 !important;
+}

2026年6月2日 (二) 16:47 Rockman

2026-06-02T16:47:37Z

显示更改

MediaWiki:Common.css - 版本历史

Rockman：​清空全部内容

2026年6月3日 (三) 09:00 Rockman

2026年6月3日 (三) 08:58 Rockman

2026年6月3日 (三) 08:58 Rockman

2026年6月3日 (三) 08:53 Rockman

Rockman：​清空全部内容

2026年6月3日 (三) 07:11 Rockman

Rockman：​清空全部内容

2026年6月2日 (二) 16:48 Rockman

2026年6月2日 (二) 16:47 Rockman

Rockman：清空全部内容

Rockman：清空全部内容

Rockman：清空全部内容