MediaWiki:Citizen.css

Note: After publishing, you may have to bypass your browser's cache to see the changes.

• Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
• Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
• Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.

/* 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;
}