]>
git.ipfire.org Git - ipfire.org.git/blob - www/static/css/js-anythingslider.css
4 By Chris Coyier: http://css-tricks.com
5 with major improvements by Doug Neiner: http://pixelgraphics.us/
6 based on work by Remy Sharp: http://jqueryfordesigners.com/
9 /******* SET DEFAULT DIMENSIONS HERE ********/
16 div
.anythingSlider img
{
20 /****** SET COLORS HERE *******/
22 div
.anythingSlider
.thumbNav a
.cur
, div
.anythingSlider
.thumbNav a
{
25 div
.anythingSlider
.anythingWindow
{
26 border-top: 2px solid
#880400;
27 border-bottom: 2px solid
#880400;
30 div
.anythingSlider
.activeSlider
.thumbNav a
.cur
{
32 background-color: #880400;
35 div
.anythingSlider
.activeSlider
.thumbNav a
{
36 background-color: white
;
39 div
.anythingSlider
.activeSlider
.anythingWindow
{
40 border-color: #880400;
43 /**** DO NOT CHANGE BELOW THIS LINE ****/
44 /* anythingSlider viewport window */
45 div
.anythingSlider
.anythingWindow
{
51 /* wrapper: 45px right & left padding for the arrows, 28px @ bottom for naviagation */
55 /*padding: 0 35px 28px 35px;*/
57 /* anythingSlider base UL */
59 background: transparent
;
65 ul
.anythingBase li
.panel
{
66 background: transparent
;
73 /* Navigation Arrows */
74 div
.anythingSlider
.arrow
{
79 div
.anythingSlider
.arrow a
{
86 background: url
(../images/anythingslider/arrows.png) no-repeat
;
89 div
.anythingSlider
.forward
{ right: 0; }
90 div
.anythingSlider
.back
{ left: 0; }
91 div
.anythingSlider
.forward a
{ background-position: 0 -70px; }
92 div
.anythingSlider
.back a
{ background-position: -35px -70px; }
93 div
.anythingSlider
.forward
a:hover
, div
.anythingSlider
.forward a
.hover
{ background-position: 0 0; }
94 div
.anythingSlider
.back
a:hover
, div
.anythingSlider
.back a
.hover
{ background-position: -35px 0; }
96 /* Navigation Links */
97 div
.anythingSlider
.thumbNav
{ margin: 0; }
98 div
.anythingSlider
.thumbNav li
{ display: inline
; }
99 div
.anythingSlider
.thumbNav a
{
101 /* font: 11px/18px Georgia, Serif; */
102 display: inline-block
;
103 text-decoration: none
;
107 background-image: url
(../images/anythingslider/cellshade.png);
108 background-repeat: repeat-x
;
111 /* -moz-border-radius-bottomleft: 5px;
112 -moz-border-radius-bottomright: 5px;
113 -webkit-border-bottom-right-radius: 5px;
114 -webkit-border-bottom-left-radius: 5px; */
116 div
.anythingSlider
.thumbNav
a:hover
{ background-image: none
; }
118 /* slider autoplay right-to-left, reverse order of nav links to look better */
119 div
.anythingSlider
.rtl
.thumbNav a
{ float: right
; } /* reverse order of nav links */
120 div
.anythingSlider
.rtl
.thumbNav
{ float: left
; } /* move nav link group to left */
121 /* div.anythingSlider.rtl .start-stop { float: right; } */ /* move start/stop button - in case you want to switch sides */
123 /* Autoplay Start/Stop button */
124 div
.anythingSlider
.start-stop
{
126 background-color: #880400;
131 text-decoration: none
;
133 /* -moz-border-radius-bottomleft: 5px;
134 -moz-border-radius-bottomright: 5px;
135 -webkit-border-bottom-right-radius: 5px;
136 -webkit-border-bottom-left-radius: 5px; */
138 div
.anythingSlider
.start-stop
.playing
{ background-color: #880400; }
139 div
.anythingSlider
.start-stop:hover
, div
.anythingSlider
.start-stop
.hover
{ background-image: none
; color: white
}