View source for MediaWiki:FD Mbox.css

:root {
  --stub: 233, 206, 98;
  --cbt: 72, 123, 106;
  --mild: 220, 119, 90;
  --removed: 135, 27, 65;
  --cleanup: 171, 59, 74;
  --construct: 233, 165, 98;
  --upcoming: 83, 53, 126;
  --unofficialtl: 24, 217, 207;
  --lua: 70, 96, 211;
  --css: 35, 100, 240;
  --js: 247, 223, 30;
  --sandbox: 161, 206, 191;
  --names: 157, 209, 209;
  --changehistory: 80, 107, 169;
  --beta: 161, 178, 243;
  --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));
}

/* CBT CONTENT */
.mbox.CBT {
	border-color: rgb(var(--cbt));
	background-color: rgba(var(--cbt), var(--opacity));
}

/* CHINA ONLY */
.mbox.chinaonly {
  border-color: rgb(var(--construct));
  background-color: rgba(var(--construct), var(--opacity));
}

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

/* UNDER CONSTRUCTION */
.mbox.underconstruction {
	border-color: rgb(var(--construct));
	background-color: rgba(var(--construct), 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));
}

/* UNOFFICIAL TL */
.mbox.unofficial-tl {
	border-color: rgb(var(--unofficialtl));
	background-color: rgba(var(--unofficialtl), var(--opacity));
}

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

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

/* JS */
.mbox.js {
	border-color: rgb(var(--js));
	background-color: rgba(var(--js), 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);
}

/* NAMEORDER */
.mbox.nameorder {
	border-color: rgb(var(--names));
	background-color: rgba(var(--names), var(--opacity));
}

/* Change History */
.mbox.changehistory {
	border-color: rgb(var(--changehistory));
	background-color: rgba(var(--changehistory), var(--opacity));
}

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