Module:Infobox/styles.css: Difference between revisions
Till Kraemer (talk | contribs) mNo edit summary |
Till Kraemer (talk | contribs) No edit summary Tag: Reverted |
||
Line 12: | Line 12: | ||
* just replicating the module faithfully | * just replicating the module faithfully | ||
*/ | */ | ||
.infobox-subbox { | .infobox-subbox { | ||
padding: 0; | padding: 0; | ||
Line 31: | Line 24: | ||
} | } | ||
.infobox- | .infobox-3cols-child { | ||
margin: auto; | |||
} | } | ||
.infobox | .infobox .navbar { | ||
font-size: 100%; | |||
} | } | ||
.infobox- | /* 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; | |||
} | |||
} | } | ||
.infobox . | |||
@media screen and ( prefers-color-scheme: dark) { | |||
html.skin-theme-clientpref-os .infobox-full-data:not(.notheme) > div:not(.notheme)[style] { | |||
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 | |||
body.skin- | * add columns and rows to the infobox itself rather than as part of a new table | ||
body.skin- | * inside them. This class should be discouraged and removed on the long term, | ||
body.skin- | * but allows us to at least identify these tables going forward | ||
* Currently in use on: [[Module:Infobox3cols]] | |||
body.skin- | * Fixes issue described in [[phab:F55300125]] on Vector 2022. | ||
body.skin- | */ | ||
@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 th, | |||
body.skin--responsive .infobox-table td { | |||
padding-left: inherit; | |||
padding-right: inherit; | |||
} | |||
} | } |