Module:message box/styles.css
Appearance
.maintenance-box {
width: 90%;
margin: 0.75em auto;
border-width: 1px;
border-style: dashed;
padding: 0.25em;
}
.request-box {
width: 90%;
margin: 0.75em auto;
border: 1px dashed var(--border-color-base,#999999);
padding: 0.25em;
background: var(--background-color-base,#FFFFFF);
}
body.skin-minerva .request-box table {
margin-top: 0.25em;
margin-bottom: 0.25em;
}
/* Colors */
.maintenance-box-blue { background-color: #E6E6FF; border-color: #000061; }
.maintenance-box-red { background-color: #FFE6E6; border-color: #610000; }
.maintenance-box-yellow { background-color: #FFFFE6; border-color: #616100; }
.maintenance-box-grey { background-color: #F2F2F2; border-color: #303030; }
.maintenance-box-orange { background-color: #FFF2E6; border-color: #612F00; }
/* Dark colors. Styles need to be duplicated exactly between these two selectors. */
@media screen {
html.skin-theme-clientpref-night .maintenance-box-blue { background-color: #1D1D44; border-color: #73737F; }
html.skin-theme-clientpref-night .maintenance-box-red { background-color: #441D1D; border-color: #7F7373; }
html.skin-theme-clientpref-night .maintenance-box-yellow { background-color: #323216; border-color: #7F7F73; }
html.skin-theme-clientpref-night .maintenance-box-grey { background-color: #303030; border-color: #797979; }
html.skin-theme-clientpref-night .maintenance-box-orange { background-color: #44301D; border-color: #7F7973; }
}
@media screen and (prefers-color-scheme: dark) {
html.skin-theme-clientpref-os .maintenance-box-blue { background-color: #1D1D44; border-color: #73737F; }
html.skin-theme-clientpref-os .maintenance-box-red { background-color: #441D1D; border-color: #7F7373; }
html.skin-theme-clientpref-os .maintenance-box-yellow { background-color: #323216; border-color: #7F7F73; }
html.skin-theme-clientpref-os .maintenance-box-grey { background-color: #303030; border-color: #797979; }
html.skin-theme-clientpref-os .maintenance-box-orange { background-color: #44301D; border-color: #7F7973; }
}