Module:Message box/ambox.css: Difference between revisions
Appearance
Orangestar (talk | contribs) No edit summary |
Orangestar (talk | contribs) No edit summary |
||
| (4 intermediate revisions by the same user not shown) | |||
| Line 6: | Line 6: | ||
background-color: #563030; | background-color: #563030; | ||
box-sizing: border-box; | box-sizing: border-box; | ||
margin: 1em 0; | |||
} | |||
@media screen and (prefers-color-scheme: light) { | |||
html.skin-theme-clientpref-os .ambox { | |||
background-color: #ffcaca; | |||
} | |||
} | |||
html.skin-theme-clientpref-day .ambox { | |||
background-color: #ffcaca; | |||
} | } | ||
| Line 37: | Line 48: | ||
/* @noflip */ | /* @noflip */ | ||
border-left: 10px solid #b32424; /* Red */ | border-left: 10px solid #b32424; /* Red */ | ||
background-color: # | background-color: #563030; /* Pink */ | ||
} | } | ||
| Line 93: | Line 104: | ||
} | } | ||
.ambox .mbox-image-div { | /* .ambox .mbox-image-div { | ||
width: 52px; | width: 52px; | ||
} | } */ | ||
/* praying that it wont break anything if i disable that */ | |||
/* Hack around MobileFrontend being opinionated */ | /* Hack around MobileFrontend being opinionated */ | ||
| Line 104: | Line 116: | ||
@media (min-width: 720px) { | @media (min-width: 720px) { | ||
.ambox { | .ambox { | ||
margin: | margin: 1em 10%; /* 10% = Will not overlap with other elements */ | ||
} | } | ||
} | } | ||