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;
    margin-right: -0.5em;
}

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

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

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

.mbox-text
{
    padding: 0.25em 1em;
    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;
}

body.skin-minerva .ambox {
	margin: 0;
	border: 0;
	width: 100%;
	font-size: smaller;
}

body.skin-minerva .ambox .mbox-image, body.skin-minerva .ambox .mbox-image-right {
	display: none !important;
}

body.skin-minerva .ambox p {
	margin: 0.25em !important;
}

/* 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); /* [[File:Boxes-blue.png] */
    border-left: 10px solid royalblue;
}

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

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

.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); /* [[File:Boxes-red.png] */
	border-left: 10px solid firebrick;
}

.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); /* [[File:Boxes-orange.png] */
    border-left: 10px solid orange;
}

.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); /* [[File:Boxes-yellow.png] */
    border-left: 10px solid gold;
}

.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); /* [[File:Boxes-purple.png] */
    border-left: 10px solid purple;
}

.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); /* [[File:Boxes-gray.png] */
    border-left: 10px solid gray;
}

.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;
}