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