Template:Test/styles.css

/* ARTICLE MESSAGE BOX */

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

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

/* 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 */

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

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

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

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

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

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

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