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