Template:Mbox/styles.css

/* MESSAGE BOX COMMON STYLES */

.ambox, .ombox, .imbox, .cmbox, .fmbox, .tmbox {   margin: 4px 10%; box-sizing: border-box; display: flex; flex-direction: row; }

.mbox-image, .mbox-imageright, .mbox-text {   display: flex; flex-direction: column; justify-content: center; }

.mbox-image, .mbox-imageright {   vertical-align: middle; padding: 4px 0; }

.mbox-image {   padding-left: 0.5em; }

.mbox-imageright {   padding-right: 0.5em; }

.mbox-image p, .mbox-imageright p { margin: 0; }

.mbox-image img, .mbox-imageright img {	margin: 0 6px; }

.mbox-text {   padding: 0.25em 0.5em; width: 100%; }

.mbox-small, .mbox-small-left {   margin: 4px 0; box-sizing: border-box; width: 256px; font-size: 88%; line-height: 1.25em; }

.mbox-small {   margin-left: 1em; clear: right; float: right; }

.mbox-small-left { margin-right: 1em; }

/* ARTICLE MESSAGE BOX */

.ambox {   border: 1px solid darkgray; background-color: whitesmoke; background-repeat: repeat-y; background-position: -1px -1px; }

.ambox + .ambox, .ambox + link + .ambox { margin-top: -5px; }

/* IMAGE MESSAGE BOX */

.imbox {   margin: 3px 10%; background-color: whitesmoke; }

/* CATEGORY MESSAGE BOX */

.cmbox {   border: 1px solid darkgray; }

/* OTHER MESSAGE BOX */

.ombox {   border: 1px solid darkgray; background-color: whitesmoke; }

/* TALK PAGE MESSAGE BOX */

.tmbox {   border: 1px solid darkkhaki; background-color: moccasin; }

/* FOOTER MESSAGE BOX */

.fmbox {   margin: 0.2em 0; }

/* MESSAGE BOX TYPES */

.ambox, .ambox-notice {   background-image: url(/images/8/83/Boxes-blue.png); }

.imbox, .imbox-notice {   border: 3px solid royalblue; }

.cmbox, .cmbox-notice {	background-color: lavender; }

.ambox-speedy, .imbox-speedy, .cmbox-speedy, .cmbox-delete, .tmbox-speedy, .ombox-speedy {   background-color: mistyrose; }

.imbox-speedy, .imbox-delete, .cmbox-speedy {   border: 3px solid firebrick; }

.ambox-speedy, .ambox-delete {	background-image: url(/images/0/09/Boxes-red.png); }

.ombox-speedy, .ombox-delete {   border: 2px solid firebrick; }

.tmbox-speedy, .tmbox-delete {   border: 2px solid firebrick; }

.ambox-content {   background-image: url(/images/2/2d/Boxes-orange.png); }

.imbox-content {   border: 3px solid orange; }

.cmbox-content {	background-color: bisque; }

.ombox-content {   border: 1px solid orange; }

.tmbox-content {   border: 2px solid orange; }

.ambox-style {   background-image: url(/images/9/9c/Boxes-yellow.png); }

.imbox-style {   border: 3px solid gold; }

.cmbox-style {	background-color: cornsilk; }

.ombox-style {   border: 1px solid gold; }

.tmbox-style {   border: 2px solid gold; }

.ambox-move {   background-image: url(/images/d/dd/Boxes-purple.png); }

.imbox-move {   border: 3px solid purple; }

.cmbox-move {	background-color: lavender; }

.ombox-move {   border: 1px solid purple; }

.tmbox-move {   border: 2px solid purple; }

.ambox-protection {   background-image: url(/images/c/cf/Boxes-gray.png); }

.imbox-protection {   border: 3px solid gray; }

.cmbox-protection {	background-color: oldlace; }

.ombox-protection {   border: 2px solid gray; }

.imbox-license {   border: 3px solid slategray; background-color: lightgray; }

.imbox-featured {   border: 3px solid goldenrod; }

.fmbox-warning {   border: 1px solid firebrick; background-color: mistyrose; }

.fmbox-editnotice {   border: 1px solid darkgray; background-color: transparent; }

.fmbox-system {   border: 1px solid darkgray; background-color: whitesmoke; }