Mô đun:Banner shell/styles.css
Giao diện
/* */.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;}