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

   1 /*
   2         AnythingSlider v1.5.10 Construction Theme
   3         By Rob Garrison
   4 */
   5
   6 /****** SET COLORS HERE *******/
   7 /* Default State */
   8 div.anythingSlider-construction .anythingWindow {
   9         border-top: 3px solid #333;
  10         border-bottom: 3px solid #333;
  11 }
  12
  13 /* Active State */
  14 div.anythingSlider-construction.activeSlider .anythingWindow {
  15         border-color: #d0aa0d;
  16 }
  17 div.anythingSlider-construction.activeSlider .anythingControls ul a:hover, div.anythingSlider-construction.activeSlider .anythingControls ul a {
  18  background-color: transparent;
  19 }
  20
  21 /* Navigation Arrows */
  22 div.anythingSlider-construction .arrow {
  23         top: 50%;
  24         position: absolute;
  25         display: block;
  26         z-index: 100;
  27 }
  28 div.anythingSlider-construction .arrow a {
  29         display: block;
  30         height: 300px;
  31         margin-top: -150px; /* half height of image */
  32         width: 45px;
  33         outline: 0;
  34         background: url(../images/construction.gif) no-repeat;
  35 }
  36
  37 div.anythingSlider-construction .forward a {
  38         border-radius: 0 5px 5px 0;
  39         -moz-border-radius: 0 5px 5px 0;
  40         -webkit-border-radius: 0 5px 5px 0;
  41 }
  42
  43 div.anythingSlider-construction .back a {
  44         border-radius: 5px 0 0 5px;
  45         -moz-border-radius: 5px 0 0 5px;
  46         -webkit-border-radius: 5px 0 0 5px;
  47 }
  48
  49 div.anythingSlider-construction .forward { right: 0; }
  50 div.anythingSlider-construction .back { left: 0; }
  51 div.anythingSlider-construction .forward a { background-position: right top; }
  52 div.anythingSlider-construction .back a { background-position: left top; }
  53 div.anythingSlider-construction .forward a:hover, div.anythingSlider-construction .forward a.hover { background-position: -50px top; }
  54 div.anythingSlider-construction .back a:hover, div.anythingSlider-construction .back a.hover { background-position: -5px top; }
  55
  56 /* Navigation Links */
  57 div.anythingSlider-construction .anythingControls {
  58         float: right;
  59         position: absolute;
  60         bottom: 0;
  61         right: 15%;
  62         z-index: 100;
  63         opacity: 0.90;
  64         filter: alpha(opacity=90);
  65 }
  66 div.anythingSlider-construction .anythingControls ul {
  67         margin: 0;
  68         z-index: 100;
  69 }
  70 div.anythingSlider-construction .anythingControls ul li {
  71         display: block;
  72         float: left;
  73 }
  74 div.anythingSlider-construction .anythingControls ul a, div.anythingSlider-construction.activeSlider .anythingControls ul a,
  75 div.anythingSlider-construction .anythingControls a.start-stop {
  76         display: block;
  77         background: transparent url(../images/construction.gif) -36px -301px no-repeat;
  78         border: 0;
  79         height: 15px;
  80         width: 15px;
  81         margin: 2px;
  82         padding: 0;
  83         outline: 0;
  84 }
  85 div.anythingSlider-construction div.anythingControls a:hover, div.anythingSlider-construction .anythingControls ul a.cur,
  86 div.anythingSlider-construction.activeSlider .anythingControls ul a.cur {
  87         background: transparent url(../images/construction.gif) -21px -301px no-repeat;
  88 }
  89
  90 /* Navigation size window arrows */
  91 div.anythingSlider-construction .anythingControls li.next a, div.anythingSlider-construction .anythingControls li.prev a {
  92         height: 12px;
  93         width: 12px;
  94         margin-top: 3px;
  95         border-radius: 0;
  96         -moz-border-radius: 0;
  97         -webkit-border-radius: 0;
  98         background: transparent url(../images/construction.gif) no-repeat;
  99 }
 100 div.anythingSlider-construction .anythingControls li.next a {
 101         background-position: -78px -144px;
 102 }
 103 div.anythingSlider-construction .anythingControls li.prev a {
 104         background-position: -12px -144px;
 105 }
 106 div.anythingSlider-construction .anythingControls li.next a:hover {
 107         background: transparent url(../images/construction.gif) -76px -144px no-repeat;
 108 }
 109 div.anythingSlider-construction .anythingControls li.prev a:hover {
 110         background: transparent url(../images/construction.gif) -14px -144px no-repeat;
 111 }
 112
 113 /* slider autoplay right-to-left, reverse order of nav links to look better */
 114 div.anythingSlider-construction.rtl .anythingControls ul a { float: right; } /* reverse order of nav links */
 115 div.anythingSlider-construction.rtl .anythingControls ul { float: left; }    /* move nav link group to left */
 116 /* div.anythingSlider-construction.rtl .start-stop { float: right; } */ /* move start/stop button - in case you want to switch sides */
 117
 118 /* Autoplay Start/Stop button */
 119 div.anythingSlider-construction .anythingControls a.start-stop {
 120         display: inline-block;
 121         background: transparent url(../images/construction.gif) -66px -301px no-repeat;
 122         z-index: 100;
 123         float: right;
 124 }
 125 div.anythingSlider-construction .anythingControls a.start-stop.playing, div.anythingSlider-construction.activeSlider .anythingControls a.start-stop.playing  {
 126         background-position: -51px -301px;
 127 }
 128 div.anythingSlider-construction .anythingControls a.start-stop:hover, div.anythingSlider-construction .anythingControls a.start-stop.playing:hover {
 129         background-position: -21px -301px;
 130 }
 131
 132 /* Extra - replace defaults */
 133 div.anythingSlider-construction {
 134         padding: 6px 45px;
 135 }
 136
 137 /* text indent moved to span inside "a", for IE7; apparently, a negative text-indent on an "a" link moves the link as well as the text */
 138 div.anythingSlider-construction .arrow a span, div.anythingSlider-construction .anythingControls ul a span, div.anythingSlider-construction .start-stop span {
 139         display: block;
 140         line-height: 1px; /* needed for IE7 */
 141         text-indent: -9999px;
 142 }