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;
 border: 1px dotted gray;
}

/* 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;
}