git.roojs.org Git - ratchet/blob - lib/css/sliders.css

   1 /* Slider styles (to be used with sliders.js)
   2 -------------------------------------------------- */
   3
   4 /* Width/height of slider */
   5 .slider,
   6 .slider > li {
   7   width: 100%;
   8   height: 200px;
   9 }
  10
  11 /* Outer wrapper for slider */
  12 .slider {
  13   overflow: hidden;
  14   background-color: #000;
  15 }
  16
  17 /* Inner wrapper for slider (width of all slides together) */
  18 .slider > ul {
  19   position: relative;
  20   font-size: 0; /* Remove spaces from inline-block children */
  21   white-space: nowrap;
  22   -webkit-transition: all 0 linear;
  23           transition: all 0 linear;
  24 }
  25
  26 /* Individual slide */
  27 .slider > ul > li {
  28   display: inline-block;
  29   vertical-align: top; /* Ensure that li always aligns to top */
  30   width: 100%;
  31   height: 100%;
  32 }
  33
  34 /* Required reset of font-size to same as standard body */
  35 .slider > ul > li > * {
  36   font-size: 14px;
  37 }