2 AnythingSlider v1.4.1+ Default (base) theme
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/
9 /******* SET DEFAULT DIMENSIONS HERE ********/
17 /****** SET COLORS HERE *******/
19 div.anythingSlider .thumbNav a.cur, div.anythingSlider .thumbNav a {
20 background:url(../images/slider_hov.png) no-repeat;
22 div.anythingSlider .anythingWindow {
24 div.anythingSlider .start-stop {
26 div.anythingSlider .start-stop.playing {
28 div.anythingSlider .start-stop:hover, div.anythingSlider .start-stop.hover {
32 div.anythingSlider.activeSlider .anythingWindow {
34 div.anythingSlider.activeSlider .thumbNav a.cur, div.anythingSlider.activeSlider .thumbNav a {
36 div.anythingSlider .start-stop {
38 div.anythingSlider .start-stop.playing {
40 div.anythingSlider .start-stop:hover, div.anythingSlider .start-stop.hover {
43 /**** DO NOT CHANGE BELOW THIS LINE ****/
44 /* anythingSlider viewport window */
45 div.anythingSlider .anythingWindow {
51 /* wrapper: 45px right & left padding for the arrows, 28px @ bottom for navigation */
55 /* anythingSlider base UL */
57 background: transparent;
65 ul.anythingBase li.panel {
66 background: transparent;
73 /* Navigation Arrows */
74 div.anythingSlider .arrow {
80 div.anythingSlider .arrow a {
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 { }
95 /* Navigation Links */
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 {
104 background:url(../images/slider_norm.png) no-repeat;
108 div.anythingSlider .thumbNav a:hover {
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 */
116 /* Autoplay Start/Stop button */
117 div.anythingSlider .start-stop {
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 }