MediaWiki:Gadget-HalloweenEffects.css

/* The following is for the halloween code */ .halloween-canvas { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; overflow: hidden; }

.halloween-canvas.debug-mode { z-index: 999; }

.halloween-sprite { background: url("https://raw.githubusercontent.com/skyblock-wiki/skyblock-wiki.github.io/main/img/halloween-face.png") no-repeat left top; background-size: var(--halloween-sprite-size) var(--halloween-sprite-size); height: var(--halloween-sprite-size); width: var(--halloween-sprite-size); position: absolute; display: none; overflow: hidden; }

.halloween-sprite.animate { display: block; opacity: 0; animation: spookyAnimation var(--halloween-animation-time) infinite; }

@keyframes spookyAnimation { 0% {       opacity: 0; }

30% {       opacity: 1; }

70% {       opacity: 1; }

100% {       opacity: 0; } }

.halloween-debug-area { opacity: .5; position: absolute; z-index: 999; }

.halloween-bound-debug { background-color: blueviolet; }

.halloween-border-debug { background-color: lightskyblue; }

.halloween-region-debug { background-color: darkcyan; }