MediaWiki:Mobile.css - Revision history

Wikilah admin at 15:48, 6 December 2025

2025-12-06T15:48:46Z

← Older revision		Revision as of 23:48, 6 December 2025
Line 153:		Line 153:

	/* ======================================================= */		/* ======================================================= */
	/* 2. TOP FLOATING SQUARES (44px \| ~~Perfectly~~ ~~Aligned 8px~~) */		/* 2. TOP FLOATING SQUARES (44px \| #F8F9FA Tone) */
	/* ======================================================= */		/* ======================================================= */

Line 160:		Line 160:
	position: fixed !important;		position: fixed !important;
	top: 0 !important; left: 0 !important; right: 0 !important;		top: 0 !important; left: 0 !important; right: 0 !important;
	height: 60px !important; ~~/* Total reserved height */~~		height: 60px !important;
	z-index: 1000 !important;		z-index: 1000 !important;
	background: transparent !important;		background: transparent !important;
Line 171:		Line 171:
	}		}

	/* Push content down ~~to clear the buttons~~ */		/* Push content down */
	body.skin-minerva { padding-top: 60px !important; }		body.skin-minerva { padding-top: 60px !important; }
	.mw-body { margin-top: 10px !important; }		.mw-body { margin-top: 10px !important; }
Line 178:		Line 178:
	.header-container .navigation-drawer { display: none !important; }		.header-container .navigation-drawer { display: none !important; }

	/* --- B. COMMON SQUARE STYLE (~~Uniform~~ ~~Opacity~~ ~~Fix~~) --- */		/* --- B. COMMON SQUARE STYLE (0.03 Transparency for #F8F9FA) --- */
	.branding-box,		.branding-box,
	#searchIcon,		#searchIcon,
	#cps-open-toc,		#cps-open-toc,
	body.mw-mf-search-mode .minerva-header .search-box input {		body.mw-mf-search-mode .minerva-header .search-box input {
	/* 1. ~~The~~ ~~Color:~~ 5% ~~Black~~ */		/* 3% Black = ~#F8F9FA on white */
	background-color: rgba(0, 0, 0, 0.05) !important;		background-color: rgba(0, 0, 0, 0.03) !important;

	/* ~~2. THE FIX:~~ Force ~~full opacity so~~ ~~Home~~ ~~button~~ ~~doesn't~~ ~~fade~~ */		/* Force Full Opacity & Strip Defaults */
	opacity: 1 !important;		opacity: 1 !important;
⚫
	/* 3. Strip browser defaults */
	background-image: none !important;		background-image: none !important;
	-webkit-appearance: none !important;		-webkit-appearance: none !important;
		⚫	border: none !important;
		⚫	box-shadow: none !important;
		⚫	backdrop-filter: none !important;

	border-radius: 8px !important;		border-radius: 8px !important;
	pointer-events: auto !important;		pointer-events: auto !important;
⚫	border: none !important;
⚫	box-shadow: none !important;
⚫	backdrop-filter: none !important;

	/* ~~Sizing~~ */		/* STANDARD 44px SIZING */
	box-sizing: border-box !important;		box-sizing: border-box !important;
	width: 44px !important;		width: 44px !important;
Line 210:		Line 208:
	#searchIcon {		#searchIcon {
	position: fixed !important;		position: fixed !important;
		⚫
		⚫	/* ALIGNMENT: 8px Top */
	top: 8px !important;		top: 8px !important;
	left: 10px !important;		left: 10px !important;
	right: auto !important;		right: auto !important;

	/* ~~NUCLEAR~~ SIZE ~~FIX~~ */		/* FORCE SIZE RESET */
	min-width: 0 !important;		min-width: 0 !important;
	min-height: 0 !important;		min-height: 0 !important;
Line 229:		Line 229:
	color: #fff !important;		color: #fff !important;
	fill: #fff !important;		fill: #fff !important;
	opacity: 1;		opacity: 1 !important;
	filter: brightness(0) invert(1);		filter: brightness(0) invert(1);
	margin: 0 !important;		margin: 0 !important;
Line 267:		Line 267:
	}		}

	/* 1. The Home Icon (~~Thickened~~ & ~~Enlarged~~) */		/* 1. The Home Icon (Bold & White) */
	.branding-box::after {		.branding-box::after {
	content: "⌂";		content: "⌂";
⚫
⚫	/* ~~SIZE~~: ~~30px~~ */
	font-size: 30px !important;		font-size: 30px !important;

	color: #fff !important;		color: #fff !important;

	/* BOLDNESS: 1px Stroke */
	-webkit-text-stroke: 1px #fff !important;		-webkit-text-stroke: 1px #fff !important;

	/* Alignment adjustments */
	margin-top: -6px !important;		margin-top: -6px !important;
	display: block !important;		display: block !important;
Line 285:		Line 278:
	}		}

	/* 2. The Link ~~(Invisible clickable cover)~~ */		/* 2. The Link Overlay */
	.branding-box a {		.branding-box a {
	position: absolute !important;		position: absolute !important;
Line 327:		Line 320:
	box-sizing: border-box !important;		box-sizing: border-box !important;

			/* Background matches buttons */
	background-color: rgba(0, 0, 0, 0.05) !important;		background-color: rgba(0, 0, 0, 0.03) !important;
		⚫
	color: #fff !important;		color: #fff !important;
	-webkit-text-fill-color: #fff !important;		-webkit-text-fill-color: #fff !important;
Line 350:		Line 345:
	}		}

	/* 6. Cancel "X" Button ~~positioning~~ */		/* 6. Cancel "X" Button */
	.search-box .search-box-cancel {		.search-box .search-box-cancel {
	display: block !important;		display: block !important;

Wikilah admin at 15:43, 6 December 2025

2025-12-06T15:43:02Z

← Older revision		Revision as of 23:43, 6 December 2025
Line 178:		Line 178:
	.header-container .navigation-drawer { display: none !important; }		.header-container .navigation-drawer { display: none !important; }

	/* --- B. COMMON SQUARE STYLE (~~44px~~ \| ~~0.05 Transparency~~) --- */		/* --- B. COMMON SQUARE STYLE (Uniform Opacity Fix) --- */
	.branding-box,		.branding-box,
	#searchIcon,		#searchIcon,
	#cps-open-toc,		#cps-open-toc,
	body.mw-mf-search-mode .minerva-header .search-box input {		body.mw-mf-search-mode .minerva-header .search-box input {
			/* 1. The Color: 5% Black */
	background-color: rgba(0, 0, 0, 0.05) !important;		background-color: rgba(0, 0, 0, 0.05) !important;

	/* FIX: ~~Remove~~ ~~browser~~ ~~default~~ ~~gradients~~ ~~and~~ ~~appearance~~ */		/* 2. THE FIX: Force full opacity so Home button doesn't fade */
			opacity: 1 !important;

			/* 3. Strip browser defaults */
	background-image: none !important;		background-image: none !important;
	-webkit-appearance: none !important;		-webkit-appearance: none !important;
Line 195:		Line 199:
	backdrop-filter: none !important;		backdrop-filter: none !important;

	/* ~~STANDARD 44px SIZING~~ */		/* Sizing */
	box-sizing: border-box !important;		box-sizing: border-box !important;
	width: 44px !important;		width: 44px !important;

Wikilah admin at 15:35, 6 December 2025

2025-12-06T15:35:43Z

← Older revision		Revision as of 23:35, 6 December 2025
Line 184:		Line 184:
	body.mw-mf-search-mode .minerva-header .search-box input {		body.mw-mf-search-mode .minerva-header .search-box input {
	background-color: rgba(0, 0, 0, 0.05) !important;		background-color: rgba(0, 0, 0, 0.05) !important;
		⚫
			/* FIX: Remove browser default gradients and appearance */
			background-image: none !important;
			-webkit-appearance: none !important;
		⚫
	border-radius: 8px !important;		border-radius: 8px !important;
	pointer-events: auto !important;		pointer-events: auto !important;
Line 201:		Line 206:
	#searchIcon {		#searchIcon {
	position: fixed !important;		position: fixed !important;
⚫
⚫	/* ~~ALIGNMENT:~~ ~~8px~~ ~~Top~~ */
	top: 8px !important;		top: 8px !important;
	left: 10px !important;		left: 10px !important;
	right: auto !important;		right: auto !important;
		⚫
		⚫	/* NUCLEAR SIZE FIX */
			min-width: 0 !important;
			min-height: 0 !important;
			max-width: 44px !important;
			max-height: 44px !important;

	z-index: 1003 !important;		z-index: 1003 !important;
Line 225:		Line 234:
	display: flex !important;		display: flex !important;
	position: fixed !important;		position: fixed !important;
⚫
	/* ALIGNMENT: 8px Top */
	top: 8px !important;		top: 8px !important;

Line 244:		Line 251:
	.branding-box {		.branding-box {
	position: fixed !important;		position: fixed !important;
⚫
	/* ALIGNMENT: 8px Top */
	top: 8px !important;		top: 8px !important;

Line 262:		Line 267:
	content: "⌂";		content: "⌂";

	/* SIZE: ~~Increased from 24px to~~ 30px */		/* SIZE: 30px */
	font-size: 30px !important;		font-size: 30px !important;

	color: #fff !important;		color: #fff !important;

	/* BOLDNESS ~~FIX~~: ~~Artificially add thickness to the~~ ~~character~~ */		/* BOLDNESS: 1px Stroke */
	-webkit-text-stroke: 1px #fff !important;		-webkit-text-stroke: 1px #fff !important;

	/* Alignment adjustments ~~for the new size~~ */		/* Alignment adjustments */
	margin-top: -6px !important;		margin-top: -6px !important;
	display: block !important;		display: block !important;
Line 298:		Line 303:
	display: block !important;		display: block !important;
	position: fixed !important;		position: fixed !important;

	/* ALIGNMENT: 8px Top (Matches Buttons Exactly) */
	top: 8px !important;		top: 8px !important;
	height: 44px !important;		height: 44px !important;
Line 329:		Line 332:
	padding-right: 55px !important;		padding-right: 55px !important;

	/* Remove default margins to ensure top:8px alignment is true */
	margin: 0 !important;		margin: 0 !important;
	}		}

Wikilah admin at 15:27, 6 December 2025

2025-12-06T15:27:31Z

← Older revision		Revision as of 23:27, 6 December 2025
Line 268:		Line 268:

	/* BOLDNESS FIX: Artificially add thickness to the character */		/* BOLDNESS FIX: Artificially add thickness to the character */
	-webkit-text-stroke: ~~1.5px~~ #fff !important;		-webkit-text-stroke: 1px #fff !important;

	/* Alignment adjustments for the new size */		/* Alignment adjustments for the new size */

Wikilah admin at 15:25, 6 December 2025

2025-12-06T15:25:31Z

← Older revision		Revision as of 23:25, 6 December 2025
Line 258:		Line 258:
	}		}

	/* 1. The Home Icon (~~Injected~~ ~~into~~ ~~the Box~~) */		/* 1. The Home Icon (Thickened & Enlarged) */
	.branding-box::after {		.branding-box::after {
	content: "⌂";		content: "⌂";

⚫	font-size: ~~24px~~ !important;
			/* SIZE: Increased from 24px to 30px */
		⚫	font-size: 30px !important;

	color: #fff !important;		color: #fff !important;

⚫	margin-top: -~~4px~~;
			/* BOLDNESS FIX: Artificially add thickness to the character */
			-webkit-text-stroke: 1.5px #fff !important;

			/* Alignment adjustments for the new size */
		⚫	margin-top: -6px !important;
	display: block !important;		display: block !important;
	line-height: 1 !important;		line-height: 1 !important;

Wikilah admin at 15:19, 6 December 2025

2025-12-06T15:19:36Z

← Older revision		Revision as of 23:19, 6 December 2025
Line 153:		Line 153:

	/* ======================================================= */		/* ======================================================= */
	/* 2. TOP FLOATING SQUARES (44px ~~Standard Size)~~ */		/* 2. TOP FLOATING SQUARES (44px \| Perfectly Aligned 8px) */
	/* ======================================================= */		/* ======================================================= */

Line 160:		Line 160:
	position: fixed !important;		position: fixed !important;
	top: 0 !important; left: 0 !important; right: 0 !important;		top: 0 !important; left: 0 !important; right: 0 !important;
	height: ~~64px~~ !important; /* ~~Adjusted~~ ~~for~~ ~~44px buttons + margins~~ */		height: 60px !important; /* Total reserved height */
	z-index: 1000 !important;		z-index: 1000 !important;
	background: transparent !important;		background: transparent !important;
Line 171:		Line 171:
	}		}

	/* Push content down */		/* Push content down to clear the buttons */
	body.skin-minerva { padding-top: ~~64px~~ !important; }		body.skin-minerva { padding-top: 60px !important; }
	.mw-body { margin-top: 10px !important; }		.mw-body { margin-top: 10px !important; }

Line 201:		Line 201:
	#searchIcon {		#searchIcon {
	position: fixed !important;		position: fixed !important;

⚫	top: ~~10px~~ !important;
			/* ALIGNMENT: 8px Top */
			top: 8px !important;
	left: 10px !important;		left: 10px !important;
	right: auto !important;		right: auto !important;
Line 223:		Line 225:
	display: flex !important;		display: flex !important;
	position: fixed !important;		position: fixed !important;

⚫	top: ~~10px~~ !important;
			/* ALIGNMENT: 8px Top */
		⚫	top: 8px !important;

	/* Position: 100px from right edge */		/* Position: 100px from right edge */
Line 240:		Line 244:
	.branding-box {		.branding-box {
	position: fixed !important;		position: fixed !important;

⚫	top: ~~10px~~ !important;
			/* ALIGNMENT: 8px Top */
		⚫	top: 8px !important;

	/* Position: 100px (Space) + 44px (TOC) + 10px (Gap) */		/* Position: 100px (Space) + 44px (TOC) + 10px (Gap) */
Line 267:		Line 273:
	top: 0 !important; left: 0 !important;		top: 0 !important; left: 0 !important;
	width: 100% !important; height: 100% !important;		width: 100% !important; height: 100% !important;
	opacity: 0 !important; ~~/* Invisible */~~		opacity: 0 !important;
	z-index: 2 !important;		z-index: 2 !important;
	}		}
	/* Hide default contents of the link */
	.branding-box a * { display: none !important; }		.branding-box a * { display: none !important; }
	.branding-box a::before { display: none !important; }		.branding-box a::before { display: none !important; }
Line 285:		Line 290:
	display: block !important;		display: block !important;
	position: fixed !important;		position: fixed !important;

⚫	top: ~~10px~~ !important;
			/* ALIGNMENT: 8px Top (Matches Buttons Exactly) */
		⚫	top: 8px !important;
	height: 44px !important;		height: 44px !important;
	z-index: 1001 !important;		z-index: 1001 !important;

	left: 10px !important; ~~/* Starts at Search Button */~~		left: 10px !important;
	right: 10px !important; ~~/* Stretches to Right Edge */~~		right: 10px !important;

	width: auto !important;		width: auto !important;
Line 313:		Line 320:
	padding-left: 55px !important;		padding-left: 55px !important;
	padding-right: 55px !important;		padding-right: 55px !important;

			/* Remove default margins to ensure top:8px alignment is true */
			margin: 0 !important;
	}		}

Wikilah admin at 14:36, 6 December 2025

2025-12-06T14:36:21Z

Show changes

Wikilah admin at 14:30, 6 December 2025

2025-12-06T14:30:23Z

Show changes

Wikilah admin at 14:24, 6 December 2025

2025-12-06T14:24:43Z

Show changes

Wikilah admin at 14:18, 6 December 2025

2025-12-06T14:18:03Z

@@ Line 266: / Line 266: @@
     position: fixed !important;
     top: 8px !important;
-    height:
+    height: 44px !important;