From Arcanet
Dragondraikk (talk | contribs) No edit summary |
Dragondraikk (talk | contribs) No edit summary |
||
(4 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
.contentwarning{ | .contentwarning{ | ||
color:crimson; | color:crimson; | ||
margin: 5px; | |||
} | } | ||
.spoilertext{ | .spoilertext{ | ||
color:black; | color:black; | ||
background-color:black; | background-color:black; | ||
padding: 2px; | |||
} | } | ||
.spoilertext:hover{ | .spoilertext:hover{ | ||
color:white; | color:white; | ||
} | |||
.spoilerimage{ | |||
position: relative; | |||
display: inline-block; | |||
overflow: hidden; | |||
} | } | ||
.spoilerimage img{ | .spoilerimage img{ | ||
Line 18: | Line 25: | ||
position: absolute; | position: absolute; | ||
top: 50%; | top: 50%; | ||
left: 1%; | |||
width: 97.5%; | |||
text-align: center; | |||
background-color: darkslategray; | |||
border: groove 2px darkslategray; | |||
border-radius: 1em; | |||
} | } | ||
.spoilerimage:hover #warning{ | .spoilerimage:hover #warning{ | ||
display:none; | |||
} | } |
Latest revision as of 15:41, 20 July 2024
.contentwarning{ color:crimson; margin: 5px; } .spoilertext{ color:black; background-color:black; padding: 2px; } .spoilertext:hover{ color:white; } .spoilerimage{ position: relative; display: inline-block; overflow: hidden; } .spoilerimage img{ filter:blur(50px); } .spoilerimage img:hover{ filter:blur(0px); } .spoilerimage #warning{ position: absolute; top: 50%; left: 1%; width: 97.5%; text-align: center; background-color: darkslategray; border: groove 2px darkslategray; border-radius: 1em; } .spoilerimage:hover #warning{ display:none; }