PluginProbe
wpForo Forum / 1.4.0
wpForo Forum v1.4.0
3.1.5 3.1.4 3.1.2 3.1.1 3.1.0 3.0.9 3.0.8 3.0.7 trunk 1.0.0 1.0.1 1.0.2 1.1.0 1.1.1 1.1.2 1.2.0 1.3.0 1.3.1 1.4.0 1.4.1 1.4.10 1.4.11 1.4.12 1.4.13 1.4.2 All 137 releases
wpforo / wpf-assets / css / jquery-ui.css

jquery-ui.css in wpForo Forum 1.4.0, at wpf-assets/css/jquery-ui.css

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