https://www.drugwiki.net/wen/index.php?action=history&feed=atom&title=Module%3ABanner_shell%2Fstyles.css 2026-09-20T17:02:00Z Revision history for this page on the wiki MediaWiki 1.44.2 https://www.drugwiki.net/wen/index.php?title=Module:Banner_shell/styles.css&diff=10535&oldid=prev 2025-11-01T21:31:05Z

<p>Created page with &quot; <span class="autocomment">{{pp-template}}: </span> .banner-shell { border-collapse: separate; border-spacing: 4px; } .banner-shell-header { text-align: center; font-weight: bold; } .banner-shell-inner { padding: 2px 4px; background: #fffaef; color:inherit; border: 1px dotted gray; } @media screen { html.skin-theme-clientpref-night .banner-shell-inner { background:#2e2505; color:inherit; } } @media screen and (prefers-color-scheme: dark) { html.skin-theme-clientpref-os .b...&quot;</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 /> /* &quot;small&quot; tmboxes should not be small when also &quot;nested&quot;, 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>

Sysop