www/plugins/auto/anythingslider/css/theme-simple.css

   1 /*
   2     Theme simple pour AnythingSlider
   3     par Joseph Larmarange
   4 */
   5
   6 /* Default State */
   7 div.anythingSlider-simple {
   8         margin-top: 10px;
   9         margin-bottom: 10px;
  10 }
  11
  12 div.anythingSlider-simple .anythingWindow {
  13         border: none;
  14 }
  15
  16 /* Active State */
  17 div.anythingSlider-simple.activeSlider .anythingWindow {
  18         border: none;
  19 }
  20
  21 /* Navigation Arrows */
  22 div.anythingSlider-simple .arrow {
  23         top: 50%;
  24         position: absolute;
  25         display: block;
  26 }
  27 div.anythingSlider-simple .arrow a {
  28         display: block;
  29         height: 20px;
  30         margin-top: -20px; /* half height of image */
  31         margin-left:5px;
  32         margin-right:5px;
  33         width: 20px;
  34         text-align: center;
  35         outline: 0;
  36         background: url(../images/arrows-simple.png) no-repeat;
  37         text-indent: -9999px;
  38 }
  39 div.anythingSlider-simple .forward { right: 0; }
  40 div.anythingSlider-simple .back { left: 0; }
  41 div.anythingSlider-simple .forward a { background-position: left bottom; }
  42 div.anythingSlider-simple .back a { background-position: left top; }
  43 div.anythingSlider-simple .forward a:hover, div.anythingSlider-simple .forward a.hover { background-position: right bottom; }
  44 div.anythingSlider-simple .back a:hover, div.anythingSlider-simple .back a.hover { background-position: right top; }
  45
  46 /* Navigation Links */
  47 div.anythingSlider-simple .anythingControls {
  48         margin-top: 10px;
  49         text-align: center;
  50         opacity: 0.75;
  51         filter: alpha(opacity=75);
  52         width:100%;
  53 }
  54 div.anythingSlider-simple .thumbNav {
  55         float: none;
  56         margin: 0 auto;
  57         width: 100%;
  58         text-align: center;
  59         margin-left: 50px;
  60 }
  61 div.anythingSlider-simple  ul.thumbNav, div.anythingSlider-simple.activeSlider  ul.thumbNav { list-style: none; }
  62 div.anythingSlider-simple .thumbNav li {
  63         display: inline;
  64 }
  65 div.anythingSlider-simple .thumbNav a,
  66 div.anythingSlider-simple.activeSlider .thumbNav a,
  67 div.anythingSlider-simple .thumbNav a.cur,
  68 div.anythingSlider-simple.activeSlider .thumbNav a.cur,
  69 div.anythingSlider-simple .thumbNav a:hover,
  70 div.anythingSlider-simple.activeSlider .thumbNav a:hover {
  71         display: inline-block;
  72         width: 10px;
  73         height: 10px;
  74         margin: 0px 3px;
  75         padding: 0;
  76         text-indent: -9999px;
  77         outline: 0;
  78         border: 0;
  79         background-image: url(../images/nav-simple.png);
  80         background-position: center top;
  81         background-repeat: no-repeat;
  82         background-color: transparent;
  83 }
  84
  85 div.anythingSlider-simple .thumbNav a.cur,
  86 div.anythingSlider-simple.activeSlider .thumbNav a.cur {
  87         background-position: center bottom;
  88 }
  89
  90 div.anythingSlider-simple .thumbNav a:hover,
  91 div.anythingSlider-simple.activeSlider .thumbNav a:hover {
  92         background-position: center center;
  93 }
  94
  95 /* Autoplay Start/Stop button */
  96 div.anythingSlider-simple .start-stop, div.anythingSlider-simple .start-stop, div.anythingSlider-simple .start-stop.playing, div.anythingSlider-simple .start-stop:hover, div.anythingSlider-simple .start-stop.hover {
  97         position: absolute;
  98         right: 0px;
  99         background-color: #fff;
 100         color: #666;
 101 }
 102
 103 /* Extra - replace defaults */
 104 div.anythingSlider-simple {
 105         padding-top: 5px;
 106         padding-right: 30px;
 107         padding-bottom: 30px;
 108         padding-left: 30px;
 109         -moz-border-radius: 6px;
 110         -webkit-border-radius: 6px;
 111         box-shadow: 0 0 6px #888;
 112         -moz-box-shadow: 0 0 6px #888;
 113         -webkit-box-shadow: 0 0 6px #888;
 114         border: solid 1px #ccc;
 115 }
 116
 117 div.anythingSlider-simple.activeSlider .anythingControls ul a.cur, div.anythingSlider-simple.activeSlider .anythingControls ul a {
 118         background-color: transparent;
 119 }