502
edits
Module:Infobox/styles.css: Difference between revisions
m
1 revision imported
(Use div so this doesn't apply to) |
m (1 revision imported) |
||
| (2 intermediate revisions by 2 users not shown) | |||
| Line 31: | Line 31: | ||
} | } | ||
/* | /* 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- | html.skin-theme-clientpref-os .infobox-full-data:not(.notheme) div:not(.notheme) { | ||
background: #1f1f23 !important; | |||
/* switch with var( --color-base ) when supported. */ | /* switch with var( --color-base ) when supported. */ | ||
color: #f8f9fa; | color: #f8f9fa; | ||
} | |||
} | } | ||
@media ( | |||
/* 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 [[phab: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 th, | |||
body.skin--responsive .infobox-table td { | |||
padding-left: inherit; | |||
padding-right: inherit; | |||
} | |||
} | } | ||