Template:Mbox/styles.css

/* ARTICLE MESSAGE BOX */

.ambox {   margin: 0 10%; border: 1px solid darkgray; background-color: whitesmoke; box-sizing: border-box; display: flex; flex-direction: row; }

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

/* IMAGE MESSAGE BOX */

.imbox {   margin: 4px 10%; border: 3px solid darkgray; background-color: whitesmoke; box-sizing: border-box; display: flex; flex-direction: row; }

/* MESSAGE BOX COMMON STYLES */

.mbox-image {   vertical-align: middle; padding: 2px 0 2px 0.5em; width: 40px; }

.mbox-image img {   max-width: 100%; height: auto; }

.mbox-text {   padding: 0.25em 0.5em; width: 100%; display: flex; flex-direction: column; justify-content: center; }

.mbox-small-left {   font-size: 88%; width: 256px; margin: 0; }

.mbox-small-left .mbox-image {   width: 20px; }

/* MESSAGE BOX TYPES */

.ambox-speedy {   border-left: 10px solid red; background-color: pink; }

.imbox-speedy {   border: 3px solid red; background-color: pink; }

.ambox-delete {   border-left: 10px solid red; }

.imbox-delete {   border: 3px solid red; }

.ambox-content {   border-left: 10px solid orange; }

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

.ambox-style {   border-left: 10px solid yellow; }

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

.ambox-notice {   border-left: 10px solid blue; }

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

.ambox-move {   border-left: 10px solid purple; }

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

.ambox-protection {   border-left: 10px solid gray; }

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

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

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