MediaWiki:FD Mbox.css

Note: After publishing, you may have to bypass your browser's cache to see the changes.

Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
Opera: Press Ctrl-F5.

/*
 * MediaWiki:FD Mbox.css from the Genshin Impact Wiki
 * https://genshin-impact.fandom.com/wiki/MediaWiki:FD_Mbox.css
 */
:root {
	--stub: 233, 206, 98;
	--mild: 220, 119, 90;
	--removed: 135, 27, 65;
	--cleanup: 171, 59, 74;
	--upcoming: 83, 53, 126;
	--lua: 70, 96, 211;
	--sandbox: 161, 206, 191;
	--opacity: 0.15;
}

.mbox__content__text {
	padding-right: 10px;
}
.mbox__content__aside , .mbox__content__text__comment {
	line-height: 18px;
}

/* STUB */
.mbox.stub {
	border-color: rgb(var(--stub));
	background-color: rgba(var(--stub), var(--opacity));
}
.mbox.stub .mbox__content__aside {
	border-color: rgb(var(--stub));
}

/* CLEANUP */
.mbox.cleanup {
	border-color: rgb(var(--cleanup));
	background-color: rgba(var(--cleanup), var(--opacity));
}
.mbox.cleanup .mbox__content__aside {
	border-color: rgb(var(--cleanup));
}
.mbox.cleanup-mild {
	border-color: rgb(var(--mild));
	background-color: rgba(var(--cleanup), var(--opacity));
}
.mbox.cleanup-mild .mbox__content__aside {
	border-color: rgb(var(--mild));
}
.mbox.cleanup-top {
	border-color: rgb(var(--mild));
	background-color: rgba(var(--cleanup), var(--opacity));
}
.mbox.cleanup-top .mbox__content__aside {
	border-color: rgb(var(--mild));
}

/* REMOVED */
.mbox.removed {
	border-color: rgb(var(--removed));
	background-color: rgba(var(--removed), var(--opacity));
}

/* SPOILER */
.mbox.spoiler {
	border-color: rgb(var(--cleanup));
	background-color: rgba(var(--cleanup), var(--opacity));
}
.mbox.underconstruction .mbox__content__aside {
	border-color: rgb(var(--construct));
}

/* UPCOMING */
.mbox.upcoming {
	border-color: rgb(var(--upcoming));
	background-color: rgba(var(--upcoming), var(--opacity));
}

/* LUA */
.mbox.lua {
	border-color: rgb(var(--lua));
	background-color: rgba(var(--lua), var(--opacity));
}

/* SANDBOX */
.mbox.sandbox {
	border-color: rgb(var(--sandbox));
	background-color: rgba(var(--sandbox), var(--opacity));
}
.mbox.sandbox .mbox__content__aside {
	border-color: rgb(var(--sandbox));
}

/* High Risk */
.mbox.highrisk {
	border-color: var(--type-important);
	background-color: rgba(200,0,0, var(--opacity));
}
.mbox.highrisk .mbox__content__aside {
	border-color: var(--type-important);
}