Module:Message box/fmbox.css: Difference between revisions
From Test Wiki
Content deleted Content added
test? Tag: Blanked |
Updating per https://en.wikipedia.org/wiki/Module:Message_box/fmbox.css, switching back to transparent should dark mode arrive here. |
||
| (2 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
.fmbox { |
|||
clear: both; |
|||
margin: 0.2em 0; |
|||
width: 100%; |
|||
border: 1px solid #a2a9b1; |
|||
background-color: var(--background-color-interactive-subtle, #f8f9fa); |
|||
box-sizing: border-box; |
|||
color: var(--color-base, #202122); |
|||
} |
|||
.fmbox-warning { |
|||
border: 1px solid #bb7070; /* Dark pink */ |
|||
background-color: #ffdbdb; /* Pink */ |
|||
} |
|||
.fmbox-editnotice { |
|||
background-color: transparent; |
|||
} |
|||
.fmbox .mbox-text { |
|||
border: none; |
|||
/* @noflip */ |
|||
padding: 0.25em 0.9em; |
|||
width: 100%; |
|||
} |
|||
.fmbox .mbox-image { |
|||
border: none; |
|||
/* @noflip */ |
|||
padding: 2px 0 2px 0.9em; |
|||
text-align: center; |
|||
} |
|||
.fmbox .mbox-imageright { |
|||
border: none; |
|||
/* @noflip */ |
|||
padding: 2px 0.9em 2px 0; |
|||
text-align: center; |
|||
} |
|||
.fmbox .mbox-invalid-type { |
|||
text-align: center; |
|||
} |
|||
@media screen { |
|||
html.skin-theme-clientpref-night .fmbox-warning { |
|||
background-color: #300; /* Reddish, same hue/saturation as light */ |
|||
} |
|||
} |
|||
@media screen and ( prefers-color-scheme: dark) { |
|||
html.skin-theme-clientpref-os .fmbox-warning { |
|||
background-color: #300; /* Reddish, same hue/saturation as light */ |
|||
} |
|||
} |
|||
