comparison src/DML/VendorAssetsBundle/Resources/assets/jquery.ui/1.11.0-src/jquery-ui.structure.css @ 0:493bcb69166c

added public content
author Daniel Wolff
date Tue, 09 Feb 2016 20:54:02 +0100
parents
children
comparison
equal deleted inserted replaced
-1:000000000000 0:493bcb69166c
1 /*!
2 * jQuery UI CSS Framework 1.11.0
3 * http://jqueryui.com
4 *
5 * Copyright 2014 jQuery Foundation and other contributors
6 * Released under the MIT license.
7 * http://jquery.org/license
8 *
9 * http://api.jqueryui.com/category/theming/
10 */
11
12 /* Layout helpers
13 ----------------------------------*/
14 .ui-helper-hidden {
15 display: none;
16 }
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;
26 }
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;
36 }
37 .ui-helper-clearfix:before,
38 .ui-helper-clearfix:after {
39 content: "";
40 display: table;
41 border-collapse: collapse;
42 }
43 .ui-helper-clearfix:after {
44 clear: both;
45 }
46 .ui-helper-clearfix {
47 min-height: 0; /* support: IE7 */
48 }
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);
57 }
58
59 .ui-front {
60 z-index: 100;
61 }
62
63
64 /* Interaction Cues
65 ----------------------------------*/
66 .ui-state-disabled {
67 cursor: default !important;
68 }
69
70
71 /* Icons
72 ----------------------------------*/
73
74 /* states and images */
75 .ui-icon {
76 display: block;
77 text-indent: -99999px;
78 overflow: hidden;
79 background-repeat: no-repeat;
80 }
81
82
83 /* Misc visuals
84 ----------------------------------*/
85
86 /* Overlays */
87 .ui-widget-overlay {
88 position: fixed;
89 top: 0;
90 left: 0;
91 width: 100%;
92 height: 100%;
93 }
94 .ui-accordion .ui-accordion-header {
95 display: block;
96 cursor: pointer;
97 position: relative;
98 margin: 2px 0 0 0;
99 padding: .5em .5em .5em .7em;
100 min-height: 0; /* support: IE7 */
101 font-size: 100%;
102 }
103 .ui-accordion .ui-accordion-icons {
104 padding-left: 2.2em;
105 }
106 .ui-accordion .ui-accordion-icons .ui-accordion-icons {
107 padding-left: 2.2em;
108 }
109 .ui-accordion .ui-accordion-header .ui-accordion-header-icon {
110 position: absolute;
111 left: .5em;
112 top: 50%;
113 margin-top: -8px;
114 }
115 .ui-accordion .ui-accordion-content {
116 padding: 1em 2.2em;
117 border-top: 0;
118 overflow: auto;
119 }
120 .ui-autocomplete {
121 position: absolute;
122 top: 0;
123 left: 0;
124 cursor: default;
125 }
126 .ui-button {
127 display: inline-block;
128 position: relative;
129 padding: 0;
130 line-height: normal;
131 margin-right: .1em;
132 cursor: pointer;
133 vertical-align: middle;
134 text-align: center;
135 overflow: visible; /* removes extra width in IE */
136 }
137 .ui-button,
138 .ui-button:link,
139 .ui-button:visited,
140 .ui-button:hover,
141 .ui-button:active {
142 text-decoration: none;
143 }
144 /* to make room for the icon, a width needs to be set here */
145 .ui-button-icon-only {
146 width: 2.2em;
147 }
148 /* button elements seem to need a little more width */
149 button.ui-button-icon-only {
150 width: 2.4em;
151 }
152 .ui-button-icons-only {
153 width: 3.4em;
154 }
155 button.ui-button-icons-only {
156 width: 3.7em;
157 }
158
159 /* button text element */
160 .ui-button .ui-button-text {
161 display: block;
162 line-height: normal;
163 }
164 .ui-button-text-only .ui-button-text {
165 padding: .4em 1em;
166 }
167 .ui-button-icon-only .ui-button-text,
168 .ui-button-icons-only .ui-button-text {
169 padding: .4em;
170 text-indent: -9999999px;
171 }
172 .ui-button-text-icon-primary .ui-button-text,
173 .ui-button-text-icons .ui-button-text {
174 padding: .4em 1em .4em 2.1em;
175 }
176 .ui-button-text-icon-secondary .ui-button-text,
177 .ui-button-text-icons .ui-button-text {
178 padding: .4em 2.1em .4em 1em;
179 }
180 .ui-button-text-icons .ui-button-text {
181 padding-left: 2.1em;
182 padding-right: 2.1em;
183 }
184 /* no icon support for input elements, provide padding by default */
185 input.ui-button {
186 padding: .4em 1em;
187 }
188
189 /* button icon element(s) */
190 .ui-button-icon-only .ui-icon,
191 .ui-button-text-icon-primary .ui-icon,
192 .ui-button-text-icon-secondary .ui-icon,
193 .ui-button-text-icons .ui-icon,
194 .ui-button-icons-only .ui-icon {
195 position: absolute;
196 top: 50%;
197 margin-top: -8px;
198 }
199 .ui-button-icon-only .ui-icon {
200 left: 50%;
201 margin-left: -8px;
202 }
203 .ui-button-text-icon-primary .ui-button-icon-primary,
204 .ui-button-text-icons .ui-button-icon-primary,
205 .ui-button-icons-only .ui-button-icon-primary {
206 left: .5em;
207 }
208 .ui-button-text-icon-secondary .ui-button-icon-secondary,
209 .ui-button-text-icons .ui-button-icon-secondary,
210 .ui-button-icons-only .ui-button-icon-secondary {
211 right: .5em;
212 }
213
214 /* button sets */
215 .ui-buttonset {
216 margin-right: 7px;
217 }
218 .ui-buttonset .ui-button {
219 margin-left: 0;
220 margin-right: -.3em;
221 }
222
223 /* workarounds */
224 /* reset extra padding in Firefox, see h5bp.com/l */
225 input.ui-button::-moz-focus-inner,
226 button.ui-button::-moz-focus-inner {
227 border: 0;
228 padding: 0;
229 }
230 .ui-datepicker {
231 width: 17em;
232 padding: .2em .2em 0;
233 display: none;
234 }
235 .ui-datepicker .ui-datepicker-header {
236 position: relative;
237 padding: .2em 0;
238 }
239 .ui-datepicker .ui-datepicker-prev,
240 .ui-datepicker .ui-datepicker-next {
241 position: absolute;
242 top: 2px;
243 width: 1.8em;
244 height: 1.8em;
245 }
246 .ui-datepicker .ui-datepicker-prev-hover,
247 .ui-datepicker .ui-datepicker-next-hover {
248 top: 1px;
249 }
250 .ui-datepicker .ui-datepicker-prev {
251 left: 2px;
252 }
253 .ui-datepicker .ui-datepicker-next {
254 right: 2px;
255 }
256 .ui-datepicker .ui-datepicker-prev-hover {
257 left: 1px;
258 }
259 .ui-datepicker .ui-datepicker-next-hover {
260 right: 1px;
261 }
262 .ui-datepicker .ui-datepicker-prev span,
263 .ui-datepicker .ui-datepicker-next span {
264 display: block;
265 position: absolute;
266 left: 50%;
267 margin-left: -8px;
268 top: 50%;
269 margin-top: -8px;
270 }
271 .ui-datepicker .ui-datepicker-title {
272 margin: 0 2.3em;
273 line-height: 1.8em;
274 text-align: center;
275 }
276 .ui-datepicker .ui-datepicker-title select {
277 font-size: 1em;
278 margin: 1px 0;
279 }
280 .ui-datepicker select.ui-datepicker-month,
281 .ui-datepicker select.ui-datepicker-year {
282 width: 49%;
283 }
284 .ui-datepicker table {
285 width: 100%;
286 font-size: .9em;
287 border-collapse: collapse;
288 margin: 0 0 .4em;
289 }
290 .ui-datepicker th {
291 padding: .7em .3em;
292 text-align: center;
293 font-weight: bold;
294 border: 0;
295 }
296 .ui-datepicker td {
297 border: 0;
298 padding: 1px;
299 }
300 .ui-datepicker td span,
301 .ui-datepicker td a {
302 display: block;
303 padding: .2em;
304 text-align: right;
305 text-decoration: none;
306 }
307 .ui-datepicker .ui-datepicker-buttonpane {
308 background-image: none;
309 margin: .7em 0 0 0;
310 padding: 0 .2em;
311 border-left: 0;
312 border-right: 0;
313 border-bottom: 0;
314 }
315 .ui-datepicker .ui-datepicker-buttonpane button {
316 float: right;
317 margin: .5em .2em .4em;
318 cursor: pointer;
319 padding: .2em .6em .3em .6em;
320 width: auto;
321 overflow: visible;
322 }
323 .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
324 float: left;
325 }
326
327 /* with multiple calendars */
328 .ui-datepicker.ui-datepicker-multi {
329 width: auto;
330 }
331 .ui-datepicker-multi .ui-datepicker-group {
332 float: left;
333 }
334 .ui-datepicker-multi .ui-datepicker-group table {
335 width: 95%;
336 margin: 0 auto .4em;
337 }
338 .ui-datepicker-multi-2 .ui-datepicker-group {
339 width: 50%;
340 }
341 .ui-datepicker-multi-3 .ui-datepicker-group {
342 width: 33.3%;
343 }
344 .ui-datepicker-multi-4 .ui-datepicker-group {
345 width: 25%;
346 }
347 .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
348 .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
349 border-left-width: 0;
350 }
351 .ui-datepicker-multi .ui-datepicker-buttonpane {
352 clear: left;
353 }
354 .ui-datepicker-row-break {
355 clear: both;
356 width: 100%;
357 font-size: 0;
358 }
359
360 /* RTL support */
361 .ui-datepicker-rtl {
362 direction: rtl;
363 }
364 .ui-datepicker-rtl .ui-datepicker-prev {
365 right: 2px;
366 left: auto;
367 }
368 .ui-datepicker-rtl .ui-datepicker-next {
369 left: 2px;
370 right: auto;
371 }
372 .ui-datepicker-rtl .ui-datepicker-prev:hover {
373 right: 1px;
374 left: auto;
375 }
376 .ui-datepicker-rtl .ui-datepicker-next:hover {
377 left: 1px;
378 right: auto;
379 }
380 .ui-datepicker-rtl .ui-datepicker-buttonpane {
381 clear: right;
382 }
383 .ui-datepicker-rtl .ui-datepicker-buttonpane button {
384 float: left;
385 }
386 .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
387 .ui-datepicker-rtl .ui-datepicker-group {
388 float: right;
389 }
390 .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
391 .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
392 border-right-width: 0;
393 border-left-width: 1px;
394 }
395 .ui-dialog {
396 overflow: hidden;
397 position: absolute;
398 top: 0;
399 left: 0;
400 padding: .2em;
401 outline: 0;
402 }
403 .ui-dialog .ui-dialog-titlebar {
404 padding: .4em 1em;
405 position: relative;
406 }
407 .ui-dialog .ui-dialog-title {
408 float: left;
409 margin: .1em 0;
410 white-space: nowrap;
411 width: 90%;
412 overflow: hidden;
413 text-overflow: ellipsis;
414 }
415 .ui-dialog .ui-dialog-titlebar-close {
416 position: absolute;
417 right: .3em;
418 top: 50%;
419 width: 20px;
420 margin: -10px 0 0 0;
421 padding: 1px;
422 height: 20px;
423 }
424 .ui-dialog .ui-dialog-content {
425 position: relative;
426 border: 0;
427 padding: .5em 1em;
428 background: none;
429 overflow: auto;
430 }
431 .ui-dialog .ui-dialog-buttonpane {
432 text-align: left;
433 border-width: 1px 0 0 0;
434 background-image: none;
435 margin-top: .5em;
436 padding: .3em 1em .5em .4em;
437 }
438 .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
439 float: right;
440 }
441 .ui-dialog .ui-dialog-buttonpane button {
442 margin: .5em .4em .5em 0;
443 cursor: pointer;
444 }
445 .ui-dialog .ui-resizable-se {
446 width: 12px;
447 height: 12px;
448 right: -5px;
449 bottom: -5px;
450 background-position: 16px 16px;
451 }
452 .ui-draggable .ui-dialog-titlebar {
453 cursor: move;
454 }
455 .ui-draggable-handle {
456 -ms-touch-action: none;
457 touch-action: none;
458 }
459 .ui-menu {
460 list-style: none;
461 padding: 0;
462 margin: 0;
463 display: block;
464 outline: none;
465 }
466 .ui-menu .ui-menu {
467 position: absolute;
468 }
469 .ui-menu .ui-menu-item {
470 position: relative;
471 margin: 0;
472 padding: 3px 1em 3px .4em;
473 cursor: pointer;
474 min-height: 0; /* support: IE7 */
475 /* support: IE10, see #8844 */
476 list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
477 }
478 .ui-menu .ui-menu-divider {
479 margin: 5px 0;
480 height: 0;
481 font-size: 0;
482 line-height: 0;
483 border-width: 1px 0 0 0;
484 }
485 .ui-menu .ui-state-focus,
486 .ui-menu .ui-state-active {
487 margin: -1px;
488 }
489
490 /* icon support */
491 .ui-menu-icons {
492 position: relative;
493 }
494 .ui-menu-icons .ui-menu-item {
495 padding-left: 2em;
496 }
497
498 /* left-aligned */
499 .ui-menu .ui-icon {
500 position: absolute;
501 top: 0;
502 bottom: 0;
503 left: .2em;
504 margin: auto 0;
505 }
506
507 /* right-aligned */
508 .ui-menu .ui-menu-icon {
509 left: auto;
510 right: 0;
511 }
512 .ui-progressbar {
513 height: 2em;
514 text-align: left;
515 overflow: hidden;
516 }
517 .ui-progressbar .ui-progressbar-value {
518 margin: -1px;
519 height: 100%;
520 }
521 .ui-progressbar .ui-progressbar-overlay {
522 background: url("images/animated-overlay.gif");
523 height: 100%;
524 filter: alpha(opacity=25);
525 opacity: 0.25;
526 }
527 .ui-progressbar-indeterminate .ui-progressbar-value {
528 background-image: none;
529 }
530 .ui-resizable {
531 position: relative;
532 }
533 .ui-resizable-handle {
534 position: absolute;
535 font-size: 0.1px;
536 display: block;
537 -ms-touch-action: none;
538 touch-action: none;
539 }
540 .ui-resizable-disabled .ui-resizable-handle,
541 .ui-resizable-autohide .ui-resizable-handle {
542 display: none;
543 }
544 .ui-resizable-n {
545 cursor: n-resize;
546 height: 7px;
547 width: 100%;
548 top: -5px;
549 left: 0;
550 }
551 .ui-resizable-s {
552 cursor: s-resize;
553 height: 7px;
554 width: 100%;
555 bottom: -5px;
556 left: 0;
557 }
558 .ui-resizable-e {
559 cursor: e-resize;
560 width: 7px;
561 right: -5px;
562 top: 0;
563 height: 100%;
564 }
565 .ui-resizable-w {
566 cursor: w-resize;
567 width: 7px;
568 left: -5px;
569 top: 0;
570 height: 100%;
571 }
572 .ui-resizable-se {
573 cursor: se-resize;
574 width: 12px;
575 height: 12px;
576 right: 1px;
577 bottom: 1px;
578 }
579 .ui-resizable-sw {
580 cursor: sw-resize;
581 width: 9px;
582 height: 9px;
583 left: -5px;
584 bottom: -5px;
585 }
586 .ui-resizable-nw {
587 cursor: nw-resize;
588 width: 9px;
589 height: 9px;
590 left: -5px;
591 top: -5px;
592 }
593 .ui-resizable-ne {
594 cursor: ne-resize;
595 width: 9px;
596 height: 9px;
597 right: -5px;
598 top: -5px;
599 }
600 .ui-selectable {
601 -ms-touch-action: none;
602 touch-action: none;
603 }
604 .ui-selectable-helper {
605 position: absolute;
606 z-index: 100;
607 border: 1px dotted black;
608 }
609 .ui-selectmenu-menu {
610 padding: 0;
611 margin: 0;
612 position: absolute;
613 top: 0;
614 left: 0;
615 display: none;
616 }
617 .ui-selectmenu-menu .ui-menu {
618 overflow: auto;
619 /* Support: IE7 */
620 overflow-x: hidden;
621 padding-bottom: 1px;
622 }
623 .ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
624 font-size: 1em;
625 font-weight: bold;
626 line-height: 1.5;
627 padding: 2px 0.4em;
628 margin: 0.5em 0 0 0;
629 height: auto;
630 border: 0;
631 }
632 .ui-selectmenu-open {
633 display: block;
634 }
635 .ui-selectmenu-button {
636 display: inline-block;
637 overflow: hidden;
638 position: relative;
639 text-decoration: none;
640 cursor: pointer;
641 }
642 .ui-selectmenu-button span.ui-icon {
643 right: 0.5em;
644 left: auto;
645 margin-top: -8px;
646 position: absolute;
647 top: 50%;
648 }
649 .ui-selectmenu-button span.ui-selectmenu-text {
650 text-align: left;
651 padding: 0.4em 2.1em 0.4em 1em;
652 display: block;
653 line-height: 1.4;
654 overflow: hidden;
655 text-overflow: ellipsis;
656 white-space: nowrap;
657 }
658 .ui-slider {
659 position: relative;
660 text-align: left;
661 }
662 .ui-slider .ui-slider-handle {
663 position: absolute;
664 z-index: 2;
665 width: 1.2em;
666 height: 1.2em;
667 cursor: default;
668 -ms-touch-action: none;
669 touch-action: none;
670 }
671 .ui-slider .ui-slider-range {
672 position: absolute;
673 z-index: 1;
674 font-size: .7em;
675 display: block;
676 border: 0;
677 background-position: 0 0;
678 }
679
680 /* For IE8 - See #6727 */
681 .ui-slider.ui-state-disabled .ui-slider-handle,
682 .ui-slider.ui-state-disabled .ui-slider-range {
683 filter: inherit;
684 }
685
686 .ui-slider-horizontal {
687 height: .8em;
688 }
689 .ui-slider-horizontal .ui-slider-handle {
690 top: -.3em;
691 margin-left: -.6em;
692 }
693 .ui-slider-horizontal .ui-slider-range {
694 top: 0;
695 height: 100%;
696 }
697 .ui-slider-horizontal .ui-slider-range-min {
698 left: 0;
699 }
700 .ui-slider-horizontal .ui-slider-range-max {
701 right: 0;
702 }
703
704 .ui-slider-vertical {
705 width: .8em;
706 height: 100px;
707 }
708 .ui-slider-vertical .ui-slider-handle {
709 left: -.3em;
710 margin-left: 0;
711 margin-bottom: -.6em;
712 }
713 .ui-slider-vertical .ui-slider-range {
714 left: 0;
715 width: 100%;
716 }
717 .ui-slider-vertical .ui-slider-range-min {
718 bottom: 0;
719 }
720 .ui-slider-vertical .ui-slider-range-max {
721 top: 0;
722 }
723 .ui-sortable-handle {
724 -ms-touch-action: none;
725 touch-action: none;
726 }
727 .ui-spinner {
728 position: relative;
729 display: inline-block;
730 overflow: hidden;
731 padding: 0;
732 vertical-align: middle;
733 }
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;
743 }
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;
756 }
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;
762 }
763 /* vertically center icon */
764 .ui-spinner .ui-icon {
765 position: absolute;
766 margin-top: -8px;
767 top: 50%;
768 left: 0;
769 }
770 .ui-spinner-up {
771 top: 0;
772 }
773 .ui-spinner-down {
774 bottom: 0;
775 }
776
777 /* TR overrides */
778 .ui-spinner .ui-icon-triangle-1-s {
779 /* need to fix icons sprite */
780 background-position: -65px -16px;
781 }
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;
785 }
786 .ui-tabs .ui-tabs-nav {
787 margin: 0;
788 padding: .2em .2em 0;
789 }
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;
799 }
800 .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
801 float: left;
802 padding: .5em 1em;
803 text-decoration: none;
804 }
805 .ui-tabs .ui-tabs-nav li.ui-tabs-active {
806 margin-bottom: -1px;
807 padding-bottom: 1px;
808 }
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;
813 }
814 .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
815 cursor: pointer;
816 }
817 .ui-tabs .ui-tabs-panel {
818 display: block;
819 border-width: 0;
820 padding: 1em 1.4em;
821 background: none;
822 }
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;
830 }
831 body .ui-tooltip {
832 border-width: 2px;
833 }