anything_slider-rails 0.0.3

Sign up to get free protection for your applications and to get access to all the features.
Files changed (27) hide show
  1. data/.gitignore +5 -0
  2. data/Gemfile +4 -0
  3. data/Rakefile +1 -0
  4. data/anything_slider.gemspec +22 -0
  5. data/lib/anything_slider-rails.rb +7 -0
  6. data/lib/anything_slider/rails/engine.rb +6 -0
  7. data/lib/anything_slider/rails/version.rb +5 -0
  8. data/readme.markdown +57 -0
  9. data/vendor/assets/images/anythingslider/arrows-metallic.png +0 -0
  10. data/vendor/assets/images/anythingslider/arrows-minimalist.png +0 -0
  11. data/vendor/assets/images/anythingslider/construction.gif +0 -0
  12. data/vendor/assets/images/anythingslider/cs-portfolio.png +0 -0
  13. data/vendor/assets/images/anythingslider/default.png +0 -0
  14. data/vendor/assets/javascripts/anythingslider/jquery.anythingslider.fx.js +188 -0
  15. data/vendor/assets/javascripts/anythingslider/jquery.anythingslider.js +831 -0
  16. data/vendor/assets/javascripts/anythingslider/jquery.anythingslider.video.js +379 -0
  17. data/vendor/assets/javascripts/anythingslider/jquery.easing.1.3.js +205 -0
  18. data/vendor/assets/javascripts/anythingslider/swfobject.js +4 -0
  19. data/vendor/assets/stylesheets/anythingslider/animate.css +3813 -0
  20. data/vendor/assets/stylesheets/anythingslider/anythingslider-ie.css +65 -0
  21. data/vendor/assets/stylesheets/anythingslider/anythingslider.css.erb +202 -0
  22. data/vendor/assets/stylesheets/anythingslider/theme-construction.css.erb +142 -0
  23. data/vendor/assets/stylesheets/anythingslider/theme-cs-portfolio.css.erb +149 -0
  24. data/vendor/assets/stylesheets/anythingslider/theme-metallic.css.erb +146 -0
  25. data/vendor/assets/stylesheets/anythingslider/theme-minimalist-round.css.erb +144 -0
  26. data/vendor/assets/stylesheets/anythingslider/theme-minimalist-square.css.erb +144 -0
  27. metadata +107 -0
@@ -0,0 +1,65 @@
1
+ /* AnythingSlider IE7 and older stylesheet - included !important flag in case the theme is loaded after page load */
2
+
3
+ /* Navigation Arrows */
4
+ div.anythingSlider .arrow {
5
+ top: 35% !important;
6
+ }
7
+ div.anythingSlider-metallic .arrow {
8
+ top: 40% !important;
9
+ }
10
+ div.anythingSlider-construction .arrow {
11
+ top: 14% !important;
12
+ }
13
+ div.anythingSlider-minimalist-round .arrow , div.anythingSlider-minimalist-square .arrow {
14
+ top: 45% !important;
15
+ }
16
+ div.anythingSlider-cs-portfolio .arrow {
17
+ bottom: -24px !important;
18
+ }
19
+
20
+ div.anythingSlider .arrow a,
21
+ div.anythingSlider-metallic .arrow a,
22
+ div.anythingSlider-minimalist-square .arrow a,
23
+ div.anythingSlider-construction .arrow a,
24
+ div.anythingSlider-minimalist-round .arrow a {
25
+ margin: 0 !important;
26
+ }
27
+
28
+ /* margin between buttons just looks better */
29
+ div.anythingSlider .anythingControls li {
30
+ margin-left: 3px;
31
+ }
32
+
33
+ div.anythingSlider-metallic .anythingControls .start-stop,
34
+ div.anythingSlider-minimalist-square .anythingControls .start-stop,
35
+ div.anythingSlider-minimalist-round .anythingControls .start-stop {
36
+ top: -5px;
37
+ }
38
+
39
+ div.anythingSlider-construction .anythingControls .start-stop {
40
+ position: relative;
41
+ top: -2px;
42
+ }
43
+
44
+ /* When using the navigationSize option, the side margins need to be zero
45
+ None of the navigation panels look good in IE7 now =( */
46
+ div.anythingSlider .anythingControls ul.thumbNav a {
47
+ margin: 0;
48
+ }
49
+ div.anythingSlider .anythingControls .anythingNavWindow li {
50
+ padding: 3px 0 0 0;
51
+ }
52
+ div.anythingSlider-cs-portfolio .anythingControls .anythingNavWindow {
53
+ margin: 18px 0 0 0;
54
+ }
55
+ div.anythingSlider-metallic .anythingControls,
56
+ div.anythingSlider-minimalist-square .anythingControls,
57
+ div.anythingSlider-construction .anythingControls,
58
+ div.anythingSlider-minimalist-round .anythingControls {
59
+ width: 70%; /* arbitrary percentage, adjust to fit your slider in IE7 */
60
+ margin: 3px auto 0 auto;
61
+ }
62
+
63
+ div.anythingSlider-cs-portfolio .anythingControls ul {
64
+ margin-top: 16px;
65
+ }
@@ -0,0 +1,202 @@
1
+ /*
2
+ AnythingSlider v1.7+ Default (base) theme
3
+ By Chris Coyier: http://css-tricks.com
4
+ with major improvements by Doug Neiner: http://pixelgraphics.us/
5
+ based on work by Remy Sharp: http://jqueryfordesigners.com/
6
+ */
7
+
8
+ /*****************************
9
+ SET DEFAULT DIMENSIONS HERE
10
+ *****************************/
11
+ /* change the ID to match your slider */
12
+ #slider {
13
+ width: 700px;
14
+ height: 390px;
15
+ list-style: none;
16
+ /* Prevent FOUC (see FAQ page) and keep things readable if javascript is disabled */
17
+ overflow-y: auto;
18
+ overflow-x: hidden;
19
+ }
20
+
21
+ /*****************
22
+ SET COLORS HERE
23
+ *****************/
24
+ /**** Default state (no keyboard focus) ****/
25
+ /* slider window - top & bottom borders, default state */
26
+ div.anythingSlider .anythingWindow {
27
+ border-top: 3px solid #777;
28
+ border-bottom: 3px solid #777;
29
+ }
30
+ /* Navigation buttons, default state */
31
+ div.anythingSlider .anythingControls ul a.cur, div.anythingSlider .anythingControls ul a {
32
+ background: #777;
33
+ color: #000;
34
+ }
35
+ /* start-stop button, stopped, default state */
36
+ div.anythingSlider .start-stop {
37
+ background-color: #040;
38
+ color: #fff;
39
+ }
40
+ /* start-stop button, playing, default state */
41
+ div.anythingSlider .start-stop.playing {
42
+ background-color: #800;
43
+ }
44
+ /* start-stop button, default hovered text color (when visible) */
45
+ div.anythingSlider .start-stop:hover, div.anythingSlider .start-stop.hover {
46
+ color: #ddd;
47
+ }
48
+
49
+ /**** Active State (slider has keyboard focus) ****/
50
+ /* slider window - top & bottom borders, active state */
51
+ div.anythingSlider.activeSlider .anythingWindow {
52
+ border-color: #7C9127;
53
+ }
54
+ /* Navigation buttons, active state */
55
+ div.anythingSlider.activeSlider .anythingControls ul a.cur, div.anythingSlider.activeSlider .anythingControls ul a {
56
+ background-color: #7C9127;
57
+ }
58
+ /* start-stop button, stopped, active state */
59
+ div.anythingSlider .start-stop {
60
+ background-color: #080;
61
+ color: #fff;
62
+ }
63
+ /* start-stop button, playing, active state */
64
+ div.anythingSlider .start-stop.playing {
65
+ background-color: #d00;
66
+ }
67
+ /* start-stop button, active slider hovered text color (when visible) */
68
+ div.anythingSlider .start-stop:hover, div.anythingSlider .start-stop.hover {
69
+ color: #fff;
70
+ }
71
+
72
+ /***********************
73
+ COMMON SLIDER STYLING
74
+ ***********************/
75
+ /* Overall Wrapper: 45px right & left padding for the arrows, 28px @ bottom for navigation */
76
+ div.anythingSlider {
77
+ display: block;
78
+ margin: 0 auto;
79
+ overflow: visible !important; /* needed for Opera and Safari */
80
+ position: relative;
81
+ padding: 0 45px 28px 45px;
82
+ }
83
+ /* anythingSlider viewport window */
84
+ div.anythingSlider .anythingWindow {
85
+ overflow: hidden;
86
+ position: relative;
87
+ width: 100%;
88
+ height: 100%;
89
+ }
90
+ /* anythingSlider base (original element) */
91
+ .anythingBase {
92
+ background: transparent;
93
+ list-style: none;
94
+ position: absolute;
95
+ overflow: visible !important;
96
+ top: 0;
97
+ left: 0;
98
+ margin: 0;
99
+ padding: 0;
100
+ }
101
+ /* all panels inside the slider */
102
+ .anythingBase .panel {
103
+ background: transparent;
104
+ display: block;
105
+ overflow: hidden;
106
+ float: left;
107
+ padding: 0;
108
+ margin: 0;
109
+ }
110
+ .anythingBase .panel.vertical {
111
+ float: none;
112
+ }
113
+
114
+ /* Navigation Arrows */
115
+ div.anythingSlider .arrow {
116
+ top: 50%;
117
+ position: absolute;
118
+ display: block;
119
+ }
120
+ div.anythingSlider .arrow a {
121
+ display: block;
122
+ height: 140px;
123
+ margin: -70px 0 0 0; /* half height of image */
124
+ width: 45px;
125
+ text-align: center;
126
+ outline: 0;
127
+ background: url('<%=image_path("anythingslider/default.png")%>') no-repeat;
128
+ }
129
+ /* hide text, target the span so IE7 doesn't text-indent the link */
130
+ div.anythingSlider .arrow a span { display: block; visibility: hidden; }
131
+ /* back arrow */
132
+ div.anythingSlider .back { left: 0; }
133
+ div.anythingSlider .back a { background-position: left top; }
134
+ div.anythingSlider .back a:hover, div.anythingSlider .back a.hover { background-position: left -140px; }
135
+ div.anythingSlider .back.disabled { display: none; } /* disabled arrows, hide or reduce opacity: opacity: .5; filter: alpha(opacity=50); */
136
+ /* forward arrow */
137
+ div.anythingSlider .forward { right: 0; }
138
+ div.anythingSlider .forward a { background-position: right top; }
139
+ div.anythingSlider .forward a:hover, div.anythingSlider .forward a.hover { background-position: right -140px; }
140
+ div.anythingSlider .forward.disabled { display: none; } /* disabled arrows, hide or reduce opacity: opacity: .5; filter: alpha(opacity=50); */
141
+
142
+ /* Navigation Links */
143
+ div.anythingSlider .anythingControls { outline: 0; display: none; }
144
+ div.anythingSlider .anythingControls ul { margin: 0; padding: 0; float: left; }
145
+ div.anythingSlider .anythingControls ul li { display: inline; }
146
+ div.anythingSlider .anythingControls ul a {
147
+ font: 11px/18px Georgia, Serif;
148
+ display: inline-block;
149
+ text-decoration: none;
150
+ padding: 2px 8px;
151
+ height: 18px;
152
+ margin: 0 5px 0 0;
153
+ background-image: url('<%=image_path("anythingslider/default.png")%>');
154
+ background-position: center -288px ;
155
+ background-repeat: repeat-x;
156
+ text-align: center;
157
+ outline: 0;
158
+ border-radius: 0 0 5px 5px;
159
+ -moz-border-radius: 0 0 5px 5px;
160
+ -webkit-border-radius: 0 0 5px 5px;
161
+ }
162
+ div.anythingSlider .anythingControls ul a:hover {
163
+ background-image: none;
164
+ }
165
+ /* Navigation size window */
166
+ div.anythingSlider .anythingControls .anythingNavWindow { overflow: hidden; float: left; }
167
+
168
+ /* slider autoplay right-to-left, reverse order of nav links to look better */
169
+ div.anythingSlider.rtl .anythingControls ul a { float: right; } /* reverse order of nav links */
170
+ div.anythingSlider.rtl .anythingControls ul { float: left; } /* move nav link group to left */
171
+ div.anythingSlider.rtl .anythingWindow {
172
+ direction: ltr;
173
+ unicode-bidi: bidi-override;
174
+ }
175
+ /* div.anythingSlider.rtl .start-stop { float: right; } */ /* move start/stop button - in case you want to switch sides */
176
+
177
+ /* Autoplay Start/Stop button */
178
+ div.anythingSlider .start-stop {
179
+ background-image: url('<%=image_path("anythingslider/default.png")%>');
180
+ background-position: center -288px;
181
+ background-repeat: repeat-x;
182
+ padding: 2px 5px;
183
+ width: 40px;
184
+ text-align: center;
185
+ text-decoration: none;
186
+ float: right;
187
+ z-index: 100;
188
+ outline: 0;
189
+ border-radius: 0 0 5px 5px;
190
+ -moz-border-radius: 0 0 5px 5px;
191
+ -webkit-border-radius: 0 0 5px 5px;
192
+ }
193
+ /* hide cell shading on hover - makes the button appear to come forward */
194
+ div.anythingSlider .start-stop:hover, div.anythingSlider .start-stop.hover { background-image: none; }
195
+
196
+ /* probably not necessary, but added just in case */
197
+ div.anythingSlider, div.anythingSlider .anythingWindow, div.anythingSlider .anythingControls ul a, div.anythingSlider .arrow a, div.anythingSlider .start-stop {
198
+ transition-duration: 0;
199
+ -o-transition-duration: 0;
200
+ -moz-transition-duration: 0;
201
+ -webkit-transition-duration: 0;
202
+ }
@@ -0,0 +1,142 @@
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('<%=image_path("anythingslider/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('<%=image_path("anythingslider/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('<%=image_path("anythingslider/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('<%=image_path("anythingslider/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('<%=image_path("anythingslider/construction.gif")%>') -76px -144px no-repeat;
108
+ }
109
+ div.anythingSlider-construction .anythingControls li.prev a:hover {
110
+ background: transparent url('<%=image_path("anythingslider/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('<%=image_path("anythingslider/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
+ visibility: hidden; /* needed for IE8, instead of text-indent: -9999px */
142
+ }
@@ -0,0 +1,149 @@
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('<%=image_path("anythingslider/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('<%=image_path("anythingslider/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
+ float: left;
81
+ width: 17px;
82
+ height: 17px;
83
+ margin: 18px 5px 0 0;
84
+ padding: 0;
85
+ outline: 0;
86
+ border: 0;
87
+ }
88
+
89
+ div.anythingSlider-cs-portfolio .anythingControls ul a, div.anythingSlider-cs-portfolio.activeSlider .anythingControls ul a,
90
+ div.anythingSlider-cs-portfolio .anythingControls ul a:hover, div.anythingSlider-cs-portfolio .anythingControls ul a.cur,
91
+ div.anythingSlider-cs-portfolio.activeSlider .anythingControls ul a:hover, div.anythingSlider-cs-portfolio.activeSlider .anythingControls ul a.cur {
92
+ background-image: url('<%=image_path("anythingslider/cs-portfolio.png")%>');
93
+ background-position: right -20px;
94
+ background-repeat: no-repeat;
95
+ }
96
+
97
+ /* Navigation size window arrows */
98
+ div.anythingSlider-cs-portfolio .anythingControls li.next a, div.anythingSlider-cs-portfolio .anythingControls li.prev a,
99
+ div.anythingSlider-cs-portfolio .anythingControls li.next a:hover, div.anythingSlider-cs-portfolio .anythingControls li.prev a:hover {
100
+ width: 16px;
101
+ height: 15px;
102
+ background: url('<%=image_path("anythingslider/cs-portfolio.png")%>') -25px -54px no-repeat;
103
+ margin: 19px 5px 0 5px;
104
+ }
105
+ div.anythingSlider-cs-portfolio .anythingControls li.prev a {
106
+ background-position: -9px -54px;
107
+ }
108
+ div.anythingSlider-cs-portfolio .anythingControls li.next a:hover {
109
+ background-position: -56px -54px;
110
+ }
111
+ div.anythingSlider-cs-portfolio .anythingControls li.prev a:hover {
112
+ background-position: -41px -54px;
113
+ }
114
+
115
+ /* slider autoplay right-to-left, reverse order of nav links to look better */
116
+ div.anythingSlider-cs-portfolio.rtl .anythingControls ul a { float: right; } /* reverse order of nav links */
117
+ div.anythingSlider-cs-portfolio.rtl .anythingControls ul { float: left; } /* move nav link group to left */
118
+ /* div.anythingSlider-cs-portfolio.rtl .start-stop { float: right; } */ /* move start/stop button - in case you want to switch sides */
119
+
120
+ /* Autoplay Start/Stop button */
121
+ div.anythingSlider-cs-portfolio .start-stop, div.anythingSlider-cs-portfolio .start-stop.hover {
122
+ margin: 15px 50px 0 0;
123
+ padding: 0;
124
+ display: inline;
125
+ text-align: center;
126
+ width: 20px;
127
+ height: 20px;
128
+ z-index: 100;
129
+ border: 0;
130
+ }
131
+ div.anythingSlider-cs-portfolio .start-stop, div.anythingSlider-cs-portfolio .start-stop.hover,
132
+ div.anythingSlider-cs-portfolio .start-stop:hover, div.anythingSlider-cs-portfolio .start-stop.playing,
133
+ div.anythingSlider-cs-portfolio .start-stop.playing:hover {
134
+ background-image: url('<%=image_path("anythingslider/cs-portfolio.png")%>');
135
+ background-position: right top;
136
+ background-repeat: no-repeat;
137
+ }
138
+
139
+ /* Extra - replace defaults */
140
+ div.anythingSlider-cs-portfolio {
141
+ padding: 0 23px 50px 0;
142
+ }
143
+
144
+ /* 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 */
145
+ div.anythingSlider-cs-portfolio .arrow a span, div.anythingSlider-cs-portfolio .anythingControls ul a span, div.anythingSlider-cs-portfolio .start-stop span {
146
+ display: block;
147
+ line-height: 1px; /* needed for IE7 */
148
+ visibility: hidden; /* needed for IE8, instead of text-indent: -9999px */
149
+ }