From Arcanet
Dragondraikk (talk | contribs) Dragondraikk changed the content model of the page SpoilerCSS from "wikitext" to "CSS": is CSS Tag: content model change |
Dragondraikk (talk | contribs) No edit summary |
||
| (9 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{ | ||
| Line 10: | Line 12: | ||
} | } | ||
.spoilerimage{ | .spoilerimage{ | ||
position: relative; | |||
display: inline-block; | |||
overflow: hidden; | |||
} | |||
.spoilerimage img{ | |||
filter:blur(50px); | filter:blur(50px); | ||
} | } | ||
.spoilerimage:hover{ | .spoilerimage img:hover{ | ||
filter:blur(0px); | 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; | |||
} | } | ||
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;
}