Template:NSFW Image.css - Revision history

Cleo: Cleo changed the content model of the page Template:NSFW Image.css from "CSS" to "Sanitized CSS"

2023-10-16T09:05:29Z

Cleo changed the content model of the page Template:NSFW Image.css from "CSS" to "Sanitized CSS"

← Older revision

Revision as of 09:05, 16 October 2023

Cleo at 09:05, 16 October 2023

2023-10-16T09:05:21Z

← Older revision		Revision as of 09:05, 16 October 2023
Line 1:		Line 1:

	.nsfw {		.nsfw {
	position: relative;		position: relative;
Line 10:		Line 9:

	.blur img {		.blur img {
	~~filter: url("#sharpBlur");~~
	transition: filter 0.15s ease-in-out;		transition: filter 0.15s ease-in-out;
			filter: blur(20px);
	}		}

	.nsfw:hover .blur img {		.nsfw:hover .blur img {
	filter: ~~blur(0px)~~;		filter: none;
			transition: filter 0.15s ease-in-out;
	}		}

Cleo: Cleo changed the content model of the page Template:NSFW Image.css from "wikitext" to "CSS"

2023-10-16T08:52:13Z

Cleo changed the content model of the page Template:NSFW Image.css from "wikitext" to "CSS"

← Older revision

Revision as of 08:52, 16 October 2023

Cleo: Created page with " .nsfw { position: relative; text-align: center; } .blur { transition: filter 0.15s ease-in-out; } .blur img { filter: url("#sharpBlur"); transition: filter 0.15s ease-in-out; } .nsfw:hover .blur img { filter: blur(0px); } .nsfw:hover .nsfw-text { opacity: 0; display: none; } .nsfw-text { opacity: 0.5; padding: 5px 15px 5px 15px; border-radius: 20px; background-color: black; color: white;..."

2023-10-16T08:49:56Z

Created page with " .nsfw { position: relative; text-align: center; } .blur { transition: filter 0.15s ease-in-out; } .blur img { filter: url("#sharpBlur"); transition: filter 0.15s ease-in-out; } .nsfw:hover .blur img { filter: blur(0px); } .nsfw:hover .nsfw-text { opacity: 0; display: none; } .nsfw-text { opacity: 0.5; padding: 5px 15px 5px 15px; border-radius: 20px; background-color: black; color: white;..."

New page

.nsfw {
position: relative;
text-align: center;
}

.blur {
transition: filter 0.15s ease-in-out;
}

.blur img {
filter: url("#sharpBlur");
transition: filter 0.15s ease-in-out;
}

.nsfw:hover .blur img {
filter: blur(0px);
}

.nsfw:hover .nsfw-text {
opacity: 0;
display: none;
}

.nsfw-text {
opacity: 0.5;
padding: 5px 15px 5px 15px;
border-radius: 20px;
background-color: black;
color: white;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}