root / trunk / web / dojo / dojox / image / resources / SlideShow.css @ 13
History | View | Annotate | Download (1.91 KB)
1 |
|
---|---|
2 |
.slideShowWrapper {
|
3 |
position:relative; |
4 |
background:#fff; |
5 |
padding:8px; |
6 |
border:1px solid #333; |
7 |
padding-bottom:20px; |
8 |
overflow:hidden; |
9 |
-moz-border-radius:3pt; |
10 |
-webkit-border-radius:4pt; |
11 |
-webkit-drop-shadow:#ccc 4pt; |
12 |
} |
13 |
.slideShowNav {
|
14 |
position:absolute; |
15 |
bottom:-18px; |
16 |
left:0px; |
17 |
padding:0px 3px 2px 0px; |
18 |
background-color:#fff; |
19 |
width:100%; |
20 |
} |
21 |
.slideShowNavWrapper { float:right; } |
22 |
.slideShowTitle {
|
23 |
float:left; |
24 |
color:#333; |
25 |
font-size:10pt; |
26 |
} |
27 |
.slideShowTitle .slideShowCounterText { |
28 |
font-size:6pt; color:#666; |
29 |
} |
30 |
.slideShowHidden {
|
31 |
position:absolute; |
32 |
display: none; |
33 |
height: 1px; |
34 |
width: 1px; |
35 |
} |
36 |
.slideShowImageWrapper {
|
37 |
position:relative; |
38 |
text-align: center; |
39 |
margin-top: -42px; |
40 |
float: left; |
41 |
width: 100%; |
42 |
} |
43 |
.slideShowImageWrapper img { |
44 |
border: 0px none; |
45 |
} |
46 |
.slideShowNotifier {
|
47 |
background-color: red; |
48 |
width: 100px; |
49 |
height: 5px; |
50 |
font-size: 1%; |
51 |
} |
52 |
.slideShowSlideShow {
|
53 |
position:absolute; |
54 |
top:30px; |
55 |
padding: 0 5px; |
56 |
border: 0px; |
57 |
text-decoration: none; |
58 |
color: #2e6ab1; |
59 |
} |
60 |
.slideShowLoading { background-color: #fad66a; } |
61 |
.slideShowLoaded { background-color: transparent; } |
62 |
.slideShowCtrlPrev {
|
63 |
background-position: -96px 0px; |
64 |
float: left; |
65 |
} |
66 |
.slideShowCtrlNext {
|
67 |
background-position: -144px 0px; |
68 |
float: right; |
69 |
} |
70 |
.slideShowCtrlPlay {
|
71 |
background-position: -190px 0px; |
72 |
position: absolute; |
73 |
} |
74 |
.slideShowPaused .slideShowCtrlPlay { |
75 |
background-position: -236px 0px; |
76 |
position: absolute; |
77 |
} |
78 |
.slideShowCtrl span.slideShowCtrlHide { |
79 |
background-image: url("../../../dojo/resources/blank.gif"); |
80 |
cursor: auto; |
81 |
} |
82 |
.slideShowCtrl {
|
83 |
height: 50px; |
84 |
width: 100%; |
85 |
position: relative; |
86 |
z-index:999; |
87 |
float: left; |
88 |
} |
89 |
.slideShowCtrl span { |
90 |
width: 50px; |
91 |
height: 100%; |
92 |
background-image: url("images/buttons.png"); |
93 |
cursor: pointer; |
94 |
} |
95 |
.dj_ie .slideShowCtrl span { |
96 |
background-image: url("images/buttons.gif"); |
97 |
} |
98 |
.dj_ie6 .slideShowPager li.currentpage, |
99 |
.dj_ie6 .pagination li.disablepage{ |
100 |
|
101 |
margin-right: 5px; |
102 |
padding-right: 0; |
103 |
} |