2 AnythingSlider v1.5.10 Construction Theme
6 /****** SET COLORS HERE *******/
8 div
.anythingSlider-construction
.anythingWindow
{
9 border-top: 3px solid
#333;
10 border-bottom: 3px solid
#333;
14 div
.anythingSlider-construction
.activeSlider
.anythingWindow
{
15 border-color: #d0aa0d;
17 div
.anythingSlider-construction
.activeSlider
.anythingControls ul
a:hover
, div
.anythingSlider-construction
.activeSlider
.anythingControls ul a
{
18 background-color: transparent
;
21 /* Navigation Arrows */
22 div
.anythingSlider-construction
.arrow
{
28 div
.anythingSlider-construction
.arrow a
{
31 margin-top: -150px; /* half height of image */
34 background: url
(../images/construction.gif) no-repeat
;
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;
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;
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
; }
56 /* Navigation Links */
57 div
.anythingSlider-construction
.anythingControls
{
64 filter: alpha
(opacity
=90);
66 div
.anythingSlider-construction
.anythingControls ul
{
70 div
.anythingSlider-construction
.anythingControls ul li
{
74 div
.anythingSlider-construction
.anythingControls ul a
, div
.anythingSlider-construction
.activeSlider
.anythingControls ul a
,
75 div
.anythingSlider-construction
.anythingControls a
.start-stop
{
77 background: transparent url
(../images/construction.gif) -36px -301px no-repeat
;
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
(../images/construction.gif) -21px -301px no-repeat
;
90 /* Navigation size window arrows */
91 div
.anythingSlider-construction
.anythingControls li
.next a
, div
.anythingSlider-construction
.anythingControls li
.prev a
{
96 -moz-border-radius: 0;
97 -webkit-border-radius: 0;
98 background: transparent url
(../images/construction.gif) no-repeat
;
100 div
.anythingSlider-construction
.anythingControls li
.next a
{
101 background-position: -78px -144px;
103 div
.anythingSlider-construction
.anythingControls li
.prev a
{
104 background-position: -12px -144px;
106 div
.anythingSlider-construction
.anythingControls li
.next
a:hover
{
107 background: transparent url
(../images/construction.gif) -76px -144px no-repeat
;
109 div
.anythingSlider-construction
.anythingControls li
.prev
a:hover
{
110 background: transparent url
(../images/construction.gif) -14px -144px no-repeat
;
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 */
118 /* Autoplay Start/Stop button */
119 div
.anythingSlider-construction
.anythingControls a
.start-stop
{
120 display: inline-block
;
121 background: transparent url
(../images/construction.gif) -66px -301px no-repeat
;
125 div
.anythingSlider-construction
.anythingControls a
.start-stop
.playing
, div
.anythingSlider-construction
.activeSlider
.anythingControls a
.start-stop
.playing
{
126 background-position: -51px -301px;
128 div
.anythingSlider-construction
.anythingControls a
.start-stop:hover
, div
.anythingSlider-construction
.anythingControls a
.start-stop
.playing:hover
{
129 background-position: -21px -301px;
132 /* Extra - replace defaults */
133 div
.anythingSlider-construction
{
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
{
140 line-height: 1px; /* needed for IE7 */
141 text-indent: -9999px;