|
1 /* |
|
2 * jQuery UI screen structure and presentation |
|
3 * This CSS file was generated by ThemeRoller, a Filament Group Project for jQuery UI |
|
4 * Author: Scott Jehl, scott@filamentgroup.com, http://www.filamentgroup.com |
|
5 * Visit ThemeRoller.com |
|
6 */ |
|
7 |
|
8 /* |
|
9 * Note: If your ThemeRoller settings have a font size set in ems, your components will scale according to their parent element's font size. |
|
10 * As a rule of thumb, set your body's font size to 62.5% to make 1em = 10px. |
|
11 * body {font-size: 62.5%;} |
|
12 */ |
|
13 |
|
14 |
|
15 |
|
16 /*UI accordion*/ |
|
17 .ui-accordion { |
|
18 /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; |
|
19 font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; |
|
20 font-size: 1.1em; |
|
21 border-bottom: 1px solid #cccccc; |
|
22 } |
|
23 .ui-accordion-group { |
|
24 /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; |
|
25 border: 1px solid #cccccc; |
|
26 border-bottom: none; |
|
27 } |
|
28 .ui-accordion-header { |
|
29 /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; |
|
30 cursor: pointer; |
|
31 background: #f6f6f6 url(images/f6f6f6_40x100_textures_02_glass_100.png) 0 50% repeat-x; |
|
32 } |
|
33 .ui-accordion-header a { |
|
34 /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; |
|
35 display: block; |
|
36 font-size: 1em; |
|
37 font-weight: bold; |
|
38 text-decoration: none; |
|
39 padding: .5em .5em .5em 1.7em; |
|
40 color: #1c94c4; |
|
41 background: url(images/ef8c08_7x7_arrow_right.gif) .5em 50% no-repeat; |
|
42 } |
|
43 .ui-accordion-header a:hover { |
|
44 background: url(images/ef8c08_7x7_arrow_right.gif) .5em 50% no-repeat; |
|
45 color: #c77405; |
|
46 } |
|
47 .ui-accordion-header:hover { |
|
48 background: #fdf5ce url(images/fdf5ce_40x100_textures_02_glass_100.png) 0 50% repeat-x; |
|
49 color: #c77405; |
|
50 } |
|
51 .selected .ui-accordion-header, .selected .ui-accordion-header:hover { |
|
52 background: #ffffff url(images/ffffff_40x100_textures_02_glass_65.png) 0 50% repeat-x; |
|
53 } |
|
54 .selected .ui-accordion-header a, .selected .ui-accordion-header a:hover { |
|
55 color: #eb8f00; |
|
56 background: url(images/ef8c08_7x7_arrow_down.gif) .5em 50% no-repeat; |
|
57 } |
|
58 .ui-accordion-content { |
|
59 background: #eeeeee url(images/eeeeee_40x100_textures_03_highlight_soft_100.png) 0 0 repeat-x; |
|
60 color: #333333; |
|
61 font-size: 1em; |
|
62 } |
|
63 .ui-accordion-content p { |
|
64 padding: 1em 1.7em 0.6em; |
|
65 } |
|
66 |
|
67 |
|
68 |
|
69 |
|
70 |
|
71 |
|
72 /*UI tabs*/ |
|
73 .ui-tabs-nav { |
|
74 /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; |
|
75 font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; |
|
76 font-size: 1.1em; |
|
77 float: left; |
|
78 position: relative; |
|
79 z-index: 1; |
|
80 border-right: 1px solid #cccccc; |
|
81 bottom: -1px; |
|
82 } |
|
83 .ui-tabs-nav ul { |
|
84 /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; |
|
85 } |
|
86 .ui-tabs-nav li { |
|
87 /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; |
|
88 float: left; |
|
89 border: 1px solid #cccccc; |
|
90 border-right: none; |
|
91 } |
|
92 .ui-tabs-nav li a { |
|
93 /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; |
|
94 float: left; |
|
95 font-size: 1em; |
|
96 font-weight: bold; |
|
97 text-decoration: none; |
|
98 padding: .5em 1.7em; |
|
99 color: #1c94c4; |
|
100 background: #f6f6f6 url(images/f6f6f6_40x100_textures_02_glass_100.png) 0 50% repeat-x; |
|
101 } |
|
102 .ui-tabs-nav li a:hover { |
|
103 background: #fdf5ce url(images/fdf5ce_40x100_textures_02_glass_100.png) 0 50% repeat-x; |
|
104 color: #c77405; |
|
105 } |
|
106 .ui-tabs-nav li.ui-tabs-selected { |
|
107 border-bottom-color: #ffffff; |
|
108 } |
|
109 .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs-nav li.ui-tabs-selected a:hover { |
|
110 background: #ffffff url(images/ffffff_40x100_textures_02_glass_65.png) 0 50% repeat-x; |
|
111 color: #eb8f00; |
|
112 } |
|
113 .ui-tabs-panel { |
|
114 /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; |
|
115 font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; |
|
116 clear:left; |
|
117 border: 1px solid #cccccc; |
|
118 background: #eeeeee url(images/eeeeee_40x100_textures_03_highlight_soft_100.png) 0 0 repeat-x; |
|
119 color: #333333; |
|
120 padding: 1.5em 1.7em; |
|
121 font-size: 1.1em; |
|
122 } |
|
123 .ui-tabs-hide { |
|
124 display: none;/* for accessible hiding: position: absolute; left: -99999999px*/; |
|
125 } |
|
126 |
|
127 |
|
128 |
|
129 |
|
130 |
|
131 /*slider*/ |
|
132 .ui-slider { |
|
133 /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; |
|
134 font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; |
|
135 font-size: 1.1em; |
|
136 background: #eeeeee url(images/eeeeee_40x100_textures_03_highlight_soft_100.png) 0 0 repeat-x; |
|
137 border: 1px solid #dddddd; |
|
138 height: .8em; |
|
139 position: relative; |
|
140 } |
|
141 .ui-slider-handle { |
|
142 /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; |
|
143 position: absolute; |
|
144 z-index: 2; |
|
145 top: -3px; |
|
146 width: 1.2em; |
|
147 height: 1.2em; |
|
148 background: #f6f6f6 url(images/f6f6f6_40x100_textures_02_glass_100.png) 0 50% repeat-x; |
|
149 border: 1px solid #cccccc; |
|
150 } |
|
151 .ui-slider-handle:hover { |
|
152 background: #fdf5ce url(images/fdf5ce_40x100_textures_02_glass_100.png) 0 50% repeat-x; |
|
153 border: 1px solid #fbcb09; |
|
154 } |
|
155 .ui-slider-handle-active, .ui-slider-handle-active:hover { |
|
156 background: #ffffff url(images/ffffff_40x100_textures_02_glass_65.png) 0 50% repeat-x; |
|
157 border: 1px solid #fbd850; |
|
158 } |
|
159 .ui-slider-range { |
|
160 /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; |
|
161 height: .8em; |
|
162 background: #fdf5ce url(images/fdf5ce_40x100_textures_02_glass_100.png) 0 50% repeat-x; |
|
163 position: absolute; |
|
164 border: 1px solid #cccccc; |
|
165 border-left: 0; |
|
166 border-right: 0; |
|
167 top: -1px; |
|
168 z-index: 1; |
|
169 opacity:.7; |
|
170 filter:Alpha(Opacity=70); |
|
171 } |
|
172 |
|
173 |
|
174 |
|
175 |
|
176 |
|
177 |
|
178 /*dialog*/ |
|
179 .ui-dialog { |
|
180 /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; |
|
181 font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; |
|
182 font-size: 1.1em; |
|
183 background: #eeeeee url(images/eeeeee_40x100_textures_03_highlight_soft_100.png) 0 0 repeat-x; |
|
184 color: #333333; |
|
185 border: 4px solid #dddddd; |
|
186 position: relative; |
|
187 } |
|
188 .ui-resizable-handle { |
|
189 position: absolute; |
|
190 font-size: 0.1px; |
|
191 z-index: 99999; |
|
192 } |
|
193 .ui-resizable .ui-resizable-handle { |
|
194 display: block; |
|
195 } |
|
196 body .ui-resizable-disabled .ui-resizable-handle { display: none; } /* use 'body' to make it more specific (css order) */ |
|
197 body .ui-resizable-autohide .ui-resizable-handle { display: none; } /* use 'body' to make it more specific (css order) */ |
|
198 .ui-resizable-n { |
|
199 cursor: n-resize; |
|
200 height: 7px; |
|
201 width: 100%; |
|
202 top: -5px; |
|
203 left: 0px; |
|
204 } |
|
205 .ui-resizable-s { |
|
206 cursor: s-resize; |
|
207 height: 7px; |
|
208 width: 100%; |
|
209 bottom: -5px; |
|
210 left: 0px; |
|
211 } |
|
212 .ui-resizable-e { |
|
213 cursor: e-resize; |
|
214 width: 7px; |
|
215 right: -5px; |
|
216 top: 0px; |
|
217 height: 100%; |
|
218 } |
|
219 .ui-resizable-w { |
|
220 cursor: w-resize; |
|
221 width: 7px; |
|
222 left: -5px; |
|
223 top: 0px; |
|
224 height: 100%; |
|
225 } |
|
226 .ui-resizable-se { |
|
227 cursor: se-resize; |
|
228 width: 13px; |
|
229 height: 13px; |
|
230 right: 0px; |
|
231 bottom: 0px; |
|
232 background: url(images/222222_11x11_icon_resize_se.gif) no-repeat 0 0; |
|
233 } |
|
234 .ui-resizable-sw { |
|
235 cursor: sw-resize; |
|
236 width: 9px; |
|
237 height: 9px; |
|
238 left: 0px; |
|
239 bottom: 0px; |
|
240 } |
|
241 .ui-resizable-nw { |
|
242 cursor: nw-resize; |
|
243 width: 9px; |
|
244 height: 9px; |
|
245 left: 0px; |
|
246 top: 0px; |
|
247 } |
|
248 .ui-resizable-ne { |
|
249 cursor: ne-resize; |
|
250 width: 9px; |
|
251 height: 9px; |
|
252 right: 0px; |
|
253 top: 0px; |
|
254 } |
|
255 .ui-dialog-titlebar { |
|
256 /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; |
|
257 padding: .5em 1.5em .5em 1em; |
|
258 color: #1c94c4; |
|
259 background: #f6f6f6 url(images/f6f6f6_40x100_textures_02_glass_100.png) 0 50% repeat-x; |
|
260 border-bottom: 1px solid #cccccc; |
|
261 font-size: 1em; |
|
262 font-weight: bold; |
|
263 position: relative; |
|
264 } |
|
265 .ui-dialog-title {} |
|
266 .ui-dialog-titlebar-close { |
|
267 /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; |
|
268 background: url(images/ef8c08_11x11_icon_close.gif) 0 0 no-repeat; |
|
269 position: absolute; |
|
270 right: 8px; |
|
271 top: .7em; |
|
272 width: 11px; |
|
273 height: 11px; |
|
274 z-index: 100; |
|
275 } |
|
276 .ui-dialog-titlebar-close-hover, .ui-dialog-titlebar-close:hover { |
|
277 background: url(images/ef8c08_11x11_icon_close.gif) 0 0 no-repeat; |
|
278 } |
|
279 .ui-dialog-titlebar-close:active { |
|
280 background: url(images/ef8c08_11x11_icon_close.gif) 0 0 no-repeat; |
|
281 } |
|
282 .ui-dialog-titlebar-close span { |
|
283 display: none; |
|
284 } |
|
285 .ui-dialog-content { |
|
286 /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; |
|
287 color: #333333; |
|
288 padding: 1.5em 1.7em; |
|
289 } |
|
290 .ui-dialog-buttonpane { |
|
291 position: absolute; |
|
292 bottom: 0; |
|
293 width: 100%; |
|
294 text-align: left; |
|
295 border-top: 1px solid #dddddd; |
|
296 background: #eeeeee; |
|
297 } |
|
298 .ui-dialog-buttonpane button { |
|
299 margin: .5em 0 .5em 8px; |
|
300 color: #1c94c4; |
|
301 background: #f6f6f6 url(images/f6f6f6_40x100_textures_02_glass_100.png) 0 50% repeat-x; |
|
302 font-size: 1em; |
|
303 border: 1px solid #cccccc; |
|
304 cursor: pointer; |
|
305 padding: .2em .6em .3em .6em; |
|
306 line-height: 1.4em; |
|
307 } |
|
308 .ui-dialog-buttonpane button:hover { |
|
309 color: #c77405; |
|
310 background: #fdf5ce url(images/fdf5ce_40x100_textures_02_glass_100.png) 0 50% repeat-x; |
|
311 border: 1px solid #fbcb09; |
|
312 } |
|
313 .ui-dialog-buttonpane button:active { |
|
314 color: #eb8f00; |
|
315 background: #ffffff url(images/ffffff_40x100_textures_02_glass_65.png) 0 50% repeat-x; |
|
316 border: 1px solid #fbd850; |
|
317 } |
|
318 /* This file skins dialog */ |
|
319 .ui-dialog.ui-draggable .ui-dialog-titlebar, |
|
320 .ui-dialog.ui-draggable .ui-dialog-titlebar { |
|
321 cursor: move; |
|
322 } |
|
323 |
|
324 |
|
325 |
|
326 |
|
327 |
|
328 |
|
329 |
|
330 /*datepicker*/ |
|
331 /* Main Style Sheet for jQuery UI date picker */ |
|
332 .ui-datepicker-div, .ui-datepicker-inline, #ui-datepicker-div { |
|
333 /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; |
|
334 font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; |
|
335 background: #eeeeee url(images/eeeeee_40x100_textures_03_highlight_soft_100.png) 0 0 repeat-x; |
|
336 font-size: 1.1em; |
|
337 border: 4px solid #dddddd; |
|
338 width: 15.5em; |
|
339 padding: 2.5em .5em .5em .5em; |
|
340 position: relative; |
|
341 } |
|
342 .ui-datepicker-div, #ui-datepicker-div { |
|
343 z-index: 9999; /*must have*/ |
|
344 display: none; |
|
345 } |
|
346 .ui-datepicker-inline { |
|
347 float: left; |
|
348 display: block; |
|
349 } |
|
350 .ui-datepicker-control { |
|
351 display: none; |
|
352 } |
|
353 .ui-datepicker-current { |
|
354 display: none; |
|
355 } |
|
356 .ui-datepicker-next, .ui-datepicker-prev { |
|
357 position: absolute; |
|
358 left: .5em; |
|
359 top: .5em; |
|
360 background: #f6f6f6 url(images/f6f6f6_40x100_textures_02_glass_100.png) 0 50% repeat-x; |
|
361 } |
|
362 .ui-datepicker-next { |
|
363 left: 14.6em; |
|
364 } |
|
365 .ui-datepicker-next:hover, .ui-datepicker-prev:hover { |
|
366 background: #fdf5ce url(images/fdf5ce_40x100_textures_02_glass_100.png) 0 50% repeat-x; |
|
367 } |
|
368 .ui-datepicker-next a, .ui-datepicker-prev a { |
|
369 text-indent: -999999px; |
|
370 width: 1.3em; |
|
371 height: 1.4em; |
|
372 display: block; |
|
373 font-size: 1em; |
|
374 background: url(images/ef8c08_7x7_arrow_left.gif) 50% 50% no-repeat; |
|
375 border: 1px solid #cccccc; |
|
376 cursor: pointer; |
|
377 } |
|
378 .ui-datepicker-next a { |
|
379 background: url(images/ef8c08_7x7_arrow_right.gif) 50% 50% no-repeat; |
|
380 } |
|
381 .ui-datepicker-prev a:hover { |
|
382 background: url(images/ef8c08_7x7_arrow_left.gif) 50% 50% no-repeat; |
|
383 } |
|
384 .ui-datepicker-next a:hover { |
|
385 background: url(images/ef8c08_7x7_arrow_right.gif) 50% 50% no-repeat; |
|
386 } |
|
387 .ui-datepicker-prev a:active { |
|
388 background: url(images/ef8c08_7x7_arrow_left.gif) 50% 50% no-repeat; |
|
389 } |
|
390 .ui-datepicker-next a:active { |
|
391 background: url(images/ef8c08_7x7_arrow_right.gif) 50% 50% no-repeat; |
|
392 } |
|
393 .ui-datepicker-header select { |
|
394 border: 1px solid #cccccc; |
|
395 color: #1c94c4; |
|
396 background: #f6f6f6; |
|
397 font-size: 1em; |
|
398 line-height: 1.4em; |
|
399 position: absolute; |
|
400 top: .5em; |
|
401 margin: 0 !important; |
|
402 } |
|
403 .ui-datepicker-header option:focus, .ui-datepicker-header option:hover { |
|
404 background: #fdf5ce; |
|
405 } |
|
406 .ui-datepicker-header select.ui-datepicker-new-month { |
|
407 width: 7em; |
|
408 left: 2.2em; |
|
409 } |
|
410 .ui-datepicker-header select.ui-datepicker-new-year { |
|
411 width: 5em; |
|
412 left: 9.4em; |
|
413 } |
|
414 table.ui-datepicker { |
|
415 width: 15.5em; |
|
416 text-align: right; |
|
417 } |
|
418 table.ui-datepicker td a { |
|
419 padding: .1em .3em .1em 0; |
|
420 display: block; |
|
421 color: #1c94c4; |
|
422 background: #f6f6f6 url(images/f6f6f6_40x100_textures_02_glass_100.png) 0 50% repeat-x; |
|
423 cursor: pointer; |
|
424 border: 1px solid #eeeeee; |
|
425 } |
|
426 table.ui-datepicker td a:hover { |
|
427 border: 1px solid #fbcb09; |
|
428 color: #c77405; |
|
429 background: #fdf5ce url(images/fdf5ce_40x100_textures_02_glass_100.png) 0 50% repeat-x; |
|
430 } |
|
431 table.ui-datepicker td a:active { |
|
432 border: 1px solid #fbd850; |
|
433 color: #eb8f00; |
|
434 background: #ffffff url(images/ffffff_40x100_textures_02_glass_65.png) 0 50% repeat-x; |
|
435 } |
|
436 table.ui-datepicker .ui-datepicker-title-row td { |
|
437 padding: .3em 0; |
|
438 text-align: center; |
|
439 font-size: .9em; |
|
440 color: #333333; |
|
441 text-transform: uppercase; |
|
442 } |
|
443 table.ui-datepicker .ui-datepicker-title-row td a { |
|
444 color: #333333; |
|
445 } |
|
446 .ui-datepicker-cover { |
|
447 display: none; |
|
448 display/**/: block; |
|
449 position: absolute; |
|
450 z-index: -1; |
|
451 filter: mask(); |
|
452 top: -4px; |
|
453 left: -4px; |
|
454 width: 193px; |
|
455 height: 200px; |
|
456 } |
|
457 |
|
458 |
|
459 |
|
460 |
|
461 |
|
462 |
|
463 |
|
464 |
|
465 |
|
466 |
|
467 |
|
468 |
|
469 |
|
470 |
|
471 /* |
|
472 Generic ThemeRoller Classes |
|
473 >> Make your jQuery Components ThemeRoller-Compatible! |
|
474 */ |
|
475 |
|
476 /*component global class*/ |
|
477 .ui-component { |
|
478 /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; |
|
479 font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; |
|
480 font-size: 1.1em; |
|
481 } |
|
482 /*component content styles*/ |
|
483 .ui-component-content { |
|
484 border: 1px solid #dddddd; |
|
485 background: #eeeeee url(images/eeeeee_40x100_textures_03_highlight_soft_100.png) 0 0 repeat-x; |
|
486 color: #333333; |
|
487 } |
|
488 .ui-component-content a { |
|
489 color: #333333; |
|
490 text-decoration: underline; |
|
491 } |
|
492 /*component states*/ |
|
493 .ui-default-state { |
|
494 border: 1px solid #cccccc; |
|
495 background: #f6f6f6 url(images/f6f6f6_40x100_textures_02_glass_100.png) 0 50% repeat-x; |
|
496 font-weight: bold; |
|
497 color: #1c94c4 !important; |
|
498 } |
|
499 .ui-default-state a { |
|
500 color: #1c94c4; |
|
501 } |
|
502 .ui-default-state:hover, .ui-hover-state { |
|
503 border: 1px solid #fbcb09; |
|
504 background: #fdf5ce url(images/fdf5ce_40x100_textures_02_glass_100.png) 0 50% repeat-x; |
|
505 font-weight: bold; |
|
506 color: #c77405 !important; |
|
507 } |
|
508 .ui-hover-state a { |
|
509 color: #c77405; |
|
510 } |
|
511 .ui-default-state:active, .ui-active-state { |
|
512 border: 1px solid #fbd850; |
|
513 background: #ffffff url(images/ffffff_40x100_textures_02_glass_65.png) 0 50% repeat-x; |
|
514 font-weight: bold; |
|
515 color: #eb8f00 !important; |
|
516 outline: none; |
|
517 } |
|
518 .ui-active-state a { |
|
519 color: #eb8f00; |
|
520 outline: none; |
|
521 } |
|
522 /*icons*/ |
|
523 .ui-arrow-right-default {background: url(images/ef8c08_7x7_arrow_right.gif) no-repeat 50% 50%;} |
|
524 .ui-arrow-right-default:hover, .ui-arrow-right-hover {background: url(images/ef8c08_7x7_arrow_right.gif) no-repeat 50% 50%;} |
|
525 .ui-arrow-right-default:active, .ui-arrow-right-active {background: url(images/ef8c08_7x7_arrow_right.gif) no-repeat 50% 50%;} |
|
526 .ui-arrow-right-content {background: url(images/222222_7x7_arrow_right.gif) no-repeat 50% 50%;} |
|
527 |
|
528 .ui-arrow-left-default {background: url(images/ef8c08_7x7_arrow_left.gif) no-repeat 50% 50%;} |
|
529 .ui-arrow-left-default:hover, .ui-arrow-left-hover {background: url(images/ef8c08_7x7_arrow_left.gif) no-repeat 50% 50%;} |
|
530 .ui-arrow-left-default:active, .ui-arrow-left-active {background: url(images/ef8c08_7x7_arrow_left.gif) no-repeat 50% 50%;} |
|
531 .ui-arrow-left-content {background: url(images/222222_7x7_arrow_left.gif) no-repeat 50% 50%;} |
|
532 |
|
533 .ui-arrow-down-default {background: url(images/ef8c08_7x7_arrow_down.gif) no-repeat 50% 50%;} |
|
534 .ui-arrow-down-default:hover, .ui-arrow-down-hover {background: url(images/ef8c08_7x7_arrow_down.gif) no-repeat 50% 50%;} |
|
535 .ui-arrow-down-default:active, .ui-arrow-down-active {background: url(images/ef8c08_7x7_arrow_down.gif) no-repeat 50% 50%;} |
|
536 .ui-arrow-down-content {background: url(images/222222_7x7_arrow_down.gif) no-repeat 50% 50%;} |
|
537 |
|
538 .ui-arrow-up-default {background: url(images/ef8c08_7x7_arrow_up.gif) no-repeat 50% 50%;} |
|
539 .ui-arrow-up-default:hover, .ui-arrow-up-hover {background: url(images/ef8c08_7x7_arrow_up.gif) no-repeat 50% 50%;} |
|
540 .ui-arrow-up-default:active, .ui-arrow-up-active {background: url(images/ef8c08_7x7_arrow_up.gif) no-repeat 50% 50%;} |
|
541 .ui-arrow-up-content {background: url(images/222222_7x7_arrow_up.gif) no-repeat 50% 50%;} |
|
542 |
|
543 .ui-close-default {background: url(images/ef8c08_11x11_icon_close.gif) no-repeat 50% 50%;} |
|
544 .ui-close-default:hover, .ui-close-hover {background: url(images/ef8c08_11x11_icon_close.gif) no-repeat 50% 50%;} |
|
545 .ui-close-default:active, .ui-close-active {background: url(images/ef8c08_11x11_icon_close.gif) no-repeat 50% 50%;} |
|
546 .ui-close-content {background: url(images/ef8c08_11x11_icon_close.gif) no-repeat 50% 50%;} |
|
547 |
|
548 .ui-folder-closed-default {background: url(images/ef8c08_11x11_icon_folder_closed.gif) no-repeat 50% 50%;} |
|
549 .ui-folder-closed-default:hover, .ui-folder-closed-hover {background: url(images/ef8c08_11x11_icon_folder_closed.gif) no-repeat 50% 50%;} |
|
550 .ui-folder-closed-default:active, .ui-folder-closed-active {background: url(images/ef8c08_11x11_icon_folder_closed.gif) no-repeat 50% 50%;} |
|
551 .ui-folder-closed-content {background: url(images/ef8c08_11x11_icon_folder_closed.gif) no-repeat 50% 50%;} |
|
552 |
|
553 .ui-folder-open-default {background: url(images/ef8c08_11x11_icon_folder_open.gif) no-repeat 50% 50%;} |
|
554 .ui-folder-open-default:hover, .ui-folder-open-hover {background: url(images/ef8c08_11x11_icon_folder_open.gif) no-repeat 50% 50%;} |
|
555 .ui-folder-open-default:active, .ui-folder-open-active {background: url(images/ef8c08_11x11_icon_folder_open.gif) no-repeat 50% 50%;} |
|
556 .ui-folder-open-content {background: url(images/ef8c08_11x11_icon_folder_open.gif) no-repeat 50% 50%;} |
|
557 |
|
558 .ui-doc-default {background: url(images/ef8c08_11x11_icon_doc.gif) no-repeat 50% 50%;} |
|
559 .ui-doc-default:hover, .ui-doc-hover {background: url(images/ef8c08_11x11_icon_doc.gif) no-repeat 50% 50%;} |
|
560 .ui-doc-default:active, .ui-doc-active {background: url(images/ef8c08_11x11_icon_doc.gif) no-repeat 50% 50%;} |
|
561 .ui-doc-content {background: url(images/222222_11x11_icon_doc.gif) no-repeat 50% 50%;} |
|
562 |
|
563 .ui-arrows-leftright-default {background: url(images/ef8c08_11x11_icon_arrows_leftright.gif) no-repeat 50% 50%;} |
|
564 .ui-arrows-leftright-default:hover, .ui-arrows-leftright-hover {background: url(images/ef8c08_11x11_icon_arrows_leftright.gif) no-repeat 50% 50%;} |
|
565 .ui-arrows-leftright-default:active, .ui-arrows-leftright-active {background: url(images/ef8c08_11x11_icon_arrows_leftright.gif) no-repeat 50% 50%;} |
|
566 .ui-arrows-leftright-content {background: url(images/222222_11x11_icon_arrows_leftright.gif) no-repeat 50% 50%;} |
|
567 |
|
568 .ui-arrows-updown-default {background: url(images/ef8c08_11x11_icon_arrows_updown.gif) no-repeat 50% 50%;} |
|
569 .ui-arrows-updown-default:hover, .ui-arrows-updown-hover {background: url(images/ef8c08_11x11_icon_arrows_updown.gif) no-repeat 50% 50%;} |
|
570 .ui-arrows-updown-default:active, .ui-arrows-updown-active {background: url(images/ef8c08_11x11_icon_arrows_updown.gif) no-repeat 50% 50%;} |
|
571 .ui-arrows-updown-content {background: url(images/222222_11x11_icon_arrows_updown.gif) no-repeat 50% 50%;} |
|
572 |
|
573 .ui-minus-default {background: url(images/ef8c08_11x11_icon_minus.gif) no-repeat 50% 50%;} |
|
574 .ui-minus-default:hover, .ui-minus-hover {background: url(images/ef8c08_11x11_icon_minus.gif) no-repeat 50% 50%;} |
|
575 .ui-minus-default:active, .ui-minus-active {background: url(images/ef8c08_11x11_icon_minus.gif) no-repeat 50% 50%;} |
|
576 .ui-minus-content {background: url(images/222222_11x11_icon_minus.gif) no-repeat 50% 50%;} |
|
577 |
|
578 .ui-plus-default {background: url(images/ef8c08_11x11_icon_plus.gif) no-repeat 50% 50%;} |
|
579 .ui-plus-default:hover, .ui-plus-hover {background: url(images/ef8c08_11x11_icon_plus.gif) no-repeat 50% 50%;} |
|
580 .ui-plus-default:active, .ui-plus-active {background: url(images/ef8c08_11x11_icon_plus.gif) no-repeat 50% 50%;} |
|
581 .ui-plus-content {background: url(images/222222_11x11_icon_plus.gif) no-repeat 50% 50%;} |
|
582 |
|
583 /*hidden elements*/ |
|
584 .ui-hidden { |
|
585 display: none;/* for accessible hiding: position: absolute; left: -99999999px*/; |
|
586 } |
|
587 .ui-accessible-hidden { |
|
588 position: absolute; left: -99999999px; |
|
589 } |
|
590 /*reset styles*/ |
|
591 .ui-reset { |
|
592 /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; |
|
593 } |
|
594 /*clearfix class*/ |
|
595 .ui-clearfix:after { |
|
596 content: "."; |
|
597 display: block; |
|
598 height: 0; |
|
599 clear: both; |
|
600 visibility: hidden; |
|
601 } |
|
602 .ui-clearfix {display: inline-block;} |
|
603 /* Hides from IE-mac \*/ |
|
604 * html .ui-clearfix {height: 1%;} |
|
605 .ui-clearfix {display: block;} |
|
606 /* End hide from IE-mac */ |
|
607 |
|
608 /* Note: for resizable styles, use the styles listed above in the dialog section */ |
|
609 |
|
610 |