Module:Message box/imbox.css: Difference between revisions
en>Izno move margin 10% to media query |
m 1 revision imported |
||
| (2 intermediate revisions by 2 users not shown) | |||
| Line 4: | Line 4: | ||
border-collapse: collapse; | border-collapse: collapse; | ||
border: 3px solid #36c; /* Default "notice" blue */ | border: 3px solid #36c; /* Default "notice" blue */ | ||
background-color: # | background-color: var(--background-color-interactive-subtle, #f8f9fa); | ||
box-sizing: border-box; | box-sizing: border-box; | ||
} | } | ||
| Line 42: | Line 42: | ||
.imbox-license { | .imbox-license { | ||
border: 3px solid #88a; /* Dark gray */ | border: 3px solid #88a; /* Dark gray */ | ||
} | } | ||
| Line 77: | Line 76: | ||
} | } | ||
/* keep synced with each other type of message box as this isn't qualified */ | |||
.mbox-invalid-type { | |||
text-align: center; | text-align: center; | ||
} | } | ||
| Line 84: | Line 84: | ||
.imbox { | .imbox { | ||
margin: 4px 10%; | margin: 4px 10%; | ||
} | |||
} | |||
@media screen { | |||
html.skin-theme-clientpref-night .imbox-speedy { | |||
background-color: #310402; /* Dark red, same hue/saturation as light */ | |||
} | |||
} | |||
@media screen and (prefers-color-scheme: dark) { | |||
html.skin-theme-clientpref-os .imbox-speedy { | |||
background-color: #310402; /* Dark red, same hue/saturation as light */ | |||
} | } | ||
} | } | ||