/[projects]/misc/xenconsole/jquery/theme/jquery-ui.css
ViewVC logotype

Contents of /misc/xenconsole/jquery/theme/jquery-ui.css

Parent Directory Parent Directory | Revision Log Revision Log


Revision 1954 - (show annotations) (download) (as text)
Mon Mar 25 20:23:52 2013 UTC (11 years, 1 month ago) by torben
File MIME type: text/css
File size: 32320 byte(s)
add jquery ui
1 /*! jQuery UI - v1.10.2 - 2013-03-14
2 * http://jqueryui.com
3 * Includes: jquery.ui.core.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.menu.css, jquery.ui.progressbar.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.slider.css, jquery.ui.spinner.css, jquery.ui.tabs.css, jquery.ui.tooltip.css, jquery.ui.theme.css
4 * Copyright 2013 jQuery Foundation and other contributors; Licensed MIT */
5 /* Layout helpers
6 ----------------------------------*/
7 .ui-helper-hidden {
8 display: none;
9 }
10 .ui-helper-hidden-accessible {
11 border: 0;
12 clip: rect(0 0 0 0);
13 height: 1px;
14 margin: -1px;
15 overflow: hidden;
16 padding: 0;
17 position: absolute;
18 width: 1px;
19 }
20 .ui-helper-reset {
21 margin: 0;
22 padding: 0;
23 border: 0;
24 outline: 0;
25 line-height: 1.3;
26 text-decoration: none;
27 font-size: 100%;
28 list-style: none;
29 }
30 .ui-helper-clearfix:before,
31 .ui-helper-clearfix:after {
32 content: "";
33 display: table;
34 border-collapse: collapse;
35 }
36 .ui-helper-clearfix:after {
37 clear: both;
38 }
39 .ui-helper-clearfix {
40 min-height: 0; /* support: IE7 */
41 }
42 .ui-helper-zfix {
43 width: 100%;
44 height: 100%;
45 top: 0;
46 left: 0;
47 position: absolute;
48 opacity: 0;
49 filter:Alpha(Opacity=0);
50 }
51
52 .ui-front {
53 z-index: 100;
54 }
55
56
57 /* Interaction Cues
58 ----------------------------------*/
59 .ui-state-disabled {
60 cursor: default !important;
61 }
62
63
64 /* Icons
65 ----------------------------------*/
66
67 /* states and images */
68 .ui-icon {
69 display: block;
70 text-indent: -99999px;
71 overflow: hidden;
72 background-repeat: no-repeat;
73 }
74
75
76 /* Misc visuals
77 ----------------------------------*/
78
79 /* Overlays */
80 .ui-widget-overlay {
81 position: fixed;
82 top: 0;
83 left: 0;
84 width: 100%;
85 height: 100%;
86 }
87
88 .ui-accordion .ui-accordion-header {
89 display: block;
90 cursor: pointer;
91 position: relative;
92 margin-top: 2px;
93 padding: .5em .5em .5em .7em;
94 min-height: 0; /* support: IE7 */
95 }
96 .ui-accordion .ui-accordion-icons {
97 padding-left: 2.2em;
98 }
99 .ui-accordion .ui-accordion-noicons {
100 padding-left: .7em;
101 }
102 .ui-accordion .ui-accordion-icons .ui-accordion-icons {
103 padding-left: 2.2em;
104 }
105 .ui-accordion .ui-accordion-header .ui-accordion-header-icon {
106 position: absolute;
107 left: .5em;
108 top: 50%;
109 margin-top: -8px;
110 }
111 .ui-accordion .ui-accordion-content {
112 padding: 1em 2.2em;
113 border-top: 0;
114 overflow: auto;
115 }
116
117 .ui-autocomplete {
118 position: absolute;
119 top: 0;
120 left: 0;
121 cursor: default;
122 }
123
124 .ui-button {
125 display: inline-block;
126 position: relative;
127 padding: 0;
128 line-height: normal;
129 margin-right: .1em;
130 cursor: pointer;
131 vertical-align: middle;
132 text-align: center;
133 overflow: visible; /* removes extra width in IE */
134 }
135 .ui-button,
136 .ui-button:link,
137 .ui-button:visited,
138 .ui-button:hover,
139 .ui-button:active {
140 text-decoration: none;
141 }
142 /* to make room for the icon, a width needs to be set here */
143 .ui-button-icon-only {
144 width: 2.2em;
145 }
146 /* button elements seem to need a little more width */
147 button.ui-button-icon-only {
148 width: 2.4em;
149 }
150 .ui-button-icons-only {
151 width: 3.4em;
152 }
153 button.ui-button-icons-only {
154 width: 3.7em;
155 }
156
157 /* button text element */
158 .ui-button .ui-button-text {
159 display: block;
160 line-height: normal;
161 }
162 .ui-button-text-only .ui-button-text {
163 padding: .4em 1em;
164 }
165 .ui-button-icon-only .ui-button-text,
166 .ui-button-icons-only .ui-button-text {
167 padding: .4em;
168 text-indent: -9999999px;
169 }
170 .ui-button-text-icon-primary .ui-button-text,
171 .ui-button-text-icons .ui-button-text {
172 padding: .4em 1em .4em 2.1em;
173 }
174 .ui-button-text-icon-secondary .ui-button-text,
175 .ui-button-text-icons .ui-button-text {
176 padding: .4em 2.1em .4em 1em;
177 }
178 .ui-button-text-icons .ui-button-text {
179 padding-left: 2.1em;
180 padding-right: 2.1em;
181 }
182 /* no icon support for input elements, provide padding by default */
183 input.ui-button {
184 padding: .4em 1em;
185 }
186
187 /* button icon element(s) */
188 .ui-button-icon-only .ui-icon,
189 .ui-button-text-icon-primary .ui-icon,
190 .ui-button-text-icon-secondary .ui-icon,
191 .ui-button-text-icons .ui-icon,
192 .ui-button-icons-only .ui-icon {
193 position: absolute;
194 top: 50%;
195 margin-top: -8px;
196 }
197 .ui-button-icon-only .ui-icon {
198 left: 50%;
199 margin-left: -8px;
200 }
201 .ui-button-text-icon-primary .ui-button-icon-primary,
202 .ui-button-text-icons .ui-button-icon-primary,
203 .ui-button-icons-only .ui-button-icon-primary {
204 left: .5em;
205 }
206 .ui-button-text-icon-secondary .ui-button-icon-secondary,
207 .ui-button-text-icons .ui-button-icon-secondary,
208 .ui-button-icons-only .ui-button-icon-secondary {
209 right: .5em;
210 }
211
212 /* button sets */
213 .ui-buttonset {
214 margin-right: 7px;
215 }
216 .ui-buttonset .ui-button {
217 margin-left: 0;
218 margin-right: -.3em;
219 }
220
221 /* workarounds */
222 /* reset extra padding in Firefox, see h5bp.com/l */
223 input.ui-button::-moz-focus-inner,
224 button.ui-button::-moz-focus-inner {
225 border: 0;
226 padding: 0;
227 }
228
229 .ui-datepicker {
230 width: 17em;
231 padding: .2em .2em 0;
232 display: none;
233 }
234 .ui-datepicker .ui-datepicker-header {
235 position: relative;
236 padding: .2em 0;
237 }
238 .ui-datepicker .ui-datepicker-prev,
239 .ui-datepicker .ui-datepicker-next {
240 position: absolute;
241 top: 2px;
242 width: 1.8em;
243 height: 1.8em;
244 }
245 .ui-datepicker .ui-datepicker-prev-hover,
246 .ui-datepicker .ui-datepicker-next-hover {
247 top: 1px;
248 }
249 .ui-datepicker .ui-datepicker-prev {
250 left: 2px;
251 }
252 .ui-datepicker .ui-datepicker-next {
253 right: 2px;
254 }
255 .ui-datepicker .ui-datepicker-prev-hover {
256 left: 1px;
257 }
258 .ui-datepicker .ui-datepicker-next-hover {
259 right: 1px;
260 }
261 .ui-datepicker .ui-datepicker-prev span,
262 .ui-datepicker .ui-datepicker-next span {
263 display: block;
264 position: absolute;
265 left: 50%;
266 margin-left: -8px;
267 top: 50%;
268 margin-top: -8px;
269 }
270 .ui-datepicker .ui-datepicker-title {
271 margin: 0 2.3em;
272 line-height: 1.8em;
273 text-align: center;
274 }
275 .ui-datepicker .ui-datepicker-title select {
276 font-size: 1em;
277 margin: 1px 0;
278 }
279 .ui-datepicker select.ui-datepicker-month-year {
280 width: 100%;
281 }
282 .ui-datepicker select.ui-datepicker-month,
283 .ui-datepicker select.ui-datepicker-year {
284 width: 49%;
285 }
286 .ui-datepicker table {
287 width: 100%;
288 font-size: .9em;
289 border-collapse: collapse;
290 margin: 0 0 .4em;
291 }
292 .ui-datepicker th {
293 padding: .7em .3em;
294 text-align: center;
295 font-weight: bold;
296 border: 0;
297 }
298 .ui-datepicker td {
299 border: 0;
300 padding: 1px;
301 }
302 .ui-datepicker td span,
303 .ui-datepicker td a {
304 display: block;
305 padding: .2em;
306 text-align: right;
307 text-decoration: none;
308 }
309 .ui-datepicker .ui-datepicker-buttonpane {
310 background-image: none;
311 margin: .7em 0 0 0;
312 padding: 0 .2em;
313 border-left: 0;
314 border-right: 0;
315 border-bottom: 0;
316 }
317 .ui-datepicker .ui-datepicker-buttonpane button {
318 float: right;
319 margin: .5em .2em .4em;
320 cursor: pointer;
321 padding: .2em .6em .3em .6em;
322 width: auto;
323 overflow: visible;
324 }
325 .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
326 float: left;
327 }
328
329 /* with multiple calendars */
330 .ui-datepicker.ui-datepicker-multi {
331 width: auto;
332 }
333 .ui-datepicker-multi .ui-datepicker-group {
334 float: left;
335 }
336 .ui-datepicker-multi .ui-datepicker-group table {
337 width: 95%;
338 margin: 0 auto .4em;
339 }
340 .ui-datepicker-multi-2 .ui-datepicker-group {
341 width: 50%;
342 }
343 .ui-datepicker-multi-3 .ui-datepicker-group {
344 width: 33.3%;
345 }
346 .ui-datepicker-multi-4 .ui-datepicker-group {
347 width: 25%;
348 }
349 .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
350 .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
351 border-left-width: 0;
352 }
353 .ui-datepicker-multi .ui-datepicker-buttonpane {
354 clear: left;
355 }
356 .ui-datepicker-row-break {
357 clear: both;
358 width: 100%;
359 font-size: 0;
360 }
361
362 /* RTL support */
363 .ui-datepicker-rtl {
364 direction: rtl;
365 }
366 .ui-datepicker-rtl .ui-datepicker-prev {
367 right: 2px;
368 left: auto;
369 }
370 .ui-datepicker-rtl .ui-datepicker-next {
371 left: 2px;
372 right: auto;
373 }
374 .ui-datepicker-rtl .ui-datepicker-prev:hover {
375 right: 1px;
376 left: auto;
377 }
378 .ui-datepicker-rtl .ui-datepicker-next:hover {
379 left: 1px;
380 right: auto;
381 }
382 .ui-datepicker-rtl .ui-datepicker-buttonpane {
383 clear: right;
384 }
385 .ui-datepicker-rtl .ui-datepicker-buttonpane button {
386 float: left;
387 }
388 .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
389 .ui-datepicker-rtl .ui-datepicker-group {
390 float: right;
391 }
392 .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
393 .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
394 border-right-width: 0;
395 border-left-width: 1px;
396 }
397
398 .ui-dialog {
399 position: absolute;
400 top: 0;
401 left: 0;
402 padding: .2em;
403 outline: 0;
404 }
405 .ui-dialog .ui-dialog-titlebar {
406 padding: .4em 1em;
407 position: relative;
408 }
409 .ui-dialog .ui-dialog-title {
410 float: left;
411 margin: .1em 0;
412 white-space: nowrap;
413 width: 90%;
414 overflow: hidden;
415 text-overflow: ellipsis;
416 }
417 .ui-dialog .ui-dialog-titlebar-close {
418 position: absolute;
419 right: .3em;
420 top: 50%;
421 width: 21px;
422 margin: -10px 0 0 0;
423 padding: 1px;
424 height: 20px;
425 }
426 .ui-dialog .ui-dialog-content {
427 position: relative;
428 border: 0;
429 padding: .5em 1em;
430 background: none;
431 overflow: auto;
432 }
433 .ui-dialog .ui-dialog-buttonpane {
434 text-align: left;
435 border-width: 1px 0 0 0;
436 background-image: none;
437 margin-top: .5em;
438 padding: .3em 1em .5em .4em;
439 }
440 .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
441 float: right;
442 }
443 .ui-dialog .ui-dialog-buttonpane button {
444 margin: .5em .4em .5em 0;
445 cursor: pointer;
446 }
447 .ui-dialog .ui-resizable-se {
448 width: 12px;
449 height: 12px;
450 right: -5px;
451 bottom: -5px;
452 background-position: 16px 16px;
453 }
454 .ui-draggable .ui-dialog-titlebar {
455 cursor: move;
456 }
457
458 .ui-menu {
459 list-style: none;
460 padding: 2px;
461 margin: 0;
462 display: block;
463 outline: none;
464 }
465 .ui-menu .ui-menu {
466 margin-top: -3px;
467 position: absolute;
468 }
469 .ui-menu .ui-menu-item {
470 margin: 0;
471 padding: 0;
472 width: 100%;
473 }
474 .ui-menu .ui-menu-divider {
475 margin: 5px -2px 5px -2px;
476 height: 0;
477 font-size: 0;
478 line-height: 0;
479 border-width: 1px 0 0 0;
480 }
481 .ui-menu .ui-menu-item a {
482 text-decoration: none;
483 display: block;
484 padding: 2px .4em;
485 line-height: 1.5;
486 min-height: 0; /* support: IE7 */
487 font-weight: normal;
488 }
489 .ui-menu .ui-menu-item a.ui-state-focus,
490 .ui-menu .ui-menu-item a.ui-state-active {
491 font-weight: normal;
492 margin: -1px;
493 }
494
495 .ui-menu .ui-state-disabled {
496 font-weight: normal;
497 margin: .4em 0 .2em;
498 line-height: 1.5;
499 }
500 .ui-menu .ui-state-disabled a {
501 cursor: default;
502 }
503
504 /* icon support */
505 .ui-menu-icons {
506 position: relative;
507 }
508 .ui-menu-icons .ui-menu-item a {
509 position: relative;
510 padding-left: 2em;
511 }
512
513 /* left-aligned */
514 .ui-menu .ui-icon {
515 position: absolute;
516 top: .2em;
517 left: .2em;
518 }
519
520 /* right-aligned */
521 .ui-menu .ui-menu-icon {
522 position: static;
523 float: right;
524 }
525
526 .ui-progressbar {
527 height: 2em;
528 text-align: left;
529 overflow: hidden;
530 }
531 .ui-progressbar .ui-progressbar-value {
532 margin: -1px;
533 height: 100%;
534 }
535 .ui-progressbar .ui-progressbar-overlay {
536 background: url("images/animated-overlay.gif");
537 height: 100%;
538 filter: alpha(opacity=25);
539 opacity: 0.25;
540 }
541 .ui-progressbar-indeterminate .ui-progressbar-value {
542 background-image: none;
543 }
544
545 .ui-resizable {
546 position: relative;
547 }
548 .ui-resizable-handle {
549 position: absolute;
550 font-size: 0.1px;
551 display: block;
552 }
553 .ui-resizable-disabled .ui-resizable-handle,
554 .ui-resizable-autohide .ui-resizable-handle {
555 display: none;
556 }
557 .ui-resizable-n {
558 cursor: n-resize;
559 height: 7px;
560 width: 100%;
561 top: -5px;
562 left: 0;
563 }
564 .ui-resizable-s {
565 cursor: s-resize;
566 height: 7px;
567 width: 100%;
568 bottom: -5px;
569 left: 0;
570 }
571 .ui-resizable-e {
572 cursor: e-resize;
573 width: 7px;
574 right: -5px;
575 top: 0;
576 height: 100%;
577 }
578 .ui-resizable-w {
579 cursor: w-resize;
580 width: 7px;
581 left: -5px;
582 top: 0;
583 height: 100%;
584 }
585 .ui-resizable-se {
586 cursor: se-resize;
587 width: 12px;
588 height: 12px;
589 right: 1px;
590 bottom: 1px;
591 }
592 .ui-resizable-sw {
593 cursor: sw-resize;
594 width: 9px;
595 height: 9px;
596 left: -5px;
597 bottom: -5px;
598 }
599 .ui-resizable-nw {
600 cursor: nw-resize;
601 width: 9px;
602 height: 9px;
603 left: -5px;
604 top: -5px;
605 }
606 .ui-resizable-ne {
607 cursor: ne-resize;
608 width: 9px;
609 height: 9px;
610 right: -5px;
611 top: -5px;
612 }
613
614 .ui-selectable-helper {
615 position: absolute;
616 z-index: 100;
617 border: 1px dotted black;
618 }
619
620 .ui-slider {
621 position: relative;
622 text-align: left;
623 }
624 .ui-slider .ui-slider-handle {
625 position: absolute;
626 z-index: 2;
627 width: 1.2em;
628 height: 1.2em;
629 cursor: default;
630 }
631 .ui-slider .ui-slider-range {
632 position: absolute;
633 z-index: 1;
634 font-size: .7em;
635 display: block;
636 border: 0;
637 background-position: 0 0;
638 }
639
640 /* For IE8 - See #6727 */
641 .ui-slider.ui-state-disabled .ui-slider-handle,
642 .ui-slider.ui-state-disabled .ui-slider-range {
643 filter: inherit;
644 }
645
646 .ui-slider-horizontal {
647 height: .8em;
648 }
649 .ui-slider-horizontal .ui-slider-handle {
650 top: -.3em;
651 margin-left: -.6em;
652 }
653 .ui-slider-horizontal .ui-slider-range {
654 top: 0;
655 height: 100%;
656 }
657 .ui-slider-horizontal .ui-slider-range-min {
658 left: 0;
659 }
660 .ui-slider-horizontal .ui-slider-range-max {
661 right: 0;
662 }
663
664 .ui-slider-vertical {
665 width: .8em;
666 height: 100px;
667 }
668 .ui-slider-vertical .ui-slider-handle {
669 left: -.3em;
670 margin-left: 0;
671 margin-bottom: -.6em;
672 }
673 .ui-slider-vertical .ui-slider-range {
674 left: 0;
675 width: 100%;
676 }
677 .ui-slider-vertical .ui-slider-range-min {
678 bottom: 0;
679 }
680 .ui-slider-vertical .ui-slider-range-max {
681 top: 0;
682 }
683
684 .ui-spinner {
685 position: relative;
686 display: inline-block;
687 overflow: hidden;
688 padding: 0;
689 vertical-align: middle;
690 }
691 .ui-spinner-input {
692 border: none;
693 background: none;
694 color: inherit;
695 padding: 0;
696 margin: .2em 0;
697 vertical-align: middle;
698 margin-left: .4em;
699 margin-right: 22px;
700 }
701 .ui-spinner-button {
702 width: 16px;
703 height: 50%;
704 font-size: .5em;
705 padding: 0;
706 margin: 0;
707 text-align: center;
708 position: absolute;
709 cursor: default;
710 display: block;
711 overflow: hidden;
712 right: 0;
713 }
714 /* more specificity required here to overide default borders */
715 .ui-spinner a.ui-spinner-button {
716 border-top: none;
717 border-bottom: none;
718 border-right: none;
719 }
720 /* vertical centre icon */
721 .ui-spinner .ui-icon {
722 position: absolute;
723 margin-top: -8px;
724 top: 50%;
725 left: 0;
726 }
727 .ui-spinner-up {
728 top: 0;
729 }
730 .ui-spinner-down {
731 bottom: 0;
732 }
733
734 /* TR overrides */
735 .ui-spinner .ui-icon-triangle-1-s {
736 /* need to fix icons sprite */
737 background-position: -65px -16px;
738 }
739
740 .ui-tabs {
741 position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
742 padding: .2em;
743 }
744 .ui-tabs .ui-tabs-nav {
745 margin: 0;
746 padding: .2em .2em 0;
747 }
748 .ui-tabs .ui-tabs-nav li {
749 list-style: none;
750 float: left;
751 position: relative;
752 top: 0;
753 margin: 1px .2em 0 0;
754 border-bottom-width: 0;
755 padding: 0;
756 white-space: nowrap;
757 }
758 .ui-tabs .ui-tabs-nav li a {
759 float: left;
760 padding: .5em 1em;
761 text-decoration: none;
762 }
763 .ui-tabs .ui-tabs-nav li.ui-tabs-active {
764 margin-bottom: -1px;
765 padding-bottom: 1px;
766 }
767 .ui-tabs .ui-tabs-nav li.ui-tabs-active a,
768 .ui-tabs .ui-tabs-nav li.ui-state-disabled a,
769 .ui-tabs .ui-tabs-nav li.ui-tabs-loading a {
770 cursor: text;
771 }
772 .ui-tabs .ui-tabs-nav li a, /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
773 .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a {
774 cursor: pointer;
775 }
776 .ui-tabs .ui-tabs-panel {
777 display: block;
778 border-width: 0;
779 padding: 1em 1.4em;
780 background: none;
781 }
782
783 .ui-tooltip {
784 padding: 8px;
785 position: absolute;
786 z-index: 9999;
787 max-width: 300px;
788 -webkit-box-shadow: 0 0 5px #aaa;
789 box-shadow: 0 0 5px #aaa;
790 }
791 body .ui-tooltip {
792 border-width: 2px;
793 }
794
795 /* Component containers
796 ----------------------------------*/
797 .ui-widget {
798 font-family: Verdana,Arial,sans-serif/*{ffDefault}*/;
799 font-size: 1.1em/*{fsDefault}*/;
800 }
801 .ui-widget .ui-widget {
802 font-size: 1em;
803 }
804 .ui-widget input,
805 .ui-widget select,
806 .ui-widget textarea,
807 .ui-widget button {
808 font-family: Verdana,Arial,sans-serif/*{ffDefault}*/;
809 font-size: 1em;
810 }
811 .ui-widget-content {
812 border: 1px solid #aaaaaa/*{borderColorContent}*/;
813 background: #ffffff/*{bgColorContent}*/ url(images/ui-bg_flat_75_ffffff_40x100.png)/*{bgImgUrlContent}*/ 50%/*{bgContentXPos}*/ 50%/*{bgContentYPos}*/ repeat-x/*{bgContentRepeat}*/;
814 color: #222222/*{fcContent}*/;
815 }
816 .ui-widget-content a {
817 color: #222222/*{fcContent}*/;
818 }
819 .ui-widget-header {
820 border: 1px solid #aaaaaa/*{borderColorHeader}*/;
821 background: #cccccc/*{bgColorHeader}*/ url(images/ui-bg_highlight-soft_75_cccccc_1x100.png)/*{bgImgUrlHeader}*/ 50%/*{bgHeaderXPos}*/ 50%/*{bgHeaderYPos}*/ repeat-x/*{bgHeaderRepeat}*/;
822 color: #222222/*{fcHeader}*/;
823 font-weight: bold;
824 }
825 .ui-widget-header a {
826 color: #222222/*{fcHeader}*/;
827 }
828
829 /* Interaction states
830 ----------------------------------*/
831 .ui-state-default,
832 .ui-widget-content .ui-state-default,
833 .ui-widget-header .ui-state-default {
834 border: 1px solid #d3d3d3/*{borderColorDefault}*/;
835 background: #e6e6e6/*{bgColorDefault}*/ url(images/ui-bg_glass_75_e6e6e6_1x400.png)/*{bgImgUrlDefault}*/ 50%/*{bgDefaultXPos}*/ 50%/*{bgDefaultYPos}*/ repeat-x/*{bgDefaultRepeat}*/;
836 font-weight: normal/*{fwDefault}*/;
837 color: #555555/*{fcDefault}*/;
838 }
839 .ui-state-default a,
840 .ui-state-default a:link,
841 .ui-state-default a:visited {
842 color: #555555/*{fcDefault}*/;
843 text-decoration: none;
844 }
845 .ui-state-hover,
846 .ui-widget-content .ui-state-hover,
847 .ui-widget-header .ui-state-hover,
848 .ui-state-focus,
849 .ui-widget-content .ui-state-focus,
850 .ui-widget-header .ui-state-focus {
851 border: 1px solid #999999/*{borderColorHover}*/;
852 background: #dadada/*{bgColorHover}*/ url(images/ui-bg_glass_75_dadada_1x400.png)/*{bgImgUrlHover}*/ 50%/*{bgHoverXPos}*/ 50%/*{bgHoverYPos}*/ repeat-x/*{bgHoverRepeat}*/;
853 font-weight: normal/*{fwDefault}*/;
854 color: #212121/*{fcHover}*/;
855 }
856 .ui-state-hover a,
857 .ui-state-hover a:hover,
858 .ui-state-hover a:link,
859 .ui-state-hover a:visited {
860 color: #212121/*{fcHover}*/;
861 text-decoration: none;
862 }
863 .ui-state-active,
864 .ui-widget-content .ui-state-active,
865 .ui-widget-header .ui-state-active {
866 border: 1px solid #aaaaaa/*{borderColorActive}*/;
867 background: #ffffff/*{bgColorActive}*/ url(images/ui-bg_glass_65_ffffff_1x400.png)/*{bgImgUrlActive}*/ 50%/*{bgActiveXPos}*/ 50%/*{bgActiveYPos}*/ repeat-x/*{bgActiveRepeat}*/;
868 font-weight: normal/*{fwDefault}*/;
869 color: #212121/*{fcActive}*/;
870 }
871 .ui-state-active a,
872 .ui-state-active a:link,
873 .ui-state-active a:visited {
874 color: #212121/*{fcActive}*/;
875 text-decoration: none;
876 }
877
878 /* Interaction Cues
879 ----------------------------------*/
880 .ui-state-highlight,
881 .ui-widget-content .ui-state-highlight,
882 .ui-widget-header .ui-state-highlight {
883 border: 1px solid #fcefa1/*{borderColorHighlight}*/;
884 background: #fbf9ee/*{bgColorHighlight}*/ url(images/ui-bg_glass_55_fbf9ee_1x400.png)/*{bgImgUrlHighlight}*/ 50%/*{bgHighlightXPos}*/ 50%/*{bgHighlightYPos}*/ repeat-x/*{bgHighlightRepeat}*/;
885 color: #363636/*{fcHighlight}*/;
886 }
887 .ui-state-highlight a,
888 .ui-widget-content .ui-state-highlight a,
889 .ui-widget-header .ui-state-highlight a {
890 color: #363636/*{fcHighlight}*/;
891 }
892 .ui-state-error,
893 .ui-widget-content .ui-state-error,
894 .ui-widget-header .ui-state-error {
895 border: 1px solid #cd0a0a/*{borderColorError}*/;
896 background: #fef1ec/*{bgColorError}*/ url(images/ui-bg_glass_95_fef1ec_1x400.png)/*{bgImgUrlError}*/ 50%/*{bgErrorXPos}*/ 50%/*{bgErrorYPos}*/ repeat-x/*{bgErrorRepeat}*/;
897 color: #cd0a0a/*{fcError}*/;
898 }
899 .ui-state-error a,
900 .ui-widget-content .ui-state-error a,
901 .ui-widget-header .ui-state-error a {
902 color: #cd0a0a/*{fcError}*/;
903 }
904 .ui-state-error-text,
905 .ui-widget-content .ui-state-error-text,
906 .ui-widget-header .ui-state-error-text {
907 color: #cd0a0a/*{fcError}*/;
908 }
909 .ui-priority-primary,
910 .ui-widget-content .ui-priority-primary,
911 .ui-widget-header .ui-priority-primary {
912 font-weight: bold;
913 }
914 .ui-priority-secondary,
915 .ui-widget-content .ui-priority-secondary,
916 .ui-widget-header .ui-priority-secondary {
917 opacity: .7;
918 filter:Alpha(Opacity=70);
919 font-weight: normal;
920 }
921 .ui-state-disabled,
922 .ui-widget-content .ui-state-disabled,
923 .ui-widget-header .ui-state-disabled {
924 opacity: .35;
925 filter:Alpha(Opacity=35);
926 background-image: none;
927 }
928 .ui-state-disabled .ui-icon {
929 filter:Alpha(Opacity=35); /* For IE8 - See #6059 */
930 }
931
932 /* Icons
933 ----------------------------------*/
934
935 /* states and images */
936 .ui-icon {
937 width: 16px;
938 height: 16px;
939 }
940 .ui-icon,
941 .ui-widget-content .ui-icon {
942 background-image: url(images/ui-icons_222222_256x240.png)/*{iconsContent}*/;
943 }
944 .ui-widget-header .ui-icon {
945 background-image: url(images/ui-icons_222222_256x240.png)/*{iconsHeader}*/;
946 }
947 .ui-state-default .ui-icon {
948 background-image: url(images/ui-icons_888888_256x240.png)/*{iconsDefault}*/;
949 }
950 .ui-state-hover .ui-icon,
951 .ui-state-focus .ui-icon {
952 background-image: url(images/ui-icons_454545_256x240.png)/*{iconsHover}*/;
953 }
954 .ui-state-active .ui-icon {
955 background-image: url(images/ui-icons_454545_256x240.png)/*{iconsActive}*/;
956 }
957 .ui-state-highlight .ui-icon {
958 background-image: url(images/ui-icons_2e83ff_256x240.png)/*{iconsHighlight}*/;
959 }
960 .ui-state-error .ui-icon,
961 .ui-state-error-text .ui-icon {
962 background-image: url(images/ui-icons_cd0a0a_256x240.png)/*{iconsError}*/;
963 }
964
965 /* positioning */
966 .ui-icon-blank { background-position: 16px 16px; }
967 .ui-icon-carat-1-n { background-position: 0 0; }
968 .ui-icon-carat-1-ne { background-position: -16px 0; }
969 .ui-icon-carat-1-e { background-position: -32px 0; }
970 .ui-icon-carat-1-se { background-position: -48px 0; }
971 .ui-icon-carat-1-s { background-position: -64px 0; }
972 .ui-icon-carat-1-sw { background-position: -80px 0; }
973 .ui-icon-carat-1-w { background-position: -96px 0; }
974 .ui-icon-carat-1-nw { background-position: -112px 0; }
975 .ui-icon-carat-2-n-s { background-position: -128px 0; }
976 .ui-icon-carat-2-e-w { background-position: -144px 0; }
977 .ui-icon-triangle-1-n { background-position: 0 -16px; }
978 .ui-icon-triangle-1-ne { background-position: -16px -16px; }
979 .ui-icon-triangle-1-e { background-position: -32px -16px; }
980 .ui-icon-triangle-1-se { background-position: -48px -16px; }
981 .ui-icon-triangle-1-s { background-position: -64px -16px; }
982 .ui-icon-triangle-1-sw { background-position: -80px -16px; }
983 .ui-icon-triangle-1-w { background-position: -96px -16px; }
984 .ui-icon-triangle-1-nw { background-position: -112px -16px; }
985 .ui-icon-triangle-2-n-s { background-position: -128px -16px; }
986 .ui-icon-triangle-2-e-w { background-position: -144px -16px; }
987 .ui-icon-arrow-1-n { background-position: 0 -32px; }
988 .ui-icon-arrow-1-ne { background-position: -16px -32px; }
989 .ui-icon-arrow-1-e { background-position: -32px -32px; }
990 .ui-icon-arrow-1-se { background-position: -48px -32px; }
991 .ui-icon-arrow-1-s { background-position: -64px -32px; }
992 .ui-icon-arrow-1-sw { background-position: -80px -32px; }
993 .ui-icon-arrow-1-w { background-position: -96px -32px; }
994 .ui-icon-arrow-1-nw { background-position: -112px -32px; }
995 .ui-icon-arrow-2-n-s { background-position: -128px -32px; }
996 .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
997 .ui-icon-arrow-2-e-w { background-position: -160px -32px; }
998 .ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
999 .ui-icon-arrowstop-1-n { background-position: -192px -32px; }
1000 .ui-icon-arrowstop-1-e { background-position: -208px -32px; }
1001 .ui-icon-arrowstop-1-s { background-position: -224px -32px; }
1002 .ui-icon-arrowstop-1-w { background-position: -240px -32px; }
1003 .ui-icon-arrowthick-1-n { background-position: 0 -48px; }
1004 .ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
1005 .ui-icon-arrowthick-1-e { background-position: -32px -48px; }
1006 .ui-icon-arrowthick-1-se { background-position: -48px -48px; }
1007 .ui-icon-arrowthick-1-s { background-position: -64px -48px; }
1008 .ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
1009 .ui-icon-arrowthick-1-w { background-position: -96px -48px; }
1010 .ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
1011 .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
1012 .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
1013 .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
1014 .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
1015 .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
1016 .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
1017 .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
1018 .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
1019 .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
1020 .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
1021 .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
1022 .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
1023 .ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
1024 .ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
1025 .ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
1026 .ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
1027 .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
1028 .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
1029 .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
1030 .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
1031 .ui-icon-arrow-4 { background-position: 0 -80px; }
1032 .ui-icon-arrow-4-diag { background-position: -16px -80px; }
1033 .ui-icon-extlink { background-position: -32px -80px; }
1034 .ui-icon-newwin { background-position: -48px -80px; }
1035 .ui-icon-refresh { background-position: -64px -80px; }
1036 .ui-icon-shuffle { background-position: -80px -80px; }
1037 .ui-icon-transfer-e-w { background-position: -96px -80px; }
1038 .ui-icon-transferthick-e-w { background-position: -112px -80px; }
1039 .ui-icon-folder-collapsed { background-position: 0 -96px; }
1040 .ui-icon-folder-open { background-position: -16px -96px; }
1041 .ui-icon-document { background-position: -32px -96px; }
1042 .ui-icon-document-b { background-position: -48px -96px; }
1043 .ui-icon-note { background-position: -64px -96px; }
1044 .ui-icon-mail-closed { background-position: -80px -96px; }
1045 .ui-icon-mail-open { background-position: -96px -96px; }
1046 .ui-icon-suitcase { background-position: -112px -96px; }
1047 .ui-icon-comment { background-position: -128px -96px; }
1048 .ui-icon-person { background-position: -144px -96px; }
1049 .ui-icon-print { background-position: -160px -96px; }
1050 .ui-icon-trash { background-position: -176px -96px; }
1051 .ui-icon-locked { background-position: -192px -96px; }
1052 .ui-icon-unlocked { background-position: -208px -96px; }
1053 .ui-icon-bookmark { background-position: -224px -96px; }
1054 .ui-icon-tag { background-position: -240px -96px; }
1055 .ui-icon-home { background-position: 0 -112px; }
1056 .ui-icon-flag { background-position: -16px -112px; }
1057 .ui-icon-calendar { background-position: -32px -112px; }
1058 .ui-icon-cart { background-position: -48px -112px; }
1059 .ui-icon-pencil { background-position: -64px -112px; }
1060 .ui-icon-clock { background-position: -80px -112px; }
1061 .ui-icon-disk { background-position: -96px -112px; }
1062 .ui-icon-calculator { background-position: -112px -112px; }
1063 .ui-icon-zoomin { background-position: -128px -112px; }
1064 .ui-icon-zoomout { background-position: -144px -112px; }
1065 .ui-icon-search { background-position: -160px -112px; }
1066 .ui-icon-wrench { background-position: -176px -112px; }
1067 .ui-icon-gear { background-position: -192px -112px; }
1068 .ui-icon-heart { background-position: -208px -112px; }
1069 .ui-icon-star { background-position: -224px -112px; }
1070 .ui-icon-link { background-position: -240px -112px; }
1071 .ui-icon-cancel { background-position: 0 -128px; }
1072 .ui-icon-plus { background-position: -16px -128px; }
1073 .ui-icon-plusthick { background-position: -32px -128px; }
1074 .ui-icon-minus { background-position: -48px -128px; }
1075 .ui-icon-minusthick { background-position: -64px -128px; }
1076 .ui-icon-close { background-position: -80px -128px; }
1077 .ui-icon-closethick { background-position: -96px -128px; }
1078 .ui-icon-key { background-position: -112px -128px; }
1079 .ui-icon-lightbulb { background-position: -128px -128px; }
1080 .ui-icon-scissors { background-position: -144px -128px; }
1081 .ui-icon-clipboard { background-position: -160px -128px; }
1082 .ui-icon-copy { background-position: -176px -128px; }
1083 .ui-icon-contact { background-position: -192px -128px; }
1084 .ui-icon-image { background-position: -208px -128px; }
1085 .ui-icon-video { background-position: -224px -128px; }
1086 .ui-icon-script { background-position: -240px -128px; }
1087 .ui-icon-alert { background-position: 0 -144px; }
1088 .ui-icon-info { background-position: -16px -144px; }
1089 .ui-icon-notice { background-position: -32px -144px; }
1090 .ui-icon-help { background-position: -48px -144px; }
1091 .ui-icon-check { background-position: -64px -144px; }
1092 .ui-icon-bullet { background-position: -80px -144px; }
1093 .ui-icon-radio-on { background-position: -96px -144px; }
1094 .ui-icon-radio-off { background-position: -112px -144px; }
1095 .ui-icon-pin-w { background-position: -128px -144px; }
1096 .ui-icon-pin-s { background-position: -144px -144px; }
1097 .ui-icon-play { background-position: 0 -160px; }
1098 .ui-icon-pause { background-position: -16px -160px; }
1099 .ui-icon-seek-next { background-position: -32px -160px; }
1100 .ui-icon-seek-prev { background-position: -48px -160px; }
1101 .ui-icon-seek-end { background-position: -64px -160px; }
1102 .ui-icon-seek-start { background-position: -80px -160px; }
1103 /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
1104 .ui-icon-seek-first { background-position: -80px -160px; }
1105 .ui-icon-stop { background-position: -96px -160px; }
1106 .ui-icon-eject { background-position: -112px -160px; }
1107 .ui-icon-volume-off { background-position: -128px -160px; }
1108 .ui-icon-volume-on { background-position: -144px -160px; }
1109 .ui-icon-power { background-position: 0 -176px; }
1110 .ui-icon-signal-diag { background-position: -16px -176px; }
1111 .ui-icon-signal { background-position: -32px -176px; }
1112 .ui-icon-battery-0 { background-position: -48px -176px; }
1113 .ui-icon-battery-1 { background-position: -64px -176px; }
1114 .ui-icon-battery-2 { background-position: -80px -176px; }
1115 .ui-icon-battery-3 { background-position: -96px -176px; }
1116 .ui-icon-circle-plus { background-position: 0 -192px; }
1117 .ui-icon-circle-minus { background-position: -16px -192px; }
1118 .ui-icon-circle-close { background-position: -32px -192px; }
1119 .ui-icon-circle-triangle-e { background-position: -48px -192px; }
1120 .ui-icon-circle-triangle-s { background-position: -64px -192px; }
1121 .ui-icon-circle-triangle-w { background-position: -80px -192px; }
1122 .ui-icon-circle-triangle-n { background-position: -96px -192px; }
1123 .ui-icon-circle-arrow-e { background-position: -112px -192px; }
1124 .ui-icon-circle-arrow-s { background-position: -128px -192px; }
1125 .ui-icon-circle-arrow-w { background-position: -144px -192px; }
1126 .ui-icon-circle-arrow-n { background-position: -160px -192px; }
1127 .ui-icon-circle-zoomin { background-position: -176px -192px; }
1128 .ui-icon-circle-zoomout { background-position: -192px -192px; }
1129 .ui-icon-circle-check { background-position: -208px -192px; }
1130 .ui-icon-circlesmall-plus { background-position: 0 -208px; }
1131 .ui-icon-circlesmall-minus { background-position: -16px -208px; }
1132 .ui-icon-circlesmall-close { background-position: -32px -208px; }
1133 .ui-icon-squaresmall-plus { background-position: -48px -208px; }
1134 .ui-icon-squaresmall-minus { background-position: -64px -208px; }
1135 .ui-icon-squaresmall-close { background-position: -80px -208px; }
1136 .ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
1137 .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
1138 .ui-icon-grip-solid-vertical { background-position: -32px -224px; }
1139 .ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
1140 .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
1141 .ui-icon-grip-diagonal-se { background-position: -80px -224px; }
1142
1143
1144 /* Misc visuals
1145 ----------------------------------*/
1146
1147 /* Corner radius */
1148 .ui-corner-all,
1149 .ui-corner-top,
1150 .ui-corner-left,
1151 .ui-corner-tl {
1152 border-top-left-radius: 4px/*{cornerRadius}*/;
1153 }
1154 .ui-corner-all,
1155 .ui-corner-top,
1156 .ui-corner-right,
1157 .ui-corner-tr {
1158 border-top-right-radius: 4px/*{cornerRadius}*/;
1159 }
1160 .ui-corner-all,
1161 .ui-corner-bottom,
1162 .ui-corner-left,
1163 .ui-corner-bl {
1164 border-bottom-left-radius: 4px/*{cornerRadius}*/;
1165 }
1166 .ui-corner-all,
1167 .ui-corner-bottom,
1168 .ui-corner-right,
1169 .ui-corner-br {
1170 border-bottom-right-radius: 4px/*{cornerRadius}*/;
1171 }
1172
1173 /* Overlays */
1174 .ui-widget-overlay {
1175 background: #aaaaaa/*{bgColorOverlay}*/ url(images/ui-bg_flat_0_aaaaaa_40x100.png)/*{bgImgUrlOverlay}*/ 50%/*{bgOverlayXPos}*/ 50%/*{bgOverlayYPos}*/ repeat-x/*{bgOverlayRepeat}*/;
1176 opacity: .3/*{opacityOverlay}*/;
1177 filter: Alpha(Opacity=30)/*{opacityFilterOverlay}*/;
1178 }
1179 .ui-widget-shadow {
1180 margin: -8px/*{offsetTopShadow}*/ 0 0 -8px/*{offsetLeftShadow}*/;
1181 padding: 8px/*{thicknessShadow}*/;
1182 background: #aaaaaa/*{bgColorShadow}*/ url(images/ui-bg_flat_0_aaaaaa_40x100.png)/*{bgImgUrlShadow}*/ 50%/*{bgShadowXPos}*/ 50%/*{bgShadowYPos}*/ repeat-x/*{bgShadowRepeat}*/;
1183 opacity: .3/*{opacityShadow}*/;
1184 filter: Alpha(Opacity=30)/*{opacityFilterShadow}*/;
1185 border-radius: 8px/*{cornerRadiusShadow}*/;
1186 }

  ViewVC Help
Powered by ViewVC 1.1.20