/* 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: 100%; height: 310px; overflow:hidden; } /****** SET COLORS HERE *******/ /* Default State */ div.anythingSlider .thumbNav a.cur, div.anythingSlider .thumbNav a { background:url(../images/slider_hov.png) no-repeat; } div.anythingSlider .anythingWindow { } div.anythingSlider .start-stop { } div.anythingSlider .start-stop.playing { } div.anythingSlider .start-stop:hover, div.anythingSlider .start-stop.hover { } /* Active State */ div.anythingSlider.activeSlider .anythingWindow { } div.anythingSlider.activeSlider .thumbNav a.cur, div.anythingSlider.activeSlider .thumbNav a { } div.anythingSlider .start-stop { } div.anythingSlider .start-stop.playing { } div.anythingSlider .start-stop:hover, div.anythingSlider .start-stop.hover { } /**** 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; float: left; padding: 0; margin: 0; } /* Navigation Arrows */ div.anythingSlider .arrow { top: 250px; position: absolute; display: block; z-index:5000; } div.anythingSlider .arrow a { display: block; height: 36px; width: 36px; text-align: center; outline: 0; text-indent: -9999px; } div.anythingSlider .forward { right: 12px; } div.anythingSlider .back { left:8px; } div.anythingSlider .forward a { } div.anythingSlider .back a { } div.anythingSlider .forward a:hover, div.anythingSlider .forward a.hover { } div.anythingSlider .back a:hover, div.anythingSlider .back a.hover { } /* Navigation Links */ div.anythingSlider .thumbNav { margin: 0; position:relative ; bottom: 30px; left:12px; } div.anythingSlider .thumbNav li { width:15px!important; display: inline; margin-right:7px; } div.anythingSlider .thumbNav a { display:block; text-indent:-9999px; width:15px; height:14px; background:url(../images/slider_norm.png) no-repeat; display:none; } div.anythingSlider .thumbNav a:hover { } /* 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 .start-stop { float: right; } */ /* move start/stop button - in case you want to switch sides */ /* Autoplay Start/Stop button */ div.anythingSlider .start-stop { display:none; } div.anythingSlider .start-stop.playing { background-color: red; } div.anythingSlider .start-stop:hover, div.anythingSlider .start-stop.hover { background-image: none; color: #ff0 }