Jump to content

MediaWiki:Common.css: Difference between revisions

From Flerf Wiki
m Add scroll-safe blur logic for .spoiler-img (require revealed class instead of :hover)
m Remove unused .mw-collapsible-toggle rule; keep .spoiler-img blur styles
Line 1: Line 1:
/* NSFW spoiler - blur until hovered/clicked */
/* NSFW spoiler - blur until mouse moves over image */
.spoiler-img {
    display: table;
}
.spoiler-img img {
.spoiler-img img {
     filter: blur(20px);
     filter: blur(20px);
     transition: filter 0.3s;
     transition: filter 0.3s;
     cursor: pointer;
     cursor: pointer;
}
@media (hover: hover) and (pointer: fine) {
    .spoiler-img:hover img {
        filter: none;
    }
}
}
.spoiler-img.revealed img {
.spoiler-img.revealed img {
     filter: none;
     filter: none;
}
}

Revision as of 13:06, 4 May 2026

/* NSFW spoiler - blur until mouse moves over image */
.spoiler-img {
    display: table;
}
.spoiler-img img {
    filter: blur(20px);
    transition: filter 0.3s;
    cursor: pointer;
}
.spoiler-img.revealed img {
    filter: none;
}