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 #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..." |
Computerwhz (talk | contribs) No edit summary |
||
| Line 1: | Line 1: | ||
.cw-messagebox { | .cw-messagebox { | ||
border: 1px solid # | border: 1px solid #a2a9b1; | ||
background: #f8f9fa; | background: #f8f9fa; | ||
color: #202122; | color: #202122; | ||
margin: | margin: 0.75em 0; | ||
padding: 0.75em | padding: 0.45em 0.75em; | ||
display: flex; | display: flex; | ||
align-items: center; | align-items: center; | ||
gap: 0. | gap: 0.75em; | ||
box-sizing: border-box; | box-sizing: border-box; | ||
line-height: 1.35; | |||
} | } | ||
| Line 32: | Line 28: | ||
max-width: 32px; | max-width: 32px; | ||
max-height: 32px; | max-height: 32px; | ||
display: block; | |||
} | } | ||
| Line 37: | Line 34: | ||
flex: 1; | flex: 1; | ||
color: inherit; | color: inherit; | ||
margin: 0; | |||
padding: 0; | |||
} | |||
.cw-messagebox-content p { | |||
margin: 0; | |||
padding: 0; | |||
} | |||
.cw-messagebox-content ul, | |||
.cw-messagebox-content ol { | |||
margin-top: 0.25em; | |||
margin-bottom: 0.25em; | |||
} | } | ||
/* | /* Dark mode */ | ||
html.skin-theme-clientpref-night | html.skin-theme-clientpref-night .cw-messagebox { | ||
background: #202122; | background: #202122; | ||
color: #f8f9fa; | color: #f8f9fa; | ||
| Line 47: | Line 56: | ||
} | } | ||
html.skin-theme-clientpref-night | html.skin-theme-clientpref-night .cw-messagebox a { | ||
color: #6bace6; | color: #6bace6; | ||
} | } | ||
Revision as of 18:46, 4 June 2026
.cw-messagebox {
border: 1px solid #a2a9b1;
background: #f8f9fa;
color: #202122;
margin: 0.75em 0;
padding: 0.45em 0.75em;
display: flex;
align-items: center;
gap: 0.75em;
box-sizing: border-box;
line-height: 1.35;
}
.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;
display: block;
}
.cw-messagebox-content {
flex: 1;
color: inherit;
margin: 0;
padding: 0;
}
.cw-messagebox-content p {
margin: 0;
padding: 0;
}
.cw-messagebox-content ul,
.cw-messagebox-content ol {
margin-top: 0.25em;
margin-bottom: 0.25em;
}
/* Dark mode */
html.skin-theme-clientpref-night .cw-messagebox {
background: #202122;
color: #f8f9fa;
border-color: #54595d;
}
html.skin-theme-clientpref-night .cw-messagebox a {
color: #6bace6;
}