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:2px4px;
 background:#fffaef;
 color:inherit;
 border:1pxdottedgray;
 }

 @mediascreen{
 html.skin-theme-clientpref-night.banner-shell-inner{
 background:#2e2505;
 color:inherit;
 }
 }

 @mediascreenand(prefers-color-scheme:dark){
 html.skin-theme-clientpref-os.banner-shell-inner{
 background:#2e2505;
 color:inherit;
 }
 }

 /* For tmboxes inside banner-shell */
 .banner-shell.tmbox{
 margin:2px0;
 /* 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.25em0.9em0.25em0;
 }

 /* 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-icona{
 display:none;
 }

• Wikipedia template-protected modules