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; background-repeat: repeat-y; background-position: -1px -1px; }

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

/* IMAGE MESSAGE BOX */

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

/* MESSAGE BOX COMMON STYLES */

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

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

.mbox-image p { margin: 0 6px; width: 40px; }

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

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

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

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

/* MESSAGE BOX TYPES */

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

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

.ambox-speedy {   border-left: 10px solid firebrick; background-color: mistyrose; }

.imbox-speedy {   border: 3px solid firebrick; background-color: mistyrose; }

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

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

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

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

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

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

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