User:Bluemorpho/common.css

/* CSS for Audio button */

.audio-button .lilia { width: 30px; height: 30px; background-color: none; border: none; background-image: url('https://static.miraheze.org/twistedwonderlandwiki/8/85/OggPlayer_Play.png'); display: inline-block; background-size: 18px auto; } .audio-button .playing .lilia, .audio-button:hover .lilia, .audio-button-parent:hover > .click-parent .lilia { background-color: none !important; } .audio-button .playing .lilia { background-image: url('https://static.miraheze.org/twistedwonderlandwiki/3/3e/OggPlayer_Stop.png'); background-size: 30px auto; animation-duration: 3s; animation-name: wiggle; animation-iteration-count: infinite; }

@keyframes slidein { 0% {transform: rotate(0deg);} 25% {transform: rotate(10deg);} 75% {transform: rotate(-20deg);} } .audio-button.no-audio .lilia { background-color: none; background-size: 30px auto; background-image: url('https://static.miraheze.org/twistedwonderlandwiki/b/b3/OggPlayer_Mute.png'); }

/* Audio Button CSS End */