Module:Infobox/styles.css: Difference between revisions
m 1 revision imported |
m 1 revision imported |
||
| (One intermediate revision by one other user not shown) | |||
| Line 21: | Line 21: | ||
float: none; | float: none; | ||
background-color: transparent; | background-color: transparent; | ||
color:inherit; | |||
} | } | ||
.infobox-3cols-child { | .infobox-3cols-child { | ||
margin: | margin: -3px; | ||
} | } | ||
| Line 30: | Line 31: | ||
font-size: 100%; | font-size: 100%; | ||
} | } | ||
/* Dark theme: [[William_Wragg]], [[Coral_Castle]] */ | /* Dark theme: [[William_Wragg]], [[Coral_Castle]] */ | ||
| Line 55: | 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 63: | 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 | * 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 76: | 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 th, | body.skin--responsive .infobox-table th, | ||