ONAP-SDK-APP/src/main/webapp/static/fusion/sample/css/slider.css

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