https://www.p1gsel.com/p1gwars/index.php?action=history&feed=atom&title=Module%3AMessage_box%2Fimbox.css 2026-04-17T08:12:29Z Revision history for this page on the wiki MediaWiki 1.45.1 https://www.p1gsel.com/p1gwars/index.php?title=Module:Message_box/imbox.css&diff=6335&oldid=prev 2026-01-11T16:35:06Z

<p>Created page with &quot;<span class="autocomment">* * {{imbox}} (image message box) styles * * @source https://www.mediawiki.org/wiki/MediaWiki:Gadget-enwp-boxes.css * @revision 2021-07-15: </span> table.imbox { margin: 4px 10%; border-collapse: collapse; <span class="autocomment">Default &quot;notice&quot; blue: </span> border: 3px solid var(--border-color-progressive, #36c); background-color: var(--background-color-neutral-subtle, #f8f9fa); box-sizing: border-box; } <span class="autocomment">For imboxes inside imbox-text cells.: </span> .imbox .mbox-text .imbox { /* 0.9 - 0.5...&quot;</p> <p><b>New page</b></p><div>/**<br /> * {{imbox}} (image message box) styles<br /> *<br /> * @source https://www.mediawiki.org/wiki/MediaWiki:Gadget-enwp-boxes.css<br /> * @revision 2021-07-15<br /> */<br /> table.imbox {<br /> margin: 4px 10%;<br /> border-collapse: collapse;<br /> /* Default &quot;notice&quot; blue */<br /> border: 3px solid var(--border-color-progressive, #36c);<br /> background-color: var(--background-color-neutral-subtle, #f8f9fa);<br /> box-sizing: border-box;<br /> }<br /> <br /> /* For imboxes inside imbox-text cells. */<br /> .imbox .mbox-text .imbox {<br /> /* 0.9 - 0.5 = 0.4em left/right. */<br /> margin: 0 -0.5em;<br /> /* Fix for webkit to force 100% width. */<br /> display: block;<br /> }<br /> <br /> /* For imboxes inside other templates. */<br /> .mbox-inside .imbox {<br /> margin: 4px;<br /> }<br /> <br /> /* An empty narrow cell */<br /> .imbox td.mbox-empty-cell {<br /> border: none;<br /> padding: 0;<br /> width: 1px;<br /> }<br /> <br /> /* The message body cell(s) */<br /> .imbox th.mbox-text,<br /> .imbox td.mbox-text {<br /> border: none;<br /> /* 0.9em left/right */<br /> padding: 0.25em 0.9em;<br /> /* Make all mboxes the same width regardless of text length */<br /> width: 100%;<br /> }<br /> <br /> /* The left image cell */<br /> .imbox td.mbox-image {<br /> /* 0.9em left, 0px right */<br /> /* @noflip */<br /> padding: 2px 0 2px 0.9em;<br /> }<br /> <br /> /* The right image cell */<br /> .imbox td.mbox-imageright {<br /> /* 0px left, 0.9em right */<br /> /* @noflip */<br /> padding: 2px 0.9em 2px 0;<br /> }<br /> <br /> table.imbox-notice {<br /> /* Blue */<br /> border-color: #36c;<br /> }<br /> <br /> table.imbox-speedy {<br /> /* Pink */<br /> background-color: #fee7e6;<br /> /* temp fix for dark mode */<br /> color: #222;<br /> }<br /> <br /> table.imbox-delete,<br /> table.imbox-speedy {<br /> /* Red */<br /> border-left-color: var(--border-color-destructive, #bf3c2c);<br /> border-bottom-color: var(--border-color-destructive, #bf3c2c);<br /> border-right-color: var(--border-color-destructive, #bf3c2c);<br /> border-top-color: var(--border-color-destructive, #bf3c2c);<br /> }<br /> <br /> table.imbox-content {<br /> /* Orange */<br /> border-color: #f28500;<br /> }<br /> <br /> table.imbox-style {<br /> /* Yellow */<br /> border-color: #fc3;<br /> }<br /> <br /> table.imbox-move {<br /> /* Purple */<br /> border-color: #9932cc;<br /> }<br /> <br /> table.imbox-protection {<br /> /* Gray-gold */<br /> border-left-color: var(--border-color-base, #a2a9b1);<br /> border-bottom-color: var(--border-color-base, #a2a9b1);<br /> border-right-color: var(--border-color-base, #a2a9b1);<br /> border-top-color: var(--border-color-base, #a2a9b1);<br /> }<br /> <br /> table.imbox-license {<br /> /* Dark gray */<br /> border-left-color: var(--border-color-notice, #72777d);<br /> border-bottom-color: var(--border-color-notice, #72777d);<br /> border-right-color: var(--border-color-notice, #72777d);<br /> border-top-color: var(--border-color-notice, #72777d);<br /> /* Light gray */<br /> background-color: var(--background-color-neutral-subtle, #f8f9fa);<br /> }<br /> <br /> table.imbox-featured {<br /> /* Brown-gold */<br /> border-color: #cba135;<br /> }<br /> <br /> @media screen and (max-width: 720px) {<br /> table.imbox {<br /> margin: 4px auto;<br /> }<br /> }</div>

Rosie