User:Bluemorpho/common.css

.audio-lilia .video-js, .audio-lilia .video-js .vjs-play-control, .audio-lilia .video-js .vjs-control-bar { width: 50px !important; height: 50px !important; background: transparent; position: inherit; }

.audio-lilia .vjs-icon-play:before, .audio-lilia .video-js .vjs-play-control .vjs-icon-placeholder:before, .audio-lilia .video-js .vjs-big-play-button .vjs-icon-placeholder:before, .audio-lilia .mw-tmh-player.audio .mw-tmh-play .mw-tmh-play-icon { width: 50px ; height: 50px ; background-color: transparent; border: none; background-image: url('https://static.miraheze.org/twistedwonderlandwiki/d/d1/Lilia_Music_1.png'); background-position: 0; display: inline-block; background-size: 50px auto; filter: grayscale(50%); transition: filter 1s, background-image 1s, }

.audio-lilia .vjs-icon-pause:before, .audio-lilia .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before, .audio-lilia .mw-tmh-player.audio .mw-tmh-play .mw-tmh-play-icon:hover { width: 50px ; height: 50px ; background-color: transparent !important; background-image: url('https://static.miraheze.org/twistedwonderlandwiki/7/71/Lilia_Music_2.png') !important; background-size: 50px auto; filter: none; } .audio-lilia .video-js .vjs-play-control .vjs-playing { animation-duration: 3s; animation-name: wiggle; animation-iteration-count: infinite; animation-timing-function: linear; }

@keyframes wiggle { 0% {transform: rotate(0deg);} 25% {transform: rotate(10deg);} 75% {transform: rotate(-20deg);} } .audio-lilia.no-audio { background-color: transparent; background-size: 50px auto; background-image: url('https://static.miraheze.org/twistedwonderlandwiki/d/d1/Lilia_Music_1.png'); filter: grayscale(100%); }

.audio-lilia .vjs-icon-play:before, .audio-lilia .video-js .vjs-play-control .vjs-icon-placeholder:before, .audio-lilia .video-js .vjs-big-play-button .vjs-icon-placeholder:before, .audio-lilia .vjs-icon-pause:before, .audio-lilia .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before, .audio-lilia .vjs-icon-replay:before, .audio-lilia .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before { content: none; }

.fc-scroller { height: auto !important; }

.fc-unthemed td.fc-today { background: green; } .fc-widget-header { background: #b39f73; color:black; } /*.fc-content { color:black; }*/

/* CSS for Audio button */

.audio-vil { width: 50px; height: 50px; background-color: transparent; border: none; background-image: url('https://static.miraheze.org/twistedwonderlandwiki/d/d1/Lilia_Music_1.png'); display: inline-block; background-size: 50px auto; filter: grayscale(50%); transition: filter 1s, background-image 1s, } .audio-vil.playing, .audio-vil:hover, .audio-vil-parent:hover > .click-parent { background-color: transparent !important; background-image: url('https://static.miraheze.org/twistedwonderlandwiki/7/71/Lilia_Music_2.png'); background-size: 50px auto; filter: none;} .audio-vil.playing { animation-duration: 3s; animation-name: wiggle; animation-iteration-count: infinite; animation-timing-function: linear; }

@keyframes wiggle { 0% {transform: rotate(0deg);} 25% {transform: rotate(10deg);} 75% {transform: rotate(-20deg);} } .audio-vil.no-audio { background-color: transparent; background-size: 50px auto; background-image: url('https://static.miraheze.org/twistedwonderlandwiki/d/d1/Lilia_Music_1.png'); filter: grayscale(100%); }

.audio-vil>*{ display: none; } /* Audio Button CSS End */