Template:Spoilerimage: Difference between revisions

Latest revision as of 15:47, 20 July 2024

CW: {{{1}}}

[[Image:{{{2}}}|frameless|500px]]

Hover to reveal

@@ Line 1: / Line 1: @@
-<!--Templatestyles are currently not installed. remove custom styles from classed tags after it is-->
+<templatestyles src="Template:SpoilerCSS"/>
-<!--templatestyles src="[SpoilerCSS]"/-->
+<p class="contentwarning"><span style="font-weight: bold;">CW: </span>{{{1}}}</p>
-<p class="contentwarning" style="color:crimson;"><span style="font-weight: bold;">CW: </span>{{{1}}}</p>
+<div class="spoilerimage">[[Image:{{{2}}}|frameless|500px]]
-<!--Using inline JS like this is VERY hacky. Remove ASAP once templatestyles are in!-->
+<div id="warning">Hover to reveal</div>
-<div class="spoilerimage" style="filter:blur(50px);" onMouseOver="this.style.filter='blur(0px)'" onMouseOut="this.style.filter='blue(50px)'">[[Image:{{{2}}}|{{{3}}}]]</div>
+</div>