2 AnythingSlider v1.5.10 Metallic Theme
6 /****** SET COLORS HERE *******/
8 div
.anythingSlider-metallic
.anythingWindow
{
9 border-top: 3px solid
#333;
10 border-bottom: 3px solid
#333;
12 div
.anythingSlider-metallic
.anythingControls ul a
{
13 border: 1px solid
#000;
15 div
.anythingSlider-metallic
.start-stop
{
16 border: 1px solid
#000;
18 div
.anythingSlider-metallic
.start-stop
.playing
{
19 background-color: #300;
21 div
.anythingSlider-metallic
.start-stop:hover
, div
.anythingSlider-metallic
.start-stop
.hover
{
26 div
.anythingSlider-metallic
.activeSlider
.anythingWindow
{
27 border-color: #0355a3;
29 div
.anythingSlider-metallic
.activeSlider
.anythingControls ul a
{
30 background-color: transparent
;
31 background-position: -68px -40px;
33 div
.anythingSlider-metallic
.activeSlider
.anythingControls ul
a:hover
, div
.anythingSlider-metallic
.activeSlider
.anythingControls ul a
.cur
{
34 background-position: -76px -57px;
35 /* background: #fff; */
37 div
.anythingSlider-metallic
.activeSlider
.start-stop
.playing
{
38 background-color: #f00;
40 div
.anythingSlider-metallic
.start-stop:hover
, div
.anythingSlider-metallic
.start-stop
.hover
{
44 /* Navigation Arrows */
45 div
.anythingSlider-metallic
.arrow
{
51 div
.anythingSlider-metallic
.arrow a
{
54 margin-top: -47px; /* half height of image */
57 background: url
(../images
/arrows-metallic
.png
) no-repeat
;
60 div
.anythingSlider-metallic
.forward
{ right: 0; }
61 div
.anythingSlider-metallic
.back
{ left: 0; }
62 div
.anythingSlider-metallic
.forward a
{ background-position: right bottom
; }
63 div
.anythingSlider-metallic
.back a
{ background-position: left bottom
; }
64 div
.anythingSlider-metallic
.forward
a:hover
, div
.anythingSlider-metallic
.forward a
.hover
{ background-position: right top
; }
65 div
.anythingSlider-metallic
.back
a:hover
, div
.anythingSlider-metallic
.back a
.hover
{ background-position: left top
; }
67 /* Navigation Links */
68 div
.anythingSlider-metallic
.anythingControls
{
75 filter: alpha
(opacity
=90);
77 div
.anythingSlider-metallic
.anythingControls ul
{
81 div
.anythingSlider-metallic
.anythingControls ul li
{
85 div
.anythingSlider-metallic
.anythingControls ul a
{
87 background: transparent url
(../images
/arrows-metallic
.png
) -68px -136px no-repeat
;
94 -moz-border-radius: 5px;
95 -webkit-border-radius: 5px;
98 div
.anythingSlider-metallic
.anythingControls ul
a:hover
, div
.anythingSlider-metallic
.anythingControls ul a
.cur
{
99 background: transparent url
(../images
/arrows-metallic
.png
) -76px -57px no-repeat
;
102 /* Navigation size window arrows */
103 div
.anythingSlider-metallic
.anythingControls li
.next a span
, div
.anythingSlider-metallic
.anythingControls li
.prev a span
{
107 div
.anythingSlider-metallic
.anythingControls li
.prev a
, div
.anythingSlider-metallic
.anythingControls li
.next a
{
110 div
.anythingSlider-metallic
.anythingControls li
.next
a:hover
, div
.anythingSlider-metallic
.anythingControls li
.prev
a:hover
{
114 /* slider autoplay right-to-left, reverse order of nav links to look better */
115 div
.anythingSlider-metallic
.rtl
.anythingControls ul a
{ float: right
; } /* reverse order of nav links */
116 div
.anythingSlider-metallic
.rtl
.anythingControls ul
{ float: left
; } /* move nav link group to left */
117 /* div.anythingSlider-metallic.rtl .start-stop { float: right; } */ /* move start/stop button - in case you want to switch sides */
119 /* Autoplay Start/Stop button */
120 div
.anythingSlider-metallic
.start-stop
{
123 display: inline-block
;
132 -moz-border-radius: 7px;
133 -webkit-border-radius: 7px;
136 /* Extra - replace defaults */
137 div
.anythingSlider-metallic
{
141 /* 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 */
142 div
.anythingSlider-metallic
.arrow a span
, div
.anythingSlider-metallic
.anythingControls ul a span
, div
.anythingSlider-metallic
.start-stop span
{
144 line-height: 1px; /* needed for IE7 */
145 text-indent: -9999px;