Module:Infobox/styles.css - Revision history

Stonedreamer: 1 revision imported

2025-05-01T01:25:25Z

1 revision imported

← Older revision	Revision as of 01:25, 1 May 2025
(No difference)

Stonedreamer: Created page with ".infobox { border: 1px solid #aaa; background-color: #f9f9f9; color: black; margin: 0.5em 1em 1em 0; padding: 0.2em; float: right; clear: right; font-size: 90%; line-height: 1.5em; width: 22em; } .infobox caption { font-size: 125%; font-weight: bold; text-align: center; } .infobox td, .infobox th { vertical-align: top; text-align: left; } .infobox.bordered { border-collapse: collapse; } .infobox.bordered td, .infobox.bordered th { bo..."

2025-04-19T22:53:16Z

Created page with ".infobox { border: 1px solid #aaa; background-color: #f9f9f9; color: black; margin: 0.5em 1em 1em 0; padding: 0.2em; float: right; clear: right; font-size: 90%; line-height: 1.5em; width: 22em; } .infobox caption { font-size: 125%; font-weight: bold; text-align: center; } .infobox td, .infobox th { vertical-align: top; text-align: left; } .infobox.bordered { border-collapse: collapse; } .infobox.bordered td, .infobox.bordered th { bo..."

← Older revision		Revision as of 22:53, 19 April 2025
Line 1:		Line 1:
	~~/* {~~{~~pp\|small=y}} */~~		.infobox {
	/*		border: 1px solid #aaa;
	* This TemplateStyles sheet deliberately does NOT include the full set of		background-color: #f9f9f9;
	* infobox styles. We are still working to migrate all of the manual		color: black;
	* infoboxes. See [[MediaWiki talk:~~Common.css/to do~~#~~Infobox]]~~		margin: 0.5em 1em 1em 0;
	* DO NOT ADD THEM HERE		padding: 0.2em;
	*/		float: right;
	/*		clear: right;
	* not strictly certain these styles are necessary since the modules now		font-size: 90%;
	* exclusively output infobox-~~subbox or infobox, not both~~		line-height: 1.5em;
	* just replicating the module faithfully		width: 22em;
	*/
	~~.infobox-subbox {~~
	~~padding~~: 0;
	~~border~~: ~~none~~;
	~~margin~~: ~~-3px~~;
	~~width~~: ~~auto~~;
	~~min-width~~: ~~100%~~;
	font-size: ~~100~~%;
	~~clear~~: ~~none~~;
	~~float: none;~~
	~~background-color~~: ~~transparent~~;
	}		}

	.infobox-~~3cols~~-~~child {~~		.infobox caption {
	~~margin~~: ~~auto~~;		font-size: 125%;
			font-weight: bold;
			text-align: center;
	}		}

	.infobox .~~navbar~~ {		.infobox td,
	~~font~~-~~size~~: ~~100%~~;		.infobox th {
			vertical-align: top;
			text-align: left;
	}		}

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

			.infobox.bordered td,
	~~@media screen and ( prefers-color-scheme: dark) {~~		.infobox.bordered th {
	~~html.skin-theme-clientpref-os~~ .infobox~~-full-data:not(~~.~~notheme) div:not(.notheme) {~~		border: 1px solid #aaa;
	~~background: #1f1f23 !important;~~
	~~/* switch with var( --color-base ) when supported. */~~
	~~color: #f8f9fa;~~
	}
	}


	~~/* 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
	~~Currently in use on: [[Module:Infobox3cols]]~~
	~~Fixes issue described in https://phabricator.wikimedia.org/F55300125 on Vector 2022.~~
	*/
	~~@media (min-width: 640px) {~~
	~~body.skin--responsive~~ .infobox~~-table {~~
	~~display: table !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 tr {~~
	~~display: table-row !important~~;
	}
	~~body.skin--responsive .infobox-table th,~~
	~~body.skin--responsive .infobox-table td {~~
	~~padding-left: inherit;~~
	~~padding-right: inherit;~~
	}
	}		}

wikipedia>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

New page

/* {{pp|small=y}} */
/*
* This TemplateStyles sheet deliberately does NOT include the full set of
* infobox styles. We are still working to migrate all of the manual
* infoboxes. See [[MediaWiki talk:Common.css/to do#Infobox]]
* DO NOT ADD THEM HERE
*/
/*
* not strictly certain these styles are necessary since the modules now
* exclusively output infobox-subbox or infobox, not both
* just replicating the module faithfully
*/
.infobox-subbox {
padding: 0;
border: none;
margin: -3px;
width: auto;
min-width: 100%;
font-size: 100%;
clear: none;
float: none;
background-color: transparent;
}

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

.infobox .navbar {
font-size: 100%;
}

/* Dark theme: [[William_Wragg]], [[Coral_Castle]] */

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

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

/* 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
Currently in use on: [[Module:Infobox3cols]]
Fixes issue described in https://phabricator.wikimedia.org/F55300125 on Vector 2022.
*/
@media (min-width: 640px) {
body.skin--responsive .infobox-table {
display: table !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 tr {
display: table-row !important;
}
body.skin--responsive .infobox-table th,
body.skin--responsive .infobox-table td {
padding-left: inherit;
padding-right: inherit;
}
}