MediaWiki:Common.css - Revision history

Admin: Light theme: white/grey tones to match GW2 wiki, warm tone only as accent

2026-06-28T16:17:30Z

Light theme: white/grey tones to match GW2 wiki, warm tone only as accent

← Older revision		Revision as of 16:17, 28 June 2026
Line 1:		Line 1:
	:root {		:root {
	--bg: #~~cabd9c~~;		--bg: #f4f4f4;
	--bg-2: #~~d3c0a8~~;		--bg-2: #ebebeb;
	--content-bg: #~~fff8e8~~;		--content-bg: #ffffff;
	--panel: #~~f2ece5~~;		--panel: #f7f7f6;
	--panel-2: #~~e6ccb3~~;		--panel-2: #ececec;
	--border: #~~a99a86~~;		--border: #c3c3bd;
	--border-2: #~~cca38f~~;		--border-2: #dddddd;
	--text: #1a1a1a;		--text: #1a1a1a;
	--text-dim: #~~5a5246~~;		--text-dim: #555555;
	--heading: #~~252017~~;		--heading: #1a1a1a;
	--link: #0645ad;		--link: #0645ad;
	--link-hover: #3366cc;		--link-hover: #3366cc;
	--link-visited: #5a3696;		--link-visited: #5a3696;
	--link-red: #ba0000;		--link-red: #ba0000;
	--accent: #~~ba966a~~;		--accent: #b0a17a;
	}		}

Admin: Light theme: adopt Guild Wars 2 Wiki color scheme

2026-06-28T16:11:40Z

Light theme: adopt Guild Wars 2 Wiki color scheme

← Older revision		Revision as of 16:11, 28 June 2026
Line 1:		Line 1:
	:root {		:root {
	--bg: #~~e9e7df~~;		--bg: #cabd9c;
	--bg-2: #~~dfdccf~~;		--bg-2: #d3c0a8;
	--content-bg: #~~ffffff~~;		--content-bg: #fff8e8;
	--panel: #~~f5f3ec~~;		--panel: #f2ece5;
	--panel-2: #~~ece8dc~~;		--panel-2: #e6ccb3;
	--border: #~~c2bba6~~;		--border: #a99a86;
	--border-2: #~~d8d2bf~~;		--border-2: #cca38f;
	--text: #~~202122~~;		--text: #1a1a1a;
	--text-dim: #~~54595d~~;		--text-dim: #5a5246;
	--heading: #~~1a1a1a~~;		--heading: #252017;
	--link: #~~3366cc~~;		--link: #0645ad;
	--link-hover: #~~447ff5~~;		--link-hover: #3366cc;
	--link-visited: #~~6b4ba1~~;		--link-visited: #5a3696;
	--link-red: #~~cc3333~~;		--link-red: #ba0000;
	--accent: #~~a2854a~~;		--accent: #ba966a;
	}		}

Admin: Add clickable light/dark theme toggle

2026-06-28T11:12:10Z

Add clickable light/dark theme toggle

@@ Line 18: / Line 18: @@
 @media (prefers-color-scheme: dark) {
-	:root {
+	:root:not(.theme-light) {
 		--bg:           #1b1c1e;
 		--bg-2:         #232529;
@@ Line 35: / Line 35: @@
 		--accent:       #c9a861;
+	}
+}

Admin: RuneScape-style light/dark theme

2026-06-28T11:08:20Z

RuneScape-style light/dark theme

Show changes

Admin: Tab styling

2026-06-28T11:01:48Z

Tab styling

← Older revision		Revision as of 11:01, 28 June 2026
Line 63:		Line 63:
	#mw-head .vector-menu-tabs li a,		#mw-head .vector-menu-tabs li a,
	#mw-head .vector-menu-tabs li a:visited { color: var(--mb-text-dim); }		#mw-head .vector-menu-tabs li a:visited { color: var(--mb-text-dim); }
			#mw-head .vector-menu-tabs li { background-color: var(--mb-bg-2); border-right: 1px solid var(--mb-border-2); }
			#mw-head .vector-menu-tabs li.selected { background-color: var(--mb-panel); border-top: 2px solid var(--mb-gold); }
	#mw-head .vector-menu-tabs li.selected a { color: var(--mb-gold); }		#mw-head .vector-menu-tabs li.selected a { color: var(--mb-gold); }
	~~#mw-head .vector-menu-tabs li { border-right: 1px solid var(--mb-border-2); }~~
	#p-personal a, #p-personal a:visited { color: var(--mb-link); }		#p-personal a, #p-personal a:visited { color: var(--mb-link); }

Admin: Switch to classic sidebar + top menu (legacy Vector)

2026-06-28T10:54:45Z

Switch to classic sidebar + top menu (legacy Vector)

← Older revision		Revision as of 10:54, 28 June 2026
Line 53:		Line 53:
	.mw-body a.external::after { filter: hue-rotate(170deg) brightness(1.6); }		.mw-body a.external::after { filter: hue-rotate(170deg) brightness(1.6); }

	.vector-~~header~~-~~container~~, .mw-~~header~~,		#mw-page-base { background: var(--mb-bg); }
	.vector-~~header~~, .vector-~~sticky~~-~~header~~ {		#mw-head-base { background: transparent; border: 0; }
	~~background~~: var(--mb-bg-2);
	border-bottom: 1px solid var(--mb-~~gold~~-~~dim~~);		#mw-head { background: var(--mb-bg-2); border-bottom: 1px solid var(--mb-gold-dim); }
			#mw-head .vector-menu-tabs,
			#mw-head .vector-menu-tabs li,
			#mw-head .vector-menu-tabs li a,
			#mw-head .vector-menu-tabs .selected a { background-image: none; }
			#mw-head .vector-menu-tabs li a,
			#mw-head .vector-menu-tabs li a:visited { color: var(--mb-text-dim); }
			#mw-head .vector-menu-tabs li.selected a { color: var(--mb-gold); }
			#mw-head .vector-menu-tabs li { border-right: 1px solid var(--mb-border-2); }
			#p-personal a, #p-personal a:visited { color: var(--mb-link); }

			#mw-panel { background: transparent; }
			#mw-panel .portal h3,
			#mw-panel .vector-menu-heading {
			color: var(--mb-gold-soft);
			font-family: 'PT Serif', Georgia, serif;
			font-weight: 700;
			border-bottom: 1px solid var(--mb-border-2);
	}		}
	~~.vector~~-~~main~~-~~menu~~-~~container, .vector~~-~~page~~-~~tools~~-~~landmark,~~		#mw-panel a, #mw-panel a:visited { color: var(--mb-link); }
	~~.vector-pinned~~-~~container~~, ~~.vector-toc~~, .mw-~~portlet~~ {		#mw-panel a:hover { color: var(--mb-link-hover); }
	background: ~~transparent~~;
	color: var(--mb-text-~~dim~~);		#p-search input, #searchInput, #mw-searchButton, #searchButton {
			background: var(--mb-panel);
			color: var(--mb-text);
			border: 1px solid var(--mb-border);
	}		}
	~~.vector-toc, .vector-pinnable-element {~~
	~~background: var(--mb-bg-2);~~		#footer {
	~~border: 1px solid var(--mb-border-2);~~
	~~border-radius: 6px;~~
	}
	~~.mw-footer, .vector-~~footer {
	background: var(--mb-bg-2);		background: var(--mb-bg-2);
	border-top: 1px solid var(--mb-gold-dim);		border-top: 1px solid var(--mb-gold-dim);
	color: var(--mb-text-dim);		color: var(--mb-text-dim);
	}		}
	~~.cdx-text-input__input~~, ~~.cdx-search-input input~~ {		#footer a, #footer a:visited { color: var(--mb-link); }
	~~background~~: var(--mb-~~panel~~);		#footer li { color: var(--mb-text-dim); }
	color: var(--mb-text);
	~~border-color: var(~~-~~-mb-border~~);
	}

	.mw-body .wikitable {		.mw-body .wikitable {

Admin: Theme, templates, branding, main page

2026-06-27T22:02:01Z

Theme, templates, branding, main page

Show changes

Admin: Initial content + styling via wikisync

2026-06-27T12:17:28Z

Initial content + styling via wikisync

New page

/* Site-wide styles for mistbound.wiki (managed in git, deployed via wikisync). */
.mistbound-hero {
border: 1px solid #6c7a89;
background: #f3f6f8;
padding: 1em;
font-size: 1.1em;
border-radius: 6px;
}