https://chronos.erina.moe/index.php?action=history&feed=atom&title=Module%3AMbox%2Fstyles.css 2026-06-01T04:11:30Z Revision history for this page on the wiki MediaWiki 1.44.0 https://chronos.erina.moe/index.php?title=Module:Mbox/styles.css&diff=53&oldid=prev 2026-01-13T23:20:22Z

<p>1 revision imported</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 23:20, 13 January 2026</td> </tr><tr><td colspan="4" class="diff-notice" lang="en"><div class="mw-diff-empty">(No difference)</div> </td></tr> <!-- diff cache key noaverse:diff:1.41:old-52:rev-53 --> </table>

Erina https://chronos.erina.moe/index.php?title=Module:Mbox/styles.css&diff=52&oldid=prev 2025-09-21T15:57:01Z

<p></p> <p><b>New page</b></p><div>.mbox {<br /> position: relative;<br /> display: flex;<br /> flex-direction: column;<br /> margin-block: var(--space-md);<br /> background-color: var(--color-surface-1);<br /> border: var(--border-base);<br /> border-radius: var(--border-radius-medium);<br /> font-size: var(--font-size-small);<br /> line-height: var(--line-height-xx-small);<br /> }<br /> <br /> .mbox.mbox-high {<br /> background-color: var(--background-color-destructive-subtle);<br /> }<br /> <br /> .mbox.mbox-med {<br /> background-color: var(--background-color-warning-subtle);<br /> }<br /> <br /> .mbox-title,<br /> .mbox-text {<br /> padding: var(--space-sm) var(--space-md);<br /> }<br /> <br /> .mbox-title {<br /> display: flex;<br /> align-items: center;<br /> }<br /> <br /> .mbox-icon img {<br /> display: block;<br /> width: var(--font-size-small);<br /> height: auto;<br /> margin-right: var(--space-xs);<br /> opacity: var(--opacity-icon-base);<br /> filter: var(--filter-invert);<br /> }<br /> <br /> .mbox-text {<br /> position: absolute;<br /> top: 100%;<br /> left: 0;<br /> right: 0;<br /> z-index: 10;<br /> margin-inline: -1px;<br /> box-sizing: border-box;<br /> background-color: var(--color-surface-1);<br /> border-inline: var(--border-base);<br /> border-bottom: var(--border-base);<br /> border-bottom-left-radius: var(--border-radius-medium);<br /> border-bottom-right-radius: var(--border-radius-medium);<br /> box-shadow: var(--box-shadow-drop-xx-large);<br /> opacity: 0;<br /> visibility: hidden;<br /> }<br /> <br /> .mbox-text::before {<br /> content: &#039;&#039;;<br /> display: block;<br /> position: absolute;<br /> top: 0;<br /> left: var(--space-md);<br /> right: var(--space-md);<br /> height: var(--border-width-base);<br /> background: var(--border-color-subtle);<br /> }<br /> <br /> /*<br /> <br /> .mbox:hover {<br /> /* Merge with popup * /<br /> border-bottom-left-radius: 0;<br /> border-bottom-right-radius: 0;<br /> box-shadow: var(--box-shadow-drop-xx-large);<br /> }<br /> <br /> .mbox:hover .mbox-text {<br /> opacity: 1;<br /> visibility: visible;<br /> }<br /> */</div>

Erina