MediaWiki:Wikia.css/slider.css

/** * Slider **/ .slideshow-wrap { position: relative; display: inline-block; width: 500px; border: 2px solid white; } .slideshow-buttons { border-radius: 10px; position: absolute; bottom: 6px; right: 6px; z-index: 999; border-radius: 4px; overflow: hidden; } .slideshow-buttons > .slideshow-button { background-color: white; background-color: rgba(255, 255, 255, 0.5); color: #343840; display: inline-block; padding: 8px 12px; } .slideshow-buttons > .slideshow-button:hover { background-color: #b9bdc6; background-color: rgba(185, 189, 198, 0.5); } .slideshow-inner { width: 500px; height: 300px; overflow: hidden; } .slideshow-inner .slideshow { list-style: none; margin: 0; padding: 0; width: 2500px; } .slideshow-inner .slideshow > li.slide { position: relative; width: 500px; height: 300px; display: none; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } .slideshow-inner .slideshow > li.slide.active { display: table-cell; } .slideshow-inner .image { width: 500px; height: 300px; }