MediaWiki:Common.css - Revision history

Admin at 03:03, 1 July 2026

2026-07-01T03:03:26Z

@@ Line 914: / Line 914: @@
    color: #FFFFFF !important;
    border-bottom: none !important;
+}

Admin: Homepage polish: surfaces #0D0D0D, dark ink on filled gradient buttons (all 5 langs), white section headings on homepage

2026-06-30T09:24:33Z

Homepage polish: surfaces #0D0D0D, dark ink on filled gradient buttons (all 5 langs), white section headings on homepage

@@ Line 589: / Line 589: @@
    padding: 0 !important;
    border: 0 !important;
-   background: #080808 !important;
+   background: #0D0D0D !important;
    max-width: none !important;
    width: auto !important;
@@ Line 602: / Line 602: @@
 /* Restore landing button / nav text colors (override global orange link rule) */
 body.page-Homepage .btn-p,
 body.page-Homepage .btn-p:visited,
 body.page-Homepage .hcp,
 body.page-Homepage .hcp:visited,
 body.page-Homepage .ab-cta,
 body.page-Homepage .ab-cta:visited,
 body.page-Homepage .nlb,
 body.page-Homepage .tn,
-body.page-Homepage .lb.on,
+body.page-Homepage_de .hcs,
-body.page-Homepage .lb.on:visited {
+body.page-Homepage_de .hcs:visited,
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
@@ Line 672: / Line 725: @@
    padding: 0 !important;
    border: 0 !important;
-   background: #080808 !important;
+   background: #0D0D0D !important;
    max-width: none !important;
    width: auto !important;
@@ Line 722: / Line 775: @@
    padding: 0 !important;
    border: 0 !important;
-   background: #080808 !important;
+   background: #0D0D0D !important;
    max-width: none !important;
    width: auto !important;
@@ Line 772: / Line 825: @@
    padding: 0 !important;
    border: 0 !important;
-   background: #080808 !important;
+   background: #0D0D0D !important;
    max-width: none !important;
    width: auto !important;
@@ Line 822: / Line 875: @@
    padding: 0 !important;
    border: 0 !important;
-   background: #080808 !important;
+   background: #0D0D0D !important;
    max-width: none !important;
    width: auto !important;
@@ Line 834: / Line 887: @@
 body.page-Homepage_pt { overflow-x: hidden !important; }

Admin: Fix: manually craft clean subpage CSS rules to hide MW chrome on language homepages

2026-06-30T09:03:12Z

Fix: manually craft clean subpage CSS rules to hide MW chrome on language homepages

Show changes

Admin: Fix body class names for language subpages: use page-Homepage_de not page-Homepage_2Fde

2026-06-30T08:58:41Z

Fix body class names for language subpages: use page-Homepage_de not page-Homepage_2Fde

Show changes

Admin: Add full-bleed landing rules for language subpages (de/fr/es/pt) to match EN Homepage chrome

2026-06-30T08:57:57Z

Add full-bleed landing rules for language subpages (de/fr/es/pt) to match EN Homepage chrome

Show changes

Admin: Landing: fix button/nav text colors on dark theme

2026-06-29T23:45:10Z

Landing: fix button/nav text colors on dark theme

← Older revision		Revision as of 23:45, 29 June 2026
Line 600:		Line 600:
	/* Let the custom landing manage its own scroll/overflow */		/* Let the custom landing manage its own scroll/overflow */
	body.page-Homepage { overflow-x: hidden !important; }		body.page-Homepage { overflow-x: hidden !important; }

			/* Restore landing button / nav text colors (override global orange link rule) */
			body.page-Homepage .btn-p,
			body.page-Homepage .btn-p:visited,
			body.page-Homepage .hcp,
			body.page-Homepage .hcp:visited,
			body.page-Homepage .hcs,
			body.page-Homepage .hcs:visited,
			body.page-Homepage .ab-cta,
			body.page-Homepage .ab-cta:visited,
			body.page-Homepage .nlb,
			body.page-Homepage .tn,
			body.page-Homepage .lb.on,
			body.page-Homepage .lb.on:visited {
			color: #ffffff !important;
			-webkit-text-fill-color: #ffffff !important;
			}
			body.page-Homepage .nl,
			body.page-Homepage .nl:visited,
			body.page-Homepage .lb.av,
			body.page-Homepage .lb.av:visited {
			color: #888888 !important;
			-webkit-text-fill-color: #888888 !important;
			}
			body.page-Homepage .nl:hover,
			body.page-Homepage .lb.av:hover { color: #ffffff !important; -webkit-text-fill-color:#ffffff !important; }
			body.page-Homepage .lb.dim { color: #333333 !important; -webkit-text-fill-color:#333333 !important; }
			/* Footer + section links inherit the design, not the global orange underline */
			body.page-Homepage .fl a:hover { text-decoration: none !important; }

Admin: Full-bleed landing: hide Vector chrome on Homepage only

2026-06-29T23:42:09Z

Full-bleed landing: hide Vector chrome on Homepage only

← Older revision		Revision as of 23:42, 29 June 2026
Line 545:		Line 545:
	-webkit-text-fill-color: #ffffff !important;		-webkit-text-fill-color: #ffffff !important;
	}		}

			/* ===================================================================== */
			/* FULL-BLEED LANDING — Homepage only */
			/* Hides Vector skin chrome so the custom landing renders edge-to-edge */
			/* like bigbro.men. The page's own fixed nav becomes the top bar. */
			/* Scoped to body.page-Homepage — inner wiki articles are untouched. */
			/* ===================================================================== */
			body.page-Homepage #mw-head,
			body.page-Homepage #mw-head-base,
			body.page-Homepage #mw-page-base,
			body.page-Homepage #mw-panel,
			body.page-Homepage #left-navigation,
			body.page-Homepage #right-navigation,
			body.page-Homepage #p-logo,
			body.page-Homepage .mw-indicators,
			body.page-Homepage #siteSub,
			body.page-Homepage #contentSub,
			body.page-Homepage #contentSub2,
			body.page-Homepage .mw-first-heading,
			body.page-Homepage h1.firstHeading,
			body.page-Homepage #jump-to-nav,
			body.page-Homepage .mw-jump-link,
			body.page-Homepage #footer,
			body.page-Homepage #mw-footer,
			body.page-Homepage .printfooter,
			body.page-Homepage .catlinks,
			body.page-Homepage #catlinks,
			body.page-Homepage #mw-data-after-content,
			body.page-Homepage #mw-navigation-heading {
			display: none !important;
			}

			/* Content area: full width, no skin offset, no padding/border */
			body.page-Homepage,
			body.page-Homepage #content,
			body.page-Homepage .mw-body,
			body.page-Homepage #mw-content,
			body.page-Homepage #mw-content-text,
			body.page-Homepage #bodyContent,
			body.page-Homepage .mw-content-ltr,
			body.page-Homepage .mw-parser-output {
			margin: 0 !important;
			padding: 0 !important;
			border: 0 !important;
			background: #080808 !important;
			max-width: none !important;
			width: auto !important;
			}
			body.page-Homepage #content,
			body.page-Homepage .mw-body {
			margin-left: 0 !important;
			box-shadow: none !important;
			}
			/* Let the custom landing manage its own scroll/overflow */
			body.page-Homepage { overflow-x: hidden !important; }

Admin: Revert ax-path styles (moved to Homepage native styles)

2026-06-16T15:22:26Z

Revert ax-path styles (moved to Homepage native styles)

@@ Line 544: / Line 544: @@
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
+}

Admin: Add Choose Your Path card styles

2026-06-16T15:14:30Z

Add Choose Your Path card styles

@@ Line 544: / Line 544: @@
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
+}

Admin: Rebrand: BigBro palette (#FF7900), domain-agnostic image URLs, header

2026-06-15T15:04:42Z

Rebrand: BigBro palette (#FF7900), domain-agnostic image URLs, header

← Older revision		Revision as of 15:04, 15 June 2026
Line 1:		Line 1:
	/* ========================================== */		/* ========================================== */
	/* ~~Alpha~~ Orange Design System — ~~AlphaX Wiki~~ */		/* BigBro Orange Design System — BigBro Know */
	/* ========================================== */		/* ========================================== */

Line 33:		Line 33:
	.mw-parser-output h3,		.mw-parser-output h3,
	.mw-parser-output h4 {		.mw-parser-output h4 {
	color: #~~FF6600~~ !important;		color: #FF7900 !important;
	border-bottom: 1px solid #2E2E2E !important;		border-bottom: 1px solid #2E2E2E !important;
	}		}
Line 39:		Line 39:
	/* Links */		/* Links */
	a, a:visited {		a, a:visited {
	color: #~~FF6600~~ !important;		color: #FF7900 !important;
	}		}
	a:hover {		a:hover {
	color: #~~FF8533~~ !important;		color: #FFA24A !important;
	text-decoration: underline;		text-decoration: underline;
	}		}
Line 60:		Line 60:
	}		}
	#mw-panel a:hover, .vector-menu a:hover {		#mw-panel a:hover, .vector-menu a:hover {
	color: #~~FF6600~~ !important;		color: #FF7900 !important;
	}		}

Line 73:		Line 73:
	}		}
	.mw-portlet-personal a:hover {		.mw-portlet-personal a:hover {
	color: #~~FF6600~~ !important;		color: #FF7900 !important;
	}		}

Line 79:		Line 79:
	#p-cactions .selected a,		#p-cactions .selected a,
	.mw-portlet-views .selected a {		.mw-portlet-views .selected a {
	color: #~~FF6600~~ !important;		color: #FF7900 !important;
	border-bottom: 2px solid #~~FF6600~~ !important;		border-bottom: 2px solid #FF7900 !important;
	background: transparent !important;		background: transparent !important;
	}		}
Line 91:		Line 91:
	}		}
	#p-views li a:hover {		#p-views li a:hover {
	color: #~~FF6600~~ !important;		color: #FF7900 !important;
	}		}

Line 124:		Line 124:
	}		}
	.toc a {		.toc a {
	color: #~~FF6600~~ !important;		color: #FF7900 !important;
	}		}
	.toc .tocnumber {		.toc .tocnumber {
	color: #~~FF6600~~ !important;		color: #FF7900 !important;
	}		}

Line 154:		Line 154:
	}		}
	#footer a:hover {		#footer a:hover {
	color: #~~FF6600~~ !important;		color: #FF7900 !important;
	}		}

Line 164:		Line 164:

	/* ============================================ */		/* ============================================ */
	/* ~~Alpha~~ Orange Component Classes */		/* BigBro Orange Component Classes */
	/* ============================================ */		/* ============================================ */

Line 236:		Line 236:
	margin: 4px 0;		margin: 4px 0;
	text-decoration: none;		text-decoration: none;
	color: #~~FF6600~~ !important;		color: #FF7900 !important;
	}		}
	.ax-card a:hover {		.ax-card a:hover {
	text-decoration: underline;		text-decoration: underline;
	color: #~~FF8533~~ !important;		color: #FFA24A !important;
	}		}
	.ax-card-title a {		.ax-card-title a {
Line 247:		Line 247:
	}		}
	.ax-card-title a:hover {		.ax-card-title a:hover {
	color: #~~FF6600~~ !important;		color: #FF7900 !important;
	}		}

Line 345:		Line 345:
	background: rgba(255,102,0,0.08);		background: rgba(255,102,0,0.08);
	border-color: rgba(255,102,0,0.35);		border-color: rgba(255,102,0,0.35);
	color: #~~FF8533~~ !important;		color: #FFA24A !important;
	}		}
	.ax-link-row a {		.ax-link-row a {
Line 351:		Line 351:
	}		}
	.ax-link-row:hover a {		.ax-link-row:hover a {
	color: #~~FF8533~~ !important;		color: #FFA24A !important;
	}		}

Line 369:		Line 369:
	.ax-accent-bar {		.ax-accent-bar {
	height: 2px;		height: 2px;
	background: linear-gradient(to right, #~~FF6600~~, #~~FF8533~~);		background: linear-gradient(to right, #FF7900, #FFA24A);
	border-radius: 2px;		border-radius: 2px;
	margin-bottom: 20px;		margin-bottom: 20px;
Line 384:		Line 384:
	/* Sexual Health card hero image */		/* Sexual Health card hero image */
	#ax-sexual-health-hero {		#ax-sexual-health-hero {
	background-image: url("~~https://alphax.wiki~~/images/4/43/Sexual_Health_Hero.jpg");		background-image: url("/images/4/43/Sexual_Health_Hero.jpg");
	background-size: cover;		background-size: cover;
	background-position: center;		background-position: center;
Line 454:		Line 454:

	.ax-cat-title a {		.ax-cat-title a {
	color: #~~FF6600~~ !important;		color: #FF7900 !important;
	text-decoration: none;		text-decoration: none;
	}		}

	.ax-cat-title a:hover {		.ax-cat-title a:hover {
	color: #~~FF8533~~ !important;		color: #FFA24A !important;
	text-decoration: underline;		text-decoration: underline;
	}		}
Line 503:		Line 503:
	}		}

	/* ~~AlphaX~~ Landing Page Styles */		/* BigBro Know Landing Page Styles */
	@keyframes scrollUp{0%{transform:translateY(0)}100%{transform:translateY(-50%)}}		@keyframes scrollUp{0%{transform:translateY(0)}100%{transform:translateY(-50%)}}
	@keyframes glowLine{0%,100%{box-shadow:0 0 18px 4px rgba(255,107,26,0.5)}50%{box-shadow:0 0 36px 10px rgba(255,107,26,0.9)}}		@keyframes glowLine{0%,100%{box-shadow:0 0 18px 4px rgba(255,107,26,0.5)}50%{box-shadow:0 0 36px 10px rgba(255,107,26,0.9)}}
Line 530:		Line 530:

	/* ============================================ */		/* ============================================ */
	/* ~~Alpha~~ Orange — Button Text Color Fix */		/* BigBro Orange — Button Text Color Fix */
	/* Ensures white text on orange gradient btns */		/* Ensures white text on orange gradient btns */
	/* ============================================ */		/* ============================================ */