Mercurial > hg > rc2

comparison plugins/jqueryui/themes/classic/jquery-ui-1.10.4.custom.css @ 0:4681f974d28b

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