MediaWiki:Gadget-Events/HalloweenEffects.css

/* The following is for the halloween code */ .halloween-canvas { top: 0; left: 0; width: 100%; height: 100%; z-index: -1; position: fixed; overflow: hidden; } .halloween-canvas.debug-mode { z-index: 999; } /* Sprites */ .halloween-sprite { background: url("https://raw.githubusercontent.com/skyblock-wiki/wiki-assets/main/images/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); display: none; position: fixed; overflow: hidden; } .halloween-sprite.animate { display: block; opacity: 0; animation: spookyAnimation var(--halloween-animation-time) infinite; } /* Animations */ @keyframes spookyAnimation { 0%, 100% {opacity: 0;} 30%, 70% {opacity: 1;} } /* Debug */ .halloween-debug-area { opacity: .5; position: fixed; z-index: 999; } .halloween-bound-debug { background-color: blueviolet; } .halloween-border-debug { background-color: lightskyblue; } .halloween-region-debug { background-color: darkcyan; }