Editing Module:Infobox/styles.css
Appearance
The edit can be undone. Please check the comparison below to verify that this is what you want to do, and then publish the changes below to finish undoing the edit.
Latest revision | Your text | ||
Line 1: | Line 1: | ||
/* {{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 { | .infobox-subbox { | ||
padding: 0; | padding: 0; | ||
Line 30: | Line 42: | ||
} | } | ||
/* Dark theme: [[William_Wragg]], [[Coral_Castle]] */ | |||
. | html.skin-theme-clientpref-night .infobox-full-data:not(.notheme) > div:not(.notheme)[style] { | ||
background: #1f1f23 !important; | |||
.infobox-full-data | /* switch with var( --color-base ) when supported. */ | ||
. | color: #f8f9fa; | ||
} | } | ||
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 | ||
.infobox .infobox- | 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; | |||
} | |||
} | } |