Module:Infobox/styles.css - Revision history

Sushoff: 1 revision imported

2025-10-29T13:57:24Z

1 revision imported

← Older revision		Revision as of 13:57, 29 October 2025
(No difference)

en>Zackmann08: attempting to resolve a nesting issue.

2025-10-10T07:08:27Z

attempting to resolve a nesting issue.

← Older revision		Revision as of 07:08, 10 October 2025
Line 21:		Line 21:
	float: none;		float: none;
	background-color: transparent;		background-color: transparent;
			color:inherit;
	}		}

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

Line 43:		Line 44:

	@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) {		html.skin-theme-clientpref-os .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. */
Line 51:		Line 52:


	/* Since infobox is a table, many infobox templates take advantage of this to add columns and rows to the infobox itself rather than as part of a new table inside them. This class should be discouraged and removed on the long term, but allows us to at least identify these tables going forward		/* Since infobox is a table, many infobox templates take advantage of this to
	Currently in use on: [[Module:Infobox3cols]]		* add columns and rows to the infobox itself rather than as part of a new table
	Fixes issue described in ~~https~~:~~//phabricator.wikimedia.org/~~F55300125 on Vector 2022.		* inside them. This class should be discouraged and removed on the long term,
			* but allows us to at least identify these tables going forward
			* Currently in use on: [[Module:Infobox3cols]]
			* Fixes issue described in [[phab:F55300125]] on Vector 2022.
	*/		*/
	@media (min-width: 640px) {		@media (min-width: 640px) {
Line 64:		Line 68:
	body.skin--responsive .infobox-table > tbody {		body.skin--responsive .infobox-table > tbody {
	display: table-row-group;		display: table-row-group;
	}
	~~body.skin--responsive .infobox-table tr {~~
	~~display: table-row !important;~~
	}		}
	body.skin--responsive .infobox-table th,		body.skin--responsive .infobox-table th,

imported>Izno: remove this block entirely, common.css and minerva.css have the relevant styles

2024-11-12T17:45:34Z

remove this block entirely, common.css and minerva.css have the relevant styles

@@ Line 30: / Line 30: @@
 	font-size: 100%;
+}
 /* Dark theme: [[William_Wragg]], [[Coral_Castle]] */

imported>Izno: no reason for that

2024-11-12T17:39:02Z

no reason for that

← Older revision		Revision as of 17:39, 12 November 2024
Line 32:		Line 32:

	/* T281642 */		/* T281642 */
	~~body.skin-minerva~~ .infobox-header,		.infobox-header,
	~~body.skin-minerva~~ .infobox-subheader,		.infobox-subheader,
	~~body.skin-minerva~~ .infobox-above,		.infobox-above,
	~~body.skin-minerva~~ .infobox-title,		.infobox-title,
	~~body.skin-minerva~~ .infobox-image,		.infobox-image,
	~~body.skin-minerva~~ .infobox-full-data,		.infobox-full-data,
	~~body.skin-minerva~~ .infobox-below {		.infobox-below {
	text-align: center;		text-align: center;
	}		}

imported>Jon (WMF): Fixes phab:T369874 via automated script

2024-07-31T23:21:15Z

Fixes phab:T369874 via automated script

← Older revision		Revision as of 23:21, 31 July 2024
Line 44:		Line 44:

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

	@media (prefers-color-scheme: dark) {
			@media screen and ( prefers-color-scheme: dark) {
	html.skin-theme-clientpref-os .infobox-full-data:not(.notheme) div:not(.notheme) {		html.skin-theme-clientpref-os .infobox-full-data:not(.notheme) div:not(.notheme) {
	background: #1f1f23 !important;		background: #1f1f23 !important;

imported>Jdlrobson: For completeness.. use table-row-group for tbody element

2024-06-14T23:05:28Z

For completeness.. use table-row-group for tbody element

← Older revision		Revision as of 23:05, 14 June 2024
Line 70:		Line 70:
	display: table-caption !important;		display: table-caption !important;
	}		}
	body.skin--responsive .infobox-table > tbody,		body.skin--responsive .infobox-table > tbody {
			display: table-row-group;
			}
	body.skin--responsive .infobox-table tr {		body.skin--responsive .infobox-table tr {
	display: table-row !important;		display: table-row !important;

imported>Jdlrobson: Use display table-caption for captions

2024-06-14T22:36:41Z

Use display table-caption for captions

← Older revision		Revision as of 22:36, 14 June 2024
Line 66:		Line 66:
	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 > tbody,		body.skin--responsive .infobox-table > tbody,
	~~body.skin--responsive .infobox-table > caption,~~
	body.skin--responsive .infobox-table tr {		body.skin--responsive .infobox-table tr {
	display: table-row !important;		display: table-row !important;

imported>Jdlrobson: Limit the !important's to inline style override

2024-06-14T03:58:50Z

Limit the !important's to inline style override

← Older revision		Revision as of 03:58, 14 June 2024
Line 44:		Line 44:

	/* Dark theme: [[William_Wragg]], [[Coral_Castle]] */		/* Dark theme: [[William_Wragg]], [[Coral_Castle]] */
	html.skin-theme-clientpref-night .infobox-full-data:not(.notheme) div:not(.notheme) {		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. */

imported>Jdlrobson: Reduce padding, to reduce overall size of infobox-table elements

2024-06-14T03:50:54Z

Reduce padding, to reduce overall size of infobox-table elements

← Older revision		Revision as of 03:50, 14 June 2024
Line 71:		Line 71:
	body.skin--responsive .infobox-table tr {		body.skin--responsive .infobox-table tr {
	display: table-row !important;		display: table-row !important;
			}
			body.skin--responsive .infobox-table th,
			body.skin--responsive .infobox-table td {
			padding-left: inherit;
			padding-right: inherit;
	}		}
	}		}

imported>Jon (WMF): Add infobox-table class to markup infoboxes that rely on the table tag that is associated with infoboxes.

2024-06-14T01:15:22Z

Add infobox-table class to markup infoboxes that rely on the table tag that is associated with infoboxes.

@@ Line 56: / Line 56: @@
        color: #f8f9fa;
+     }
+}