Module:Infobox/styles.css: Difference between revisions
No edit summary |
m 1 revision imported |
||
| (5 intermediate revisions by 4 users not shown) | |||
| Line 3: | Line 3: | ||
* This TemplateStyles sheet deliberately does NOT include the full set of | * This TemplateStyles sheet deliberately does NOT include the full set of | ||
* infobox styles. We are still working to migrate all of the manual | * infobox styles. We are still working to migrate all of the manual | ||
* infoboxes. | * infoboxes. See [[MediaWiki talk:Common.css/to do#Infobox]] | ||
* DO NOT ADD THEM HERE | * DO NOT ADD THEM HERE | ||
*/ | */ | ||
/* NOTE: This is maintained both here and in [[MediaWiki:Common.css]] until migration is complete. | |||
* Starting with bare minimum for the benefit of [[mw:Manual:Safemode]]. */ | |||
@media (min-width: 640px) { | |||
.infobox { | |||
/* @noflip */ | |||
margin-left: 1em; | |||
/* @noflip */ | |||
float: right; | |||
/* @noflip */ | |||
clear: right; | |||
width: 22em; | |||
} | |||
} | |||
/* | /* | ||
* not strictly certain these styles are necessary since the modules now | * not strictly certain these styles are necessary since the modules now | ||
| Line 32: | Line 47: | ||
} | } | ||
/* Dark theme: [[ | /* remove when infobox is not a table anymore */ | ||
.infobox-hiddenrow, | |||
/* we mean it, Minerva. but also Vector 2022 in the future at some point */ | |||
body.skin--responsive.skin--responsive .infobox .infobox-hiddenrow { | |||
display: none; | |||
} | |||
/* Dark theme: [[William Wragg]], [[Coral Castle]] */ | |||
@media screen { | @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) { | |||
@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 | /* Since infobox is a table, many infobox templates take advantage of this to | ||
| Line 60: | Line 79: | ||
*/ | */ | ||
@media (min-width: 640px) { | @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; | |||
} | |||
} | } | ||