MediaWiki:Common.css - Revision history

MondoCat at 21:44, 17 July 2026

2026-07-17T21:44:13Z

← Older revision		Revision as of 21:44, 17 July 2026
Line 1,404:		Line 1,404:
	/* Main Page style */		/* Main Page style */
	p {		p {
	line-height: ~~normal~~;		line-height: 1.6;
	margin: ~~auto~~;		margin-bottom: 0.8em;
	}		}

MondoCat at 23:46, 5 May 2026

2026-05-05T23:46:39Z

← Older revision		Revision as of 23:46, 5 May 2026
Line 1,761:		Line 1,761:
	background-color: #35354a !important;		background-color: #35354a !important;
	color: #e0e0e0 !important;		color: #e0e0e0 !important;
	~~table-layout: fixed !important; /* Locks column widths */~~
	border: 6px solid #2d2d3a !important;		border: 6px solid #2d2d3a !important;
	border-radius: 18px !important;		border-radius: 18px !important;

MondoCat at 23:23, 5 May 2026

2026-05-05T23:23:08Z

← Older revision		Revision as of 23:23, 5 May 2026
Line 1,800:		Line 1,800:
	}		}

	/* 4. Hero Screenshot Cell (Fixed ~~350px~~ width, Absolute Fill) */		/* 4. Hero Screenshot Cell (Fixed 400px width, Absolute Fill) */
	.vr-game-hero {		.vr-game-hero {
	padding: 0 !important;		padding: 0 !important;
Line 1,807:		Line 1,807:

	/* Lock Width */		/* Lock Width */
	width: ~~500px~~ !important;		width: 400px !important; /* <--- CHANGE THIS FROM 500px */
	min-width: ~~350px~~ !important;		min-width: 400px !important; /* <--- CHANGE THIS FROM 350px */

	/* THE ANCHOR: Establishes the boundaries for the absolute image */		/* THE ANCHOR: Establishes the boundaries for the absolute image */

MondoCat at 23:09, 5 May 2026

2026-05-05T23:09:45Z

← Older revision		Revision as of 23:09, 5 May 2026
Line 1,802:		Line 1,802:
	/* 4. Hero Screenshot Cell (Fixed 350px width, Absolute Fill) */		/* 4. Hero Screenshot Cell (Fixed 350px width, Absolute Fill) */
	.vr-game-hero {		.vr-game-hero {
			padding: 0 !important;
			background-color: #1a1a24 !important;
			border-right: 1px solid #51516a !important;

			/* Lock Width */
	width: 500px !important;		width: 500px !important;
	~~object~~-~~fit~~: ~~cover~~; /* ~~Ensures~~ the image ~~doesn't distort if aspect ratios differ~~ */		min-width: 350px !important;
	~~display~~: ~~block~~;
			/* THE ANCHOR: Establishes the boundaries for the absolute image */
			position: relative !important;
			height: 1px !important; /* Required hack for rowspan height to work */

			overflow: hidden !important;
			border-bottom-left-radius: 12px !important;
			}

	}

	/* Force ANY wrapper MediaWiki uses to pin to the 4 corners of the cell */		/* Force ANY wrapper MediaWiki uses to pin to the 4 corners of the cell */

MondoCat at 23:09, 5 May 2026

2026-05-05T23:09:13Z

← Older revision		Revision as of 23:09, 5 May 2026
Line 1,802:		Line 1,802:
	/* 4. Hero Screenshot Cell (Fixed 350px width, Absolute Fill) */		/* 4. Hero Screenshot Cell (Fixed 350px width, Absolute Fill) */
	.vr-game-hero {		.vr-game-hero {
	width: ~~100%~~		width: 500px !important;
	~~height: 100%~~
	object-fit: cover; /* Ensures the image doesn't distort if aspect ratios differ */		object-fit: cover; /* Ensures the image doesn't distort if aspect ratios differ */
	display: block;		display: block;

MondoCat at 23:08, 5 May 2026

2026-05-05T23:08:45Z

← Older revision		Revision as of 23:08, 5 May 2026
Line 1,802:		Line 1,802:
	/* 4. Hero Screenshot Cell (Fixed 350px width, Absolute Fill) */		/* 4. Hero Screenshot Cell (Fixed 350px width, Absolute Fill) */
	.vr-game-hero {		.vr-game-hero {
	width: 100% ~~!important;~~		width: 100%
	height: 100% ~~!important;~~		height: 100%
	object-fit: cover; /* Ensures the image doesn't distort if aspect ratios differ */		object-fit: cover; /* Ensures the image doesn't distort if aspect ratios differ */
	display: block;		display: block;

MondoCat at 23:08, 5 May 2026

2026-05-05T23:08:09Z

← Older revision		Revision as of 23:08, 5 May 2026
Line 1,802:		Line 1,802:
	/* 4. Hero Screenshot Cell (Fixed 350px width, Absolute Fill) */		/* 4. Hero Screenshot Cell (Fixed 350px width, Absolute Fill) */
	.vr-game-hero {		.vr-game-hero {
	~~padding~~: 0 !important;		width: 100% !important;
	~~background-color~~: ~~#1a1a24~~ !important;		height: 100% !important;
	~~border~~-~~right~~: ~~1px solid #51516a !important~~;		object-fit: cover; /* Ensures the image doesn't distort if aspect ratios differ */
			display: block;
	/* ~~Lock Width */~~
	~~width: 500px !important;~~
	~~min-width: 350px !important;~~

	~~/* THE ANCHOR: Establishes the boundaries for~~ the ~~absolute~~ image */
	~~position: relative !important;~~
	~~height: 1px !important; /* Required hack for rowspan height to work */~~

	~~overflow~~: ~~hidden !important~~;
	~~border-bottom-left-radius: 12px !important;~~
	}		}

MondoCat at 23:01, 5 May 2026

2026-05-05T23:01:48Z

← Older revision		Revision as of 23:01, 5 May 2026
Line 1,807:		Line 1,807:

	/* Lock Width */		/* Lock Width */
	width: ~~350px~~ !important;		width: 500px !important;
	min-width: 350px !important;		min-width: 350px !important;

MondoCat at 23:00, 5 May 2026

2026-05-05T23:00:53Z

← Older revision		Revision as of 23:00, 5 May 2026
Line 1,750:		Line 1,750:


			/* --- MONDO-UI: MASTER VR GAME CARD (BULLETPROOF FILL) --- */

	/* --- MONDO-UI: MASTER VR GAME CARD (~~FIXED LAYOUT~~) --- */

	/* 1. Main Card Container */		/* 1. Main Card Container */
Line 1,763:		Line 1,761:
	background-color: #35354a !important;		background-color: #35354a !important;
	color: #e0e0e0 !important;		color: #e0e0e0 !important;
			table-layout: fixed !important; /* Locks column widths */
	~~/* THE FIX: Forces columns to respect specific pixel widths */~~
	table-layout: fixed !important;

	border: 6px solid #2d2d3a !important;		border: 6px solid #2d2d3a !important;
	border-radius: 18px !important;		border-radius: 18px !important;
Line 1,805:		Line 1,800:
	}		}

	/* 4. Hero Screenshot Cell (~~Forced~~ 350px) */		/* 4. Hero Screenshot Cell (Fixed 350px width, Absolute Fill) */
	.vr-game-hero {		.vr-game-hero {
	padding: 0 !important;		padding: 0 !important;
Line 1,811:		Line 1,806:
	border-right: 1px solid #51516a !important;		border-right: 1px solid #51516a !important;

	/* ~~Explicitly lock this column width~~ */		/* Lock Width */
	width: 350px !important;		width: 350px !important;
	min-width: 350px !important;		min-width: 350px !important;

	~~vertical-align~~: ~~top~~ !important;		/* THE ANCHOR: Establishes the boundaries for the absolute image */
			position: relative !important;
			height: 1px !important; /* Required hack for rowspan height to work */

	overflow: hidden !important;		overflow: hidden !important;
	border-bottom-left-radius: 12px !important;		border-bottom-left-radius: 12px !important;
	~~position: relative !important;~~
	}		}

			/* Force ANY wrapper MediaWiki uses to pin to the 4 corners of the cell */
	.vr-game-hero a,		.vr-game-hero a,
			.vr-game-hero span,
			.vr-game-hero div,
	.vr-game-hero .mw-file-description {		.vr-game-hero .mw-file-description {
			position: absolute !important;
			top: 0 !important;
			left: 0 !important;
			right: 0 !important;
			bottom: 0 !important;
	display: block !important;		display: block !important;
	~~width~~: ~~100%~~ !important;		margin: 0 !important;
	~~height~~: ~~100%~~ !important;		padding: 0 !important;
	overflow: hidden !important;		overflow: hidden !important; /* Traps the zoom */
	border-bottom-left-radius: 11px !important;		border-bottom-left-radius: 11px !important;
	}		}

			/* The Image physically locks to the absolute boundaries and fills them */
	.vr-game-hero img {		.vr-game-hero img {
	~~display~~: ~~block~~ !important;		position: absolute !important;
			top: 0 !important;
			left: 0 !important;
	width: 100% !important;		width: 100% !important;
	height: 100% !important;		height: 100% !important;

			/* Zooms and crops to ensure 0 empty space */
	object-fit: cover !important;		object-fit: cover !important;
	object-position: center !important;		object-position: center !important;

			border-bottom-left-radius: 11px !important;
	transition: transform 0.4s ease-in-out !important;		transition: transform 0.4s ease-in-out !important;
	}		}

MondoCat at 22:59, 5 May 2026

2026-05-05T22:59:07Z

← Older revision		Revision as of 22:59, 5 May 2026
Line 1,752:		Line 1,752:


			/* --- MONDO-UI: MASTER VR GAME CARD (FIXED LAYOUT) --- */

	/* --- MONDO-UI: MASTER VR GAME CARD (~~FINALIZED~~) --- */

	/* 1. Main Card Container */		/* 1. Main Card Container */
Line 1,765:		Line 1,763:
	background-color: #35354a !important;		background-color: #35354a !important;
	color: #e0e0e0 !important;		color: #e0e0e0 !important;

			/* THE FIX: Forces columns to respect specific pixel widths */
			table-layout: fixed !important;

	border: 6px solid #2d2d3a !important;		border: 6px solid #2d2d3a !important;
	border-radius: 18px !important;		border-radius: 18px !important;
	overflow: hidden !important;		overflow: hidden !important;
	box-shadow: 0 8px 16px rgba(0,0,0,0.5) !important;		box-shadow: 0 8px 16px rgba(0,0,0,0.5) !important;
			background-clip: padding-box !important;
	}		}

Line 1,802:		Line 1,805:
	}		}

	/* 4. Hero Screenshot Cell (~~Fixed~~ 350px) */		/* 4. Hero Screenshot Cell (Forced 350px) */
	.vr-game-hero {		.vr-game-hero {
	padding: 0 !important;		padding: 0 !important;
	background-color: #1a1a24 !important;		background-color: #1a1a24 !important;
	border-right: 1px solid #51516a !important;		border-right: 1px solid #51516a !important;

			/* Explicitly lock this column width */
	width: 350px !important;		width: 350px !important;
	vertical-align: top !important; ~~/* Forces top alignment */~~		min-width: 350px !important;

			vertical-align: top !important;
	overflow: hidden !important;		overflow: hidden !important;
	border-bottom-left-radius: 12px !important;		border-bottom-left-radius: 12px !important;
Line 1,814:		Line 1,821:
	}		}

	~~/* Force MediaWiki's internal tags to fill the cell entirely */~~		.vr-game-hero a,
	.vr-game-hero ~~.mw-file-description~~,		.vr-game-hero .mw-file-description {
	.vr-game-hero a {
	display: block !important;		display: block !important;
	width: ~~400px~~ !important;		width: 100% !important;
	height: 100% !important;		height: 100% !important;
	overflow: hidden !important;		overflow: hidden !important;
			border-bottom-left-radius: 11px !important;
	}		}

	~~/* The actual image: Forces filling the space */~~
	.vr-game-hero img {		.vr-game-hero img {
	display: block !important;		display: block !important;
	width: 100% !important;		width: 100% !important;
	height: 100% !important;		height: 100% !important;
	object-fit: cover !important; ~~/* Crops image to fill the box */~~		object-fit: cover !important;
	object-position: center !important;		object-position: center !important;
	transition: transform 0.4s ease-in-out !important;		transition: transform 0.4s ease-in-out !important;
	}		}

	~~/* 1.2 Zoom */~~
	.vr-game-hero img:hover {		.vr-game-hero img:hover {
	transform: scale(1.2) !important;		transform: scale(1.2) !important;
Line 1,850:		Line 1,855:
	}		}

	/* 6. Text Cells ~~(Top-aligned Pros/Cons)~~ */		/* 6. Text Cells */
	table.vr-game-card td {		table.vr-game-card td {
	padding: 15px !important;		padding: 15px !important;
	border: 1px solid #51516a !important;		border: 1px solid #51516a !important;
	vertical-align: top !important; ~~/* Keeps text at the top */~~		vertical-align: top !important;
	}		}

Line 1,863:		Line 1,868:
	}		}

	/* 7. ~~Bottom Right~~ Corner ~~Fix~~ */		/* 7. Corner Fixes */
	table.vr-game-card tr:last-child td:last-child {		table.vr-game-card tr:last-child td:last-child {
	border-bottom-right-radius: 12px !important;		border-bottom-right-radius: 12px !important;