Module:Message box/fmbox.css: Difference between revisions
Jump to navigation
Jump to search
Content deleted Content added
m Protected "Module:Message box/fmbox.css": used in system messages ([Edit=Allow only bureaucrats] (indefinite) [Move=Allow only bureaucrats] (indefinite) [Delete=Allow only bureaucrats] (indefinite) [Protect=Allow only bureaucrats] (indefinite)) |
Updating per https://en.wikipedia.org/wiki/Module:Message_box/fmbox.css, switching back to transparent should dark mode arrive here. |
||
| (5 intermediate revisions by 2 users not shown) | |||
| Line 1: | Line 1: | ||
.fmbox { |
|||
/* Cell sizes for ambox/tmbox/imbox/cmbox/ombox/fmbox/dmbox message boxes */ |
|||
| ⚫ | |||
th.mbox-text, td.mbox-text { /* The message body cell(s) */ |
|||
| ⚫ | |||
| ⚫ | |||
| ⚫ | |||
| ⚫ | |||
| ⚫ | |||
| ⚫ | |||
color: var(--color-base, #202122); |
|||
} |
} |
||
td.mbox-image { /* The left image cell */ |
|||
| ⚫ | |||
| ⚫ | |||
| ⚫ | |||
| ⚫ | |||
} |
} |
||
td.mbox-imageright { /* The right image cell */ |
|||
| ⚫ | |||
| ⚫ | |||
| ⚫ | |||
} |
} |
||
/* Footer and header message box styles */ |
|||
.fmbox .mbox-text { |
|||
border: none; |
|||
| ⚫ | |||
/* @noflip */ |
|||
| ⚫ | |||
| ⚫ | |||
| ⚫ | |||
width: 100%; |
|||
| ⚫ | |||
} |
|||
background-color: #f8f9fa; /* Default "system" gray */ |
|||
| ⚫ | |||
.fmbox .mbox-image { |
|||
border: none; |
|||
/* @noflip */ |
|||
| ⚫ | |||
text-align: center; |
|||
} |
|||
.fmbox .mbox-imageright { |
|||
border: none; |
|||
/* @noflip */ |
|||
| ⚫ | |||
text-align: center; |
|||
} |
} |
||
table.fmbox-system { |
|||
.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 */ |
|||
} |
|||
} |
} |
||
Latest revision as of 17:05, 31 March 2025
.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 */
}
}