MediaWiki:Citizen.css - Revision history

Gryzor at 07:59, 1 September 2026

2026-09-01T07:59:23Z

← Older revision		Revision as of 07:59, 1 September 2026
Line 39:		Line 39:
	}		}

	/* Dark Mode ~~Override~~ (Manual Toggle) */		/* --- Dark Mode Overrides (Manual Toggle) --- */

			/* Main Page Banner */
	html.skin-theme-clientpref-night body.mainpage #mw-content-text::before,		html.skin-theme-clientpref-night body.mainpage #mw-content-text::before,
	html.skin-theme-clientpref-night body.page-Main_Page #mw-content-text::before,		html.skin-theme-clientpref-night body.page-Main_Page #mw-content-text::before,
Line 47:		Line 49:
	}		}

	/* Dark Mode ~~Override~~ (Automatic / System Preference) */		/* Top Header Icon */
			html.skin-theme-clientpref-night .mw-logo-icon,
			html.citizen-dark .mw-logo-icon {
			content: url('/cpcwiki_logo_dark.png') !important;
			}

			/* --- Dark Mode Overrides (Automatic / System Preference) --- */
	@media (prefers-color-scheme: dark) {		@media (prefers-color-scheme: dark) {
			/* Main Page Banner */
	html.skin-theme-clientpref-os body.mainpage #mw-content-text::before,		html.skin-theme-clientpref-os body.mainpage #mw-content-text::before,
	html.skin-theme-clientpref-os body.page-Main_Page #mw-content-text::before,		html.skin-theme-clientpref-os body.page-Main_Page #mw-content-text::before,
	html:not(.skin-theme-clientpref-day) body.mainpage #mw-content-text::before {		html:not(.skin-theme-clientpref-day) body.mainpage #mw-content-text::before {
	background-image: url('/cpcwiki_logo_wide_dark.png') !important;		background-image: url('/cpcwiki_logo_wide_dark.png') !important;
			}

			/* Top Header Icon */
			html.skin-theme-clientpref-os .mw-logo-icon,
			html:not(.skin-theme-clientpref-day) .mw-logo-icon {
			content: url('/cpcwiki_logo_dark.png') !important;
	}		}
	}		}

Gryzor: correct dark mode logo

2026-08-31T13:41:18Z

correct dark mode logo

← Older revision		Revision as of 13:41, 31 August 2026
Line 44:		Line 44:
	html.citizen-dark body.mainpage #mw-content-text::before,		html.citizen-dark body.mainpage #mw-content-text::before,
	html.citizen-dark body.page-Main_Page #mw-content-text::before {		html.citizen-dark body.page-Main_Page #mw-content-text::before {
	background-image: url('/~~forum/logo_2026_wide_dark~~.png') !important;		background-image: url('/cpcwiki_logo_wide_dark.png') !important;
	}		}

Line 52:		Line 52:
	html.skin-theme-clientpref-os body.page-Main_Page #mw-content-text::before,		html.skin-theme-clientpref-os body.page-Main_Page #mw-content-text::before,
	html:not(.skin-theme-clientpref-day) body.mainpage #mw-content-text::before {		html:not(.skin-theme-clientpref-day) body.mainpage #mw-content-text::before {
	background-image: url('/~~forum/logo_2026_wide_dark~~.png') !important;		background-image: url('/cpcwiki_logo_wide_dark.png') !important;
	}		}
	}		}

Gryzor at 17:34, 30 August 2026

2026-08-30T17:34:05Z

@@ Line 37: / Line 37: @@
 body.page-Main_Page .citizen-page-header {
      display: none !important;
+}

Gryzor at 17:27, 30 August 2026

2026-08-30T17:27:02Z

← Older revision		Revision as of 17:27, 30 August 2026
Line 19:		Line 19:
	}		}

	/* Display banner/logo at top of Main Page ~~only~~ */		/* Display banner/logo at top of Main Page */
	.page-Main_Page #mw-content-text::before {		body.mainpage #mw-content-text::before,
	content: "";		body.page-Main_Page #mw-content-text::before {
	display: block;		content: "" !important;
	width: 100%;		display: block !important;
	height: ~~120px~~; /* Adjust ~~height as needed~~ */		width: 100% !important;
	background: url('/forum/logo_2026_wide.png') no-repeat center top;		height: 140px !important; /* Adjust based on image aspect ratio */
	background-size: contain;		background-image: url('/forum/logo_2026_wide.png') !important;
	margin~~-bottom~~: 2rem;		background-repeat: no-repeat !important;
			background-position: center top !important;
			background-size: contain !important;
			margin: 1rem 0 2rem 0 !important;
	}		}

	/* ~~Optional:~~ Hide ~~the default "~~Main Page~~" text~~ title */		/* Hide standard Main Page title header */
	.page-Main_Page .citizen-page-header {		body.mainpage .citizen-page-header,
	display: none;		body.page-Main_Page .citizen-page-header {
			display: none !important;
	}		}

Gryzor at 17:25, 30 August 2026

2026-08-30T17:25:05Z

← Older revision		Revision as of 17:25, 30 August 2026
Line 25:		Line 25:
	width: 100%;		width: 100%;
	height: 120px; /* Adjust height as needed */		height: 120px; /* Adjust height as needed */
	background: url('/logo_2026_wide.png') no-repeat center top;		background: url('/forum/logo_2026_wide.png') no-repeat center top;
	background-size: contain;		background-size: contain;
	margin-bottom: 2rem;		margin-bottom: 2rem;

Gryzor at 17:23, 30 August 2026

2026-08-30T17:23:44Z

← Older revision		Revision as of 17:23, 30 August 2026
Line 25:		Line 25:
	width: 100%;		width: 100%;
	height: 120px; /* Adjust height as needed */		height: 120px; /* Adjust height as needed */
	background: url('~~/mnt/cpcwiki-httpdocs~~/logo_2026_wide.png') no-repeat center top;		background: url('/logo_2026_wide.png') no-repeat center top;
	background-size: contain;		background-size: contain;
	margin-bottom: 2rem;		margin-bottom: 2rem;

Gryzor: Logo added

2026-08-30T17:22:22Z

Logo added

@@ Line 17: / Line 17: @@
      background-color: var(--color-surface-2) !important;
      border: 1px solid var(--color-border) !important;
+}

Gryzor at 16:14, 30 August 2026

2026-08-30T16:14:37Z

← Older revision		Revision as of 16:14, 30 August 2026
Line 1:		Line 1:
	/* ~~All CSS here will be loaded for users of the~~ Citizen ~~skin */~~		/* MediaWiki:Citizen.css */
	~~/* Custom Accent Colors for Light and Dark Modes~~ */
	:root {		:root {
	/* ~~Primary brand~~/~~link color~~ */		/* Layout Width (default is 1320px; set higher for dense data tables) */
	--~~color~~-~~primary~~: ~~#0066cc~~;		--width-layout: 1440px;
	--~~color~~-~~primary~~--~~hover~~: ~~#0052a3~~;
	--~~color-primary~~--~~active~~: ~~#003d7a~~;		/* Custom Fonts */
			--font-family-base: system-ui, -apple-system, sans-serif;
			--font-family-heading: inherit;
			--font-family-monospace: 'Courier New', monospace;

			/* Border radius (0px for sharp retro look, 8px for soft modern look) */
			--border-radius-base: 4px;
	}		}

	/* ~~Dark mode overrides (optional)~~ */		/* Retro styling for inline code and preformatted blocks */
	~~html.skin-theme-clientpref-night~~ {		pre, code {
	--color~~-primary~~: ~~#4da3ff;~~		background-color: var(--color-surface-2) !important;
	--color-~~primary~~-~~-hover: #70b5ff~~;		border: 1px solid var(--color-border) !important;
	--color-~~primary--active: #99cbff~~;
	}		}

Gryzor: Created page with "/* All CSS here will be loaded for users of the Citizen skin / / Custom Accent Colors for Light and Dark Modes / :root { / Primary brand/link color / --color-primary: #0066cc; --color-primary--hover: #0052a3; --color-primary--active: #003d7a; } / Dark mode overrides (optional) */ html.skin-theme-clientpref-night { --color-primary: #4da3ff; --color-primary--hover: #70b5ff; --color-primary--active: #99cbff; }"

2026-08-30T16:13:31Z

Created page with "All CSS here will be loaded for users of the Citizen skin: Custom Accent Colors for Light and Dark Modes: :root { Primary brand/link color: --color-primary: #0066cc; --color-primary--hover: #0052a3; --color-primary--active: #003d7a; } Dark mode overrides (optional): html.skin-theme-clientpref-night { --color-primary: #4da3ff; --color-primary--hover: #70b5ff; --color-primary--active: #99cbff; }"

New page

/* All CSS here will be loaded for users of the Citizen skin */
/* Custom Accent Colors for Light and Dark Modes */
:root {
/* Primary brand/link color */
--color-primary: #0066cc;
--color-primary--hover: #0052a3;
--color-primary--active: #003d7a;
}

/* Dark mode overrides (optional) */
html.skin-theme-clientpref-night {
--color-primary: #4da3ff;
--color-primary--hover: #70b5ff;
--color-primary--active: #99cbff;
}