Gadget-SpoilerWarning.css

Note: After publishing, you may have to bypass your browser's cache to see the changes.

Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
Opera: Press Ctrl-F5.

/* Styles for Template:Spoiler */

.spoiler {
	position: relative;
}

.spoiler-content {
	transition: 0.5s;
}

.spoiler-hidden .spoiler-content {
	filter: blur(15px);
}

.spoiler-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	cursor: pointer;
	background: no-repeat center/contain url(https://halo.wiki.gallery/images/2/26/HP_Graphic_SpoilerWarning_DesktopLight.png);
}

.dark .spoiler-overlay {
	background-image: url(https://halo.wiki.gallery/images/f/f8/HP_Graphic_SpoilerWarning_DesktopDark.png);
}
.mobile .spoiler-overlay {
	background: no-repeat space center/contain url(https://halo.wiki.gallery/images/e/e8/HP_Graphic_SpoilerWarning_MobileLight.png);
}
.dark.mobile .spoiler-overlay {
	background-image: url(https://halo.wiki.gallery/images/4/42/HP_Graphic_SpoilerWarning_MobileDark.png);
}

MediaWiki:Gadget-SpoilerWarning.css