https://mbwiki.stairwaygames.work/w/index.php?action=history&feed=atom&title=MediaWiki%3AMessageBox.css 2026-04-25T18:41:02Z Revision history for this page on the wiki MediaWiki 1.39.3 https://mbwiki.stairwaygames.work/w/index.php?title=MediaWiki:MessageBox.css&diff=10751&oldid=prev 2023-12-31T15:28:10Z

<p></p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="en"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Older revision</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Revision as of 15:28, 31 December 2023</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l17">Line 17:</td> <td colspan="2" class="diff-lineno">Line 17:</td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> border: 1px solid;</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> border: 1px solid;</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> border-left-width: 8px;</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> border-left-width: 8px;</div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div> border-color: var(-<del style="font-weight: bold; text-decoration: none;">-theme</del>-border-color);</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div> border-color: var(--border-color);</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> border-radius: 3px;</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> border-radius: 3px;</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> margin-bottom: 5px;</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> margin-bottom: 5px;</div></td></tr> <tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l125">Line 125:</td> <td colspan="2" class="diff-lineno">Line 125:</td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> border-left-color: rgb(var(--mbox-yellow));</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> border-left-color: rgb(var(--mbox-yellow));</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> background-color: rgba(var(--mbox-yellow), var(--mbox-opacity));</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> background-color: rgba(var(--mbox-yellow), var(--mbox-opacity));</div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">}</del></div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;"></del></div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">/* FandomMobile overrides */</del></div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">.skin-fandommobile .mbox .mbox__content__image {</del></div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;"> display: unset;</del></div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">}</del></div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;"></del></div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">.skin-fandommobile .mbox .mbox__content__wrapper {</del></div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;"> display: unset;</del></div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">}</del></div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;"></del></div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">.skin-fandommobile .mbox .article-media-thumbnail {</del></div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;"> margin-bottom: 0;</del></div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">}</del></div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;"></del></div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">.skin-fandommobile .mbox .mbox__content__header {</del></div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;"> display: inline-block;</del></div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>}</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>}</div></td></tr> <!-- diff cache key new_wiki-coral_islands:diff::1.12:old-10750:rev-10751 --> </table>

Salty Nori https://mbwiki.stairwaygames.work/w/index.php?title=MediaWiki:MessageBox.css&diff=10750&oldid=prev 2023-12-31T15:27:22Z

<p></p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="en"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Older revision</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Revision as of 15:27, 31 December 2023</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l1">Line 1:</td> <td colspan="2" class="diff-lineno">Line 1:</td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">.class { }</ins></div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>:root {</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>:root {</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>   --mbox-blue: 61, 135, 158;</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>   --mbox-blue: 61, 135, 158;</div></td></tr> <!-- diff cache key new_wiki-coral_islands:diff::1.12:old-10565:rev-10750 --> </table>

Salty Nori https://mbwiki.stairwaygames.work/w/index.php?title=MediaWiki:MessageBox.css&diff=10565&oldid=prev 2023-12-21T08:55:05Z

<p>Created page with &quot;:root { --mbox-blue: 61, 135, 158; --mbox-green: 68, 216, 127; --mbox-orange: 245, 134, 32; --mbox-purple: 158, 111, 204; --mbox-red: 250, 28, 28; --mbox-yellow: 240, 193, 68; --mbox-opacity: 0.07; } <span dir="auto"><span class="autocomment">Mbox: </span> .mbox { display: flex; position: relative; background-color: var(--custom-mbox-bg); border: 1px solid; border-left-width: 8px; border-color: var(--theme-border-color); border-radius: 3px; margin-bottom: 5px; min-height: 32px; } .mbox__cont...&quot;</span></p> <p><b>New page</b></p><div>:root {<br /> --mbox-blue: 61, 135, 158;<br /> --mbox-green: 68, 216, 127;<br /> --mbox-orange: 245, 134, 32;<br /> --mbox-purple: 158, 111, 204;<br /> --mbox-red: 250, 28, 28;<br /> --mbox-yellow: 240, 193, 68;<br /> --mbox-opacity: 0.07;<br /> }<br /> <br /> /* Mbox */<br /> .mbox {<br /> display: flex;<br /> position: relative;<br /> background-color: var(--custom-mbox-bg);<br /> border: 1px solid;<br /> border-left-width: 8px;<br /> border-color: var(--theme-border-color);<br /> border-radius: 3px;<br /> margin-bottom: 5px;<br /> min-height: 32px;<br /> }<br /> <br /> .mbox__content {<br /> display: table;<br /> box-sizing: border-box;<br /> width: 100%;<br /> padding: 12px 16px;<br /> }<br /> <br /> .mbox__content__image {<br /> display: table-cell;<br /> width: 40px;<br /> height: 100%;<br /> text-align: center;<br /> vertical-align: middle;<br /> padding-right: 16px;<br /> }<br /> <br /> .mbox__content__wrapper {<br /> display: table-cell;<br /> vertical-align: middle;<br /> }<br /> <br /> .mbox__content__header {<br /> display: block;<br /> font-weight: bold;<br /> }<br /> <br /> .mbox__content__text {<br /> display: block;<br /> }<br /> <br /> .mbox__content__text__comment {<br /> font-size: small;<br /> }<br /> <br /> .mbox__content__aside {<br /> display: table-cell;<br /> width: 100px;<br /> vertical-align: middle;<br /> text-align: center;<br /> padding-left: 15px;<br /> border-left: 1px solid #d6d6d6;<br /> }<br /> <br /> .mbox__close {<br /> position: absolute;<br /> right: 0;<br /> top: 0;<br /> padding: 2px 7px;<br /> font-weight: bold;<br /> font-size: 16px;<br /> color: #bbb;<br /> cursor: pointer;<br /> transition: all .15s ease-in;<br /> }<br /> <br /> .mbox__close:hover {<br /> color: #777;<br /> }<br /> <br /> .mbox__close:after {<br /> content: &#039;×&#039;;<br /> }<br /> <br /> .mw-collapsed+.mbox__close {<br /> transform: rotate(45deg);<br /> padding: 4px 7px 5px 2px;<br /> }<br /> <br /> /* Remove accessibility feature for mbox toggle */<br /> .mw-customtoggle-mbox {<br /> outline: none;<br /> }<br /> <br /> /* == Colors == */<br /> .mbox.blue {<br /> border-left-color: rgb(var(--mbox-blue));<br /> background-color: rgba(var(--mbox-blue), var(--mbox-opacity));<br /> }<br /> <br /> .mbox.green {<br /> border-left-color: rgb(var(--mbox-green));<br /> background-color: rgba(var(--mbox-green), var(--mbox-opacity));<br /> }<br /> <br /> .mbox.orange {<br /> border-left-color: rgb(var(--mbox-orange));<br /> background-color: rgba(var(--mbox-orange), var(--mbox-opacity));<br /> }<br /> <br /> .mbox.purple {<br /> border-left-color: rgb(var(--mbox-purple));<br /> background-color: rgba(var(--mbox-purple), var(--mbox-opacity));<br /> }<br /> <br /> .mbox.red {<br /> border-left-color: rgb(var(--mbox-red));<br /> background-color: rgba(var(--mbox-red), var(--mbox-opacity));<br /> }<br /> <br /> .mbox.yellow {<br /> border-left-color: rgb(var(--mbox-yellow));<br /> background-color: rgba(var(--mbox-yellow), var(--mbox-opacity));<br /> }<br /> <br /> /* FandomMobile overrides */<br /> .skin-fandommobile .mbox .mbox__content__image {<br /> display: unset;<br /> }<br /> <br /> .skin-fandommobile .mbox .mbox__content__wrapper {<br /> display: unset;<br /> }<br /> <br /> .skin-fandommobile .mbox .article-media-thumbnail {<br /> margin-bottom: 0;<br /> }<br /> <br /> .skin-fandommobile .mbox .mbox__content__header {<br /> display: inline-block;<br /> }</div>

Salty Nori