Message box/imbox.css

/**

*

(image message box) styles

*
* @source https://www.mediawiki.org/wiki/MediaWiki:Gadget-enwp-boxes.css
* @revision 2021-07-15
*/

table.imbox { margin: 4px 10%; border-collapse: collapse; /* Default "notice" blue */ border: 3px solid #36c; background-color: #fbfbfb; box-sizing: border-box; }

/* For imboxes inside imbox-text cells. */ .imbox .mbox-text .imbox { /* 0.9 - 0.5 = 0.4em left/right. */ margin: 0 -0.5em; /* Fix for webkit to force 100% width. */ display: block; }

/* For imboxes inside other templates. */ .mbox-inside .imbox { margin: 4px; }

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

/* The message body cell(s) */ .imbox th.mbox-text, .imbox td.mbox-text { border: none; /* 0.9em left/right */ padding: 0.25em 0.9em; /* Make all mboxes the same width regardless of text length */ width: 100%; }

/* The left image cell */ .imbox td.mbox-image { /* 0.9em left, 0px right */ /* @noflip */ padding: 2px 0 2px 0.9em; }

/* The right image cell */ .imbox td.mbox-imageright { /* 0px left, 0.9em right */ /* @noflip */ padding: 2px 0.9em 2px 0; }

table.imbox-notice { /* Blue */ border-color: #36c; }

table.imbox-speedy { /* Pink */ background-color: #fee7e6; }

table.imbox-delete, table.imbox-speedy { /* Red */ border-color: #b32424; }

table.imbox-content { /* Orange */ border-color: #f28500; }

table.imbox-style { /* Yellow */ border-color: #fc3; }

table.imbox-move { /* Purple */ border-color: #9932cc; }

table.imbox-protection { /* Gray-gold */ border-color: #a2a9b1; }

table.imbox-license { /* Dark gray */ border-color: #88a; /* Light gray */ background-color: #f7f8ff; }

table.imbox-featured { /* Brown-gold */ border-color: #cba135; }