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
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 ***/
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;
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;
19 div
.anythingSlider-cs-portfolio
.start-stop
, div
.anythingSlider-cs-portfolio
.start-stop
.hover
{
20 background-color: #080;
22 div
.anythingSlider-cs-portfolio
.start-stop:hover
{
23 background-color: #0f0;
25 div
.anythingSlider-cs-portfolio
.start-stop
.playing
{
26 background-color: #a00;
28 div
.anythingSlider-cs-portfolio
.start-stop
.playing:hover
{
29 background-color: #f00;
33 div
.anythingSlider-cs-portfolio
{}
34 div
.anythingSlider-cs-portfolio
.anythingWindow
, div
.anythingSlider-cs-portfolio
.activeSlider
.anythingWindow
{
37 /* Navigation Arrows */
38 div
.anythingSlider-cs-portfolio
.arrow
{
40 bottom: 7px; /* this is -18px for IE7 */
44 div
.anythingSlider-cs-portfolio
.arrow a
{
51 background: url
(../images
/cs-portfolio
.png
) no-repeat
;
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; }
60 /* Navigation Links */
61 div
.anythingSlider-cs-portfolio
.anythingControls
{
62 background: url
(../images
/cs-portfolio
.png
) repeat-x bottom center
;
64 margin: 0 auto
49px auto
;
69 div
.anythingSlider-cs-portfolio
.anythingControls ul
{
73 div
.anythingSlider-cs-portfolio
.anythingControls ul li
{
78 div
.anythingSlider-cs-portfolio
.anythingControls ul a
, div
.anythingSlider-cs-portfolio
.activeSlider
.anythingControls ul a
{
79 display: inline-block
;
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
;
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
{
101 background: url
(../images
/cs-portfolio
.png
) -25px -54px no-repeat
;
102 margin: 19px 5px 0 5px;
104 div
.anythingSlider-cs-portfolio
.anythingControls li
.prev a
{
105 background-position: -9px -54px;
107 div
.anythingSlider-cs-portfolio
.anythingControls li
.next
a:hover
{
108 background-position: -56px -54px;
110 div
.anythingSlider-cs-portfolio
.anythingControls li
.prev
a:hover
{
111 background-position: -41px -54px;
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 */
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;
123 display: inline-block
;
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
;
138 /* Extra - replace defaults */
139 div
.anythingSlider-cs-portfolio
{
140 padding: 0 23px 50px 0;
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
{
146 line-height: 1px; /* needed for IE7 */
147 text-indent: -9999px;