www/plugins/auto/anythingslider/css/theme-cs-portfolio.css

   1 /*
   2         AnythingSlider v1.5.10 cs-portfolio
   3         By Curtis Scott (http://www.curtisscott.com/portfolio.html)
   4         updated to work with the new themes
   5 */
   6
   7 /*** Note: the nav-cs-portfolio.png used for navigation and slideshow buttons uses a semi-transparent png,
   8      through which the background color is seen... so colors set will turn out darker than normal ***/
   9
  10 /****** SET COLORS HERE *******/
  11 /* Default/Acitve State */
  12 div.anythingSlider-cs-portfolio .anythingControls ul a, div.anythingSlider-cs-portfolio.activeSlider .anythingControls ul a {
  13         background-color: #fff;
  14 }
  15 div.anythingSlider-cs-portfolio .anythingControls ul a:hover, div.anythingSlider-cs-portfolio .anythingControls ul a.cur,
  16 div.anythingSlider-cs-portfolio.activeSlider .anythingControls ul a:hover, div.anythingSlider-cs-portfolio.activeSlider .anythingControls ul a.cur {
  17         background-color: #0d5c9f;
  18 }
  19 div.anythingSlider-cs-portfolio .start-stop, div.anythingSlider-cs-portfolio .start-stop.hover {
  20         background-color: #080;
  21 }
  22 div.anythingSlider-cs-portfolio .start-stop:hover {
  23         background-color: #0f0;
  24 }
  25 div.anythingSlider-cs-portfolio .start-stop.playing {
  26         background-color: #a00;
  27 }
  28 div.anythingSlider-cs-portfolio .start-stop.playing:hover {
  29         background-color: #f00;
  30 }
  31
  32 /* Overall */
  33 div.anythingSlider-cs-portfolio {}
  34 div.anythingSlider-cs-portfolio .anythingWindow, div.anythingSlider-cs-portfolio.activeSlider .anythingWindow {
  35         border: 0;
  36 }
  37 /* Navigation Arrows */
  38 div.anythingSlider-cs-portfolio .arrow {
  39         display: block;
  40         bottom: 7px; /* this is -18px for IE7 */
  41         position: absolute;
  42         z-index: 100;
  43 }
  44 div.anythingSlider-cs-portfolio .arrow a {
  45         display: block;
  46         bottom: 5px;
  47         position: absolute;
  48         height: 27px;
  49         width: 26px;
  50         outline: 0;
  51         background: url(../images/cs-portfolio.png) no-repeat;
  52 }
  53 div.anythingSlider-cs-portfolio .forward { right: 70px; }
  54 div.anythingSlider-cs-portfolio .back { left: 20px; }
  55 div.anythingSlider-cs-portfolio .forward a { background-position: -24px top; }
  56 div.anythingSlider-cs-portfolio .back a { background-position: left top; }
  57 div.anythingSlider-cs-portfolio .forward a:hover, div.anythingSlider-cs-portfolio .forward a.hover { background-position: -24px -27px; }
  58 div.anythingSlider-cs-portfolio .back a:hover, div.anythingSlider-cs-portfolio .back a.hover { background-position: left -27px; }
  59
  60 /* Navigation Links */
  61 div.anythingSlider-cs-portfolio .anythingControls {
  62         background: url(../images/cs-portfolio.png) repeat-x bottom center;
  63         height: 49px;
  64         margin: 0 auto 49px auto;
  65         padding-left: 150px;
  66         text-align: center;
  67         z-index: 100;
  68 }
  69 div.anythingSlider-cs-portfolio .anythingControls ul {
  70         margin: 0;
  71         z-index: 100;
  72 }
  73 div.anythingSlider-cs-portfolio .anythingControls ul li {
  74         padding: 0;
  75         display: inline;
  76 }
  77
  78 div.anythingSlider-cs-portfolio .anythingControls ul a, div.anythingSlider-cs-portfolio.activeSlider .anythingControls ul a {
  79         display: inline-block;
  80         width: 17px;
  81         height: 17px;
  82         margin: 18px 5px 0 0;
  83         padding: 0;
  84         outline: 0;
  85         border: 0;
  86 }
  87
  88 div.anythingSlider-cs-portfolio .anythingControls ul a, div.anythingSlider-cs-portfolio.activeSlider .anythingControls ul a,
  89 div.anythingSlider-cs-portfolio .anythingControls ul a:hover, div.anythingSlider-cs-portfolio .anythingControls ul a.cur,
  90 div.anythingSlider-cs-portfolio.activeSlider .anythingControls ul a:hover, div.anythingSlider-cs-portfolio.activeSlider .anythingControls ul a.cur {
  91         background-image: url(../images/cs-portfolio.png);
  92         background-position: right -20px;
  93         background-repeat: no-repeat;
  94 }
  95
  96 /* Navigation size window arrows */
  97 div.anythingSlider-cs-portfolio .anythingControls li.next a, div.anythingSlider-cs-portfolio .anythingControls li.prev a,
  98 div.anythingSlider-cs-portfolio .anythingControls li.next a:hover, div.anythingSlider-cs-portfolio .anythingControls li.prev a:hover {
  99         width: 16px;
 100         height: 15px;
 101         background: url(../images/cs-portfolio.png) -25px -54px no-repeat;
 102         margin: 19px 5px 0 5px;
 103 }
 104 div.anythingSlider-cs-portfolio .anythingControls li.prev a {
 105         background-position: -9px -54px;
 106 }
 107 div.anythingSlider-cs-portfolio .anythingControls li.next a:hover {
 108         background-position: -56px -54px;
 109 }
 110 div.anythingSlider-cs-portfolio .anythingControls li.prev a:hover {
 111         background-position: -41px -54px;
 112 }
 113
 114 /* slider autoplay right-to-left, reverse order of nav links to look better */
 115 div.anythingSlider-cs-portfolio.rtl .anythingControls ul a { float: right; } /* reverse order of nav links */
 116 div.anythingSlider-cs-portfolio.rtl .anythingControls ul { float: left; }    /* move nav link group to left */
 117 /* div.anythingSlider-cs-portfolio.rtl .start-stop { float: right; } */ /* move start/stop button - in case you want to switch sides */
 118
 119 /* Autoplay Start/Stop button */
 120 div.anythingSlider-cs-portfolio .start-stop, div.anythingSlider-cs-portfolio .start-stop.hover {
 121         margin: 15px 50px 0 0;
 122         padding: 0;
 123         display: inline-block;
 124         text-align: center;
 125         width: 20px;
 126         height: 20px;
 127         z-index: 100;
 128         border: 0;
 129 }
 130 div.anythingSlider-cs-portfolio .start-stop, div.anythingSlider-cs-portfolio .start-stop.hover,
 131 div.anythingSlider-cs-portfolio .start-stop:hover, div.anythingSlider-cs-portfolio .start-stop.playing,
 132 div.anythingSlider-cs-portfolio .start-stop.playing:hover {
 133         background-image: url(../images/cs-portfolio.png);
 134         background-position: right top;
 135         background-repeat: no-repeat;
 136 }
 137
 138 /* Extra - replace defaults */
 139 div.anythingSlider-cs-portfolio {
 140         padding: 0 23px 50px 0;
 141 }
 142
 143 /* 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 */
 144 div.anythingSlider-cs-portfolio .arrow a span, div.anythingSlider-cs-portfolio .anythingControls ul a span, div.anythingSlider-cs-portfolio .start-stop span {
 145         display: block;
 146         line-height: 1px; /* needed for IE7 */
 147         text-indent: -9999px;
 148 }