2 Theme simple pour AnythingSlider
7 div
.anythingSlider-simple
{
12 div
.anythingSlider-simple
.anythingWindow
{
17 div
.anythingSlider-simple
.activeSlider
.anythingWindow
{
21 /* Navigation Arrows */
22 div
.anythingSlider-simple
.arrow
{
27 div
.anythingSlider-simple
.arrow a
{
30 margin-top: -20px; /* half height of image */
36 background: url
(../images
/arrows-simple
.png
) no-repeat
;
39 div
.anythingSlider-simple
.forward
{ right: 0; }
40 div
.anythingSlider-simple
.back
{ left: 0; }
41 div
.anythingSlider-simple
.forward a
{ background-position: left bottom
; }
42 div
.anythingSlider-simple
.back a
{ background-position: left top
; }
43 div
.anythingSlider-simple
.forward
a:hover
, div
.anythingSlider-simple
.forward a
.hover
{ background-position: right bottom
; }
44 div
.anythingSlider-simple
.back
a:hover
, div
.anythingSlider-simple
.back a
.hover
{ background-position: right top
; }
46 /* Navigation Links */
47 div
.anythingSlider-simple
.anythingControls
{
51 filter: alpha
(opacity
=75);
54 div
.anythingSlider-simple
.thumbNav
{
61 div
.anythingSlider-simple ul
.thumbNav
, div
.anythingSlider-simple
.activeSlider ul
.thumbNav
{ list-style: none
; }
62 div
.anythingSlider-simple
.thumbNav li
{
65 div
.anythingSlider-simple
.thumbNav a
,
66 div
.anythingSlider-simple
.activeSlider
.thumbNav a
,
67 div
.anythingSlider-simple
.thumbNav a
.cur
,
68 div
.anythingSlider-simple
.activeSlider
.thumbNav a
.cur
,
69 div
.anythingSlider-simple
.thumbNav
a:hover
,
70 div
.anythingSlider-simple
.activeSlider
.thumbNav
a:hover
{
71 display: inline-block
;
79 background-image: url
(../images
/nav-simple
.png
);
80 background-position: center top
;
81 background-repeat: no-repeat
;
82 background-color: transparent
;
85 div
.anythingSlider-simple
.thumbNav a
.cur
,
86 div
.anythingSlider-simple
.activeSlider
.thumbNav a
.cur
{
87 background-position: center bottom
;
90 div
.anythingSlider-simple
.thumbNav
a:hover
,
91 div
.anythingSlider-simple
.activeSlider
.thumbNav
a:hover
{
92 background-position: center center
;
95 /* Autoplay Start/Stop button */
96 div
.anythingSlider-simple
.start-stop
, div
.anythingSlider-simple
.start-stop
, div
.anythingSlider-simple
.start-stop
.playing
, div
.anythingSlider-simple
.start-stop:hover
, div
.anythingSlider-simple
.start-stop
.hover
{
99 background-color: #fff;
103 /* Extra - replace defaults */
104 div
.anythingSlider-simple
{
107 padding-bottom: 30px;
109 -moz-border-radius: 6px;
110 -webkit-border-radius: 6px;
111 box-shadow: 0 0 6px #888;
112 -moz-box-shadow: 0 0 6px #888;
113 -webkit-box-shadow: 0 0 6px #888;
114 border: solid
1px #ccc;
117 div
.anythingSlider-simple
.activeSlider
.anythingControls ul a
.cur
, div
.anythingSlider-simple
.activeSlider
.anythingControls ul a
{
118 background-color: transparent
;