User:Bluemorpho/common.css

/* CSS Sliding Image Gallery for Mediawiki * * @author: Unknown * current version crafted together by User:Christharp from several CSS sites. */

.wrapper { position: absolute; top: 1%; width: 4000px; animation: 60s credits linear infinite; }

.wrapper img:hover { transform: scale(1.4); cursor: pointer; } @keyframes credits { 0% {   margin-left: 0px; } 100% {   margin-left: -4000px; } }

/*-*/ .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 .video-js, .audio-vil .video-js .vjs-play-control, .audio-vil .video-js .vjs-control-bar { width: 50px !important; height: 50px !important; background: transparent; position: inherit; }

.audio-vil .vjs-icon-play, .audio-vil .video-js .vjs-play-control .vjs-icon-placeholder, .audio-vil .video-js .vjs-big-play-button .vjs-icon-placeholder, .audio-vil .vjs-icon-replay, .audio-vil .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder, .audio-vil .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; animation: none; filter: grayscale(50%); transition: filter 1s, background-image 1s, }

.audio-vil .vjs-icon-pause, .audio-vil .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder, .audio-vil .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-vil .vjs-icon-pause, .audio-vil .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder { 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 .vjs-icon-play:before, .audio-vil .video-js .vjs-play-control .vjs-icon-placeholder:before, .audio-vil .video-js .vjs-big-play-button .vjs-icon-placeholder:before, .audio-vil .vjs-icon-pause:before, .audio-vil .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before, .audio-vil .vjs-icon-replay:before, .audio-vil .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before { content: none; }