/* AnythingSlider v1.4.1+ Default (base) theme By Chris Coyier: http://css-tricks.com with major improvements by Doug Neiner: http://pixelgraphics.us/ based on work by Remy Sharp: http://jqueryfordesigners.com/ */ /******* SET DEFAULT DIMENSIONS HERE ********/ div.anythingSlider { width: 360px; height: 127px; margin: 0 auto; overflow: hidden; /* needed for Opera and Safari */ float: right; padding-left: 20px; } /****** SET COLORS HERE *******/ /* Default State */ div.anythingSlider .thumbNav a.cur { background: #FFFFFF; color: #000; } div.anythingSlider .thumbNav a { background: #DDD; color: #000; } div.anythingSlider .anythingWindow { border-top: 0px; border-bottom: 0px; } div.anythingSlider .start-stop { } div.anythingSlider .start-stop.playing { display: none; } div.anythingSlider .start-stop:hover, div.anythingSlider .start-stop.hover { display: none; } /* Active State */ div.anythingSlider.activeSlider .anythingWindow { float: right; } div.anythingSlider.activeSlider .thumbNav a.cur, div.anythingSlider.activeSlider .thumbNav a { } div.anythingSlider .start-stop { background-color: #080; color: #fff; } div.anythingSlider .start-stop.playing { background-color: #d00; } div.anythingSlider .start-stop:hover, div.anythingSlider .start-stop.hover { color: #fff; } /**** DO NOT CHANGE BELOW THIS LINE ****/ /* anythingSlider viewport window */ div.anythingSlider .anythingWindow { overflow: hidden; position: relative; width: 100%; height: 100%; } /* wrapper: 45px right & left padding for the arrows, 28px @ bottom for navigation */ div.anythingSlider { position: relative; } /* anythingSlider base UL */ ul.anythingBase { background: transparent; list-style: none; position: absolute; top: 0; left: 0; margin: 0; padding: 0; } ul.anythingBase li.panel { background: transparent; display: block; overflow: hidden; float: left; padding: 0; margin: 0; } /* Navigation Arrows */ div.anythingSlider .arrow { top: 50%; position: absolute; display: block; } div.anythingSlider .arrow a { display: block; height: 120px; margin: -60px 0 0 0; width: 45px; text-align: center; outline: 0; background: url(../images/arrows-default.png) no-repeat; text-indent: -9999px; } div.anythingSlider .forward { right: 0; } div.anythingSlider .back { left: 0; } div.anythingSlider .forward a { background-position: 0 -40px; } div.anythingSlider .back a { background-position: -88px -40px; } div.anythingSlider .forward a:hover, div.anythingSlider .forward a.hover { background-position: 0 -240px; } div.anythingSlider .back a:hover, div.anythingSlider .back a.hover { background-position: -88px -240px; } div.anythingSlider .forward.disabled { display: none; } /* disabled arrows, hide or reduce opacity: opacity: .5; filter: alpha(opacity=50); */ div.anythingSlider .back.disabled { display: none; } /* Navigation Links */ div.anythingSlider .anythingControls { outline: 0; position: absolute; width: 23px; padding: 0; left: 0; } div.anythingSlider .thumbNav { margin: 0; padding: 0; } div.anythingSlider .thumbNav li { display: inline; } div.anythingSlider .thumbNav a { display: inline-block; text-decoration: none; height: 18px; text-align: center; outline: 0; } div.anythingSlider .thumbNav a:hover { background-image: none; } /* slider autoplay right-to-left, reverse order of nav links to look better */ div.anythingSlider.rtl .thumbNav a { float: right; } /* reverse order of nav links */ div.anythingSlider.rtl .thumbNav { float: left; } /* move nav link group to left */ div.anythingSlider.rtl .anythingWindow { direction: ltr; unicode-bidi: bidi-override; } /* Autoplay Start/Stop button */ div.anythingSlider .start-stop { display: none; } div.anythingSlider .start-stop:hover, div.anythingSlider .start-stop.hover { background-image: none; } div.anythingSlider .thumbNav li { height: 20px; width: 20px; outline: 0; } div.anythingSlider .thumbNav a { font-size: 13px; position: relative; border-right-width: 1px; border-bottom-width: 1px; border-right-style: solid; border-bottom-style: solid; border-right-color: #999999; border-bottom-color: #999999; text-align: center; margin-right: 10px; display: inline-block; outline: 0; }