xp-dev.com Git - namibia/blob - public/css/vendor/anythingslider.css

   1 /*
   2     AnythingSlider v1.4.1+ Default (base) theme
   3
   4     By Chris Coyier: http://css-tricks.com
   5     with major improvements by Doug Neiner: http://pixelgraphics.us/
   6     based on work by Remy Sharp: http://jqueryfordesigners.com/
   7 */
   8
   9 /******* SET DEFAULT DIMENSIONS HERE ********/
  10 div.anythingSlider {
  11         width: 100%;
  12         height: 310px;
  13         overflow:hidden;
  14
  15 }
  16
  17 /****** SET COLORS HERE *******/
  18 /* Default State */
  19 div.anythingSlider .thumbNav a.cur, div.anythingSlider .thumbNav a {
  20         background:url(../images/slider_hov.png) no-repeat;
  21 }
  22 div.anythingSlider .anythingWindow {
  23 }
  24 div.anythingSlider .start-stop {
  25 }
  26 div.anythingSlider .start-stop.playing {
  27 }
  28 div.anythingSlider .start-stop:hover, div.anythingSlider .start-stop.hover {
  29 }
  30
  31 /* Active State */
  32 div.anythingSlider.activeSlider .anythingWindow {
  33 }
  34 div.anythingSlider.activeSlider .thumbNav a.cur, div.anythingSlider.activeSlider .thumbNav a {
  35 }
  36 div.anythingSlider .start-stop {
  37 }
  38 div.anythingSlider .start-stop.playing {
  39 }
  40 div.anythingSlider .start-stop:hover, div.anythingSlider .start-stop.hover {
  41 }
  42
  43 /**** DO NOT CHANGE BELOW THIS LINE ****/
  44 /* anythingSlider viewport window */
  45 div.anythingSlider .anythingWindow {
  46         overflow: hidden;
  47         position: relative;
  48         width: 100%;
  49         height: 100%;
  50 }
  51 /* wrapper: 45px right & left padding for the arrows, 28px @ bottom for navigation */
  52 div.anythingSlider {
  53         position: relative;
  54 }
  55 /* anythingSlider base UL */
  56 ul.anythingBase {
  57         background: transparent;
  58         list-style: none;
  59         position: absolute;
  60         top: 0;
  61         left: 0;
  62         margin: 0;
  63         padding: 0;
  64 }
  65 ul.anythingBase li.panel {
  66         background: transparent;
  67         display: block;
  68         float: left;
  69         padding: 0;
  70         margin: 0;
  71 }
  72
  73 /* Navigation Arrows */
  74 div.anythingSlider .arrow {
  75         top: 250px;
  76         position: absolute;
  77         display: block;
  78         z-index:5000;
  79 }
  80 div.anythingSlider .arrow a {
  81         display: block;
  82         height: 36px;
  83         width: 36px;
  84         text-align: center;
  85         outline: 0;
  86         text-indent: -9999px;
  87 }
  88 div.anythingSlider .forward { right: 12px; }
  89 div.anythingSlider .back {      left:8px; }
  90 div.anythingSlider .forward a { }
  91 div.anythingSlider .back a {  }
  92 div.anythingSlider .forward a:hover, div.anythingSlider .forward a.hover { }
  93 div.anythingSlider .back a:hover, div.anythingSlider .back a.hover {  }
  94
  95 /* Navigation Links */
  96
  97 div.anythingSlider .thumbNav { margin: 0; position:relative ; bottom: 30px; left:12px; }
  98 div.anythingSlider .thumbNav li { width:15px!important; display: inline; margin-right:7px; }
  99 div.anythingSlider .thumbNav a {
 100         display:block;
 101         text-indent:-9999px;
 102         width:15px;
 103         height:14px;
 104         background:url(../images/slider_norm.png) no-repeat;
 105         display:none;
 106
 107 }
 108 div.anythingSlider .thumbNav a:hover {
 109 }
 110
 111 /* slider autoplay right-to-left, reverse order of nav links to look better */
 112 div.anythingSlider.rtl .thumbNav a { float: right; } /* reverse order of nav links */
 113 div.anythingSlider.rtl .thumbNav { float: left; }    /* move nav link group to left */
 114 /* div.anythingSlider.rtl .start-stop { float: right; } */ /* move start/stop button - in case you want to switch sides */
 115
 116 /* Autoplay Start/Stop button */
 117 div.anythingSlider .start-stop {
 118         display:none;
 119 }
 120 div.anythingSlider .start-stop.playing { background-color: red; }
 121 div.anythingSlider .start-stop:hover, div.anythingSlider .start-stop.hover { background-image: none; color: #ff0 }