Jump to content

Module:message box/styles.css

From Wiktionary, the free dictionary
.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; }
}