https://wiki.steelbeasts.org/index.php?action=history&feed=atom&title=Modul%3AMbox%2Fstyles.css 2026-06-24T14:11:08Z Versionsgeschichte dieser Seite in Steel Beasts Wiki MediaWiki 1.39.5 https://wiki.steelbeasts.org/index.php?title=Modul:Mbox/styles.css&diff=251&oldid=prev 2023-09-03T06:02:54Z

<p>1 Version importiert</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="de"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Nächstältere Version</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Version vom 3. September 2023, 08:02 Uhr</td> </tr> <!-- diff cache key User_sbwiki:diff::1.12:old-250:rev-251 --> </table>

Dr.Thodt https://wiki.steelbeasts.org/index.php?title=Modul:Mbox/styles.css&diff=250&oldid=prev 2023-06-24T12:25:13Z

<p>Die Seite wurde neu angelegt: „.mbox { position: relative; display: flex; flex-direction: column; margin-top: var( --space-xs ); margin-bottom: var( --space-md ); background-color: var( --color-surface-2 ); border-radius: var( --border-radius--medium ); color: var( --color-base--subtle ); font-size: 0.875rem; line-height: var( --line-height-xs ); } .mbox.mbox-high { <span dir="auto"><span class="autocomment">FIXME: Update back to Citzen CSS var when patched: </span> background-color…“</span></p> <p><b>Neue Seite</b></p><div>.mbox {<br /> position: relative;<br /> display: flex;<br /> flex-direction: column;<br /> margin-top: var( --space-xs );<br /> margin-bottom: var( --space-md );<br /> background-color: var( --color-surface-2 );<br /> border-radius: var( --border-radius--medium );<br /> color: var( --color-base--subtle );<br /> font-size: 0.875rem;<br /> line-height: var( --line-height-xs );<br /> }<br /> <br /> .mbox.mbox-high {<br /> /* FIXME: Update back to Citzen CSS var when patched */<br /> background-color: rgba( 221, 51, 51, 0.1 );<br /> }<br /> <br /> .mbox.mbox-med {<br /> /* FIXME: Update back to Citzen CSS var when patched */<br /> background-color: rgba( 255, 204, 51, 0.1 );<br /> }<br /> <br /> .mbox-title {<br /> display: flex;<br /> align-items: center;<br /> padding: var( --space-sm ) var( --space-md );<br /> }<br /> <br /> .mbox-icon img {<br /> width: 14px;<br /> height: auto;<br /> margin-right: var( --space-xs );<br /> opacity: 0.5;<br /> }<br /> <br /> .mbox-text {<br /> position: absolute;<br /> top: 100%;<br /> z-index: 10;<br /> padding: var( --space-md );<br /> width: 100%;<br /> box-sizing: border-box;<br /> background-color: var( --color-surface-1 );<br /> border-bottom-left-radius: var( --border-radius--medium );<br /> border-bottom-right-radius: var( --border-radius--medium );<br /> box-shadow: var( --box-shadow-dialog );<br /> opacity: 0;<br /> visibility: hidden;<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-dialog );<br /> }<br /> <br /> .mbox:hover .mbox-text {<br /> opacity: 1;<br /> visibility: visible;<br /> }<br /> <br /> /* Dark mode */<br /> html.skin-citizen-dark .mbox-icon img {<br /> filter: invert( 1 );<br /> }</div>

sc>FoXFTW