MediaWiki:Timeless.css：修订间差异

2026年7月7日 (二) 12:04的版本

/* =============================================
   MediaWiki:Timeless.css — 暗色主题自定义样式
   基于 Phigros 扁平几何设计语言
   复制全部内容到该页面保存即可
   ============================================= */

/* ---------- 背景 ---------- */
#mw-content-container {
	background-attachment: fixed;
	background-size: auto 25em;
}

/* 命名空间背景图标 */
.ns--1 #mw-content-container { background-image: url(/resources/assets/svgs/addon-large.svg); }
.ns-2 #mw-content-container { background-image: url(/resources/assets/svgs/user-large.svg); }
.ns-10 #mw-content-container,
.ns-274 #mw-content-container,
.ns-828 #mw-content-container,
.ns-2300 #mw-content-container,
.ns-2302 #mw-content-container { background-image: url(/resources/assets/svgs/brackets-large.svg); }
.ns-8 #mw-content-container,
.ns-1198 #mw-content-container { background-image: url(/resources/assets/svgs/config-large.svg); }
.ns-1 #mw-content-container,
.ns-3 #mw-content-container,
.ns-5 #mw-content-container,
.ns-7 #mw-content-container,
.ns-9 #mw-content-container,
.ns-11 #mw-content-container,
.ns-13 #mw-content-container,
.ns-15 #mw-content-container,
.ns-275 #mw-content-container,
.ns-829 #mw-content-container,
.ns-1199 #mw-content-container,
.ns-2301 #mw-content-container,
.ns-2303 #mw-content-container,
.ns-3001 #mw-content-container { background-image: url(/resources/assets/svgs/talk-large.svg); }

/* 操作页面背景图标 */
.action-history #mw-content-container { background-image: url(/resources/assets/svgs/clock-large.svg); }
.action-edit #mw-content-container { background-image: url(/resources/assets/svgs/edit-large.svg); }
.action-edit.ns-8 #mw-content-container,
.action-edit.ns-10 #mw-content-container,
.action-edit.ns-274 #mw-content-container,
.action-edit.ns-828 #mw-content-container,
.action-edit.ns-1198 #mw-content-container,
.action-edit.ns-2300 #mw-content-container,
.action-edit.ns-2302 #mw-content-container { background-image: url(/resources/assets/svgs/edit-code-large.svg); }

/* ---------- 移动端保持暗色 ---------- */
@media screen and (max-width: 850px) {
	#mw-content-block {
		background: transparent;
	}
	#mw-content-container {
		background-color: #182848;
	}
}

/* ---------- 自定义解谜组件 (.lw-*) 暗色适配 ---------- */
.lw-treediv {
	background-color: transparent;
	color: #e8f0ff;
}

.lw-pwd {
	display: inline-block;
	background-color: #0a0e22;
	border: 1px solid #182848;
	padding: 0.5em 0.75em;
	margin: 0.25em 0;
	line-height: 2;
}

.lw-treebut {
	display: inline-block;
	min-width: 1.8em;
	height: 1.8em;
	text-align: center;
	cursor: pointer;
	user-select: none;
	color: #e8f0ff;
	background-color: #10142e;
	border: 1px solid #182848;
	margin: 1px;
	padding: 0 0.2em;
	font-family: 'JetBrains Mono', 'Menlo', 'Consolas', monospace;
	font-size: 1.1em;
	transition: none;
}

.lw-treebut:hover {
	background-color: #22d3ee;
	color: #050510;
}

/* 密码盘按钮 — 只用统一中性样式，不暴露 id 状态 */
/* 密码盘的动态颜色由自身的 JS 控制，CSS 不干涉 */

/* ---------- wikitable 终极暗色覆盖 ---------- */
.wikitable,
.wikitable > * > tr > th,
.wikitable > * > tr > td {
	background-color: #0a0e22 !important;
	color: #e8f0ff !important;
	border-color: #182848 !important;
}
.wikitable > * > tr > th {
	background-color: #060818 !important;
}
.mw_metadata,
.mw_metadata > * > tr > th,
.mw_metadata > * > tr > td {
	background-color: #0a0e22 !important;
	color: #e8f0ff !important;
	border-color: #182848 !important;
}
.mw_metadata > * > tr > th {
	background-color: #060818 !important;
}

/* ---------- 命名空间 3000/3001 金色品牌色 ---------- */
.ns-3000 .mw-body .firstHeading,
.ns-3001 .mw-body .firstHeading {
	border-bottom-color: #ea3 !important;
}
.ns-3000 .tools-inline .selected,
.ns-3001 .tools-inline .selected {
	border-bottom-color: #ea3;
}
.ns-3000 form:not(.oo-ui-layout) button,
.ns-3000 form:not(.oo-ui-layout) input[type='submit'],
.ns-3001 form:not(.oo-ui-layout) button,
.ns-3001 form:not(.oo-ui-layout) input[type='submit'] {
	background-color: #ea3;
	border: solid 1px #ea3;
	color: #000;
}
.ns-3000 form:not(.oo-ui-layout) button:hover,
.ns-3000 form:not(.oo-ui-layout) input[type='submit']:hover,
.ns-3000 form:not(.oo-ui-layout) button:active,
.ns-3000 form:not(.oo-ui-layout) input[type='submit']:active,
.ns-3001 form:not(.oo-ui-layout) button:hover,
.ns-3001 form:not(.oo-ui-layout) input[type='submit']:hover,
.ns-3001 form:not(.oo-ui-layout) button:active,
.ns-3001 form:not(.oo-ui-layout) input[type='submit']:active {
	background-color: #fb3;
	border-color: #fb3;
}