http://70.231.62.181/index.php?action=history&feed=atom&title=Module%3ABanner_shell%2Fstyles.cssModule:Banner shell/styles.css - Revision history2026-04-23T07:30:59ZRevision history for this page on the wikiMediaWiki 1.45.1http://70.231.62.181/index.php?title=Module:Banner_shell/styles.css&diff=22578937&oldid=previmported>Jonesey95: fix text color in dark mode; this generally works but may cause problems, in which case revert or try specifying a different CSS value2025-10-05T02:48:13Z<p>fix text color in dark mode; this generally works but may cause problems, in which case revert or try specifying a different CSS value</p>
<p><b>New page</b></p><div><br />
/* {{pp-template}} */<br />
.banner-shell {<br />
border-collapse: separate;<br />
border-spacing: 4px;<br />
}<br />
<br />
.banner-shell-header {<br />
text-align: center;<br />
font-weight: bold;<br />
}<br />
<br />
.banner-shell-inner {<br />
padding: 2px 4px;<br />
background: #fffaef;<br />
color:inherit;<br />
border: 1px dotted gray;<br />
}<br />
<br />
@media screen {<br />
html.skin-theme-clientpref-night .banner-shell-inner {<br />
background:#2e2505;<br />
color:inherit;<br />
}<br />
}<br />
<br />
@media screen and (prefers-color-scheme: dark) {<br />
html.skin-theme-clientpref-os .banner-shell-inner {<br />
background:#2e2505;<br />
color:inherit;<br />
}<br />
}<br />
<br />
/* For tmboxes inside banner-shell */<br />
.banner-shell .tmbox {<br />
margin: 2px 0;<br />
/* TODO: Still needed? Probably at least for .mbox-small */<br />
width: 100%;/* For Safari and Opera */<br />
}<br />
<br />
/* "small" tmboxes should not be small when also "nested", so reset styles that<br />
* are set in tmbox.css.<br />
*/<br />
.banner-shell .tmbox.mbox-small { <br />
line-height: 1.5em;<br />
font-size: 100%;<br />
}<br />
<br />
/* hide things that should only display outside shells */<br />
.banner-shell-inner .banner-shell-outside {<br />
display: none;<br />
}<br />
<br />
<br />
@media (min-width: 720px) {<br />
.wpbs {<br />
width: 80%;<br />
}<br />
}<br />
<br />
.wpbs .assess {<br />
width: 60px;<br />
text-align:center;<br />
}<br />
<br />
.wpbs .banner-shell-header {<br />
border: none;<br />
padding: 0.25em 0.9em 0.25em 0;<br />
}<br />
<br />
/* This selector needs to have three classes because wpbm.css will come after<br />
* the shell CSS. Possibly .wpb-header will be the only class in the future in<br />
* which case we will still need at least two.<br />
*/<br />
.wpbs .wpb .wpb-header {<br />
display: table-row;<br />
}<br />
<br />
/* hide the header icon when banner expanded */<br />
.wpbs .wpb:not(.mw-collapsed) .wpb-header-icon a {<br />
display: none;<br />
}</div>imported>Jonesey95