MediaWiki:Vector-2022.css - Revision history

Zephyrsnoww at 11:13, 23 October 2026

2026-10-23T11:13:29Z

@@ Line 84: / Line 84: @@
          margin: 1em 0;
+     }
+}

Zephyrsnoww at 11:12, 23 October 2026

2026-10-23T11:12:54Z

@@ Line 84: / Line 84: @@
          margin: 1em 0;
+     }
+}

Zephyrsnoww at 11:11, 23 October 2026

2026-10-23T11:11:54Z

← Older revision		Revision as of 11:11, 23 October 2026
Line 1:		Line 1:
	~~/* Wikipedia-like PortableInfobox styling for Vector 2022 */~~
	#mw-content-text .portable-infobox {		#mw-content-text .portable-infobox {
	box-sizing: border-box;		box-sizing: border-box;
Line 8:		Line 7:
	margin: 0.5em 0 1em 1em;		margin: 0.5em 0 1em 1em;
	padding: 0.2em;		padding: 0.2em;
	border: 1px solid #a2a9b1;		border: 1px solid var(--border-color-base, #a2a9b1);
	background: #f8f9fa;		background: var(--background-color-neutral-subtle, #f8f9fa);
	color: #202122;		color: var(--color-base, #202122);
	font-size: 88%;		font-size: 88%;
	line-height: 1.5;		line-height: 1.5;
	}		}

	~~/* Title */~~
	#mw-content-text .portable-infobox .pi-title {		#mw-content-text .portable-infobox .pi-title {
	margin: 0;		margin: 0;
	padding: 0.2em;		padding: 0.2em;
	background: transparent;		background: transparent;
	color: ~~inherit~~;		color: var(--color-emphasized, var(--color-base, #202122));
	font-size: 1.25em;		font-size: 1.25em;
	font-weight: bold;		font-weight: bold;
Line 27:		Line 25:
	}		}

	~~/* Section headings */~~
	#mw-content-text .portable-infobox .pi-header {		#mw-content-text .portable-infobox .pi-header {
	padding: 0.2em;		padding: 0.2em;
	background: #eaecf0;		background: var(--background-color-neutral, #eaecf0);
	color: ~~inherit~~;		color: var(--color-base, #202122);
	font-weight: bold;		font-weight: bold;
	text-align: center;		text-align: center;
	}		}

	~~/* Data rows and labels */~~
	#mw-content-text .portable-infobox .pi-data {		#mw-content-text .portable-infobox .pi-data {
	display: grid;		display: grid;
Line 47:		Line 43:

	#mw-content-text .portable-infobox .pi-data-label {		#mw-content-text .portable-infobox .pi-data-label {
	color: ~~inherit~~;		color: var(--color-base, #202122);
	font-weight: bold;		font-weight: bold;
	}		}
Line 55:		Line 51:
	}		}

	~~/* Images and captions */~~
	#mw-content-text .portable-infobox .pi-image {		#mw-content-text .portable-infobox .pi-image {
	padding: 0.2em;		padding: 0.2em;
Line 68:		Line 63:
	#mw-content-text .portable-infobox .pi-caption {		#mw-content-text .portable-infobox .pi-caption {
	padding: 0.2em;		padding: 0.2em;
			color: var(--color-subtle, var(--color-base, #202122));
	font-size: 90%;		font-size: 90%;
	line-height: 1.4;		line-height: 1.4;
Line 73:		Line 69:
	}		}

	~~/* Remove PortableInfobox theme colors and decorative borders */~~
	#mw-content-text .portable-infobox .pi-secondary-background {		#mw-content-text .portable-infobox .pi-secondary-background {
	background: transparent;		background: transparent;
Line 79:		Line 74:

	#mw-content-text .portable-infobox .pi-border-color {		#mw-content-text .portable-infobox .pi-border-color {
	border-color: #a2a9b1;		border-color: var(--border-color-base, #a2a9b1);
	}		}

	~~/* Stack rows and avoid floated infoboxes on narrow screens */~~
	@media screen and (max-width: 720px) {		@media screen and (max-width: 720px) {
	#mw-content-text .portable-infobox {		#mw-content-text .portable-infobox {

Zephyrsnoww at 11:10, 23 October 2026

2026-10-23T11:10:33Z

Show changes

Zephyrsnoww at 11:08, 23 October 2026

2026-10-23T11:08:16Z

← Older revision	Revision as of 11:08, 23 October 2026
Line 1:	Line 1:
		/* ==========================================================================
		PortableInfobox - Exact Wikipedia Vector (2022) Match
		========================================================================== */

		.portable-infobox {
		/* Precise Design Tokens from en.wikipedia.org */
		--pi-background: #f8f9fa !important; /* Wikipedia off-white body background */
		--pi-secondary-background: transparent !important; /* No default dark title/header boxes */
		--pi-border-color: #a2a9b1 !important; /* Standard MediaWiki UI gray border */
		--pi-text-color: #202122 !important; /* Standard body text color */
		--pi-header-text-color: #000000 !important;

		/* Structural Framework */
		font-family: sans-serif !important;
		font-size: 88% !important; /* Wikipedia standard metadata text scaling */
		line-height: 1.5em !important;
		width: 22em !important; /* Fixed desktop width specification */
		float: right !important;
		clear: right !important;
		margin: 0.5em 0 1em 1.4em !important;
		padding: 0.4em !important; /* Inner padding frame */

		/* Flattening Fandom Styles to Native Tables */
		border: 1px solid var(--pi-border-color) !important;
		border-radius: 0px !important; /* Strictly sharp corners, no rounded edges */
		box-shadow: none !important; /* Removes card-style drop shadows */
		background-color: var(--pi-background) !important;
		}

		/* Infobox Header Title (e.g., Person Name, Place Name) */
		.portable-infobox .pi-title {
		font-size: 125% !important; /* Scaled up slightly */
		font-weight: bold !important;
		text-align: center !important;
		padding: 0.2em 0.4em !important;
		background-color: transparent !important;
		line-height: 1.2em !important;
		}

		/* Major Subsection Headers (Replaces background blocks with thin border lines) */
		.portable-infobox .pi-header {
		font-size: 100% !important;
		font-weight: bold !important;
		text-align: center !important;
		background-color: transparent !important; /* Wikipedia headers are transparent, not gray blocks */
		border: none !important;
		border-top: 1px solid var(--pi-border-color) !important; /* Thin line dividing sections */
		padding: 0.5em 0.2em 0.3em 0.2em !important;
		margin-top: 0.5em !important;
		}

		/* Image Frame Elements */
		.portable-infobox .pi-media,
		.portable-infobox .pi-image {
		text-align: center !important;
		padding: 0.3em 0 !important;
		}
		.portable-infobox .pi-image-caption {
		font-size: 92% !important; /* Slightly smaller caption size */
		line-height: 1.4em !important;
		color: #54595d !important; /* Wikipedia secondary text gray (#54595d) */
		padding: 0.3em 0.5em 0 0.5em !important;
		text-align: left !important; /* Left-aligned captions */
		}

		/* Left Grid Column (Data Labels / Keys) */
		.portable-infobox .pi-data-label {
		font-weight: bold !important;
		text-align: left !important;
		padding: 0.3em 0.6em 0.3em 0.2em !important; /* Tight text gutter padding */
		width: 35% !important; /* Proportional table column split */
		vertical-align: top !important;
		background: transparent !important;
		}

		/* Right Grid Column (Data Values) */
		.portable-infobox .pi-data-value {
		text-align: left !important;
		padding: 0.3em 0.2em 0.3em 0 !important;
		vertical-align: top !important;
		background: transparent !important;
		}

		/* Clean Row Spacing fixes */
		.portable-infobox .pi-data {
		border-bottom: none !important; /* Prevents row dividers from breaking the look */
		}

Zephyrsnoww: Blanked the page

2026-10-23T11:07:32Z

Blanked the page

← Older revision		Revision as of 11:07, 23 October 2026
Line 1:		Line 1:
	~~/* ==========================================================================~~
	~~PortableInfobox - Vector (2022) Skin Alignment~~
	~~========================================================================== */~~

	~~.portable-infobox {~~
	~~/* Exact Wikipedia Vector Design Tokens */~~
	~~--pi-background: #f8f9fa !important; /* Vector default layout grey-white */~~
	~~--pi-secondary-background: #f8f9fa !important; /* Seamless header blend */~~
	~~--pi-border-color: #a2a9b1 !important; /* System border hex */~~
	~~--pi-text-color: #202122 !important; /* Vector 2022 body text grey */~~
	~~--pi-header-text-color: #000000 !important;~~

	~~/* Typography & Structural Footprint */~~
	~~font-family: sans-serif !important;~~
	~~font-size: 88% !important; /* Standard Vector layout text down-scaling */~~
	~~line-height: 1.5em !important;~~
	~~width: 22em !important; /* Hardcoded Wikipedia baseline width */~~

	~~/* Layout Framing */~~
	~~border: 1px solid var(--pi-border-color) !important;~~
	~~border-radius: 0px !important; /* Sharp edges to match standard tables */~~
	~~padding: 0.2em !important;~~
	~~box-shadow: none !important; /* Removes Fandom-style block shadows */~~
	~~background-color: var(--pi-background) !important;~~

	~~/* Document Placement positioning */~~
	~~float: right !important;~~
	~~clear: right !important;~~
	~~margin: 0.5em 0 1em 1em !important;~~
	}

	~~/* Page Titles within the Infobox */~~
	~~.portable-infobox .pi-title {~~
	~~font-size: 125% !important;~~
	~~font-weight: bold !important;~~
	~~font-family: 'Linux Libertine', 'Georgia', 'Times', serif !important; /* Wikipedia Header Font */~~
	~~text-align: center !important;~~
	~~padding: 0.2em 0.4em !important;~~
	~~background-color: transparent !important;~~
	}

	~~/* Subsection Divider Bars */~~
	~~.portable-infobox .pi-header {~~
	~~font-size: 100% !important;~~
	~~font-weight: bold !important;~~
	~~text-align: center !important;~~
	~~background-color: #eff1f4 !important; /* Muted grey highlight bar used in Vector components */~~
	~~border: 1px solid var(--pi-border-color) !important;~~
	~~padding: 0.3em 0.5em !important;~~
	~~margin: 0.3em 0 !important;~~
	}

	~~/* Media/Image Layout frames */~~
	~~.portable-infobox .pi-media,~~
	~~.portable-infobox .pi-image {~~
	~~text-align: center !important;~~
	~~padding: 0.4em 0 !important;~~
	}
	~~.portable-infobox .pi-image-caption {~~
	~~font-size: 92% !important; /* Smaller caption spacing text */~~
	~~line-height: 1.3em !important;~~
	~~color: #54595d !important; /* Secondary text grey */~~
	~~padding-top: 0.3em !important;~~
	}

	~~/* Left Metadata Column (Labels) */~~
	~~.portable-infobox .pi-data-label {~~
	~~font-weight: bold !important;~~
	~~text-align: left !important;~~
	~~padding: 0.3em 0.6em 0.3em 0.2em !important;~~
	~~width: 35% !important; /* Proportional column block distribution */~~
	~~vertical-align: top !important;~~
	~~background: transparent !important;~~
	}

	~~/* Right Metadata Column (Values) */~~
	~~.portable-infobox .pi-data-value {~~
	~~text-align: left !important;~~
	~~padding: 0.3em 0.2em 0.3em 0 !important;~~
	~~vertical-align: top !important;~~
	~~background: transparent !important;~~
	}

Zephyrsnoww: Created page with "/* ========================================================================== PortableInfobox - Vector (2022) Skin Alignment ========================================================================== / .portable-infobox { / Exact Wikipedia Vector Design Tokens / --pi-background: #f8f9fa !important; / Vector default layout grey-white / --pi-secondary-background: #f8f9fa !important; / Seamless header blend */ --pi-border-color: #a..."

2026-10-23T11:06:58Z

Created page with "========================================================================== PortableInfobox - Vector (2022) Skin Alignment ==========================================================================: .portable-infobox { Exact Wikipedia Vector Design Tokens: --pi-background: #f8f9fa !important; Vector default layout grey-white: --pi-secondary-background: #f8f9fa !important; Seamless header blend: --pi-border-color: #a..."

New page

/* ==========================================================================
PortableInfobox - Vector (2022) Skin Alignment
========================================================================== */

.portable-infobox {
/* Exact Wikipedia Vector Design Tokens */
--pi-background: #f8f9fa !important; /* Vector default layout grey-white */
--pi-secondary-background: #f8f9fa !important; /* Seamless header blend */
--pi-border-color: #a2a9b1 !important; /* System border hex */
--pi-text-color: #202122 !important; /* Vector 2022 body text grey */
--pi-header-text-color: #000000 !important;

/* Typography & Structural Footprint */
font-family: sans-serif !important;
font-size: 88% !important; /* Standard Vector layout text down-scaling */
line-height: 1.5em !important;
width: 22em !important; /* Hardcoded Wikipedia baseline width */

/* Layout Framing */
border: 1px solid var(--pi-border-color) !important;
border-radius: 0px !important; /* Sharp edges to match standard tables */
padding: 0.2em !important;
box-shadow: none !important; /* Removes Fandom-style block shadows */
background-color: var(--pi-background) !important;

/* Document Placement positioning */
float: right !important;
clear: right !important;
margin: 0.5em 0 1em 1em !important;
}

/* Page Titles within the Infobox */
.portable-infobox .pi-title {
font-size: 125% !important;
font-weight: bold !important;
font-family: 'Linux Libertine', 'Georgia', 'Times', serif !important; /* Wikipedia Header Font */
text-align: center !important;
padding: 0.2em 0.4em !important;
background-color: transparent !important;
}

/* Subsection Divider Bars */
.portable-infobox .pi-header {
font-size: 100% !important;
font-weight: bold !important;
text-align: center !important;
background-color: #eff1f4 !important; /* Muted grey highlight bar used in Vector components */
border: 1px solid var(--pi-border-color) !important;
padding: 0.3em 0.5em !important;
margin: 0.3em 0 !important;
}

/* Media/Image Layout frames */
.portable-infobox .pi-media,
.portable-infobox .pi-image {
text-align: center !important;
padding: 0.4em 0 !important;
}
.portable-infobox .pi-image-caption {
font-size: 92% !important; /* Smaller caption spacing text */
line-height: 1.3em !important;
color: #54595d !important; /* Secondary text grey */
padding-top: 0.3em !important;
}

/* Left Metadata Column (Labels) */
.portable-infobox .pi-data-label {
font-weight: bold !important;
text-align: left !important;
padding: 0.3em 0.6em 0.3em 0.2em !important;
width: 35% !important; /* Proportional column block distribution */
vertical-align: top !important;
background: transparent !important;
}

/* Right Metadata Column (Values) */
.portable-infobox .pi-data-value {
text-align: left !important;
padding: 0.3em 0.2em 0.3em 0 !important;
vertical-align: top !important;
background: transparent !important;
}