weekly release 3.9.23+
[moodle.git] / lib / jquery / ui-1.13.2 / jquery-ui.structure.css
blobbf1c9836ea7f1105b0fd7be4ad55f1ba2db9fd17
1 /*!
2 * jQuery UI CSS Framework 1.13.2
3 * http://jqueryui.com
5 * Copyright jQuery Foundation and other contributors
6 * Released under the MIT license.
7 * http://jquery.org/license
9 * http://api.jqueryui.com/category/theming/
11 /* Layout helpers
12 ----------------------------------*/
13 .ui-helper-hidden {
14 display: none;
16 .ui-helper-hidden-accessible {
17 border: 0;
18 clip: rect(0 0 0 0);
19 height: 1px;
20 margin: -1px;
21 overflow: hidden;
22 padding: 0;
23 position: absolute;
24 width: 1px;
26 .ui-helper-reset {
27 margin: 0;
28 padding: 0;
29 border: 0;
30 outline: 0;
31 line-height: 1.3;
32 text-decoration: none;
33 font-size: 100%;
34 list-style: none;
36 .ui-helper-clearfix:before,
37 .ui-helper-clearfix:after {
38 content: "";
39 display: table;
40 border-collapse: collapse;
42 .ui-helper-clearfix:after {
43 clear: both;
45 .ui-helper-zfix {
46 width: 100%;
47 height: 100%;
48 top: 0;
49 left: 0;
50 position: absolute;
51 opacity: 0;
52 -ms-filter: "alpha(opacity=0)"; /* support: IE8 */
55 .ui-front {
56 z-index: 100;
60 /* Interaction Cues
61 ----------------------------------*/
62 .ui-state-disabled {
63 cursor: default !important;
64 pointer-events: none;
68 /* Icons
69 ----------------------------------*/
70 .ui-icon {
71 display: inline-block;
72 vertical-align: middle;
73 margin-top: -.25em;
74 position: relative;
75 text-indent: -99999px;
76 overflow: hidden;
77 background-repeat: no-repeat;
80 .ui-widget-icon-block {
81 left: 50%;
82 margin-left: -8px;
83 display: block;
86 /* Misc visuals
87 ----------------------------------*/
89 /* Overlays */
90 .ui-widget-overlay {
91 position: fixed;
92 top: 0;
93 left: 0;
94 width: 100%;
95 height: 100%;
97 .ui-accordion .ui-accordion-header {
98 display: block;
99 cursor: pointer;
100 position: relative;
101 margin: 2px 0 0 0;
102 padding: .5em .5em .5em .7em;
103 font-size: 100%;
105 .ui-accordion .ui-accordion-content {
106 padding: 1em 2.2em;
107 border-top: 0;
108 overflow: auto;
110 .ui-autocomplete {
111 position: absolute;
112 top: 0;
113 left: 0;
114 cursor: default;
116 .ui-menu {
117 list-style: none;
118 padding: 0;
119 margin: 0;
120 display: block;
121 outline: 0;
123 .ui-menu .ui-menu {
124 position: absolute;
126 .ui-menu .ui-menu-item {
127 margin: 0;
128 cursor: pointer;
129 /* support: IE10, see #8844 */
130 list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
132 .ui-menu .ui-menu-item-wrapper {
133 position: relative;
134 padding: 3px 1em 3px .4em;
136 .ui-menu .ui-menu-divider {
137 margin: 5px 0;
138 height: 0;
139 font-size: 0;
140 line-height: 0;
141 border-width: 1px 0 0 0;
143 .ui-menu .ui-state-focus,
144 .ui-menu .ui-state-active {
145 margin: -1px;
148 /* icon support */
149 .ui-menu-icons {
150 position: relative;
152 .ui-menu-icons .ui-menu-item-wrapper {
153 padding-left: 2em;
156 /* left-aligned */
157 .ui-menu .ui-icon {
158 position: absolute;
159 top: 0;
160 bottom: 0;
161 left: .2em;
162 margin: auto 0;
165 /* right-aligned */
166 .ui-menu .ui-menu-icon {
167 left: auto;
168 right: 0;
170 .ui-button {
171 padding: .4em 1em;
172 display: inline-block;
173 position: relative;
174 line-height: normal;
175 margin-right: .1em;
176 cursor: pointer;
177 vertical-align: middle;
178 text-align: center;
179 -webkit-user-select: none;
180 -moz-user-select: none;
181 -ms-user-select: none;
182 user-select: none;
184 /* Support: IE <= 11 */
185 overflow: visible;
188 .ui-button,
189 .ui-button:link,
190 .ui-button:visited,
191 .ui-button:hover,
192 .ui-button:active {
193 text-decoration: none;
196 /* to make room for the icon, a width needs to be set here */
197 .ui-button-icon-only {
198 width: 2em;
199 box-sizing: border-box;
200 text-indent: -9999px;
201 white-space: nowrap;
204 /* no icon support for input elements */
205 input.ui-button.ui-button-icon-only {
206 text-indent: 0;
209 /* button icon element(s) */
210 .ui-button-icon-only .ui-icon {
211 position: absolute;
212 top: 50%;
213 left: 50%;
214 margin-top: -8px;
215 margin-left: -8px;
218 .ui-button.ui-icon-notext .ui-icon {
219 padding: 0;
220 width: 2.1em;
221 height: 2.1em;
222 text-indent: -9999px;
223 white-space: nowrap;
227 input.ui-button.ui-icon-notext .ui-icon {
228 width: auto;
229 height: auto;
230 text-indent: 0;
231 white-space: normal;
232 padding: .4em 1em;
235 /* workarounds */
236 /* Support: Firefox 5 - 40 */
237 input.ui-button::-moz-focus-inner,
238 button.ui-button::-moz-focus-inner {
239 border: 0;
240 padding: 0;
242 .ui-controlgroup {
243 vertical-align: middle;
244 display: inline-block;
246 .ui-controlgroup > .ui-controlgroup-item {
247 float: left;
248 margin-left: 0;
249 margin-right: 0;
251 .ui-controlgroup > .ui-controlgroup-item:focus,
252 .ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
253 z-index: 9999;
255 .ui-controlgroup-vertical > .ui-controlgroup-item {
256 display: block;
257 float: none;
258 width: 100%;
259 margin-top: 0;
260 margin-bottom: 0;
261 text-align: left;
263 .ui-controlgroup-vertical .ui-controlgroup-item {
264 box-sizing: border-box;
266 .ui-controlgroup .ui-controlgroup-label {
267 padding: .4em 1em;
269 .ui-controlgroup .ui-controlgroup-label span {
270 font-size: 80%;
272 .ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
273 border-left: none;
275 .ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
276 border-top: none;
278 .ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
279 border-right: none;
281 .ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
282 border-bottom: none;
285 /* Spinner specific style fixes */
286 .ui-controlgroup-vertical .ui-spinner-input {
288 /* Support: IE8 only, Android < 4.4 only */
289 width: 75%;
290 width: calc( 100% - 2.4em );
292 .ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
293 border-top-style: solid;
296 .ui-checkboxradio-label .ui-icon-background {
297 box-shadow: inset 1px 1px 1px #ccc;
298 border-radius: .12em;
299 border: none;
301 .ui-checkboxradio-radio-label .ui-icon-background {
302 width: 16px;
303 height: 16px;
304 border-radius: 1em;
305 overflow: visible;
306 border: none;
308 .ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
309 .ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
310 background-image: none;
311 width: 8px;
312 height: 8px;
313 border-width: 4px;
314 border-style: solid;
316 .ui-checkboxradio-disabled {
317 pointer-events: none;
319 .ui-datepicker {
320 width: 17em;
321 padding: .2em .2em 0;
322 display: none;
324 .ui-datepicker .ui-datepicker-header {
325 position: relative;
326 padding: .2em 0;
328 .ui-datepicker .ui-datepicker-prev,
329 .ui-datepicker .ui-datepicker-next {
330 position: absolute;
331 top: 2px;
332 width: 1.8em;
333 height: 1.8em;
335 .ui-datepicker .ui-datepicker-prev-hover,
336 .ui-datepicker .ui-datepicker-next-hover {
337 top: 1px;
339 .ui-datepicker .ui-datepicker-prev {
340 left: 2px;
342 .ui-datepicker .ui-datepicker-next {
343 right: 2px;
345 .ui-datepicker .ui-datepicker-prev-hover {
346 left: 1px;
348 .ui-datepicker .ui-datepicker-next-hover {
349 right: 1px;
351 .ui-datepicker .ui-datepicker-prev span,
352 .ui-datepicker .ui-datepicker-next span {
353 display: block;
354 position: absolute;
355 left: 50%;
356 margin-left: -8px;
357 top: 50%;
358 margin-top: -8px;
360 .ui-datepicker .ui-datepicker-title {
361 margin: 0 2.3em;
362 line-height: 1.8em;
363 text-align: center;
365 .ui-datepicker .ui-datepicker-title select {
366 font-size: 1em;
367 margin: 1px 0;
369 .ui-datepicker select.ui-datepicker-month,
370 .ui-datepicker select.ui-datepicker-year {
371 width: 45%;
373 .ui-datepicker table {
374 width: 100%;
375 font-size: .9em;
376 border-collapse: collapse;
377 margin: 0 0 .4em;
379 .ui-datepicker th {
380 padding: .7em .3em;
381 text-align: center;
382 font-weight: bold;
383 border: 0;
385 .ui-datepicker td {
386 border: 0;
387 padding: 1px;
389 .ui-datepicker td span,
390 .ui-datepicker td a {
391 display: block;
392 padding: .2em;
393 text-align: right;
394 text-decoration: none;
396 .ui-datepicker .ui-datepicker-buttonpane {
397 background-image: none;
398 margin: .7em 0 0 0;
399 padding: 0 .2em;
400 border-left: 0;
401 border-right: 0;
402 border-bottom: 0;
404 .ui-datepicker .ui-datepicker-buttonpane button {
405 float: right;
406 margin: .5em .2em .4em;
407 cursor: pointer;
408 padding: .2em .6em .3em .6em;
409 width: auto;
410 overflow: visible;
412 .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
413 float: left;
416 /* with multiple calendars */
417 .ui-datepicker.ui-datepicker-multi {
418 width: auto;
420 .ui-datepicker-multi .ui-datepicker-group {
421 float: left;
423 .ui-datepicker-multi .ui-datepicker-group table {
424 width: 95%;
425 margin: 0 auto .4em;
427 .ui-datepicker-multi-2 .ui-datepicker-group {
428 width: 50%;
430 .ui-datepicker-multi-3 .ui-datepicker-group {
431 width: 33.3%;
433 .ui-datepicker-multi-4 .ui-datepicker-group {
434 width: 25%;
436 .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
437 .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
438 border-left-width: 0;
440 .ui-datepicker-multi .ui-datepicker-buttonpane {
441 clear: left;
443 .ui-datepicker-row-break {
444 clear: both;
445 width: 100%;
446 font-size: 0;
449 /* RTL support */
450 .ui-datepicker-rtl {
451 direction: rtl;
453 .ui-datepicker-rtl .ui-datepicker-prev {
454 right: 2px;
455 left: auto;
457 .ui-datepicker-rtl .ui-datepicker-next {
458 left: 2px;
459 right: auto;
461 .ui-datepicker-rtl .ui-datepicker-prev:hover {
462 right: 1px;
463 left: auto;
465 .ui-datepicker-rtl .ui-datepicker-next:hover {
466 left: 1px;
467 right: auto;
469 .ui-datepicker-rtl .ui-datepicker-buttonpane {
470 clear: right;
472 .ui-datepicker-rtl .ui-datepicker-buttonpane button {
473 float: left;
475 .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
476 .ui-datepicker-rtl .ui-datepicker-group {
477 float: right;
479 .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
480 .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
481 border-right-width: 0;
482 border-left-width: 1px;
485 /* Icons */
486 .ui-datepicker .ui-icon {
487 display: block;
488 text-indent: -99999px;
489 overflow: hidden;
490 background-repeat: no-repeat;
491 left: .5em;
492 top: .3em;
494 .ui-dialog {
495 position: absolute;
496 top: 0;
497 left: 0;
498 padding: .2em;
499 outline: 0;
501 .ui-dialog .ui-dialog-titlebar {
502 padding: .4em 1em;
503 position: relative;
505 .ui-dialog .ui-dialog-title {
506 float: left;
507 margin: .1em 0;
508 white-space: nowrap;
509 width: 90%;
510 overflow: hidden;
511 text-overflow: ellipsis;
513 .ui-dialog .ui-dialog-titlebar-close {
514 position: absolute;
515 right: .3em;
516 top: 50%;
517 width: 20px;
518 margin: -10px 0 0 0;
519 padding: 1px;
520 height: 20px;
522 .ui-dialog .ui-dialog-content {
523 position: relative;
524 border: 0;
525 padding: .5em 1em;
526 background: none;
527 overflow: auto;
529 .ui-dialog .ui-dialog-buttonpane {
530 text-align: left;
531 border-width: 1px 0 0 0;
532 background-image: none;
533 margin-top: .5em;
534 padding: .3em 1em .5em .4em;
536 .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
537 float: right;
539 .ui-dialog .ui-dialog-buttonpane button {
540 margin: .5em .4em .5em 0;
541 cursor: pointer;
543 .ui-dialog .ui-resizable-n {
544 height: 2px;
545 top: 0;
547 .ui-dialog .ui-resizable-e {
548 width: 2px;
549 right: 0;
551 .ui-dialog .ui-resizable-s {
552 height: 2px;
553 bottom: 0;
555 .ui-dialog .ui-resizable-w {
556 width: 2px;
557 left: 0;
559 .ui-dialog .ui-resizable-se,
560 .ui-dialog .ui-resizable-sw,
561 .ui-dialog .ui-resizable-ne,
562 .ui-dialog .ui-resizable-nw {
563 width: 7px;
564 height: 7px;
566 .ui-dialog .ui-resizable-se {
567 right: 0;
568 bottom: 0;
570 .ui-dialog .ui-resizable-sw {
571 left: 0;
572 bottom: 0;
574 .ui-dialog .ui-resizable-ne {
575 right: 0;
576 top: 0;
578 .ui-dialog .ui-resizable-nw {
579 left: 0;
580 top: 0;
582 .ui-draggable .ui-dialog-titlebar {
583 cursor: move;
585 .ui-draggable-handle {
586 -ms-touch-action: none;
587 touch-action: none;
589 .ui-resizable {
590 position: relative;
592 .ui-resizable-handle {
593 position: absolute;
594 font-size: 0.1px;
595 display: block;
596 -ms-touch-action: none;
597 touch-action: none;
599 .ui-resizable-disabled .ui-resizable-handle,
600 .ui-resizable-autohide .ui-resizable-handle {
601 display: none;
603 .ui-resizable-n {
604 cursor: n-resize;
605 height: 7px;
606 width: 100%;
607 top: -5px;
608 left: 0;
610 .ui-resizable-s {
611 cursor: s-resize;
612 height: 7px;
613 width: 100%;
614 bottom: -5px;
615 left: 0;
617 .ui-resizable-e {
618 cursor: e-resize;
619 width: 7px;
620 right: -5px;
621 top: 0;
622 height: 100%;
624 .ui-resizable-w {
625 cursor: w-resize;
626 width: 7px;
627 left: -5px;
628 top: 0;
629 height: 100%;
631 .ui-resizable-se {
632 cursor: se-resize;
633 width: 12px;
634 height: 12px;
635 right: 1px;
636 bottom: 1px;
638 .ui-resizable-sw {
639 cursor: sw-resize;
640 width: 9px;
641 height: 9px;
642 left: -5px;
643 bottom: -5px;
645 .ui-resizable-nw {
646 cursor: nw-resize;
647 width: 9px;
648 height: 9px;
649 left: -5px;
650 top: -5px;
652 .ui-resizable-ne {
653 cursor: ne-resize;
654 width: 9px;
655 height: 9px;
656 right: -5px;
657 top: -5px;
659 .ui-progressbar {
660 height: 2em;
661 text-align: left;
662 overflow: hidden;
664 .ui-progressbar .ui-progressbar-value {
665 margin: -1px;
666 height: 100%;
668 .ui-progressbar .ui-progressbar-overlay {
669 background: url("data:image/gif;base64,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");
670 height: 100%;
671 -ms-filter: "alpha(opacity=25)"; /* support: IE8 */
672 opacity: 0.25;
674 .ui-progressbar-indeterminate .ui-progressbar-value {
675 background-image: none;
677 .ui-selectable {
678 -ms-touch-action: none;
679 touch-action: none;
681 .ui-selectable-helper {
682 position: absolute;
683 z-index: 100;
684 border: 1px dotted black;
686 .ui-selectmenu-menu {
687 padding: 0;
688 margin: 0;
689 position: absolute;
690 top: 0;
691 left: 0;
692 display: none;
694 .ui-selectmenu-menu .ui-menu {
695 overflow: auto;
696 overflow-x: hidden;
697 padding-bottom: 1px;
699 .ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
700 font-size: 1em;
701 font-weight: bold;
702 line-height: 1.5;
703 padding: 2px 0.4em;
704 margin: 0.5em 0 0 0;
705 height: auto;
706 border: 0;
708 .ui-selectmenu-open {
709 display: block;
711 .ui-selectmenu-text {
712 display: block;
713 margin-right: 20px;
714 overflow: hidden;
715 text-overflow: ellipsis;
717 .ui-selectmenu-button.ui-button {
718 text-align: left;
719 white-space: nowrap;
720 width: 14em;
722 .ui-selectmenu-icon.ui-icon {
723 float: right;
724 margin-top: 0;
726 .ui-slider {
727 position: relative;
728 text-align: left;
730 .ui-slider .ui-slider-handle {
731 position: absolute;
732 z-index: 2;
733 width: 1.2em;
734 height: 1.2em;
735 cursor: pointer;
736 -ms-touch-action: none;
737 touch-action: none;
739 .ui-slider .ui-slider-range {
740 position: absolute;
741 z-index: 1;
742 font-size: .7em;
743 display: block;
744 border: 0;
745 background-position: 0 0;
748 /* support: IE8 - See #6727 */
749 .ui-slider.ui-state-disabled .ui-slider-handle,
750 .ui-slider.ui-state-disabled .ui-slider-range {
751 filter: inherit;
754 .ui-slider-horizontal {
755 height: .8em;
757 .ui-slider-horizontal .ui-slider-handle {
758 top: -.3em;
759 margin-left: -.6em;
761 .ui-slider-horizontal .ui-slider-range {
762 top: 0;
763 height: 100%;
765 .ui-slider-horizontal .ui-slider-range-min {
766 left: 0;
768 .ui-slider-horizontal .ui-slider-range-max {
769 right: 0;
772 .ui-slider-vertical {
773 width: .8em;
774 height: 100px;
776 .ui-slider-vertical .ui-slider-handle {
777 left: -.3em;
778 margin-left: 0;
779 margin-bottom: -.6em;
781 .ui-slider-vertical .ui-slider-range {
782 left: 0;
783 width: 100%;
785 .ui-slider-vertical .ui-slider-range-min {
786 bottom: 0;
788 .ui-slider-vertical .ui-slider-range-max {
789 top: 0;
791 .ui-sortable-handle {
792 -ms-touch-action: none;
793 touch-action: none;
795 .ui-spinner {
796 position: relative;
797 display: inline-block;
798 overflow: hidden;
799 padding: 0;
800 vertical-align: middle;
802 .ui-spinner-input {
803 border: none;
804 background: none;
805 color: inherit;
806 padding: .222em 0;
807 margin: .2em 0;
808 vertical-align: middle;
809 margin-left: .4em;
810 margin-right: 2em;
812 .ui-spinner-button {
813 width: 1.6em;
814 height: 50%;
815 font-size: .5em;
816 padding: 0;
817 margin: 0;
818 text-align: center;
819 position: absolute;
820 cursor: default;
821 display: block;
822 overflow: hidden;
823 right: 0;
825 /* more specificity required here to override default borders */
826 .ui-spinner a.ui-spinner-button {
827 border-top-style: none;
828 border-bottom-style: none;
829 border-right-style: none;
831 .ui-spinner-up {
832 top: 0;
834 .ui-spinner-down {
835 bottom: 0;
837 .ui-tabs {
838 position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
839 padding: .2em;
841 .ui-tabs .ui-tabs-nav {
842 margin: 0;
843 padding: .2em .2em 0;
845 .ui-tabs .ui-tabs-nav li {
846 list-style: none;
847 float: left;
848 position: relative;
849 top: 0;
850 margin: 1px .2em 0 0;
851 border-bottom-width: 0;
852 padding: 0;
853 white-space: nowrap;
855 .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
856 float: left;
857 padding: .5em 1em;
858 text-decoration: none;
860 .ui-tabs .ui-tabs-nav li.ui-tabs-active {
861 margin-bottom: -1px;
862 padding-bottom: 1px;
864 .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
865 .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
866 .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
867 cursor: text;
869 .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
870 cursor: pointer;
872 .ui-tabs .ui-tabs-panel {
873 display: block;
874 border-width: 0;
875 padding: 1em 1.4em;
876 background: none;
878 .ui-tooltip {
879 padding: 8px;
880 position: absolute;
881 z-index: 9999;
882 max-width: 300px;
884 body .ui-tooltip {
885 border-width: 2px;