MediaWiki:Common.css - Revision history

Draelor Nah`utal at 02:13, 23 September 2026

2026-09-23T02:13:27Z

← Older revision		Revision as of 22:13, 22 September 2026
Line 41:		Line 41:
	}		}

	.chaakat~~-ooc~~-notice {		.chaakat-notice {
	background: #1a1010;		background: #1a1010;
	border-left: 4px solid #6b1010;		border-left: 4px solid #6b1010;

Draelor Nah`utal at 00:18, 2 August 2026

2026-08-02T00:18:07Z

← Older revision		Revision as of 20:18, 1 August 2026
Line 129:		Line 129:
	.chaakat-ooc-disclaimer {		.chaakat-ooc-disclaimer {
	width: 100%;		width: 100%;
	background: #~~1a1010~~;		background: #2a0a0a;
	border: ~~1px~~ solid #~~6b1010;~~		border: 2px solid #c0392b;
	~~border-left: 4px solid #8b1a1a~~;
	border-collapse: collapse;		border-collapse: collapse;
	margin-bottom: 20px;		margin-bottom: 20px;
			box-shadow: 0 0 10px rgba(192,57,43,0.35);
	}		}

	.chaakat-ooc-disclaimer td {		.chaakat-ooc-disclaimer td {
	padding: 14px 18px;		padding: 14px 18px;
	color: #~~d8c8c8~~;		color: #f0d8d8;
	font-size: 0.92em;		font-size: 0.92em;
	line-height: 1.5;		line-height: 1.5;
	}		}

Draelor Nah`utal at 00:15, 2 August 2026

2026-08-02T00:15:11Z

← Older revision		Revision as of 20:15, 1 August 2026
Line 122:		Line 122:

	/* ==============================================================		/* ==============================================================
	CHAAKAT HOLOCRON — {{OOC}} ~~tag~~		CHAAKAT HOLOCRON — {{OOC}} disclaimer box
	Append this to the existing block in MediaWiki:Common.css		Append this to the existing block in MediaWiki:Common.css
			(replaces the earlier corner-tag version, if you added that one)
	============================================================== */		============================================================== */

	.chaakat-ooc-~~tag~~ {		.chaakat-ooc-disclaimer {
	~~float: right;~~		width: 100%;
	width: ~~130px~~;
	background: #1a1010;		background: #1a1010;
	border: 1px solid #6b1010;		border: 1px solid #6b1010;
			border-left: 4px solid #8b1a1a;
	border-collapse: collapse;		border-collapse: collapse;
	margin: ~~4px 0 10px 10px~~;		margin-bottom: 20px;
	}		}

	.chaakat-ooc-~~tag~~ td {		.chaakat-ooc-disclaimer td {
	~~text-align: center;~~		padding: 14px 18px;
	~~font-family: monospace;~~		color: #d8c8c8;
	~~letter-spacing~~: ~~1px~~;		font-size: 0.92em;
	color: #~~f0d8d8~~;		line-height: 1.5;
	font-size: 0.~~75em~~;
	~~padding~~: ~~6px 4px~~;
	}		}

Draelor Nah`utal at 00:09, 2 August 2026

2026-08-02T00:09:10Z

@@ Line 119: / Line 119: @@
 	color: #4a0e0e;
 	font-size: 0.8em;
+}

Draelor Nah`utal at 20:42, 1 August 2026

2026-08-01T20:42:48Z

← Older revision		Revision as of 16:42, 1 August 2026
Line 1:		Line 1:
	/* ==============================================================		/* ==============================================================
	CHAAKAT HOLOCRON — Main Page styles ~~(table-based version)~~		CHAAKAT HOLOCRON — Main Page styles
	~~Replace the previous~~ block in MediaWiki:Common.css ~~with this one —~~		Add this block to MediaWiki:Common.css
	~~the Main Page now uses wikitext tables instead of <div> tags,~~		Adjust hex values to match your existing red/black theme vars.
	~~so these selectors target table~~/~~td elements instead~~.
	============================================================== */		============================================================== */

	.chaakat-activation {		.chaakat-activation {
	~~width: 100%;~~
	background: #0a0505;		background: #0a0505;
	border: 1px solid #4a0e0e;		border: 1px solid #4a0e0e;
	border-radius: 4px;		border-radius: 4px;
			padding: 28px 32px;
			margin-bottom: 24px;
	box-shadow: 0 0 18px rgba(139,0,0,0.25);		box-shadow: 0 0 18px rgba(139,0,0,0.25);
	~~border-collapse: collapse;~~
	}

	~~.chaakat-activation td {~~
	~~padding: 6px 32px;~~
	}		}

Line 25:		Line 20:
	color: #8b1a1a;		color: #8b1a1a;
	font-size: 0.85em;		font-size: 0.85em;
	~~padding~~-~~top~~: ~~22px !important~~;		margin-bottom: 14px;
	}		}

Line 34:		Line 29:
	font-weight: bold;		font-weight: bold;
	letter-spacing: 1px;		letter-spacing: 1px;
			margin-bottom: 10px;
	}		}

Line 40:		Line 36:
	color: #aa8888;		color: #aa8888;
	font-style: italic;		font-style: italic;
	~~padding~~-~~bottom~~: ~~22px !important~~;		max-width: 640px;
			margin: 0 auto;
			line-height: 1.5;
	}		}

	.chaakat-ooc-notice {		.chaakat-ooc-notice {
	~~width: 100%;~~
	background: #1a1010;		background: #1a1010;
	border-left: 4px solid #6b1010;		border-left: 4px solid #6b1010;
	margin-bottom: ~~4px~~;		padding: 14px 18px;
			margin-bottom: 28px;
	font-size: 0.92em;		font-size: 0.92em;
	color: #d8c8c8;		color: #d8c8c8;
	~~border-collapse: collapse;~~
	}

	~~.chaakat-ooc-notice td {~~
	~~padding: 14px 18px;~~
	}		}

	.chaakat-profile {		.chaakat-profile {
	~~width~~: ~~100%~~;		display: flex;
	~~border~~-~~collapse~~: ~~collapse~~;		gap: 32px;
			align-items: flex-start;
			margin-bottom: 32px;
			flex-wrap: wrap;
	}		}

	.chaakat-portrait-col {		.chaakat-portrait-col {
	~~width~~: 220px;		flex: 0 0 220px;
	text-align: center;		text-align: center;
	~~vertical-align: top;~~
	~~padding: 10px 20px 10px 0 !important;~~
	}		}

	.chaakat-~~portrait~~-~~col a, .chaakat~~-~~portrait~~-~~col i {~~		.chaakat-sigil-label {
			margin-top: 10px;
			font-family: monospace;
	color: #8b1a1a;		color: #8b1a1a;
	~~font-family: monospace;~~
	font-size: 0.8em;		font-size: 0.8em;
	}		}

	.chaakat-profile-info {		.chaakat-profile-info {
	~~vertical~~-~~align~~: ~~top~~;		flex: 1;
			min-width: 280px;
	}		}

	.chaakat-quote {		.chaakat-quote {
	~~border-collapse: collapse;~~
	~~margin: 10px 0 18px;~~
	}

	~~.chaakat-quote td {~~
	border-left: 3px solid #6b1010;		border-left: 3px solid #6b1010;
	padding-left: 14px;		padding-left: 14px;
	font-style: italic;		font-style: italic;
	color: #c9a0a0;		color: #c9a0a0;
			margin: 10px 0 18px;
	}		}

Line 96:		Line 88:
	}		}

	.chaakat-infotable td {		.chaakat-infotable td, .chaakat-infotable th {
	padding: 3px 0;		padding: 3px 0;
	}		}
Line 121:		Line 113:

	.chaakat-end-transmission {		.chaakat-end-transmission {
	~~width: 100%;~~
	~~border-collapse: collapse;~~
	~~margin-top: 8px;~~
	}

	~~.chaakat-end-transmission td {~~
	text-align: center;		text-align: center;
	~~padding~~: ~~10px 0~~;		margin-top: 28px;
	font-family: monospace;		font-family: monospace;
	letter-spacing: 2px;		letter-spacing: 2px;

Draelor Nah`utal at 20:33, 1 August 2026

2026-08-01T20:33:33Z

← Older revision		Revision as of 16:33, 1 August 2026
Line 1:		Line 1:
	/* ==============================================================		/* ==============================================================
	CHAAKAT HOLOCRON — Main Page styles		CHAAKAT HOLOCRON — Main Page styles (table-based version)
	~~Add this~~ block to MediaWiki:Common.css		Replace the previous block in MediaWiki:Common.css with this one —
	~~Adjust hex values to match your existing red~~/~~black theme vars~~.		the Main Page now uses wikitext tables instead of <div> tags,
			so these selectors target table/td elements instead.
	============================================================== */		============================================================== */

	.chaakat-activation {		.chaakat-activation {
			width: 100%;
	background: #0a0505;		background: #0a0505;
	border: 1px solid #4a0e0e;		border: 1px solid #4a0e0e;
	border-radius: 4px;		border-radius: 4px;
	~~padding: 28px 32px;~~
	~~margin-bottom: 24px;~~
	box-shadow: 0 0 18px rgba(139,0,0,0.25);		box-shadow: 0 0 18px rgba(139,0,0,0.25);
			border-collapse: collapse;
			}

			.chaakat-activation td {
			padding: 6px 32px;
	}		}

Line 20:		Line 25:
	color: #8b1a1a;		color: #8b1a1a;
	font-size: 0.85em;		font-size: 0.85em;
	~~margin~~-~~bottom~~: ~~14px~~;		padding-top: 22px !important;
	}		}

Line 29:		Line 34:
	font-weight: bold;		font-weight: bold;
	letter-spacing: 1px;		letter-spacing: 1px;
	~~margin-bottom: 10px;~~
	}		}

Line 36:		Line 40:
	color: #aa8888;		color: #aa8888;
	font-style: italic;		font-style: italic;
	~~max~~-~~width~~: ~~640px;~~		padding-bottom: 22px !important;
	~~margin: 0 auto;~~
	~~line-height: 1.5~~;
	}		}

	.chaakat-ooc-notice {		.chaakat-ooc-notice {
			width: 100%;
	background: #1a1010;		background: #1a1010;
	border-left: 4px solid #6b1010;		border-left: 4px solid #6b1010;
	~~padding: 14px 18px;~~		margin-bottom: 4px;
	margin-bottom: ~~28px~~;
	font-size: 0.92em;		font-size: 0.92em;
	color: #d8c8c8;		color: #d8c8c8;
			border-collapse: collapse;
			}

			.chaakat-ooc-notice td {
			padding: 14px 18px;
	}		}

	.chaakat-profile {		.chaakat-profile {
	~~display~~: ~~flex~~;		width: 100%;
	~~gap: 32px;~~		border-collapse: collapse;
	~~align-items: flex-start;~~
	~~margin-bottom: 32px;~~
	~~flex~~-~~wrap~~: ~~wrap~~;
	}		}

	.chaakat-portrait-col {		.chaakat-portrait-col {
	~~flex~~: ~~0 0~~ 220px;		width: 220px;
	text-align: center;		text-align: center;
			vertical-align: top;
			padding: 10px 20px 10px 0 !important;
	}		}

	.chaakat-~~sigil~~-~~label~~ {		.chaakat-portrait-col a, .chaakat-portrait-col i {
	~~margin-top~~: ~~10px~~;		color: #8b1a1a;
	font-family: monospace;		font-family: monospace;
	~~color: #8b1a1a;~~
	font-size: 0.8em;		font-size: 0.8em;
	}		}

	.chaakat-profile-info {		.chaakat-profile-info {
	~~flex: 1;~~		vertical-align: top;
	~~min~~-~~width~~: ~~280px~~;
	}		}

	.chaakat-quote {		.chaakat-quote {
			border-collapse: collapse;
			margin: 10px 0 18px;
			}

			.chaakat-quote td {
	border-left: 3px solid #6b1010;		border-left: 3px solid #6b1010;
	padding-left: 14px;		padding-left: 14px;
	font-style: italic;		font-style: italic;
	color: #c9a0a0;		color: #c9a0a0;
	~~margin: 10px 0 18px;~~
	}		}

Line 88:		Line 96:
	}		}

	.chaakat-infotable td~~, .chaakat-infotable th~~ {		.chaakat-infotable td {
	padding: 3px 0;		padding: 3px 0;
	}		}
Line 113:		Line 121:

	.chaakat-end-transmission {		.chaakat-end-transmission {
			width: 100%;
			border-collapse: collapse;
			margin-top: 8px;
			}

			.chaakat-end-transmission td {
	text-align: center;		text-align: center;
	~~margin-top~~: ~~28px~~;		padding: 10px 0;
	font-family: monospace;		font-family: monospace;
	letter-spacing: 2px;		letter-spacing: 2px;

Draelor Nah`utal at 20:31, 1 August 2026

2026-08-01T20:31:11Z

← Older revision	Revision as of 16:31, 1 August 2026
Line 1:	Line 1:
		/* ==============================================================
		CHAAKAT HOLOCRON — Main Page styles
		Add this block to MediaWiki:Common.css
		Adjust hex values to match your existing red/black theme vars.
		============================================================== */

		.chaakat-activation {
		background: #0a0505;
		border: 1px solid #4a0e0e;
		border-radius: 4px;
		padding: 28px 32px;
		margin-bottom: 24px;
		box-shadow: 0 0 18px rgba(139,0,0,0.25);
		}

		.chaakat-access-label {
		text-align: center;
		font-family: monospace;
		letter-spacing: 2px;
		color: #8b1a1a;
		font-size: 0.85em;
		margin-bottom: 14px;
		}

		.chaakat-activation-line {
		text-align: center;
		font-size: 1.4em;
		color: #c93c3c;
		font-weight: bold;
		letter-spacing: 1px;
		margin-bottom: 10px;
		}

		.chaakat-flavor-text {
		text-align: center;
		color: #aa8888;
		font-style: italic;
		max-width: 640px;
		margin: 0 auto;
		line-height: 1.5;
		}

		.chaakat-ooc-notice {
		background: #1a1010;
		border-left: 4px solid #6b1010;
		padding: 14px 18px;
		margin-bottom: 28px;
		font-size: 0.92em;
		color: #d8c8c8;
		}

		.chaakat-profile {
		display: flex;
		gap: 32px;
		align-items: flex-start;
		margin-bottom: 32px;
		flex-wrap: wrap;
		}

		.chaakat-portrait-col {
		flex: 0 0 220px;
		text-align: center;
		}

		.chaakat-sigil-label {
		margin-top: 10px;
		font-family: monospace;
		color: #8b1a1a;
		font-size: 0.8em;
		}

		.chaakat-profile-info {
		flex: 1;
		min-width: 280px;
		}

		.chaakat-quote {
		border-left: 3px solid #6b1010;
		padding-left: 14px;
		font-style: italic;
		color: #c9a0a0;
		margin: 10px 0 18px;
		}

		.chaakat-infotable {
		width: 100%;
		border-collapse: collapse;
		}

		.chaakat-infotable td, .chaakat-infotable th {
		padding: 3px 0;
		}

		.chaakat-label {
		color: #8b1a1a;
		font-weight: bold;
		padding-right: 10px !important;
		width: 140px;
		}

		.chaakat-navtable {
		width: 100%;
		border-collapse: collapse;
		background: #120a0a;
		}

		.chaakat-navcell {
		width: 50%;
		vertical-align: top;
		padding: 16px;
		border: 1px solid #3a1414;
		}

		.chaakat-end-transmission {
		text-align: center;
		margin-top: 28px;
		font-family: monospace;
		letter-spacing: 2px;
		color: #4a0e0e;
		font-size: 0.8em;
		}

Draelor Nah`utal: Blanked the page

2026-08-01T19:45:30Z

Blanked the page

← Older revision		Revision as of 15:45, 1 August 2026
Line 1:		Line 1:
	~~/* ===================================================~~
	~~INVERSION-PROOF SITH THEME FOR TIMELESS DARK MODE~~
	~~=================================================== */~~

	~~/* --- 1. SITH RED LINKS --- */~~
	~~html.client-dark-mode a,~~
	~~html.mw-dark-mode a,~~
	~~.mw-dark-mode a {~~
	~~color: #e62222 !important;~~
	~~text-decoration: none !important;~~
	}

	~~html.client-dark-mode a:visited,~~
	~~html.mw-dark-mode a:visited,~~
	~~.mw-dark-mode a:visited {~~
	~~color: #991111 !important;~~
	}

	~~html.client-dark-mode a:hover,~~
	~~html.mw-dark-mode a:hover,~~
	~~.mw-dark-mode a:hover {~~
	~~color: #ff5500 !important;~~
	}


	~~/* --- 2. HEADER ACCENT LINES (Remove Pink/Blue) --- */~~
	~~/* Target top header container without breaking dark background */~~
	~~html.client-dark-mode #mw-header-container,~~
	~~html.mw-dark-mode #mw-header-container {~~
	~~border-top: 3px solid #8b0000 !important;~~
	}

	~~/* Remove colored accent stripes above search/logo */~~
	~~html.client-dark-mode .color-middle,~~
	~~html.client-dark-mode .color-left,~~
	~~html.client-dark-mode .color-right,~~
	~~html.mw-dark-mode .color-middle,~~
	~~html.mw-dark-mode .color-left,~~
	~~html.mw-dark-mode .color-right {~~
	~~background: none !important;~~
	~~background-image: none !important;~~
	}


	~~/* --- 3. FIX GREY FOOTER CONTAINER & TEAL BAR --- */~~
	~~/* Forces footer container to dark obsidian in dark mode */~~
	~~html.client-dark-mode #footer-container,~~
	~~html.mw-dark-mode #footer-container {~~
	~~border-top: 3px solid #8b0000 !important; /* Replaces teal line with Sith Red */~~
	~~filter: none !important; /* Prevents dark mode extension from turning footer white */~~
	~~background-color: #0d0d0d !important;~~
	~~background-image: none !important;~~
	}

	~~html.client-dark-mode #footer,~~
	~~html.mw-dark-mode #footer {~~
	~~background-color: transparent !important;~~
	~~color: #888888 !important;~~
	}

	~~html.client-dark-mode #footer a,~~
	~~html.mw-dark-mode #footer a {~~
	~~color: #cc2222 !important;~~
	}


	~~/* --- 4. PREVENT WHITE SIDEBAR BOXES --- */~~
	~~html.client-dark-mode .sidebar-chunk,~~
	~~html.mw-dark-mode .sidebar-chunk {~~
	~~background-color: transparent !important;~~
	~~border-color: #333333 !important;~~
	}

Draelor Nah`utal at 19:43, 1 August 2026

2026-08-01T19:43:44Z

← Older revision	Revision as of 15:43, 1 August 2026
Line 1:	Line 1:
		/* ===================================================
		INVERSION-PROOF SITH THEME FOR TIMELESS DARK MODE
		=================================================== */

		/* --- 1. SITH RED LINKS --- */
		html.client-dark-mode a,
		html.mw-dark-mode a,
		.mw-dark-mode a {
		color: #e62222 !important;
		text-decoration: none !important;
		}

		html.client-dark-mode a:visited,
		html.mw-dark-mode a:visited,
		.mw-dark-mode a:visited {
		color: #991111 !important;
		}

		html.client-dark-mode a:hover,
		html.mw-dark-mode a:hover,
		.mw-dark-mode a:hover {
		color: #ff5500 !important;
		}


		/* --- 2. HEADER ACCENT LINES (Remove Pink/Blue) --- */
		/* Target top header container without breaking dark background */
		html.client-dark-mode #mw-header-container,
		html.mw-dark-mode #mw-header-container {
		border-top: 3px solid #8b0000 !important;
		}

		/* Remove colored accent stripes above search/logo */
		html.client-dark-mode .color-middle,
		html.client-dark-mode .color-left,
		html.client-dark-mode .color-right,
		html.mw-dark-mode .color-middle,
		html.mw-dark-mode .color-left,
		html.mw-dark-mode .color-right {
		background: none !important;
		background-image: none !important;
		}


		/* --- 3. FIX GREY FOOTER CONTAINER & TEAL BAR --- */
		/* Forces footer container to dark obsidian in dark mode */
		html.client-dark-mode #footer-container,
		html.mw-dark-mode #footer-container {
		border-top: 3px solid #8b0000 !important; /* Replaces teal line with Sith Red */
		filter: none !important; /* Prevents dark mode extension from turning footer white */
		background-color: #0d0d0d !important;
		background-image: none !important;
		}

		html.client-dark-mode #footer,
		html.mw-dark-mode #footer {
		background-color: transparent !important;
		color: #888888 !important;
		}

		html.client-dark-mode #footer a,
		html.mw-dark-mode #footer a {
		color: #cc2222 !important;
		}


		/* --- 4. PREVENT WHITE SIDEBAR BOXES --- */
		html.client-dark-mode .sidebar-chunk,
		html.mw-dark-mode .sidebar-chunk {
		background-color: transparent !important;
		border-color: #333333 !important;
		}

Draelor Nah`utal: Blanked the page

2026-08-01T19:33:28Z

Blanked the page

← Older revision		Revision as of 15:33, 1 August 2026
Line 1:		Line 1:
	~~/* ===================================================~~
	~~DARK MODE EXTENSION SITH OVERRIDES~~
	~~=================================================== */~~

	~~/* 1. Sith Red Links in Dark Mode */~~
	~~html.client-dark-mode a,~~
	~~.mw-dark-mode a,~~
	~~body.dark-mode a {~~
	~~color: #e62222 !important;~~
	~~text-decoration: none !important;~~
	}

	~~html.client-dark-mode a:visited,~~
	~~.mw-dark-mode a:visited,~~
	~~body.dark-mode a:visited {~~
	~~color: #991111 !important;~~
	}

	~~html.client-dark-mode a:hover,~~
	~~.mw-dark-mode a:hover,~~
	~~body.dark-mode a:hover {~~
	~~color: #ff5500 !important;~~
	}

	~~/* 2. Fix Top Header Accent Lines (Pink/Blue) */~~
	~~html.client-dark-mode #mw-header-container,~~
	~~.mw-dark-mode #mw-header-container {~~
	~~background-image: none !important;~~
	~~background-color: #0d0d0d !important;~~
	~~border-top: 3px solid #8b0000 !important;~~
	}

	~~/* 3. Fix Footer Container (Grey Block & Teal Line) */~~
	~~html.client-dark-mode #footer-container,~~
	~~.mw-dark-mode #footer-container {~~
	~~background-image: none !important;~~
	~~background-color: #0d0d0d !important;~~
	~~border-top: 3px solid #8b0000 !important;~~
	}

	~~html.client-dark-mode #footer,~~
	~~.mw-dark-mode #footer {~~
	~~background-color: transparent !important;~~
	}