MediaWiki:Common.css: Difference between revisions

Latest revision as of 13:16, 4 May 2026

/* NSFW spoiler - chunky pixelated blocks until mouse moves over image */
.spoiler-img {
    display: table;
    overflow: hidden;
}
.spoiler-img img {
    filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='pixelate' x='0' y='0'><feFlood x='4' y='4' height='2' width='2'/><feComposite width='28' height='28'/><feTile result='a'/><feComposite in='SourceGraphic' in2='a' operator='in'/><feMorphology operator='dilate' radius='14'/></filter></svg>#pixelate") blur(2px);
    transition: filter 0.3s;
    cursor: pointer;
}
.spoiler-img.revealed img {
    filter: none;
}

@@ Line 1: / Line 1: @@
+/* NSFW spoiler - chunky pixelated blocks until mouse moves over image */
 .spoiler-img {
      display: table;
@@ Line 4: / Line 5: @@
 }
 .spoiler-img img {
-     image-rendering: pixelated;
+     filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='pixelate' x='0' y='0'><feFlood x='4' y='4' height='2' width='2'/><feComposite width='28' height='28'/><feTile result='a'/><feComposite in='SourceGraphic' in2='a' operator='in'/><feMorphology operator='dilate' radius='14'/></filter></svg>#pixelate") blur(2px);
-    image-rendering: -moz-crisp-edges;
+     transition: filter 0.3s;
-    transform: scale(0.05);
-    transform-origin: top left;
-    width: 2000% !important;
-    height: 2000% !important;
-     transition: transform 0.3s, width 0.3s, height 0.3s;
      cursor: pointer;
 }
 .spoiler-img.revealed img {
-     transform: scale(1);
+     filter: none;
-    width: auto !important;
-    height: auto !important;
 }