Module:Banner shell/styles.css
/* {{pp-template}} */
.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;
}
}
@media screen and (prefers-color-scheme: dark) {
html.skin-theme-clientpref-os .banner-shell-inner {
background:#2e2505;
}
}
/* For tmboxes inside banner-shell */
.banner-shell .tmbox {
margin: 2px 0;
/* TODO: Still needed? Probably at least for .mbox-small */
width: 100%;/* For Safari and Opera */
}
/* "small" tmboxes should not be small when also "nested", so reset styles that
* are set in tmbox.css.
*/
.banner-shell .tmbox.mbox-small {
line-height: 1.5em;
font-size: 100%;
}
/* hide things that should only display outside shells */
.banner-shell-inner .banner-shell-outside {
display: none;
}
@media (min-width: 720px) {
.wpbs {
width: 80%;
}
}
.wpbs .assess {
width: 60px;
text-align:center;
}
.wpbs .banner-shell-header {
border: none;
padding: 0.25em 0.9em 0.25em 0;
}
/* This selector needs to have three classes because wpbm.css will come after
* the shell CSS. Possibly .wpb-header will be the only class in the future in
* which case we will still need at least two.
*/
.wpbs .wpb .wpb-header {
display: table-row;
}
/* hide the header icon when banner expanded */
.wpbs .wpb:not(.mw-collapsed) .wpb-header-icon a {
display: none;
}