MediaWiki:Vector.css：修訂間差異

2026年10月12日 (一) 10:04的最新修訂

/* 災厄繁中 Wiki：舊版 Vector 外觀（仿 wiki.gg 版型）
   配色取自翻譯 MOD 圖示：米色 #f5ebd2、藍 #285abe、白；Logo 為 images/cz/logo-banner.png（微軟正黑體）。 */

:root {
	--cz-page: #f5ebd2;      /* 米色底 */
	--cz-paper: #fffdf8;     /* 面板 */
	--cz-blue: #285abe;      /* 主色：框線、標題列 */
	--cz-blue-dark: #1b3f8a;
	--cz-blue-soft: #dfe7f7;
	--cz-line-soft: #c7d3ec;
	--cz-text: #1f2a40;
	--cz-text-muted: #5c6782;
}

/* ---------- 底色 ---------- */
html, body { background-color: var(--cz-page); }
body {
	color: var(--cz-text);
	background:
		radial-gradient(55% 380px at 50% 0%, rgba(40, 90, 190, .16) 0%, transparent 75%),
		repeating-linear-gradient(45deg, rgba(40, 90, 190, .035) 0 2px, transparent 2px 14px),
		var(--cz-page);
	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 {
	/* 高度 128px、底部在 140px，跟 150px 開始的分頁籤（頁面／討論）留 10px 空隙 */
	position: absolute; top: 12px; left: 50vw; transform: translateX(-50%);
	width: min(600px, 70vw); height: 128px; 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: var(--cz-paper);
	color: var(--cz-text);
	border: 2px solid var(--cz-blue);
	border-radius: 0 10px 10px 10px;
	box-shadow: 0 2px 10px rgba(27, 63, 138, .12);
}
.mw-body h1, .mw-body h2, .mw-body .firstHeading { color: var(--cz-blue-dark); border-color: var(--cz-line-soft); }
.mw-body h3, .mw-body h4, .mw-body h5, .mw-body h6 { color: var(--cz-blue-dark); }
#siteSub, #contentSub, #contentSub2 { color: var(--cz-text-muted); }

a { color: var(--cz-blue); }
a:visited { color: #5a3fa8; }
a.new, a.new:visited { color: #c0392b; }
a.external { color: #1f6fb2; }
.mw-body a:hover { color: var(--cz-blue-dark); }

/* ---------- 左側選單（一格一格的方框） ---------- */
#mw-panel .vector-menu-portal {
	background: var(--cz-paper); border: 2px solid var(--cz-blue); border-radius: 8px;
	margin: 0 0 10px 8px; padding: 0 0 6px; overflow: hidden;
}
#mw-panel .vector-menu-portal .vector-menu-heading {
	display: block; background: var(--cz-blue); color: #fff; font-weight: 700; font-size: .85em;
	margin: 0 0 4px; padding: 4px 8px; border: 0;
}
#mw-panel .vector-menu-portal .vector-menu-content { margin: 0 8px; }
#mw-panel .vector-menu-portal .vector-menu-content li { padding: .2em 0; }
#mw-panel .vector-menu-portal .vector-menu-content li a { color: var(--cz-blue); }

/* ---------- 上方頁籤 ---------- */
.vector-menu-tabs-legacy, .vector-menu-tabs-legacy li,
.vector-menu-tabs-legacy .selected { background-image: none; }
.vector-menu-tabs li {
	background: var(--cz-blue-soft); border: 2px solid var(--cz-blue); border-bottom: 0;
	border-radius: 8px 8px 0 0; margin-right: 3px;
}
.vector-menu-tabs li a { color: var(--cz-blue); }
.vector-menu-tabs .selected { background: var(--cz-paper); }
.vector-menu-tabs .selected a, .vector-menu-tabs .selected a:visited { color: var(--cz-text); font-weight: 700; }
.vector-menu-tabs .new a, .vector-menu-tabs .new a:visited { color: #c0392b; }
.vector-menu-dropdown .vector-menu-content { background: var(--cz-paper); border-color: var(--cz-blue); }
#p-personal li a, #p-personal li a:visited { color: var(--cz-blue-dark); }

/* ---------- 搜尋框 ---------- */
#simpleSearch, .vector-search-box-input { background: #fff; color: var(--cz-text); border-color: var(--cz-blue); }

/* ---------- 表格、程式碼、目錄 ---------- */
.wikitable { background: #fff; color: var(--cz-text); border-color: var(--cz-line-soft); }
.wikitable > tr > th, .wikitable > * > tr > th { background: var(--cz-blue-soft); color: var(--cz-blue-dark); border-color: var(--cz-line-soft); }
.wikitable > tr > td, .wikitable > * > tr > td { border-color: var(--cz-line-soft); }
pre, code, .mw-code { background: #f6f8fd; color: var(--cz-text); border-color: var(--cz-line-soft); }
.toc, #toc { background: #f6f8fd; border-color: var(--cz-line-soft); }
.catlinks { background: #f6f8fd; border-color: var(--cz-line-soft); }

/* ---------- 頁尾 ---------- */
#footer, #footer li { color: var(--cz-text-muted); }