Subversion Repositories Applications.papyrus

Rev

Details | Last modification | View Log | RSS feed

Rev Author Line No. Line
2150 mathias 1 
/*
2 
    This is the master CSS file for the dojox.image project, and provides all
3 
    needed definitions for:
4 
 
5 
    dojox.image.Lightbox
6 
    dojox.image.Gallery [which is a combination of:]
7 
    dojox.image.SlideShow
8 
    dojox.image.ThumbNailPicker
9 
 
10 
*/
11 
 
12 
 
13 
/* dojox.image.Lightbox:base */
14 
/* FIXME: should be be doing this? I want a black underlay, but this sets ALL dialogs to black,
15 
    but because it's decendant of body, i can't set this color any other way ... */
16 
.dijitDialogUnderlay {
17 
	background-color:#000;
18 
}
19 
 
20 
.dojoxLightbox {
21 
	position:absolute;
22 
	z-index:999;
23 
	overflow:hidden;
24 
	width:100px;
25 
	height:100px;
26 
	border:11px solid #fff;
27 
	background:#fff url('images/loading.gif') no-repeat center center;
28 
 
29 
        /* special safari + FF specific rounding + shadows */
30 
	-webkit-box-shadow: 0px 6px 10px #636363; /* #adadad; */
31 
	-webkit-border-radius: 3px;
32 
	-moz-border-radius:4px;
33 
}
34 
 
35 
.dojoxLightboxContainer {
36 
	position:absolute;
37 
	top:0; left:0;
38 
}
39 
 
40 
.dojoxLightboxFooter {
41 
	height:50px;
42 
	position:relative;
43 
	bottom:0;
44 
	left:0;
45 
	margin-top:8px;
46 
	color:#333;
47 
	z-index:1000;
48 
	font-size:10pt;
49 
}
50 
 
51 
.dojoxLightboxGroupText {
52 
	color:#666;
53 
	font-size:8pt;
54 
}
55 
 
56 
.LightboxNext,
57 
.LightboxPrev,
58 
.LightboxClose {
59 
	float:right;
60 
	width:16px;
61 
	height:16px;
62 
	cursor:pointer;
63 
}
64 
 
65 
/* dojox.image.Lightbox:tundra */
66 
.tundra .LightboxClose {
67 
	background:url('../../../dijit/themes/tundra/images/tabClose.png') no-repeat center center;
68 
}
69 
.tundra .LightboxNext {
70 
	background:url('../../../dijit/themes/tundra/images/arrowRight.png') no-repeat center center;
71 
}
72 
.tundra .LightboxPrev {
73 
	background:url('../../../dijit/themes/tundra/images/arrowLeft.png') no-repeat center center;
74 
}
75 
 
76 
/* dojox.image.Lightbox:soria */
77 
.soria .LightboxNext,
78 
.soria .LightboxPrev,
79 
.soria .LightboxClose {
80 
	background:url('../../../dijit/themes/soria/images/arrows.png') no-repeat center center;
81 
	background-position:-65px 0;
82 
}
83 
.soria .LightboxNext {
84 
	background-position:-48px 0;
85 
}
86 
.soria .LightboxPrev {
87 
	background-position:-16px 0;
88 
}
89 
 
90 
/* dojox.image.SlideShow */
91 
 
92 
.slideShowWrapper {
93 
	position:relative;
94 
	background:#fff;
95 
	padding:8px;
96 
	border:1px solid #333;
97 
	padding-bottom:20px;
98 
	overflow:hidden;
99 
	text-align: center;
100 
	-moz-border-radius:3pt;
101 
	-webkit-border-radius:4pt;
102 
	-webkit-drop-shadow:#ccc 4pt;
103 
}
104 
.slideShowNav {
105 
	position:absolute;
106 
	bottom:-18px;
107 
	left:0px;
108 
	padding:0px 3px 2px 0px;
109 
	background-color:#fff;
110 
	width:100%;
111 
}
112 
.slideShowNavWrapper { float:right;  }
113 
.slideShowTitle {
114 
	float:left;
115 
	color:#333;
116 
	font-size:10pt;
117 
}
118 
.slideShowTitle .slideShowCounterText {
119 
	font-size:6pt; color:#666;
120 
}
121 
.slideShowHidden {
122 
	position:absolute;
123 
	display: none;
124 
	height: 1px;
125 
	width: 1px;
126 
}
127 
.slideShowImageWrapper {
128 
	position:relative;
129 
	text-align: center;
130 
	margin-top: -42px;
131 
	float: left;
132 
	width: 100%;
133 
}
134 
.slideShowImageWrapper img {
135 
	border: 0px none;
136 
}
137 
.slideShowNotifier {
138 
	background-color: red;
139 
	width: 100px;
140 
	height: 5px;
141 
	font-size: 1%;/*IE hack to get around the Empty-Div bug*/
142 
}
143 
.slideShowSlideShow {
144 
	position:absolute;
145 
	top:30px;
146 
	padding: 0 5px;
147 
	border: 0px;
148 
	text-decoration: none;
149 
	color: #2e6ab1;
150 
}
151 
.slideShowLoading { background-color: #fad66a; }
152 
.slideShowLoaded { background-color: transparent; }
153 
/*
154 
.sprite-arrowbottom { background-position: 0 -30px; }
155 
.sprite-arrowtop { background-position: 0 -430px; }
156 
*/
157 
.slideShowCtrlPrev {
158 
	background-position: -96px 0px;
159 
	float: left;
160 
}
161 
.slideShowCtrlNext {
162 
	background-position: -144px 0px;
163 
	float: right;
164 
}
165 
.slideShowCtrlPlay {
166 
	background-position: -190px 0px;
167 
	position: absolute;
168 
}
169 
.slideShowPaused .slideShowCtrlPlay {
170 
	background-position: -236px 0px;
171 
	position: absolute;
172 
}
173 
.slideShowCtrl span.slideShowCtrlHide {
174 
	background-image: url("images/1pixel.gif");
175 
	cursor: auto;
176 
}
177 
 
178 
.slideShowCtrl {
179 
	height: 50px;
180 
	width: 100%;
181 
	position: relative;
182 
	z-index:999;
183 
	float: left;
184 
}
185 
.slideShowCtrl span {
186 
	width: 50px;
187 
	height: 100%;
188 
	background-image: url("images/buttons.png");
189 
	cursor: pointer;
190 
}
191 
.dj_ie6 .slideShowCtrl span {
192 
	background-image: url("images/buttons.gif");
193 
}
194 
 
195 
.dj_ie6 .slideShowPager li.currentpage,
196 
.dj_ie6 .pagination li.disablepage{
197 
    /*IE 6 and below. Adjust non linked LIs slightly to account for bugs*/
198 
    margin-right: 5px;
199 
    padding-right: 0;
200 
}
201 
 
202 
/* dojox.image.ThumbnailPicker */
203 
 
204 
.thumbWrapper .thumbNav {
205 
	background-repeat: no-repeat;
206 
	background-position: center;
207 
	padding-top: 1px;
208 
	width: 30px;
209 
	height: 100%;
210 
}
211 
 
212 
.thumbOuter {
213 
	padding-bottom: 2px;
214 
}
215 
 
216 
.thumbOuter.thumbHoriz {
217 
	width: 500px;
218 
	height: 85px;
219 
}
220 
 
221 
.thumbOuter.thumbVert {
222 
	width: 100px;
223 
	height: 400px;
224 
}
225 
 
226 
.thumbOuter .enabled {
227 
	background: transparent url("images/buttons.png") no-repeat center center;
228 
}
229 
.dj_ie6 .thumbOuter .enabled { background-image: url("images/buttons.gif"); }
230 
 
231 
.thumbOuter .thumbNav img {
232 
	width: 48px;
233 
	height: 75px;
234 
}
235 
.thumbOuter .thumbClickable div {
236 
	cursor: pointer;
237 
}
238 
.thumbOuter .prevHoriz {
239 
	background-position: -96px 12px;
240 
	position: relative;
241 
	float: left;
242 
	height: 100%;
243 
}
244 
 
245 
.thumbOuter .nextHoriz {
246 
	background-position: -144px 12px;
247 
	position: relative;
248 
	float: right;
249 
	height: 100%;
250 
/*	margin-top: -85px;*/
251 
}
252 
.thumbOuter .prevVert {
253 
	background-position: 0px 0px;
254 
	height: 48px;
255 
	width:48px;
256 
	margin-left:24px;
257 
}
258 
 
259 
.thumbOuter .nextVert {
260 
	background-position: -48px 0px;
261 
	height: 48px;
262 
	width:48px;
263 
	margin-left:24px;
264 
}
265 
 
266 
.thumbWrapper img {
267 
	height: 75px;
268 
	max-width: 100px;
269 
	width: expression(this.width > 100 ? 100: true);/*IE Hack*/
270 
}
271 
 
272 
.thumbWrapper .thumbNav .imageGalleryThumb {
273 
	height: 50px;
274 
}
275 
 
276 
.thumbWrapper .thumbNotifier {
277 
	background-color: red;
278 
	width: 0px;
279 
	margin-left: 2px;
280 
	height: 5px;
281 
	font-size: 1%;/*IE hack to get around the Empty-Div bug*/
282 
}
283 
 
284 
.thumbWrapper .thumbLoaded {
285 
	background-color: transparent;
286 
}
287 
 
288 
.thumbScroller {
289 
	overflow-x: hidden;
290 
	overflow-y: hidden;
291 
	white-space: nowrap;
292 
	text-align: center;
293 
}
294 
 
295 
.thumbHoriz .thumbScroller {
296 
	width: 500px;
297 
	height: 85px;
298 
	float: left;
299 
}
300 
 
301 
.thumbVert .thumbScroller {
302 
	height: 500px;
303 
	width: 100px;
304 
}
305 
 
306 
.thumbWrapper {
307 
	float: left;
308 
}
309 
 
310 
.thumbVert .thumbWrapper {
311 
	width: 100px;
312 
	height: 10px;
313 
}
314 
.thumbHoriz .thumbWapper {
315 
	height:85px;
316 
	width: 10px;
317 
}
318 
 
319 
.thumbWrapper.thumbHoriz div {
320 
	float: left;
321 
	padding-right: 2px;
322 
}
323 
 
324 
.thumbWrapper.thumbVert {
325 
	width: 100px;
326 
}
327 
 
328 
.thumbWrapper.thumbVert div {
329 
	padding-bottom: 2px;
330 
}
331 
 
332 
/* dojox.image.Gallery */
333 
 
334 
.imageGalleryWrapper {
335 
	padding-bottom: 20px;
336 
	text-align: center;
337 
}