prep for intercross wishlist
[sgn.git] / static / css / jquery-ricebase-theme / jquery-ui.structure.css
blob9e2d6979c2ffa66c294e172430a8d727567d2a71
1 /*!
2 * jQuery UI CSS Framework 1.11.0
3 * http://jqueryui.com
5 * Copyright 2014 jQuery Foundation and other contributors
6 * Released under the MIT license.
7 * http://jquery.org/license
9 * http://api.jqueryui.com/category/theming/
12 /* Layout helpers
13 ----------------------------------*/
14 .ui-helper-hidden {
15 display: none;
17 .ui-helper-hidden-accessible {
18 border: 0;
19 clip: rect(0 0 0 0);
20 height: 1px;
21 margin: -1px;
22 overflow: hidden;
23 padding: 0;
24 position: absolute;
25 width: 1px;
27 .ui-helper-reset {
28 margin: 0;
29 padding: 0;
30 border: 0;
31 outline: 0;
32 line-height: 1.3;
33 text-decoration: none;
34 font-size: 100%;
35 list-style: none;
37 .ui-helper-clearfix:before,
38 .ui-helper-clearfix:after {
39 content: "";
40 display: table;
41 border-collapse: collapse;
43 .ui-helper-clearfix:after {
44 clear: both;
46 .ui-helper-clearfix {
47 min-height: 0; /* support: IE7 */
49 .ui-helper-zfix {
50 width: 100%;
51 height: 100%;
52 top: 0;
53 left: 0;
54 position: absolute;
55 opacity: 0;
56 filter:Alpha(Opacity=0);
59 .ui-front {
60 z-index: 100;
64 /* Interaction Cues
65 ----------------------------------*/
66 .ui-state-disabled {
67 cursor: default !important;
71 /* Icons
72 ----------------------------------*/
74 /* states and images */
75 .ui-icon {
76 display: block;
77 text-indent: -99999px;
78 overflow: hidden;
79 background-repeat: no-repeat;
83 /* Misc visuals
84 ----------------------------------*/
86 /* Overlays */
87 .ui-widget-overlay {
88 position: fixed;
89 top: 0;
90 left: 0;
91 width: 100%;
92 height: 100%;
94 .ui-draggable-handle {
95 -ms-touch-action: none;
96 touch-action: none;
98 .ui-resizable {
99 position: relative;
101 .ui-resizable-handle {
102 position: absolute;
103 font-size: 0.1px;
104 display: block;
105 -ms-touch-action: none;
106 touch-action: none;
108 .ui-resizable-disabled .ui-resizable-handle,
109 .ui-resizable-autohide .ui-resizable-handle {
110 display: none;
112 .ui-resizable-n {
113 cursor: n-resize;
114 height: 7px;
115 width: 100%;
116 top: -5px;
117 left: 0;
119 .ui-resizable-s {
120 cursor: s-resize;
121 height: 7px;
122 width: 100%;
123 bottom: -5px;
124 left: 0;
126 .ui-resizable-e {
127 cursor: e-resize;
128 width: 7px;
129 right: -5px;
130 top: 0;
131 height: 100%;
133 .ui-resizable-w {
134 cursor: w-resize;
135 width: 7px;
136 left: -5px;
137 top: 0;
138 height: 100%;
140 .ui-resizable-se {
141 cursor: se-resize;
142 width: 12px;
143 height: 12px;
144 right: 1px;
145 bottom: 1px;
147 .ui-resizable-sw {
148 cursor: sw-resize;
149 width: 9px;
150 height: 9px;
151 left: -5px;
152 bottom: -5px;
154 .ui-resizable-nw {
155 cursor: nw-resize;
156 width: 9px;
157 height: 9px;
158 left: -5px;
159 top: -5px;
161 .ui-resizable-ne {
162 cursor: ne-resize;
163 width: 9px;
164 height: 9px;
165 right: -5px;
166 top: -5px;
168 .ui-selectable {
169 -ms-touch-action: none;
170 touch-action: none;
172 .ui-selectable-helper {
173 position: absolute;
174 z-index: 100;
175 border: 1px dotted black;
177 .ui-sortable-handle {
178 -ms-touch-action: none;
179 touch-action: none;
181 .ui-accordion .ui-accordion-header {
182 display: block;
183 cursor: pointer;
184 position: relative;
185 margin: 2px 0 0 0;
186 padding: .5em .5em .5em .7em;
187 min-height: 0; /* support: IE7 */
188 font-size: 100%;
190 .ui-accordion .ui-accordion-icons {
191 padding-left: 2.2em;
193 .ui-accordion .ui-accordion-icons .ui-accordion-icons {
194 padding-left: 2.2em;
196 .ui-accordion .ui-accordion-header .ui-accordion-header-icon {
197 position: absolute;
198 left: .5em;
199 top: 50%;
200 margin-top: -8px;
202 .ui-accordion .ui-accordion-content {
203 padding: 1em 2.2em;
204 border-top: 0;
205 overflow: auto;
207 .ui-autocomplete {
208 position: absolute;
209 top: 0;
210 left: 0;
211 cursor: default;
213 .ui-button {
214 display: inline-block;
215 position: relative;
216 padding: 0;
217 line-height: normal;
218 margin-right: .1em;
219 cursor: pointer;
220 vertical-align: middle;
221 text-align: center;
222 overflow: visible; /* removes extra width in IE */
224 .ui-button,
225 .ui-button:link,
226 .ui-button:visited,
227 .ui-button:hover,
228 .ui-button:active {
229 text-decoration: none;
231 /* to make room for the icon, a width needs to be set here */
232 .ui-button-icon-only {
233 width: 2.2em;
235 /* button elements seem to need a little more width */
236 button.ui-button-icon-only {
237 width: 2.4em;
239 .ui-button-icons-only {
240 width: 3.4em;
242 button.ui-button-icons-only {
243 width: 3.7em;
246 /* button text element */
247 .ui-button .ui-button-text {
248 display: block;
249 line-height: normal;
251 .ui-button-text-only .ui-button-text {
252 padding: .4em 1em;
254 .ui-button-icon-only .ui-button-text,
255 .ui-button-icons-only .ui-button-text {
256 padding: .4em;
257 text-indent: -9999999px;
259 .ui-button-text-icon-primary .ui-button-text,
260 .ui-button-text-icons .ui-button-text {
261 padding: .4em 1em .4em 2.1em;
263 .ui-button-text-icon-secondary .ui-button-text,
264 .ui-button-text-icons .ui-button-text {
265 padding: .4em 2.1em .4em 1em;
267 .ui-button-text-icons .ui-button-text {
268 padding-left: 2.1em;
269 padding-right: 2.1em;
271 /* no icon support for input elements, provide padding by default */
272 input.ui-button {
273 padding: .4em 1em;
276 /* button icon element(s) */
277 .ui-button-icon-only .ui-icon,
278 .ui-button-text-icon-primary .ui-icon,
279 .ui-button-text-icon-secondary .ui-icon,
280 .ui-button-text-icons .ui-icon,
281 .ui-button-icons-only .ui-icon {
282 position: absolute;
283 top: 50%;
284 margin-top: -8px;
286 .ui-button-icon-only .ui-icon {
287 left: 50%;
288 margin-left: -8px;
290 .ui-button-text-icon-primary .ui-button-icon-primary,
291 .ui-button-text-icons .ui-button-icon-primary,
292 .ui-button-icons-only .ui-button-icon-primary {
293 left: .5em;
295 .ui-button-text-icon-secondary .ui-button-icon-secondary,
296 .ui-button-text-icons .ui-button-icon-secondary,
297 .ui-button-icons-only .ui-button-icon-secondary {
298 right: .5em;
301 /* button sets */
302 .ui-buttonset {
303 margin-right: 7px;
305 .ui-buttonset .ui-button {
306 margin-left: 0;
307 margin-right: -.3em;
310 /* workarounds */
311 /* reset extra padding in Firefox, see h5bp.com/l */
312 input.ui-button::-moz-focus-inner,
313 button.ui-button::-moz-focus-inner {
314 border: 0;
315 padding: 0;
317 .ui-datepicker {
318 width: 17em;
319 padding: .2em .2em 0;
320 display: none;
322 .ui-datepicker .ui-datepicker-header {
323 position: relative;
324 padding: .2em 0;
326 .ui-datepicker .ui-datepicker-prev,
327 .ui-datepicker .ui-datepicker-next {
328 position: absolute;
329 top: 2px;
330 width: 1.8em;
331 height: 1.8em;
333 .ui-datepicker .ui-datepicker-prev-hover,
334 .ui-datepicker .ui-datepicker-next-hover {
335 top: 1px;
337 .ui-datepicker .ui-datepicker-prev {
338 left: 2px;
340 .ui-datepicker .ui-datepicker-next {
341 right: 2px;
343 .ui-datepicker .ui-datepicker-prev-hover {
344 left: 1px;
346 .ui-datepicker .ui-datepicker-next-hover {
347 right: 1px;
349 .ui-datepicker .ui-datepicker-prev span,
350 .ui-datepicker .ui-datepicker-next span {
351 display: block;
352 position: absolute;
353 left: 50%;
354 margin-left: -8px;
355 top: 50%;
356 margin-top: -8px;
358 .ui-datepicker .ui-datepicker-title {
359 margin: 0 2.3em;
360 line-height: 1.8em;
361 text-align: center;
363 .ui-datepicker .ui-datepicker-title select {
364 font-size: 1em;
365 margin: 1px 0;
367 .ui-datepicker select.ui-datepicker-month,
368 .ui-datepicker select.ui-datepicker-year {
369 width: 49%;
371 .ui-datepicker table {
372 width: 100%;
373 font-size: .9em;
374 border-collapse: collapse;
375 margin: 0 0 .4em;
377 .ui-datepicker th {
378 padding: .7em .3em;
379 text-align: center;
380 font-weight: bold;
381 border: 0;
383 .ui-datepicker td {
384 border: 0;
385 padding: 1px;
387 .ui-datepicker td span,
388 .ui-datepicker td a {
389 display: block;
390 padding: .2em;
391 text-align: right;
392 text-decoration: none;
394 .ui-datepicker .ui-datepicker-buttonpane {
395 background-image: none;
396 margin: .7em 0 0 0;
397 padding: 0 .2em;
398 border-left: 0;
399 border-right: 0;
400 border-bottom: 0;
402 .ui-datepicker .ui-datepicker-buttonpane button {
403 float: right;
404 margin: .5em .2em .4em;
405 cursor: pointer;
406 padding: .2em .6em .3em .6em;
407 width: auto;
408 overflow: visible;
410 .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
411 float: left;
414 /* with multiple calendars */
415 .ui-datepicker.ui-datepicker-multi {
416 width: auto;
418 .ui-datepicker-multi .ui-datepicker-group {
419 float: left;
421 .ui-datepicker-multi .ui-datepicker-group table {
422 width: 95%;
423 margin: 0 auto .4em;
425 .ui-datepicker-multi-2 .ui-datepicker-group {
426 width: 50%;
428 .ui-datepicker-multi-3 .ui-datepicker-group {
429 width: 33.3%;
431 .ui-datepicker-multi-4 .ui-datepicker-group {
432 width: 25%;
434 .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
435 .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
436 border-left-width: 0;
438 .ui-datepicker-multi .ui-datepicker-buttonpane {
439 clear: left;
441 .ui-datepicker-row-break {
442 clear: both;
443 width: 100%;
444 font-size: 0;
447 /* RTL support */
448 .ui-datepicker-rtl {
449 direction: rtl;
451 .ui-datepicker-rtl .ui-datepicker-prev {
452 right: 2px;
453 left: auto;
455 .ui-datepicker-rtl .ui-datepicker-next {
456 left: 2px;
457 right: auto;
459 .ui-datepicker-rtl .ui-datepicker-prev:hover {
460 right: 1px;
461 left: auto;
463 .ui-datepicker-rtl .ui-datepicker-next:hover {
464 left: 1px;
465 right: auto;
467 .ui-datepicker-rtl .ui-datepicker-buttonpane {
468 clear: right;
470 .ui-datepicker-rtl .ui-datepicker-buttonpane button {
471 float: left;
473 .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
474 .ui-datepicker-rtl .ui-datepicker-group {
475 float: right;
477 .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
478 .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
479 border-right-width: 0;
480 border-left-width: 1px;
482 .ui-dialog {
483 overflow: hidden;
484 position: absolute;
485 top: 0;
486 left: 0;
487 padding: .2em;
488 outline: 0;
490 .ui-dialog .ui-dialog-titlebar {
491 padding: .4em 1em;
492 position: relative;
494 .ui-dialog .ui-dialog-title {
495 float: left;
496 margin: .1em 0;
497 white-space: nowrap;
498 width: 90%;
499 overflow: hidden;
500 text-overflow: ellipsis;
502 .ui-dialog .ui-dialog-titlebar-close {
503 position: absolute;
504 right: .3em;
505 top: 50%;
506 width: 20px;
507 margin: -10px 0 0 0;
508 padding: 1px;
509 height: 20px;
511 .ui-dialog .ui-dialog-content {
512 position: relative;
513 border: 0;
514 padding: .5em 1em;
515 background: none;
516 overflow: auto;
518 .ui-dialog .ui-dialog-buttonpane {
519 text-align: left;
520 border-width: 1px 0 0 0;
521 background-image: none;
522 margin-top: .5em;
523 padding: .3em 1em .5em .4em;
525 .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
526 float: right;
528 .ui-dialog .ui-dialog-buttonpane button {
529 margin: .5em .4em .5em 0;
530 cursor: pointer;
532 .ui-dialog .ui-resizable-se {
533 width: 12px;
534 height: 12px;
535 right: -5px;
536 bottom: -5px;
537 background-position: 16px 16px;
539 .ui-draggable .ui-dialog-titlebar {
540 cursor: move;
542 .ui-menu {
543 list-style: none;
544 padding: 0;
545 margin: 0;
546 display: block;
547 outline: none;
549 .ui-menu .ui-menu {
550 position: absolute;
552 .ui-menu .ui-menu-item {
553 position: relative;
554 margin: 0;
555 padding: 3px 1em 3px .4em;
556 cursor: pointer;
557 min-height: 0; /* support: IE7 */
558 /* support: IE10, see #8844 */
559 list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
561 .ui-menu .ui-menu-divider {
562 margin: 5px 0;
563 height: 0;
564 font-size: 0;
565 line-height: 0;
566 border-width: 1px 0 0 0;
568 .ui-menu .ui-state-focus,
569 .ui-menu .ui-state-active {
570 margin: -1px;
573 /* icon support */
574 .ui-menu-icons {
575 position: relative;
577 .ui-menu-icons .ui-menu-item {
578 padding-left: 2em;
581 /* left-aligned */
582 .ui-menu .ui-icon {
583 position: absolute;
584 top: 0;
585 bottom: 0;
586 left: .2em;
587 margin: auto 0;
590 /* right-aligned */
591 .ui-menu .ui-menu-icon {
592 left: auto;
593 right: 0;
595 .ui-progressbar {
596 height: 2em;
597 text-align: left;
598 overflow: hidden;
600 .ui-progressbar .ui-progressbar-value {
601 margin: -1px;
602 height: 100%;
604 .ui-progressbar .ui-progressbar-overlay {
605 background: url("images/animated-overlay.gif");
606 height: 100%;
607 filter: alpha(opacity=25);
608 opacity: 0.25;
610 .ui-progressbar-indeterminate .ui-progressbar-value {
611 background-image: none;
613 .ui-selectmenu-menu {
614 padding: 0;
615 margin: 0;
616 position: absolute;
617 top: 0;
618 left: 0;
619 display: none;
621 .ui-selectmenu-menu .ui-menu {
622 overflow: auto;
623 /* Support: IE7 */
624 overflow-x: hidden;
625 padding-bottom: 1px;
627 .ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
628 font-size: 1em;
629 font-weight: bold;
630 line-height: 1.5;
631 padding: 2px 0.4em;
632 margin: 0.5em 0 0 0;
633 height: auto;
634 border: 0;
636 .ui-selectmenu-open {
637 display: block;
639 .ui-selectmenu-button {
640 display: inline-block;
641 overflow: hidden;
642 position: relative;
643 text-decoration: none;
644 cursor: pointer;
646 .ui-selectmenu-button span.ui-icon {
647 right: 0.5em;
648 left: auto;
649 margin-top: -8px;
650 position: absolute;
651 top: 50%;
653 .ui-selectmenu-button span.ui-selectmenu-text {
654 text-align: left;
655 padding: 0.4em 2.1em 0.4em 1em;
656 display: block;
657 line-height: 1.4;
658 overflow: hidden;
659 text-overflow: ellipsis;
660 white-space: nowrap;
662 .ui-slider {
663 position: relative;
664 text-align: left;
666 .ui-slider .ui-slider-handle {
667 position: absolute;
668 z-index: 2;
669 width: 1.2em;
670 height: 1.2em;
671 cursor: default;
672 -ms-touch-action: none;
673 touch-action: none;
675 .ui-slider .ui-slider-range {
676 position: absolute;
677 z-index: 1;
678 font-size: .7em;
679 display: block;
680 border: 0;
681 background-position: 0 0;
684 /* For IE8 - See #6727 */
685 .ui-slider.ui-state-disabled .ui-slider-handle,
686 .ui-slider.ui-state-disabled .ui-slider-range {
687 filter: inherit;
690 .ui-slider-horizontal {
691 height: .8em;
693 .ui-slider-horizontal .ui-slider-handle {
694 top: -.3em;
695 margin-left: -.6em;
697 .ui-slider-horizontal .ui-slider-range {
698 top: 0;
699 height: 100%;
701 .ui-slider-horizontal .ui-slider-range-min {
702 left: 0;
704 .ui-slider-horizontal .ui-slider-range-max {
705 right: 0;
708 .ui-slider-vertical {
709 width: .8em;
710 height: 100px;
712 .ui-slider-vertical .ui-slider-handle {
713 left: -.3em;
714 margin-left: 0;
715 margin-bottom: -.6em;
717 .ui-slider-vertical .ui-slider-range {
718 left: 0;
719 width: 100%;
721 .ui-slider-vertical .ui-slider-range-min {
722 bottom: 0;
724 .ui-slider-vertical .ui-slider-range-max {
725 top: 0;
727 .ui-spinner {
728 position: relative;
729 display: inline-block;
730 overflow: hidden;
731 padding: 0;
732 vertical-align: middle;
734 .ui-spinner-input {
735 border: none;
736 background: none;
737 color: inherit;
738 padding: 0;
739 margin: .2em 0;
740 vertical-align: middle;
741 margin-left: .4em;
742 margin-right: 22px;
744 .ui-spinner-button {
745 width: 16px;
746 height: 50%;
747 font-size: .5em;
748 padding: 0;
749 margin: 0;
750 text-align: center;
751 position: absolute;
752 cursor: default;
753 display: block;
754 overflow: hidden;
755 right: 0;
757 /* more specificity required here to override default borders */
758 .ui-spinner a.ui-spinner-button {
759 border-top: none;
760 border-bottom: none;
761 border-right: none;
763 /* vertically center icon */
764 .ui-spinner .ui-icon {
765 position: absolute;
766 margin-top: -8px;
767 top: 50%;
768 left: 0;
770 .ui-spinner-up {
771 top: 0;
773 .ui-spinner-down {
774 bottom: 0;
777 /* TR overrides */
778 .ui-spinner .ui-icon-triangle-1-s {
779 /* need to fix icons sprite */
780 background-position: -65px -16px;
782 .ui-tabs {
783 position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
784 padding: .2em;
786 .ui-tabs .ui-tabs-nav {
787 margin: 0;
788 padding: .2em .2em 0;
790 .ui-tabs .ui-tabs-nav li {
791 list-style: none;
792 float: left;
793 position: relative;
794 top: 0;
795 margin: 1px .2em 0 0;
796 border-bottom-width: 0;
797 padding: 0;
798 white-space: nowrap;
800 .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
801 float: left;
802 padding: .5em 1em;
803 text-decoration: none;
805 .ui-tabs .ui-tabs-nav li.ui-tabs-active {
806 margin-bottom: -1px;
807 padding-bottom: 1px;
809 .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
810 .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
811 .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
812 cursor: text;
814 .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
815 cursor: pointer;
817 .ui-tabs .ui-tabs-panel {
818 display: block;
819 border-width: 0;
820 padding: 1em 1.4em;
821 background: none;
823 .ui-tooltip {
824 padding: 8px;
825 position: absolute;
826 z-index: 9999;
827 max-width: 300px;
828 -webkit-box-shadow: 0 0 5px #aaa;
829 box-shadow: 0 0 5px #aaa;
831 body .ui-tooltip {
832 border-width: 2px;