MediaWiki:Common.css: Difference between revisions
Appearance
Computerwhz (talk | contribs) Created page with "→CSS placed here will be applied to all skins: .cw-messagebox { border: 1px solid #a2a9b1; background: #f8f9fa; margin: 1em 0; padding: 0.75em 1em; display: flex; align-items: flex-start; gap: 0.8em; box-sizing: border-box; } .cw-messagebox-icon { font-size: 26px; line-height: 1; } .cw-messagebox-warning { background: #fff8e5; border-color: #c8ccd1; } .cw-messagebox-policy { background: #eef6ff; }" |
Computerwhz (talk | contribs) No edit summary |
||
| (2 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
.cw-messagebox { | .cw-messagebox { | ||
border: 1px solid # | border: 1px solid #72777d; | ||
background: #f8f9fa; | background: #f8f9fa; | ||
color: #202122; | |||
margin: 1em 0; | margin: 1em 0; | ||
padding: 0.75em 1em; | padding: 0.75em 1em; | ||
display: flex; | display: flex; | ||
align-items: | align-items: center; | ||
gap: 0. | gap: 0.9em; | ||
box-sizing: border-box; | box-sizing: border-box; | ||
} | |||
.cw-messagebox a { | |||
color: #36c; | |||
} | } | ||
.cw-messagebox-icon { | .cw-messagebox-icon { | ||
font-size: | width: 32px; | ||
min-width: 32px; | |||
height: 32px; | |||
display: flex; | |||
align-items: center; | |||
justify-content: center; | |||
font-size: 22px; | |||
line-height: 1; | line-height: 1; | ||
text-align: center; | |||
color: inherit; | |||
} | |||
.cw-messagebox-icon img { | |||
max-width: 32px; | |||
max-height: 32px; | |||
} | |||
.cw-messagebox-content { | |||
flex: 1; | |||
color: inherit; | |||
} | } | ||
.cw-messagebox- | /* Vector 2022 / MediaWiki dark mode */ | ||
background: # | html.skin-theme-clientpref-night .cw-messagebox, | ||
border-color: # | html.skin-theme-clientpref-os .cw-messagebox { | ||
background: #202122; | |||
color: #f8f9fa; | |||
border-color: #54595d; | |||
} | } | ||
.cw-messagebox- | html.skin-theme-clientpref-night .cw-messagebox a, | ||
html.skin-theme-clientpref-os .cw-messagebox a { | |||
color: #6bace6; | |||
} | } | ||
Latest revision as of 16:58, 1 June 2026
.cw-messagebox {
border: 1px solid #72777d;
background: #f8f9fa;
color: #202122;
margin: 1em 0;
padding: 0.75em 1em;
display: flex;
align-items: center;
gap: 0.9em;
box-sizing: border-box;
}
.cw-messagebox a {
color: #36c;
}
.cw-messagebox-icon {
width: 32px;
min-width: 32px;
height: 32px;
display: flex;
align-items: center;
justify-content: center;
font-size: 22px;
line-height: 1;
text-align: center;
color: inherit;
}
.cw-messagebox-icon img {
max-width: 32px;
max-height: 32px;
}
.cw-messagebox-content {
flex: 1;
color: inherit;
}
/* Vector 2022 / MediaWiki dark mode */
html.skin-theme-clientpref-night .cw-messagebox,
html.skin-theme-clientpref-os .cw-messagebox {
background: #202122;
color: #f8f9fa;
border-color: #54595d;
}
html.skin-theme-clientpref-night .cw-messagebox a,
html.skin-theme-clientpref-os .cw-messagebox a {
color: #6bace6;
}