Module:Message box/ambox.css

/* Article message box styles */ .ambox { margin: 0 10%;                 /* 10% = Will not overlap with other elements */ border: 1px solid #a2a9b1; /* @noflip */ border-left: 10px solid #36c; /* Default "notice" blue */ background-color: #fbfbfb; box-sizing: border-box; }

/* Single border between stacked boxes. */ .ambox + link + .ambox, .ambox + link + link + .ambox, .ambox + link + style + .ambox, /* TODO: raise as "is this really that necessary???" */ .ambox + .mw-empty-elt + link + .ambox, .ambox + .mw-empty-elt + link + link + .ambox, .ambox + .mw-empty-elt + link + style + .ambox { margin-top: -1px; }

.ambox-notice { /* @noflip */ border-left: 10px solid #36c;      /* Blue */ }

.ambox-speedy { /* @noflip */ border-left: 10px solid #b32424;   /* Red */ background-color: #fee7e6;         /* Pink */ }

.ambox-delete { /* @noflip */ border-left: 10px solid #b32424;   /* Red */ }

.ambox-content { /* @noflip */ border-left: 10px solid #f28500;   /* Orange */ }

.ambox-style { /* @noflip */ border-left: 10px solid #fc3;      /* Yellow */ }

.ambox-move { /* @noflip */ border-left: 10px solid #9932cc;   /* Purple */ }

.ambox-protection { /* @noflip */ border-left: 10px solid #a2a9b1;   /* Gray-gold */ }

/* High specificity due to .ambox + .ambox above */ html body.mediawiki .ambox.mbox-small {  /* For the "small=yes" option. */	/* @noflip */ clear: right; /* @noflip */ float: right; /* @noflip */ margin: 4px 0 4px 1em; box-sizing: border-box; width: 238px; font-size: 88%; line-height: 1.25em; }

html body.mediawiki .ambox.mbox-small-left {  /* For the "small=left" option. */	/* @noflip */ margin: 4px 1em 4px 0; box-sizing: border-box; overflow: hidden; width: 238px; border-collapse: collapse; font-size: 88%; line-height: 1.25em; }

.ambox .mbox-text { border: none; /* @noflip */ padding: 0.25em 0.5em; width: 100%; }

.ambox .mbox-image {               /* The left image cell */ border: none; /* @noflip */ padding: 2px 0 2px 0.5em; /* 0.9em left, 0px right */ text-align: center; }

.ambox .mbox-imageright {          /* The right image cell */ border: none; /* @noflip */ padding: 2px 0.5em 2px 0; /* 0px left, 0.9em right */ text-align: center; }

.ambox .mbox-empty-cell {          /* An empty narrow cell */ border: none; padding: 0; width: 1px; }