MediaWiki:Common.css - Revision history

TheFluffyOneJava at 19:30, 6 April 2026

2026-04-06T19:30:39Z

@@ Line 155: / Line 155: @@
 .mw-editform label {
      color: #222 !important;
+}

TheFluffyOneJava at 21:10, 5 April 2026

2026-04-05T21:10:09Z

← Older revision		Revision as of 17:10, 5 April 2026
Line 59:		Line 59:

	/* ===== LINKS ===== */		/* ===== LINKS ===== */
	.mw-body-content a,		.mw-body-content a {
	~~.citizen-sidebar a,~~
	~~.citizen-drawer a,~~
	~~#mw-panel~~ a {
	color: #f03b02 !important;		color: #f03b02 !important;
	}		}

	.mw-body-content ~~a:hover,~~		.mw-body-content a:hover {
	~~.citizen-sidebar a:hover,~~
	~~.citizen-drawer a:hover,~~
	~~#mw-panel~~ a:hover {
	color: #ff6a3d !important;		color: #ff6a3d !important;
	}		}

	/* ===== SIDEBAR / HEADER TEXT ~~(FIXED)~~ ===== */		/* ===== SIDEBAR / HEADER TEXT ===== */
	.citizen-header,		.citizen-header,
	.citizen-drawer,		.citizen-drawer,
Line 81:		Line 75:
	}		}

	/* keep non-link text yellow */		/* keep non-link text yellow ONLY */
	.citizen-sidebar span,		.citizen-sidebar span:not(a span),
	.citizen-drawer span,		.citizen-drawer span:not(a span),
	#mw-panel span {		#mw-panel span:not(a span) {
	color: #f4e7c2 !important;		color: #f4e7c2 !important;
			}

			/* ===== FORCE SIDEBAR LINKS (FINAL OVERRIDE) ===== */
			.citizen-sidebar a,
			.citizen-drawer a,
			#mw-panel a {
			color: #f03b02 !important;
			}

			.citizen-sidebar a span,
			.citizen-drawer a span,
			#mw-panel a span {
			color: #f03b02 !important;
			}

			.citizen-sidebar a:hover,
			.citizen-drawer a:hover,
			#mw-panel a:hover {
			color: #ff6a3d !important;
	}		}

TheFluffyOneJava at 21:08, 5 April 2026

2026-04-05T21:08:21Z

← Older revision		Revision as of 17:08, 5 April 2026
Line 73:		Line 73:
	}		}

	/* ===== SIDEBAR / HEADER TEXT ===== */		/* ===== SIDEBAR / HEADER TEXT (FIXED) ===== */
	.citizen-header,		.citizen-header,
	~~.citizen-header *,~~
	.citizen-drawer,		.citizen-drawer,
	~~.citizen-drawer *,~~
	.citizen-sidebar,		.citizen-sidebar,
	.citizen-sidebar *,		#mw-panel {
	~~#mw~~-~~panel~~,		color: #f4e7c2 !important;
	#mw-panel * {		}

			/* keep non-link text yellow */
			.citizen-sidebar span,
			.citizen-drawer span,
			#mw-panel span {
	color: #f4e7c2 !important;		color: #f4e7c2 !important;
	}		}

TheFluffyOneJava at 21:06, 5 April 2026

2026-04-05T21:06:27Z

← Older revision		Revision as of 17:06, 5 April 2026
Line 59:		Line 59:

	/* ===== LINKS ===== */		/* ===== LINKS ===== */
	.mw-body-content a {		.mw-body-content a,
	color: #~~ff6a3d~~ !important;		.citizen-sidebar a,
			.citizen-drawer a,
			#mw-panel a {
			color: #f03b02 !important;
	}		}

	.mw-body-content a:hover {		.mw-body-content a:hover,
	color: #~~ff8a66~~ !important;		.citizen-sidebar a:hover,
			.citizen-drawer a:hover,
			#mw-panel a:hover {
			color: #ff6a3d !important;
	}		}

TheFluffyOneJava at 21:01, 5 April 2026

2026-04-05T21:01:50Z

Show changes

TheFluffyOneJava at 20:58, 5 April 2026

2026-04-05T20:58:35Z

← Older revision		Revision as of 16:58, 5 April 2026
Line 32:		Line 32:
	/* Main readable content panel */		/* Main readable content panel */
	.mw-body-content {		.mw-body-content {
	background: rgba(~~255~~, ~~250~~, ~~235~~, 0.94) !important;		background: rgba(20, 24, 30, 0.75) !important;
	~~color: #222 !important;~~		backdrop-filter: blur(10px);
	~~border~~-~~radius~~: ~~12px !important~~;		color: #eaeaea !important;
	~~padding~~: ~~20px !important;~~
	~~box-shadow: 0 8px 25px rgba(0,0,0,0.25)~~ !important;
	}		}

TheFluffyOneJava at 20:56, 5 April 2026

2026-04-05T20:56:00Z

← Older revision		Revision as of 16:56, 5 April 2026
Line 1:		Line 1:
	/* ~~===== FULL BACKGROUND IMAGE =====~~ */		/* Full background image */
	body::before {		body::before {
	content: "";		content: "";
Line 8:		Line 8:
	}		}

	/* ~~===== REMOVE BLACK LAYERS =====~~ */		/* Keep overall page transparent so image shows */
			body,
	.mw-page-container,		.mw-page-container,
	~~.mw-body,~~
	~~.mw-body-content,~~
	.citizen-page-container,		.citizen-page-container,
	.citizen-body-container,		.citizen-body-container {
			background: transparent !important;
			}

			/* Make side areas dark translucent instead of black */
	.citizen-header,		.citizen-header,
	.citizen-drawer,		.citizen-drawer,
	.citizen-sidebar,		.citizen-sidebar,
	#footer {		#mw-panel,
	background: ~~transparent~~ !important;		#footer,
			.vector-header,
			.vector-column-start,
			.vector-page-toolbar,
			.vector-sticky-header {
			background: rgba(15, 18, 22, 0.82) !important;
			backdrop-filter: blur(6px);
	}		}

	/* ~~===== CONTENT PANEL (so text is~~ readable~~) =====~~ */		/* Main readable content panel */
	.mw-body-content {		.mw-body-content {
	background: rgba(255, ~~255~~, ~~255~~, 0.9) !important;		background: rgba(255, 250, 235, 0.94) !important;
			color: #222 !important;
	border-radius: 12px !important;		border-radius: 12px !important;
	padding: 20px !important;		padding: 20px !important;
	box-shadow: 0 8px 25px rgba(0,0,0,0.3) !important;		box-shadow: 0 8px 25px rgba(0,0,0,0.25) !important;
			}

			/* Make common text readable */
			.mw-body-content,
			.mw-body-content p,
			.mw-body-content li,
			.mw-body-content td,
			.mw-body-content th,
			.mw-body-content label,
			.mw-body-content span,
			.mw-body-content div {
			color: #222 !important;
	}		}

	/* ~~===== GLOWCRAFT COLORS =====~~ */		/* Headings */
	h1, h2, h3, #firstHeading {		.mw-body-content h1,
			.mw-body-content h2,
			.mw-body-content h3,
			#firstHeading,
			.mw-page-title-main {
	color: #f0320b !important;		color: #f0320b !important;
	}		}

	.mw-body-content a {		/* Links */
			.mw-body-content a,
			.citizen-sidebar a,
			.citizen-drawer a,
			#mw-panel a {
	color: #f0320b !important;		color: #f0320b !important;
	}		}

	.mw-body-content a:hover {		.mw-body-content a:hover,
			.citizen-sidebar a:hover,
			.citizen-drawer a:hover,
			#mw-panel a:hover {
	color: #ff5a2f !important;		color: #ff5a2f !important;
			}

			/* Sidebar headings readable */
			.citizen-sidebar,
			.citizen-drawer,
			#mw-panel,
			.citizen-sidebar *,
			.citizen-drawer *,
			#mw-panel * {
			color: #f4e7c2 !important;
			}

			/* Search/header text readable */
			.citizen-header,
			.citizen-header * {
			color: #f4e7c2 !important;
	}		}

TheFluffyOneJava at 20:47, 5 April 2026

2026-04-05T20:47:50Z

← Older revision		Revision as of 16:47, 5 April 2026
Line 1:		Line 1:
	/* ===== ~~PAGE~~ BACKGROUND ===== */		/* ===== FULL BACKGROUND IMAGE ===== */
	body {		body::before {
	background: ~~#fff6cc !important;~~ /~~* soft warm yellow *~~/		content: "";
			position: fixed;
			inset: 0;
			background: url("/wiki/images/hubspawn.png") center center / cover no-repeat;
			z-index: -1;
	}		}

	/* ===== ~~MAIN~~ CONTENT ===== */		/* ===== REMOVE BLACK LAYERS ===== */
			.mw-page-container,
			.mw-body,
			.mw-body-content,
			.citizen-page-container,
			.citizen-body-container,
			.citizen-header,
			.citizen-drawer,
			.citizen-sidebar,
			#footer {
			background: transparent !important;
			}

			/* ===== CONTENT PANEL (so text is readable) ===== */
	.mw-body-content {		.mw-body-content {
	background: ~~#ffffff~~ !important;		background: rgba(255, 255, 255, 0.9) !important;
	border-radius: 12px;		border-radius: 12px !important;
	padding: 20px;		padding: 20px !important;
			box-shadow: 0 8px 25px rgba(0,0,0,0.3) !important;
	}		}

	/* ===== ~~HEADERS (GlowCraft Red/Orange)~~ ===== */		/* ===== GLOWCRAFT COLORS ===== */
	h1, h2, h3,		h1, h2, h3, #firstHeading {
	#firstHeading {
	color: #f0320b !important;		color: #f0320b !important;
	}		}

	~~/* ===== LINKS ===== */~~		.mw-body-content a {
	a {
	color: #f0320b !important;		color: #f0320b !important;
	}		}

	a:hover {		.mw-body-content a:hover {
	color: #ff5a2f !important;		color: #ff5a2f !important;
	}

	~~/* ===== TEXT ===== */~~
	~~.mw-body-content p {~~
	~~color: #333333;~~
	}

	~~/* ===== SECTION DIVIDER ===== */~~
	~~h2 {~~
	~~border-bottom: 1px solid #f0320b;~~
	~~padding-bottom: 5px;~~
	}		}

TheFluffyOneJava at 20:44, 5 April 2026

2026-04-05T20:44:08Z

← Older revision		Revision as of 16:44, 5 April 2026
Line 1:		Line 1:
	/* ===== PAGE BACKGROUND ~~(outer)~~ ===== */		/* ===== PAGE BACKGROUND ===== */
	body {		body {
	background: #~~14171c~~ !important;		background: #fff6cc !important; /* soft warm yellow */
	}		}

	/* ===== MAIN ~~WRAPPER~~ ===== */		/* ===== MAIN CONTENT ===== */
	.mw-~~page~~-~~container~~ {		.mw-body-content {
	background: #~~14171c~~ !important;		background: #ffffff !important;
			border-radius: 12px;
			padding: 20px;
			}

			/* ===== HEADERS (GlowCraft Red/Orange) ===== */
			h1, h2, h3,
			#firstHeading {
			color: #f0320b !important;
	}		}

	/* ===== ~~CONTENT AREA~~ ===== */		/* ===== LINKS ===== */
	~~.mw-body-content~~ {		a {
	~~background~~: #~~1c2228~~ !important;		color: #f0320b !important;
	}		}

	~~/* ===== HEADER / TOP BAR ===== */~~		a:hover {
	~~.citizen-header~~ {		color: #ff5a2f !important;
	~~background~~: #~~181c21~~ !important;
	}		}

	/* ===== ~~SIDE MENU / DRAWER~~ ===== */		/* ===== TEXT ===== */
	.~~citizen~~-~~sidebar,~~		.mw-body-content p {
	~~.citizen~~-~~drawer~~ {		color: #333333;
	~~background~~: #~~181c21 !important~~;
	}		}

	/* ===== ~~FOOTER~~ ===== */		/* ===== SECTION DIVIDER ===== */
	~~#footer~~ {		h2 {
	~~background~~: #~~14171c !important~~;		border-bottom: 1px solid #f0320b;
			padding-bottom: 5px;
	}		}

TheFluffyOneJava at 20:42, 5 April 2026

2026-04-05T20:42:49Z

@@ Line 1: / Line 1: @@
 .mw-body-content {
-     background: #f0320b !important;
+     background: #1c2228 !important;
+}