MediaWiki:Citizen.css - 版本历史

2026年10月19日 (一) 16:18 KK

2026-10-19T16:18:48Z

KK：页面内容被替换为“ /* ========================================== Kuranoka · 世界の彼方 Blockland Wiki · Modern Aero UI OS26.2 保留全站 Citizen 的玻璃设计只定制背景、正文、标题文字 ========================================== / / ========================================== 1. 页面背景 ========================================== */ body.skin-citizen.page-Kuranoka { background-color: #313b76 !important; background-im…”

2026-10-19T16:18:35Z

页面内容被替换为“ ========================================== Kuranoka · 世界の彼方 Blockland Wiki · Modern Aero UI OS26.2 保留全站 Citizen 的玻璃设计只定制背景、正文、标题文字 ==========================================： ========================================== 1. 页面背景 ==========================================： body.skin-citizen.page-Kuranoka { background-color: #313b76 !important; background-im…”

显示更改

2026年10月7日 (三) 10:02 ETTW

2026-10-07T10:02:31Z

显示更改

2026年10月7日 (三) 10:01 ETTW

2026-10-07T10:01:26Z

显示更改

2026年10月7日 (三) 09:45 ETTW

2026-10-07T09:45:40Z

←上一版本		2026年10月7日 (三) 17:45的版本
第117行：		第117行：
	--bl-glow-fill: light-dark( rgba( 255, 255, 255, 0.35 ), rgba( 255, 255, 255, 0.10 ) );		--bl-glow-fill: light-dark( rgba( 255, 255, 255, 0.35 ), rgba( 255, 255, 255, 0.10 ) );
	--bl-glow-fill-2: light-dark( rgba( 255, 255, 255, 0.20 ), rgba( 255, 255, 255, 0.08 ) );		--bl-glow-fill-2: light-dark( rgba( 255, 255, 255, 0.20 ), rgba( 255, 255, 255, 0.08 ) );

			/* Navbox 专用：光圈色标比 --bl-glow-ring 暗一档。
			只压亮度 —— 半径和色标位置仍然是 400px / 50% / 100%，一个字没动。
			（Navbox 很宽，"一片很亮的光"在亮色下比别的面板显眼得多，2026-10-07 实测。
			注意：压亮度要用色标/透明度，不要缩半径 —— 那改的是范围。）
			嫌亮就继续降这四个值，两行搞定。 */
			--bl-glow-ring-dim: light-dark( rgba( 255, 255, 255, 0.35 ), rgba( 255, 255, 255, 0.25 ) );
			--bl-glow-ring-dim-2: light-dark( rgba( 255, 255, 255, 0.10 ), rgba( 255, 255, 255, 0.04 ) );

	/* —— 页面底色 —— */		/* —— 页面底色 —— */
第1,412行：		第1,420行：
	border: 2px solid transparent !important;		border: 2px solid transparent !important;
	border-radius: inherit !important;		border-radius: inherit !important;
	/* ~~尺寸保持和其它横条面板同款：400px 半径、ring-2 50~~% 淡出、100% ~~透明。~~		/* 尺寸保持原样：400px 半径、50% 淡出、100% 透明 —— 一个字没动。
	⚠ ~~亮度靠下面的 opacity 压，不要靠缩小半径~~ ——		亮度改用 Navbox 专用的一档暗色标（外层 --bl-glow-ring-dim，比通用的
	缩半径改的是"照亮多大一片~~"，不是"多亮~~"（2026-10-07 ~~走了一次弯路）。~~ */		--bl-glow-ring 暗 60% 左右；两个值都随主题切换，所以暗色一起压）。
	background: radial-gradient( 400px circle at var(--mouse-x, 50%) var(--mouse-y, 50%), var(--bl-glow-ring) 0%, var(--bl-glow-ring-2) 50%, transparent 100% ) border-box ~~!important;~~		⚠ 压亮度就改色标，别缩半径 —— 缩半径改的是"照亮多大一片"（2026-10-07 走过一次弯路）。 */
	~~/* 整体压低亮度：opacity 在混合之前生效，所以是把整圈光等比压暗，~~		background: radial-gradient( 400px circle at var(--mouse-x, 50%) var(--mouse-y, 50%), var(--bl-glow-ring-dim) 0%, var(--bl-glow-ring-dim-2) 50%, transparent 100% ) border-box !important;
	~~尺寸、位置都不变；一个值同时管亮暗两种主题。 */~~
	~~opacity: 0.5~~ !important;
	-webkit-mask: linear-gradient( #fff 0 0 ) padding-box, linear-gradient( #fff 0 0 ) !important;		-webkit-mask: linear-gradient( #fff 0 0 ) padding-box, linear-gradient( #fff 0 0 ) !important;
	-webkit-mask-clip: content-box, border-box;		-webkit-mask-clip: content-box, border-box;
第3,811行：		第3,817行：
	--bl-glow-fill: rgba( 255, 255, 255, 0.35 );		--bl-glow-fill: rgba( 255, 255, 255, 0.35 );
	--bl-glow-fill-2: rgba( 255, 255, 255, 0.20 );		--bl-glow-fill-2: rgba( 255, 255, 255, 0.20 );
			--bl-glow-ring-dim: rgba( 255, 255, 255, 0.35 );
			--bl-glow-ring-dim-2: rgba( 255, 255, 255, 0.10 );
	--bl-page-bg: #fafafa;		--bl-page-bg: #fafafa;
	--color-surface-0: #fafafa;		--color-surface-0: #fafafa;

2026年10月7日 (三) 09:41 ETTW

2026-10-07T09:41:36Z

←上一版本		2026年10月7日 (三) 17:41的版本
第1,412行：		第1,412行：
	border: 2px solid transparent !important;		border: 2px solid transparent !important;
	border-radius: inherit !important;		border-radius: inherit !important;
	/* ~~光圈：跟【内容区横条】同档 —— ambox / voy-box / aero-news-box 用的都是~~		/* 尺寸保持和其它横条面板同款：400px 半径、ring-2 50% 淡出、100% 透明。
	~~200px 半径 + var(--bl-glow-fill~~-2~~) 40~~% 淡出		⚠ 亮度靠下面的 opacity 压，不要靠缩小半径 ——
	~~以前这里写的是 400px + var(--bl-glow-ring-2) 50~~%，		缩半径改的是"照亮多大一片"，不是"多亮"（2026-10-07 走了一次弯路）。 */
	~~面积是它们的 4 倍、中间色标还亮 1.5 倍（ring-2 白 .30/暗 .10~~		background: radial-gradient( 400px circle at var(--mouse-x, 50%) var(--mouse-y, 50%), var(--bl-glow-ring) 0%, var(--bl-glow-ring-2) 50%, transparent 100% ) border-box !important;
	~~vs fill-2 白 .20/暗 .08），所以亮色模式下整条特别扎眼（2026~~-10-07 ~~实测）。~~		/* 整体压低亮度：opacity 在混合之前生效，所以是把整圈光等比压暗，
	~~两个 token 本身都随主题切换，所以这一改亮暗两侧一起压低。~~ */		尺寸、位置都不变；一个值同时管亮暗两种主题。 */
	background: radial-gradient( ~~200px~~ circle at var(--mouse-x, 50%) var(--mouse-y, 50%), var(--bl-glow-ring) 0%, var(--bl-glow-~~fill~~-2) 40%, transparent 80% ) border-box !important;		opacity: 0.5 !important;
	-webkit-mask: linear-gradient( #fff 0 0 ) padding-box, linear-gradient( #fff 0 0 ) !important;		-webkit-mask: linear-gradient( #fff 0 0 ) padding-box, linear-gradient( #fff 0 0 ) !important;
	-webkit-mask-clip: content-box, border-box;		-webkit-mask-clip: content-box, border-box;

2026年10月7日 (三) 09:38 ETTW

2026-10-07T09:38:38Z

←上一版本		2026年10月7日 (三) 17:38的版本
第1,412行：		第1,412行：
	border: 2px solid transparent !important;		border: 2px solid transparent !important;
	border-radius: inherit !important;		border-radius: inherit !important;
	background: radial-gradient( ~~400px~~ circle at var(--mouse-x, 50%) var(--mouse-y, 50%), var(--bl-glow-ring) 0%, var(--bl-glow-~~ring~~-2) 50%, transparent ~~100~~% ) border-box !important;		/* 光圈：跟【内容区横条】同档 —— ambox / voy-box / aero-news-box 用的都是
			200px 半径 + var(--bl-glow-fill-2) 40% 淡出
			以前这里写的是 400px + var(--bl-glow-ring-2) 50%，
			面积是它们的 4 倍、中间色标还亮 1.5 倍（ring-2 白 .30/暗 .10
			vs fill-2 白 .20/暗 .08），所以亮色模式下整条特别扎眼（2026-10-07 实测）。
			两个 token 本身都随主题切换，所以这一改亮暗两侧一起压低。 */
			background: radial-gradient( 200px circle at var(--mouse-x, 50%) var(--mouse-y, 50%), var(--bl-glow-ring) 0%, var(--bl-glow-fill-2) 40%, transparent 80% ) border-box !important;
	-webkit-mask: linear-gradient( #fff 0 0 ) padding-box, linear-gradient( #fff 0 0 ) !important;		-webkit-mask: linear-gradient( #fff 0 0 ) padding-box, linear-gradient( #fff 0 0 ) !important;
	-webkit-mask-clip: content-box, border-box;		-webkit-mask-clip: content-box, border-box;

2026年10月7日 (三) 09:30 ETTW

2026-10-07T09:30:11Z

←上一版本		2026年10月7日 (三) 17:30的版本
第423行：		第423行：
	*		*
	* 这里改成「白点比蓝条上下都高」，并把轨道尺寸也定死：		* 这里改成「白点比蓝条上下都高」，并把轨道尺寸也定死：
	* 轨道 ~~40×16px，白点 24px~~ ⇒ 白点上下各凸出 4px。		* 轨道 46×20px，白点 28px ⇒ 白点上下各凸出 4px。
	*		*
	* ⚠ 轨道宽度必须由这里显式给定，不能再交给 Codex。		* ⚠ 轨道宽度必须由这里显式给定，不能再交给 Codex。
第432行：		第432行：
	* 自己定宽度之后，位移才能算准。		* 自己定宽度之后，位移才能算准。
	* ⚠ 轨道必须 overflow: visible —— 它默认是 hidden，会把凸出来的白点裁掉。		* ⚠ 轨道必须 overflow: visible —— 它默认是 hidden，会把凸出来的白点裁掉。
	* ⚠ 白点 transform 里的 -50% ~~是垂直居中用的，不能丢；~~		* ⚠ 白点 transform 里的 -50% 是垂直居中用的，不能丢。
	* ~~水平位移两端对称留 2px：轨道内宽~~ = 40 - ~~2×1px 边框 = 38px，~~		* 水平位移按「白点贴到轨道【外】缘」算 —— 白点的包含块是轨道的 padding box
	* ~~白点 24px~~ ⇒ 关 = ~~2px，开 = 38~~ - 24 - 2 = ~~12px。~~		* （框内坐标），所以要再多减 1px 把 1px 描边也算进去：
			* 轨道 46px、边框 1px ⇒ padding box 宽 44px、左边在框内坐标 1px 处
			* 关：白点左边贴 0（外缘） ⇒ x = -1px
			* 开：白点右边贴 46（外缘） ⇒ x = 46 - 28 - 1 = 17px
			* （只写到 0 / 16 的话，两端还会各剩 1px 描边，视觉上仍像"差一点没到头"。）
	* ===================================================================== */		* ===================================================================== */

	html body.skin-citizen .cdx-toggle-switch__switch {		html body.skin-citizen .cdx-toggle-switch__switch {
	width: ~~40px~~ !important;		width: 46px !important;
	min-width: 0 !important;		min-width: 0 !important;
	height: ~~16px~~ !important;		height: 20px !important;
	min-height: 0 !important;		min-height: 0 !important;
	/* 关键：默认 hidden 会把高出轨道的白点裁掉 */		/* 关键：默认 hidden 会把高出轨道的白点裁掉 */
第448行：		第452行：

	html body.skin-citizen .cdx-toggle-switch__switch__grip {		html body.skin-citizen .cdx-toggle-switch__switch__grip {
	width: ~~24px~~ !important;		width: 28px !important;
	height: ~~24px~~ !important;		height: 28px !important;
	min-width: 0 !important;		min-width: 0 !important;
	min-height: 0 !important;		min-height: 0 !important;
	top: 50% !important;		top: 50% !important;
	box-sizing: border-box !important;		box-sizing: border-box !important;
	transform: translate( ~~2px~~, -50% ) !important;		transform: translate( -1px, -50% ) !important;
	}		}

	html body.skin-citizen .cdx-toggle-switch__input:checked ~ .cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip {		html body.skin-citizen .cdx-toggle-switch__input:checked ~ .cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip {
	transform: translate( ~~12px~~, -50% ) !important;		transform: translate( 17px, -50% ) !important;
	}		}

2026年10月7日 (三) 09:26 ETTW

2026-10-07T09:26:17Z

←上一版本		2026年10月7日 (三) 17:26的版本
第422行：		第422行：
	* ⇒ 轨道 32px 太高、白点 20px 显小（用户反馈"上下太宽、白点太小"）。		* ⇒ 轨道 32px 太高、白点 20px 显小（用户反馈"上下太宽、白点太小"）。
	*		*
	* ~~这里改成「白点比蓝条上下都高」：~~		* 这里改成「白点比蓝条上下都高」，并把轨道尺寸也定死：
	* ~~轨道高 16px，白点~~ 24px ⇒ 白点上下各凸出 4px。		* 轨道 40×16px，白点 24px ⇒ 白点上下各凸出 4px。
			*
			* ⚠ 轨道宽度必须由这里显式给定，不能再交给 Codex。
			* 它的宽高是 em 单位的（源码注释原话："Switch width and height is scaling
			* proportionally to the font-size being used in each mode"），
			* 偏好面板的字号比 16px 大 ⇒ 实际轨道比 48px 宽，
			* 于是写死的水平位移会"白点不到头"（2026-10-07 实测）。
			* 自己定宽度之后，位移才能算准。
	* ⚠ 轨道必须 overflow: visible —— 它默认是 hidden，会把凸出来的白点裁掉。		* ⚠ 轨道必须 overflow: visible —— 它默认是 hidden，会把凸出来的白点裁掉。
	* ⚠ ~~白点的~~ transform ~~里那个~~ -50% 是垂直居中用的，不能丢；		* ⚠ 白点 transform 里的 -50% 是垂直居中用的，不能丢；
	* ~~水平位移要按新尺寸重算：轨道内宽~~ = 48 - 2×1px 边框 = ~~46px，~~		* 水平位移两端对称留 2px：轨道内宽 = 40 - 2×1px 边框 = 38px，
	* 白点 ~~24px、左右各留 2px~~ ⇒ 关 = 2px，开 = 46 - 24 - 2 = ~~20px…… 取 22px 贴右。~~		* 白点 24px ⇒ 关 = 2px，开 = 38 - 24 - 2 = 12px。
	* （保持和原设计一样的"关靠左、开靠右"。）
	* ===================================================================== */		* ===================================================================== */

	html body.skin-citizen .cdx-toggle-switch__switch {		html body.skin-citizen .cdx-toggle-switch__switch {
			width: 40px !important;
			min-width: 0 !important;
	height: 16px !important;		height: 16px !important;
	min-height: 0 !important;		min-height: 0 !important;
第450行：		第458行：

	html body.skin-citizen .cdx-toggle-switch__input:checked ~ .cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip {		html body.skin-citizen .cdx-toggle-switch__input:checked ~ .cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip {
	transform: translate( ~~22px~~, -50% ) !important;		transform: translate( 12px, -50% ) !important;
	}		}

2026年10月7日 (三) 09:23 ETTW

2026-10-07T09:23:32Z

@@ 第391行： / 第391行： @@
   #skin-client-prefs-citizen-feature-custom-font-size  { order: 2 !important; }
   #skin-client-prefs-citizen-feature-custom-width      { order: 3 !important; }
-  #skin-client-prefs-citizen-feature-image-dimming     { order: 4 !important; }
+ /* 「图像变暗」这一条没什么用，直接从偏好面板里去掉。
   #skin-client-prefs-citizen-feature-pure-black        { order: 5 !important; }
@@ 第404行： / 第408行： @@
 	 letter-spacing: 0.1em !important;
 	 text-transform: uppercase !important;
+  }