MediaWiki:Citizen.css - Revision history

Topshotta at 07:33, 23 July 2026

2026-07-23T07:33:43Z

Topshotta at 07:31, 23 July 2026

2026-07-23T07:31:31Z

← Older revision		Revision as of 07:31, 23 July 2026
Line 1:		Line 1:
	/* DMW Citizen theme - ~~first~~ pass */		/* DMW Citizen theme - safe layout pass */

	~~:root {~~		/* Site background */
	~~--color-primary: #2fc7ff;~~
	~~--color-primary--hover: #78e3ff;~~
	~~--color-link: #2f78ff;~~
	~~--color-link--visited: #5b8dff;~~
	}

	/* ~~Page~~ background */
	html,		html,
	body {		body {
	background:		background:
	radial-gradient(circle at 50% 0%, rgba(25, 170, 255, 0.18), transparent 34rem),		radial-gradient(circle at 50% 0%, rgba(25, 170, 255, 0.18), transparent 34rem),
	linear-gradient(180deg, #~~061629~~ 0%, #eef3f8 ~~38rem~~);		linear-gradient(180deg, #07192d 0%, #eef3f8 42rem);
			}

			/* Keep Citizen content centered */
			.citizen-page-container,
			.citizen-body-container,
			#content,
			.mw-body,
			.mw-body-content {
			margin-left: auto;
			margin-right: auto;
	}		}

	/* Main ~~content area~~ */		/* Main article width */
	.citizen-page-container {		.citizen-page-container {
	max-width: ~~1280px~~;		max-width: 1320px;
	}		}

	/* ~~Make wiki~~ content ~~feel less narrow on desktop~~ */		/* Page content panel */
	.citizen-body {		.citizen-body {
	background: rgba(255, 255, 255, 0.82);		background: rgba(255, 255, 255, 0.92);
	border: 1px solid rgba(47, 120, 255, 0.16);		border: 1px solid rgba(47, 120, 255, 0.18);
	box-shadow: 0 12px 40px rgba(0, 0, 0, 0.08);		box-shadow: 0 12px 40px rgba(0, 0, 0, 0.10);
	}		}

	/* Main Page ~~old section headers~~ */		/* Center the old Main Page table/layout */
	.mw-parser-output ~~div[style*="background"],~~		body.page-Main_Page .mw-parser-output {
	~~.mw~~-~~parser~~-~~output th[style*="background"] {~~		max-width: 1120px;
	~~border~~-~~radius~~: ~~3px~~;		margin-left: auto;
			margin-right: auto;
	}		}

	/* ~~DMW black striped headers~~ */		/* Stop old table layouts from being forced too far left */
	.mw-~~parser-output .mw-headline,~~		body.page-Main_Page .mw-parser-output > table {
	.mw-parser-output ~~h2,~~		margin-left: auto !important;
	~~.mw~~-~~parser-output h3 {~~		margin-right: auto !important;
	~~color~~: ~~#102442~~;
	}		}

	/* ~~Tables~~ */		/* Images scale safely */
	.mw-parser-output ~~table~~ {		.mw-parser-output img {
	~~border~~-~~collapse~~: ~~collapse;~~		max-width: 100%;
	}		height: auto;

	~~.mw-parser-output table.wikitable {~~
	~~background: #ffffff~~;
	~~border~~: ~~1px solid rgba(40, 80, 130, 0.2)~~;
	}		}

	.mw-parser-output ~~table~~.~~wikitable~~ th {		/* Keep old striped headers but tidy them slightly */
	~~background: linear~~-~~gradient(90deg, #101722, #283647);~~		body.page-Main_Page .mw-parser-output td[style*="background"],
	~~color~~: ~~#ffffff~~;		body.page-Main_Page .mw-parser-output th[style*="background"],
			body.page-Main_Page .mw-parser-output div[style*="background"] {
			border-radius: 2px;
	}		}

	/* ~~Notices~~ */		/* Link colour */
	~~.mw-parser-output .mw-message-box,~~		a {
	~~.mw-parser-output .ambox,~~		color: #246bff;
	~~.mw-parser-output .ombox~~ {
	~~border-radius~~: ~~4px~~;
	}		}

	~~/* Images */~~		a:visited {
	~~.mw-parser-output img~~ {		color: #4d77d8;
	~~max-width: 100%;~~
	~~height~~: ~~auto~~;
	}		}

Topshotta: Created page with "/* DMW Citizen theme - first pass / :root { --color-primary: #2fc7ff; --color-primary--hover: #78e3ff; --color-link: #2f78ff; --color-link--visited: #5b8dff; } / Page background / html, body { background: radial-gradient(circle at 50% 0%, rgba(25, 170, 255, 0.18), transparent 34rem), linear-gradient(180deg, #061629 0%, #eef3f8 38rem); } / Main content area / .citizen-page-container { max-width: 1280px; } / Make wiki content feel less narrow on desktop..."

2026-07-23T07:30:44Z

Created page with "DMW Citizen theme - first pass: :root { --color-primary: #2fc7ff; --color-primary--hover: #78e3ff; --color-link: #2f78ff; --color-link--visited: #5b8dff; } Page background: html, body { background: radial-gradient(circle at 50% 0%, rgba(25, 170, 255, 0.18), transparent 34rem), linear-gradient(180deg, #061629 0%, #eef3f8 38rem); } Main content area: .citizen-page-container { max-width: 1280px; } /* Make wiki content feel less narrow on desktop..."

New page

/* DMW Citizen theme - first pass */

:root {
--color-primary: #2fc7ff;
--color-primary--hover: #78e3ff;
--color-link: #2f78ff;
--color-link--visited: #5b8dff;
}

/* Page background */
html,
body {
background:
radial-gradient(circle at 50% 0%, rgba(25, 170, 255, 0.18), transparent 34rem),
linear-gradient(180deg, #061629 0%, #eef3f8 38rem);
}

/* Main content area */
.citizen-page-container {
max-width: 1280px;
}

/* Make wiki content feel less narrow on desktop */
.citizen-body {
background: rgba(255, 255, 255, 0.82);
border: 1px solid rgba(47, 120, 255, 0.16);
box-shadow: 0 12px 40px rgba(0, 0, 0, 0.08);
}

/* Main Page old section headers */
.mw-parser-output div[style*="background"],
.mw-parser-output th[style*="background"] {
border-radius: 3px;
}

/* DMW black striped headers */
.mw-parser-output .mw-headline,
.mw-parser-output h2,
.mw-parser-output h3 {
color: #102442;
}

/* Tables */
.mw-parser-output table {
border-collapse: collapse;
}

.mw-parser-output table.wikitable {
background: #ffffff;
border: 1px solid rgba(40, 80, 130, 0.2);
}

.mw-parser-output table.wikitable th {
background: linear-gradient(90deg, #101722, #283647);
color: #ffffff;
}

/* Notices */
.mw-parser-output .mw-message-box,
.mw-parser-output .ambox,
.mw-parser-output .ombox {
border-radius: 4px;
}

/* Images */
.mw-parser-output img {
max-width: 100%;
height: auto;
}