Module:Infobox/styles.css：修订间差异
无编辑摘要 标签：手工回退 |
小 导入1个版本 |
||
| （未显示3个用户的3个中间版本） | |||
| 第5行： | 第5行： | ||
* 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 | ||
| 第20行： | 第35行： | ||
float: none; | float: none; | ||
background-color: transparent; | background-color: transparent; | ||
color:inherit; | |||
} | } | ||
.infobox-3cols-child { | .infobox-3cols-child { | ||
margin: | margin: -3px; | ||
} | } | ||
| 第30行： | 第46行： | ||
} | } | ||
/* | /* 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 { | |||
body.skin- | display: none; | ||
} | } | ||
/* Dark theme: [[ | /* Dark theme: [[William Wragg]], [[Coral Castle]] */ | ||
@media screen { | @media screen { | ||
html.skin-theme-clientpref-night .infobox-full-data:not(.notheme) > div:not(.notheme)[style], | |||
html.skin-theme-clientpref-night .infobox td > div:not(.notheme)[style] { | |||
background: #1f1f23 !important; | |||
/* switch with var( --color-base ) when supported. */ | |||
color: #f8f9fa; | |||
} | } | ||
html.skin-theme-clientpref-night .infobox td > div.NavHead:not(.notheme)[style] { | |||
html.skin-theme-clientpref-night .infobox td div:not(.notheme)[style] { | |||
background: transparent !important; | background: transparent !important; | ||
} | } | ||
} | } | ||
@media screen and (prefers-color-scheme: dark) { | |||
html.skin-theme-clientpref-os .infobox-full-data:not(.notheme) > div:not(.notheme)[style], | |||
html.skin-theme-clientpref-os .infobox td > div:not(.notheme)[style] { | |||
background: #1f1f23 !important; | |||
/* switch with var( --color-base ) when supported. */ | |||
color: #f8f9fa; | |||
} | |||
html.skin-theme-clientpref-os .infobox td > div.NavHead:not(.notheme)[style] { | |||
background: transparent !important; | background: transparent !important; | ||
} | |||
} | } | ||
/* 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) { | ||
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; | |||
} | |||
} | } | ||