MediaWiki:Common.css: Difference between revisions
No edit summary |
No edit summary |
||
| (2 intermediate revisions by one other user not shown) | |||
| Line 13: | Line 13: | ||
.spoiler.hide { | .spoiler.hide { | ||
pointer-events: auto; | pointer-events: auto; | ||
background-color: | background-color: rgba(0, 0, 0, 1); /* fallback */ | ||
background-color: color-mix(in srgb, | background-color: color-mix(in srgb, rgba(0, 0, 0, 1) 80%, transparent); | ||
} | } | ||
| Line 23: | Line 23: | ||
/* If there's no js, hide then show on hover */ | /* If there's no js, hide then show on hover */ | ||
.spoiler.hover, | |||
.spoiler.no-js { | .spoiler.no-js { | ||
background-color: var(--main-background-color); /* fallback */ | background-color: var(--main-background-color); /* fallback */ | ||
background-color: color-mix(in srgb, var(--main-background-color) 80%, transparent); | background-color: color-mix(in srgb, var(--main-background-color) 80%, transparent); | ||
} | } | ||
.spoiler.hover > *, | |||
.spoiler.no-js > * { | .spoiler.no-js > * { | ||
opacity: 0; | opacity: 0; | ||
} | } | ||
.spoiler.hover:hover, | |||
.spoiler.no-js:hover { | .spoiler.no-js:hover { | ||
background-color: transparent; | background-color: transparent; | ||
} | } | ||
.spoiler.hover:hover, | |||
.spoiler.no-js:hover > * { | .spoiler.no-js:hover > * { | ||
opacity: 1; | opacity: 1; | ||
} | } | ||