Module:Message box/cmbox.css: Difference between revisions
m 1 revision imported |
m 1 revision imported |
||
| (One intermediate revision by one other user not shown) | |||
| Line 6: | Line 6: | ||
background-color: #dfe8ff; /* Default "notice" blue */ | background-color: #dfe8ff; /* Default "notice" blue */ | ||
box-sizing: border-box; | box-sizing: border-box; | ||
/* necessary when embedded in other templates like [[:Category:Pending_AfC_submissions]] */ | |||
color: var( --color-base ); | |||
} | } | ||
| Line 61: | Line 63: | ||
} | } | ||
/* keep synced with each other type of message box as this isn't qualified */ | |||
.mbox-invalid-type { | |||
text-align: center; | text-align: center; | ||
} | } | ||
| Line 68: | Line 71: | ||
.cmbox { | .cmbox { | ||
margin: 3px 10%; | margin: 3px 10%; | ||
} | |||
} | |||
/* flipped lightness in hsl space except the main cmbox is the main page blue */ | |||
@media screen { | |||
html.skin-theme-clientpref-night .cmbox { | |||
background-color: #0d1a27; /* Default "notice" blue */ | |||
} | |||
html.skin-theme-clientpref-night .cmbox-speedy, | |||
html.skin-theme-clientpref-night .cmbox-delete { | |||
background-color: #300; /* Pink */ | |||
} | |||
html.skin-theme-clientpref-night .cmbox-content { | |||
background-color: #331a00; /* Orange */ | |||
} | |||
html.skin-theme-clientpref-night .cmbox-style { | |||
background-color: #332b00; /* Yellow */ | |||
} | |||
html.skin-theme-clientpref-night .cmbox-move { | |||
background-color: #08001a; /* Purple */ | |||
} | |||
html.skin-theme-clientpref-night .cmbox-protection { | |||
background-color: #212112; /* Gray-gold */ | |||
} | |||
} | |||
@media screen and ( prefers-color-scheme: dark) { | |||
html.skin-theme-clientpref-os .cmbox { | |||
background-color: #0d1a27; /* Default "notice" blue */ | |||
} | |||
html.skin-theme-clientpref-os .cmbox-speedy, | |||
html.skin-theme-clientpref-os .cmbox-delete { | |||
background-color: #300; /* Pink */ | |||
} | |||
html.skin-theme-clientpref-os .cmbox-content { | |||
background-color: #331a00; /* Orange */ | |||
} | |||
html.skin-theme-clientpref-os .cmbox-style { | |||
background-color: #332b00; /* Yellow */ | |||
} | |||
html.skin-theme-clientpref-os .cmbox-move { | |||
background-color: #08001a; /* Purple */ | |||
} | |||
html.skin-theme-clientpref-os .cmbox-protection { | |||
background-color: #212112; /* Gray-gold */ | |||
} | } | ||
} | } | ||