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