https://wiki.mtrnord.blog/index.php?action=history&feed=atom&title=Template%3ANotice%2Fstyles.css 2026-06-29T16:51:56Z Revision history for this page on the wiki MediaWiki 1.45.3 https://wiki.mtrnord.blog/index.php?title=Template:Notice/styles.css&diff=27&oldid=prev 2026-04-18T14:00:36Z

<p>Created page with &quot;<span class="autocomment">* Notice/callout boxes — info, warning, deprecated, maintenance. * Structural colours via CSS vars; accent colours with explicit dark overrides.: </span> .mw-notice { display: flex; align-items: flex-start; gap: 0.75em; border: 1px solid var(--border-color-base, #a2a9b1); border-left-width: 4px; background: var(--background-color-neutral-subtle, #f8f9fa); color: var(--color-base, #202122); padding: 0.6em 0.9em; margin: 0.8em 0;...&quot;</p> <p><b>New page</b></p><div>/*<br /> * Notice/callout boxes — info, warning, deprecated, maintenance.<br /> * Structural colours via CSS vars; accent colours with explicit dark overrides.<br /> */<br /> <br /> .mw-notice {<br /> display: flex;<br /> align-items: flex-start;<br /> gap: 0.75em;<br /> border: 1px solid var(--border-color-base, #a2a9b1);<br /> border-left-width: 4px;<br /> background: var(--background-color-neutral-subtle, #f8f9fa);<br /> color: var(--color-base, #202122);<br /> padding: 0.6em 0.9em;<br /> margin: 0.8em 0;<br /> font-size: 95%;<br /> line-height: 1.5;<br /> }<br /> .mw-notice-badge {<br /> font-weight: bold;<br /> font-size: 90%;<br /> white-space: nowrap;<br /> padding: 1px 6px;<br /> border-radius: 3px;<br /> flex-shrink: 0;<br /> margin-top: 1px;<br /> }<br /> .mw-notice-body { flex: 1; }<br /> .mw-notice-title { font-weight: bold; margin-bottom: 2px; }<br /> <br /> /* info — blue */<br /> .mw-notice-info { border-left-color: #3366cc; }<br /> .mw-notice-info .mw-notice-badge { background: #3366cc; color: #fff; }<br /> <br /> /* warning — yellow */<br /> .mw-notice-warning { border-left-color: #ac6600; }<br /> .mw-notice-warning .mw-notice-badge { background: #ffd966; color: #202122; }<br /> <br /> /* deprecated — red */<br /> .mw-notice-deprecated { border-left-color: #c00; }<br /> .mw-notice-deprecated .mw-notice-badge { background: #c00; color: #fff; }<br /> <br /> /* maintenance — orange */<br /> .mw-notice-maintenance { border-left-color: #d35400; }<br /> .mw-notice-maintenance .mw-notice-badge { background: #d35400; color: #fff; }<br /> <br /> /* Dark — warning badge needs lighter text */<br /> @media screen {<br /> html.skin-theme-clientpref-night .mw-notice-warning .mw-notice-badge { background: #7a5200; color: #ffe99a; }<br /> }<br /> @media screen and (prefers-color-scheme: dark) {<br /> html.skin-theme-clientpref-os .mw-notice-warning .mw-notice-badge { background: #7a5200; color: #ffe99a; }<br /> }</div>

MTRNord