Module:Infobox/styles.css - Revision history

Mesemi: Protected "Module:Infobox/styles.css" ([Edit=Allow only administrators] (indefinite) [Move=Allow only administrators] (indefinite))

2026-06-28T22:45:36Z

Protected "Module:Infobox/styles.css" ([Edit=Allow only administrators] (indefinite) [Move=Allow only administrators] (indefinite))

← Older revision		Revision as of 22:45, 28 June 2026
(No difference)

Mesemi: idk why ppl edit this

2026-06-28T22:26:56Z

idk why ppl edit this

← Older revision		Revision as of 22:26, 28 June 2026
Line 6:		Line 6:
	* DO NOT ADD THEM HERE		* DO NOT ADD THEM HERE
	*/		*/

	~~/* NOTE: This is maintained both here and in [[MediaWiki:Common.css]] until migration is complete.~~
	* Starting with bare minimum for the benefit of [[mw:Manual:Safemode]]. */
	~~@media (min-width: 640px) {~~
	~~.infobox {~~
	~~/* @noflip */~~
	~~margin-left: 1em;~~
	~~/* @noflip */~~
	~~float: right;~~
	~~/* @noflip */~~
	~~clear: right;~~
	~~width: 22em;~~
	}
	}

	/*		/*
	* not strictly certain these styles are necessary since the modules now		* not strictly certain these styles are necessary since the modules now
Line 36:		Line 21:
	float: none;		float: none;
	background-color: transparent;		background-color: transparent;
	~~color:inherit;~~
	}		}

	.infobox-3cols-child {		.infobox-3cols-child {
	margin: ~~-3px~~;		margin: auto;
	}		}

Line 47:		Line 31:
	}		}

	~~/* remove when infobox is not a table anymore */~~		/* Dark theme: [[William_Wragg]], [[Coral_Castle]] */
	~~.infobox-hiddenrow,~~
	~~/* we mean it, Minerva. but also Vector 2022 in the future at some point */~~
	~~body.skin--responsive.skin--responsive .infobox .infobox-hiddenrow {~~
	~~display: none;~~
	}

	/* Dark theme: [[~~William Wragg~~]], [[~~Coral Castle~~]] */
	@media screen {		@media screen {
	html.skin-theme-clientpref-night .infobox-full-data:not(.notheme) > div:not(.notheme)[style] {		html.skin-theme-clientpref-night .infobox-full-data:not(.notheme) > div:not(.notheme)[style] {
	background: #1f1f23 !important;		background: #1f1f23 !important;
	/* switch with var( --color-base ) when supported. */		/* switch with var( --color-base ) when supported. */
	color: ~~#f8f9fa~~;		color: var(--color-base);
	}		}
	}		}

	@media screen and (prefers-color-scheme: dark) {
	html.skin-theme-clientpref-os .infobox-full-data:not(.notheme) > div:not(.notheme)~~[style]~~ {		@media screen and ( prefers-color-scheme: dark) {
	background: #1f1f23 !important;		html.skin-theme-clientpref-os .infobox-full-data:not(.notheme) div:not(.notheme) {
	/* switch with var( --color-base ) when supported. */		background: #1f1f23 !important;
	color: ~~#f8f9fa~~;		/* switch with var( --color-base ) when supported. */
	}		color: var(--color-base);
			}
			}

			/* Additions by mesemi to fit it within the theme */

			.infobox-label {
			color: var(--color-emphasized);
			width: 45%;
			}
			.infobox-data {
			color: var(--color-base);
			}

			.infobox {
			background-color: var(--color-surface-1);
			}

			.infobox-above {
			background-color: var(--color-surface-3);
			color: var(--color-emphasized);
			}
			.infobox-below {
			background-color: var(--color-surface-3);
			color: var(--color-emphasized);
			}
			.infobox-caption {
			color: var(--color-base);
			}
			.infobox-title {
			color: var(--color-emphasized);
			}

			.infobox-header {
			background-color: var(--color-surface-3);
			color: var(--color-emphasized);
			}
			.infobox-subheader {
			background-color: var(--color-surface-2);
			color: var(--color-emphasized);
			}

			.infobox-image .gallery {
			margin: 0 0 !important;
	}		}

Line 79:		Line 100:
	*/		*/
	@media (min-width: 640px) {		@media (min-width: 640px) {
	body.skin--responsive .infobox-table {		body.skin--responsive .infobox-table {
	display: table !important;		display: table !important;
	}		}
			body.skin--responsive .infobox-table > caption {
	body.skin--responsive .infobox-table > caption {		display: table-caption !important;
	display: table-caption !important;		}
	}		body.skin--responsive .infobox-table > tbody {
			display: table-row-group;
	body.skin--responsive .infobox-table > tbody {		}
	display: table-row-group;		body.skin--responsive .infobox-table th,
	}		body.skin--responsive .infobox-table td {
			padding-left: inherit;
	body.skin--responsive .infobox-table th,		padding-right: inherit;
	body.skin--responsive .infobox-table td {		}
	padding-left: inherit;
	padding-right: inherit;
	}
	}		}

RylandW: 1 revision imported

2026-06-10T18:16:29Z

1 revision imported

← Older revision	Revision as of 18:16, 10 June 2026
(No difference)

enwiki>Izno: spaceeeee

2026-06-09T21:49:34Z

spaceeeee

← Older revision		Revision as of 21:49, 9 June 2026
Line 6:		Line 6:
	* DO NOT ADD THEM HERE		* DO NOT ADD THEM HERE
	*/		*/

			/* NOTE: This is maintained both here and in [[MediaWiki:Common.css]] until migration is complete.
			* Starting with bare minimum for the benefit of [[mw:Manual:Safemode]]. */
			@media (min-width: 640px) {
			.infobox {
			/* @noflip */
			margin-left: 1em;
			/* @noflip */
			float: right;
			/* @noflip */
			clear: right;
			width: 22em;
			}
			}

	/*		/*
	* not strictly certain these styles are necessary since the modules now		* not strictly certain these styles are necessary since the modules now
Line 21:		Line 36:
	float: none;		float: none;
	background-color: transparent;		background-color: transparent;
			color:inherit;
	}		}

	.infobox-3cols-child {		.infobox-3cols-child {
	margin: ~~auto~~;		margin: -3px;
	}		}

Line 31:		Line 47:
	}		}

	/* Dark theme: [[~~William_Wragg~~]], [[~~Coral_Castle~~]] */		/* remove when infobox is not a table anymore */
			.infobox-hiddenrow,
			/* we mean it, Minerva. but also Vector 2022 in the future at some point */
			body.skin--responsive.skin--responsive .infobox .infobox-hiddenrow {
			display: none;
			}

			/* Dark theme: [[William Wragg]], [[Coral Castle]] */
	@media screen {		@media screen {
	html.skin-theme-clientpref-night .infobox-full-data:not(.notheme) > div:not(.notheme)[style] {		html.skin-theme-clientpref-night .infobox-full-data:not(.notheme) > div:not(.notheme)[style] {
	background: #1f1f23 !important;		background: #1f1f23 !important;
	/* switch with var( --color-base ) when supported. */		/* switch with var( --color-base ) when supported. */
	color: ~~var(--color-base)~~;		color: #f8f9fa;
	}		}
	}		}

			@media screen and (prefers-color-scheme: dark) {
	@media screen and ( prefers-color-scheme: dark) {		html.skin-theme-clientpref-os .infobox-full-data:not(.notheme) > div:not(.notheme)[style] {
	html.skin-theme-clientpref-os .infobox-full-data:not(.notheme) div:not(.notheme) {		background: #1f1f23 !important;
	background: #1f1f23 !important;		/* switch with var( --color-base ) when supported. */
	/* switch with var( --color-base ) when supported. */		color: #f8f9fa;
	color: ~~var(--color-base);~~		}
	}
	}

	~~/* Additions by mesemi to fit it within the theme */~~

	~~.infobox-label {~~
	~~color: var(--color-emphasized);~~
	~~width: 45%;~~
	}
	~~.infobox-data {~~
	~~color: var(--color-base);~~
	}

	~~.infobox {~~
	~~background-color: var(--color-surface-1);~~
	}

	~~.infobox-above {~~
	~~background-color: var(--color-surface-3);~~
	~~color: var(--color-emphasized);~~
	}
	~~.infobox-below {~~
	~~background-color: var(--color-surface-3);~~
	~~color: var(--color-emphasized);~~
	}
	~~.infobox-caption {~~
	~~color: var(--color-base);~~
	}
	~~.infobox-title {~~
	~~color: var(--color-emphasized);~~
	}

	~~.infobox-header {~~
	~~background-color: var(--color-surface-3)~~;
	~~color: var(--color-emphasized);~~
	}
	~~.infobox-subheader {~~
	~~background-color: var(--color-surface-2);~~
	~~color: var(--color-emphasized);~~
	}

	~~.infobox-image .gallery {~~
	~~margin: 0 0 !important;~~
	}		}

Line 100:		Line 79:
	*/		*/
	@media (min-width: 640px) {		@media (min-width: 640px) {
	body.skin--responsive .infobox-table {		body.skin--responsive .infobox-table {
	display: table !important;		display: table !important;
	}		}
	body.skin--responsive .infobox-table > caption {
	display: table-caption !important;		body.skin--responsive .infobox-table > caption {
	}		display: table-caption !important;
	body.skin--responsive .infobox-table > tbody {		}
	display: table-row-group;
	}		body.skin--responsive .infobox-table > tbody {
	body.skin--responsive .infobox-table th,		display: table-row-group;
	body.skin--responsive .infobox-table td {		}
	padding-left: inherit;
	padding-right: inherit;		body.skin--responsive .infobox-table th,
	}		body.skin--responsive .infobox-table td {
			padding-left: inherit;
			padding-right: inherit;
			}
	}		}

Mesemi at 04:46, 24 June 2025

2025-06-24T04:46:09Z

← Older revision		Revision as of 04:46, 24 June 2025
Line 88:		Line 88:
	}		}

	.infobox-image .gallery~~.mw-gallery-slideshow~~ {		.infobox-image .gallery {
	margin: 0 0 !important;		margin: 0 0 !important;
	}		}

Mesemi at 04:45, 24 June 2025

2025-06-24T04:45:06Z

← Older revision		Revision as of 04:45, 24 June 2025
Line 89:		Line 89:

	.infobox-image .gallery.mw-gallery-slideshow {		.infobox-image .gallery.mw-gallery-slideshow {
	margin: 0 0;		margin: 0 0 !important;
	}		}

Mesemi at 04:40, 24 June 2025

2025-06-24T04:40:56Z

← Older revision		Revision as of 04:40, 24 June 2025
Line 88:		Line 88:
	}		}

	.infobox-image .gallery {		.infobox-image .gallery.mw-gallery-slideshow {
	margin: 0 0;		margin: 0 0;
	}		}

Mesemi: Testing out gallery change

2025-06-24T04:30:19Z

Testing out gallery change

← Older revision		Revision as of 04:30, 24 June 2025
Line 86:		Line 86:
	background-color: var(--color-surface-2);		background-color: var(--color-surface-2);
	color: var(--color-emphasized);		color: var(--color-emphasized);
			}

			.infobox-image .gallery {
			margin: 0 0;
	}		}

Mesemi at 04:06, 21 June 2025

2025-06-21T04:06:17Z

@@ Line 68: / Line 68: @@
 	color: var(--color-emphasized);
+}
 .infobox-header {
 	background-color: var(--color-surface-3);

Mesemi at 04:03, 21 June 2025

2025-06-21T04:03:17Z

← Older revision		Revision as of 04:03, 21 June 2025
Line 70:		Line 70:
	.infobox-header {		.infobox-header {
	background-color: var(--color-surface-3);		background-color: var(--color-surface-3);
			color: var(--color-emphasized);
			}
			.infobox-subheader {
			background-color: var(--color-surface-2);
	color: var(--color-emphasized);		color: var(--color-emphasized);
	}		}