Module:Message box/ombox.css: Difference between revisions
Jump to navigation
Jump to search
english
m (1 revision imported) |
(english) |
||
| Line 1: | Line 1: | ||
/* {{pp|small=y}} */ | |||
.ombox { | .ombox { | ||
margin: 4px | margin: 4px 0; | ||
border-collapse: collapse; | border-collapse: collapse; | ||
border: 1px solid #a2a9b1; /* Default "notice" gray */ | border: 1px solid #a2a9b1; /* Default "notice" gray */ | ||
background-color: #f8f9fa; | background-color: var(--background-color-neutral-subtle, #f8f9fa); | ||
box-sizing: border-box; | box-sizing: border-box; | ||
color: var(--color-base, #202122); | |||
} | } | ||
/* For the "small=yes" option. */ | /* For the "small=yes" option. */ | ||
.ombox.mbox-small { | .ombox.mbox-small { | ||
font-size: 88%; | font-size: 88%; | ||
line-height: 1.25em; | line-height: 1.25em; | ||
| Line 72: | Line 66: | ||
padding: 0; | padding: 0; | ||
width: 1px; | width: 1px; | ||
} | |||
/* keep synced with each other type of message box as this isn't qualified */ | |||
.mbox-invalid-type { | |||
text-align: center; | |||
} | |||
@media (min-width: 720px) { | |||
.ombox { | |||
margin: 4px 10%; | |||
} | |||
.ombox.mbox-small { | |||
/* @noflip */ | |||
clear: right; | |||
/* @noflip */ | |||
float: right; | |||
/* @noflip */ | |||
margin: 4px 0 4px 1em; | |||
width: 238px; | |||
} | |||
} | |||
/** T367463 */ | |||
body.skin--responsive table.ombox img { | |||
max-width: none !important; | |||
} | |||
@media screen { | |||
html.skin-theme-clientpref-night .ombox-speedy { | |||
background-color: #310402; /* Dark red, same hue/saturation as light */ | |||
} | |||
} | |||
@media screen and (prefers-color-scheme: dark) { | |||
html.skin-theme-clientpref-os .ombox-speedy { | |||
background-color: #310402; /* Dark red, same hue/saturation as light */ | |||
} | |||
} | } | ||