File: slideshow.css

Recommend this page to a friend!
  Classes of Mark Rolich   Slideshow.js   slideshow.css   Download  
File: slideshow.css
Role: Auxiliary data
Content type: text/plain
Description: Main css
Class: Slideshow.js
Create slide show from a HTML list of items
Author: By
Last change: Update of slideshow.css
Date: 2 years ago
Size: 1,108 bytes
 

Contents

Class file image Download
.slide-show { margin: 0; padding: 0; list-style: none; position: relative; } .slide-show-wrapper { position: relative; overflow: hidden; } .slide-show li { float: left } .slide-show li ul li { float: none } .nav-btn, .play-btn-wrapper, .info { position: absolute; opacity: 0.5; } .nav-btn, .play { background-color: #000; color: #fff; border: none; cursor: pointer; width: 50px; height: 50px; line-height: 50px; } .nav-btn { font-weight: bold; font-size: 20px; border-radius: 50px; } .prev { left: -25px; text-align: right; padding-right: 5px; } .next { right: -25px; text-align: left; padding-left: 5px; } .play-btn-wrapper { width: 50px; height: 50px; bottom: 10px; border-radius: 10px; } .play { font-size: 35px; border-radius: 10px; } .info { top: 0; right: 0; width: 100px; height: 15px; padding: 5px; line-height: 15px; text-align: center; border-bottom-left-radius: 10px; background-color: #000; color: #fff; }