Module:Message box/fmbox.css: Difference between revisions

From Test Wiki
← Older edit
Content deleted Content added
Q (talk | contribs)
131 edits
Undo revision 26127 by Q (talk)
Tag: Undo
Updating per https://en.wikipedia.org/wiki/Module:Message_box/fmbox.css, switching back to transparent should dark mode arrive here.
 
(3 intermediate revisions by 2 users not shown)
Line 1: Line 1:
.fmbox {
/* Cell sizes for ambox/tmbox/imbox/cmbox/ombox/fmbox/dmbox message boxes */
⚫
clear: both;
th.mbox-text, td.mbox-text { /* The message body cell(s) */
⚫
margin: 0.2em 0;
⚫
padding: 0.25em 0.9em; /* 0.9em left/right */
⚫
width: 100%;
⚫
border: 1px solid #a2a9b1;
⚫
background-color: var(--background-color-interactive-subtle, #f8f9fa);
⚫
box-sizing: border-box;
color: var(--color-base, #202122);
}
}

td.mbox-image { /* The left image cell */
⚫
.fmbox-warning {
⚫
padding: 2px 0 2px 0.9em; /* 0.9em left, 0px right */
⚫
border: 1px solid #bb7070; /* Dark pink */
⚫
background-color: #ffdbdb; /* Pink */
}
}

td.mbox-imageright { /* The right image cell */
⚫
.fmbox-editnotice {
⚫
padding: 2px 0.9em 2px 0; /* 0px left, 0.9em right */
⚫
background-color: transparent;
}
}

/* Footer and header message box styles */
table.fmbox {
.fmbox .mbox-text {
border: none;
⚫
clear: both;
/* @noflip */
⚫
margin: 0.2em 0;
⚫
padding: 0.25em 0.9em;
⚫
width: 100%;
width: 100%;
⚫
border: 1px solid #a2a9b1;
}
background-color: #f8f9fa; /* Default "system" gray */

⚫
box-sizing: border-box;
.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;
}
}

table.fmbox-system {
.fmbox .mbox-invalid-type {
⚫
background-color: #f8f9fa;
text-align: center;
}
}

⚫
table.fmbox-warning {

⚫
border: 1px solid #bb7070; /* Dark pink */
@media screen {
⚫
background-color: #ffdbdb; /* Pink */
html.skin-theme-clientpref-night .fmbox-warning {
background-color: #300; /* Reddish, same hue/saturation as light */
}
}
}

⚫
table.fmbox-editnotice {

⚫
background-color: transparent;
@media screen and ( prefers-color-scheme: dark) {
html.skin-theme-clientpref-os .fmbox-warning {
background-color: #300; /* Reddish, same hue/saturation as light */
}
}
}
Retrieved from "https://testwiki.wiki/wiki/Module:Message_box/fmbox.css"