ui/src/main/webapp/static/fusion/sample/css/slider.css

   1 div, span, p {
   2     margin: 0;
   3     padding: 0;
   4     border: 0;
   5     outline: 0;
   6     font-weight: inherit;
   7     font-style: inherit;
   8     font-size: 100%;
   9     font-family: inherit;
  10     vertical-align: baseline;
  11 }
  12
  13 #container {
  14     width: 580px;
  15     padding: 10px;
  16     margin: 0 auto;
  17     position: relative;
  18     z-index: 0;
  19 }
  20
  21 #example {
  22     width: 600px;
  23     height: 350px;
  24     position: relative;
  25 }
  26
  27 #ribbon {
  28     position: absolute;
  29     top: -3px;
  30     left: -15px;
  31     z-index: 500;
  32 }
  33
  34 #frame {
  35     position: absolute;
  36     z-index: 0;
  37     width: 739px;
  38     height: 341px;
  39     top: -3px;
  40     left: -80px;
  41 }
  42
  43 /*
  44         Slideshow
  45 */
  46 #slides {
  47     position: absolute;
  48     top: 15px;
  49     left: 4px;
  50     z-index: 100;
  51 }
  52
  53 /*
  54         Slides container
  55         Important:
  56         Set the width of your slides container
  57         Set to display none, prevents content flash
  58 */
  59 .slides_container {
  60     width: 570px;
  61     overflow: hidden;
  62     position: relative;
  63     display: none;
  64 }
  65
  66 /*
  67         Each slide
  68         Important:
  69         Set the width of your slides
  70         If height not specified height will be set by the slide content
  71         Set to display block
  72 */
  73 .slides_container div.slide {
  74     width: 570px;
  75     height: 270px;
  76     display: block;
  77 }
  78
  79 /*
  80         Next/prev buttons
  81 */
  82 #slides .next, #slides .prev {
  83     position: absolute;
  84     top: 107px;
  85     left: -39px;
  86     width: 24px;
  87     height: 43px;
  88     display: block;
  89     z-index: 101;
  90 }
  91
  92 #slides .next {
  93     left: 585px;
  94 }
  95
  96 /*
  97         Pagination
  98 */
  99 .pagination {
 100     margin: 26px auto 0;
 101     width: 100px;
 102 }
 103
 104 .pagination li {
 105     float: left;
 106     margin: 0 1px;
 107     list-style: none;
 108 }
 109
 110 .pagination li a {
 111     display: block;
 112     width: 12px;
 113     height: 0;
 114     padding-top: 12px;
 115     background-image: url(../images/pagination.png);
 116     background-position: 0 0;
 117     float: left;
 118     overflow: hidden;
 119 }
 120
 121 .pagination li.current a {
 122     background-position: 0 -12px;
 123 }
 124
 125 /*
 126         Caption
 127 */
 128 .caption {
 129     z-index: 500;
 130     position: absolute;
 131     bottom: -35px;
 132     left: 0;
 133     height: 30px;
 134     padding: 5px 20px 0 20px;
 135     background: #000;
 136     background: rgba(0, 0, 0, .5);
 137     width: 540px;
 138     font-size: 1.3em;
 139     line-height: 1.33;
 140     color: #fff;
 141     border-top: 1px solid #000;
 142     text-shadow: none;
 143 }