檢視MediaWiki:Vector.css的原始碼

/* 災厄繁中 Wiki：舊版 Vector 的整站深色外觀（仿 wiki.gg 版型，背景與 Logo 為本站自製）
   Logo：images/cz/logo-banner.png，微軟正黑體＋翻譯 MOD 圖示配色（米色 #f5ebd2、藍 #285abe、白字藍框）。 */

/* ---------- 底色與背景光暈 ---------- */
html, body { background-color: #0b0709; }
body {
	color: #e6dfe8;
	background:
		radial-gradient(60% 420px at 50% 0%, rgba(214, 52, 24, .55) 0%, rgba(120, 20, 12, .25) 45%, transparent 75%),
		radial-gradient(35% 300px at 15% 10%, rgba(255, 120, 40, .18) 0%, transparent 70%),
		radial-gradient(35% 300px at 85% 12%, rgba(160, 30, 60, .22) 0%, transparent 70%),
		linear-gradient(180deg, #1a0a0b 0%, #0b0709 520px);
	background-attachment: fixed;
}
#mw-page-base { background: transparent; height: 190px; }
#mw-head-base { height: 190px; margin-top: -190px; }

/* ---------- 頂端 Logo 橫幅（置中） ---------- */
/* #p-logo 在 #mw-panel 裡；panel 從頁面左緣 0 開始，所以用 50vw 置中於整頁 */
#p-logo {
	position: absolute; top: 14px; left: 50vw; transform: translateX(-50%);
	width: min(600px, 70vw); height: 150px; margin: 0; z-index: 2;
}
#p-logo a.mw-wiki-logo {
	width: 100%; height: 100%;
	background-size: contain; background-position: center; background-repeat: no-repeat;
}
#mw-panel { top: 0; padding-top: 190px; }
#left-navigation, #right-navigation { margin-top: 150px; }
#p-personal { top: 6px; z-index: 3; }

/* ---------- 內容面板 ---------- */
.mw-body, #content {
	background: rgba(22, 15, 20, .94);
	color: #e6dfe8;
	border: 1px solid #6b2a1f;
	box-shadow: 0 0 24px rgba(0, 0, 0, .6);
}
.mw-body h1, .mw-body h2, .mw-body h3, .mw-body h4, .mw-body h5, .mw-body h6,
.mw-body .firstHeading { color: #f4ead7; border-color: #4a2a2a; }
#siteSub, #contentSub, #contentSub2, .mw-body .mw-indicators { color: #b9aec4; }

a, a:visited { color: #7db7ff; }
a:visited { color: #b49cff; }
a.new, a.new:visited { color: #ff6d5e; }
a.external, a.external:visited { color: #8fd0ff; }
.mw-body a:hover { color: #ffd27a; }

/* ---------- 左側選單（一格一格的方框） ---------- */
#mw-panel .vector-menu-portal {
	background: rgba(22, 15, 20, .94); border: 1px solid #6b2a1f;
	margin: 0 0 10px 8px; padding: 6px 8px 8px;
}
#mw-panel .vector-menu-portal .vector-menu-heading {
	color: #f4ead7; font-weight: 700; font-size: .82em; background: none;
	margin: 0 0 4px; padding: 0; border-bottom: 1px solid #4a2a2a;
}
#mw-panel .vector-menu-portal .vector-menu-content { margin-left: 0; }
#mw-panel .vector-menu-portal .vector-menu-content li { padding: .2em 0; }
#mw-panel .vector-menu-portal .vector-menu-content li a { color: #7db7ff; }
#p-navigation .vector-menu-heading { display: block; }

/* ---------- 上方頁籤 ---------- */
.vector-menu-tabs-legacy, .vector-menu-tabs-legacy li,
.vector-menu-tabs-legacy .selected { background-image: none; }
.vector-menu-tabs li {
	background: rgba(30, 20, 26, .95); border: 1px solid #6b2a1f; border-bottom: 0;
	margin-right: 2px;
}
.vector-menu-tabs li a { color: #7db7ff; }
.vector-menu-tabs .selected { background: rgba(22, 15, 20, .94); }
.vector-menu-tabs .selected a, .vector-menu-tabs .selected a:visited { color: #f4ead7; }
.vector-menu-tabs .new a, .vector-menu-tabs .new a:visited { color: #ff6d5e; }
.vector-menu-dropdown .vector-menu-heading { color: #e6dfe8; }
.vector-menu-dropdown .vector-menu-content { background: #1e151b; border-color: #6b2a1f; }
#p-personal li a, #p-personal li a:visited { color: #f4ead7; }

/* ---------- 搜尋框 ---------- */
#simpleSearch, .vector-search-box-input {
	background: #120c10; color: #e6dfe8; border-color: #6b2a1f;
}
.vector-search-box-input::placeholder { color: #8f8398; }

/* ---------- 表格、程式碼、目錄 ---------- */
.wikitable { background: #1b1218; color: #e6dfe8; border-color: #4a2a2a; }
.wikitable > tr > th, .wikitable > * > tr > th { background: #2b1b24; color: #f4ead7; border-color: #4a2a2a; }
.wikitable > tr > td, .wikitable > * > tr > td { border-color: #4a2a2a; }
pre, code, .mw-code { background: #120c10; color: #f0e6f5; border-color: #4a2a2a; }
.toc, #toc { background: #1b1218; border-color: #4a2a2a; }
.catlinks { background: #1b1218; border-color: #4a2a2a; }
.mw-editsection, .mw-editsection a { color: #8f8398; }

/* ---------- 頁尾 ---------- */
#footer, #footer li { color: #b9aec4; }
#footer { background: transparent; }

/* ---------- 編輯畫面與一般表單 ---------- */
textarea, .mw-ui-input, .cdx-text-input__input {
	background: #120c10; color: #e6dfe8; border-color: #4a2a2a;
}