From Arcanet
Jump to navigation Jump to search
m Dragondraikk moved page SpoilerCSS to Template:SpoilerCSS over a redirect without leaving a redirect: Fix Templatestyles
No edit summary
 
(7 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;
}