source: main/trunk/model-interfaces-dev/respooled/style/themes/respooled/jquery-ui.structure.css@ 29862

Last change on this file since 29862 was 29862, checked in by davidb, 9 years ago

Funk interface for video popup respooled project

File size: 17.6 KB
Line 
1/*!
2 * jQuery UI CSS Framework 1.11.4
3 * http://jqueryui.com
4 *
5 * Copyright 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); /* support: IE8 */
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-draggable-handle {
95 -ms-touch-action: none;
96 touch-action: none;
97}
98.ui-resizable {
99 position: relative;
100}
101.ui-resizable-handle {
102 position: absolute;
103 font-size: 0.1px;
104 display: block;
105 -ms-touch-action: none;
106 touch-action: none;
107}
108.ui-resizable-disabled .ui-resizable-handle,
109.ui-resizable-autohide .ui-resizable-handle {
110 display: none;
111}
112.ui-resizable-n {
113 cursor: n-resize;
114 height: 7px;
115 width: 100%;
116 top: -5px;
117 left: 0;
118}
119.ui-resizable-s {
120 cursor: s-resize;
121 height: 7px;
122 width: 100%;
123 bottom: -5px;
124 left: 0;
125}
126.ui-resizable-e {
127 cursor: e-resize;
128 width: 7px;
129 right: -5px;
130 top: 0;
131 height: 100%;
132}
133.ui-resizable-w {
134 cursor: w-resize;
135 width: 7px;
136 left: -5px;
137 top: 0;
138 height: 100%;
139}
140.ui-resizable-se {
141 cursor: se-resize;
142 width: 12px;
143 height: 12px;
144 right: 1px;
145 bottom: 1px;
146}
147.ui-resizable-sw {
148 cursor: sw-resize;
149 width: 9px;
150 height: 9px;
151 left: -5px;
152 bottom: -5px;
153}
154.ui-resizable-nw {
155 cursor: nw-resize;
156 width: 9px;
157 height: 9px;
158 left: -5px;
159 top: -5px;
160}
161.ui-resizable-ne {
162 cursor: ne-resize;
163 width: 9px;
164 height: 9px;
165 right: -5px;
166 top: -5px;
167}
168.ui-selectable {
169 -ms-touch-action: none;
170 touch-action: none;
171}
172.ui-selectable-helper {
173 position: absolute;
174 z-index: 100;
175 border: 1px dotted black;
176}
177.ui-sortable-handle {
178 -ms-touch-action: none;
179 touch-action: none;
180}
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%;
189}
190.ui-accordion .ui-accordion-icons {
191 padding-left: 2.2em;
192}
193.ui-accordion .ui-accordion-icons .ui-accordion-icons {
194 padding-left: 2.2em;
195}
196.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
197 position: absolute;
198 left: .5em;
199 top: 50%;
200 margin-top: -8px;
201}
202.ui-accordion .ui-accordion-content {
203 padding: 1em 2.2em;
204 border-top: 0;
205 overflow: auto;
206}
207.ui-autocomplete {
208 position: absolute;
209 top: 0;
210 left: 0;
211 cursor: default;
212}
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 */
223}
224.ui-button,
225.ui-button:link,
226.ui-button:visited,
227.ui-button:hover,
228.ui-button:active {
229 text-decoration: none;
230}
231/* to make room for the icon, a width needs to be set here */
232.ui-button-icon-only {
233 width: 2.2em;
234}
235/* button elements seem to need a little more width */
236button.ui-button-icon-only {
237 width: 2.4em;
238}
239.ui-button-icons-only {
240 width: 3.4em;
241}
242button.ui-button-icons-only {
243 width: 3.7em;
244}
245
246/* button text element */
247.ui-button .ui-button-text {
248 display: block;
249 line-height: normal;
250}
251.ui-button-text-only .ui-button-text {
252 padding: .4em 1em;
253}
254.ui-button-icon-only .ui-button-text,
255.ui-button-icons-only .ui-button-text {
256 padding: .4em;
257 text-indent: -9999999px;
258}
259.ui-button-text-icon-primary .ui-button-text,
260.ui-button-text-icons .ui-button-text {
261 padding: .4em 1em .4em 2.1em;
262}
263.ui-button-text-icon-secondary .ui-button-text,
264.ui-button-text-icons .ui-button-text {
265 padding: .4em 2.1em .4em 1em;
266}
267.ui-button-text-icons .ui-button-text {
268 padding-left: 2.1em;
269 padding-right: 2.1em;
270}
271/* no icon support for input elements, provide padding by default */
272input.ui-button {
273 padding: .4em 1em;
274}
275
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;
285}
286.ui-button-icon-only .ui-icon {
287 left: 50%;
288 margin-left: -8px;
289}
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;
294}
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;
299}
300
301/* button sets */
302.ui-buttonset {
303 margin-right: 7px;
304}
305.ui-buttonset .ui-button {
306 margin-left: 0;
307 margin-right: -.3em;
308}
309
310/* workarounds */
311/* reset extra padding in Firefox, see h5bp.com/l */
312input.ui-button::-moz-focus-inner,
313button.ui-button::-moz-focus-inner {
314 border: 0;
315 padding: 0;
316}
317.ui-datepicker {
318 width: 17em;
319 padding: .2em .2em 0;
320 display: none;
321}
322.ui-datepicker .ui-datepicker-header {
323 position: relative;
324 padding: .2em 0;
325}
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;
332}
333.ui-datepicker .ui-datepicker-prev-hover,
334.ui-datepicker .ui-datepicker-next-hover {
335 top: 1px;
336}
337.ui-datepicker .ui-datepicker-prev {
338 left: 2px;
339}
340.ui-datepicker .ui-datepicker-next {
341 right: 2px;
342}
343.ui-datepicker .ui-datepicker-prev-hover {
344 left: 1px;
345}
346.ui-datepicker .ui-datepicker-next-hover {
347 right: 1px;
348}
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;
357}
358.ui-datepicker .ui-datepicker-title {
359 margin: 0 2.3em;
360 line-height: 1.8em;
361 text-align: center;
362}
363.ui-datepicker .ui-datepicker-title select {
364 font-size: 1em;
365 margin: 1px 0;
366}
367.ui-datepicker select.ui-datepicker-month,
368.ui-datepicker select.ui-datepicker-year {
369 width: 45%;
370}
371.ui-datepicker table {
372 width: 100%;
373 font-size: .9em;
374 border-collapse: collapse;
375 margin: 0 0 .4em;
376}
377.ui-datepicker th {
378 padding: .7em .3em;
379 text-align: center;
380 font-weight: bold;
381 border: 0;
382}
383.ui-datepicker td {
384 border: 0;
385 padding: 1px;
386}
387.ui-datepicker td span,
388.ui-datepicker td a {
389 display: block;
390 padding: .2em;
391 text-align: right;
392 text-decoration: none;
393}
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;
401}
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;
409}
410.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
411 float: left;
412}
413
414/* with multiple calendars */
415.ui-datepicker.ui-datepicker-multi {
416 width: auto;
417}
418.ui-datepicker-multi .ui-datepicker-group {
419 float: left;
420}
421.ui-datepicker-multi .ui-datepicker-group table {
422 width: 95%;
423 margin: 0 auto .4em;
424}
425.ui-datepicker-multi-2 .ui-datepicker-group {
426 width: 50%;
427}
428.ui-datepicker-multi-3 .ui-datepicker-group {
429 width: 33.3%;
430}
431.ui-datepicker-multi-4 .ui-datepicker-group {
432 width: 25%;
433}
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;
437}
438.ui-datepicker-multi .ui-datepicker-buttonpane {
439 clear: left;
440}
441.ui-datepicker-row-break {
442 clear: both;
443 width: 100%;
444 font-size: 0;
445}
446
447/* RTL support */
448.ui-datepicker-rtl {
449 direction: rtl;
450}
451.ui-datepicker-rtl .ui-datepicker-prev {
452 right: 2px;
453 left: auto;
454}
455.ui-datepicker-rtl .ui-datepicker-next {
456 left: 2px;
457 right: auto;
458}
459.ui-datepicker-rtl .ui-datepicker-prev:hover {
460 right: 1px;
461 left: auto;
462}
463.ui-datepicker-rtl .ui-datepicker-next:hover {
464 left: 1px;
465 right: auto;
466}
467.ui-datepicker-rtl .ui-datepicker-buttonpane {
468 clear: right;
469}
470.ui-datepicker-rtl .ui-datepicker-buttonpane button {
471 float: left;
472}
473.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
474.ui-datepicker-rtl .ui-datepicker-group {
475 float: right;
476}
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;
481}
482.ui-dialog {
483 overflow: hidden;
484 position: absolute;
485 top: 0;
486 left: 0;
487 padding: .2em;
488 outline: 0;
489}
490.ui-dialog .ui-dialog-titlebar {
491 padding: .4em 1em;
492 position: relative;
493}
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;
501}
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;
510}
511.ui-dialog .ui-dialog-content {
512 position: relative;
513 border: 0;
514 padding: .5em 1em;
515 background: none;
516 overflow: auto;
517}
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;
524}
525.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
526 float: right;
527}
528.ui-dialog .ui-dialog-buttonpane button {
529 margin: .5em .4em .5em 0;
530 cursor: pointer;
531}
532.ui-dialog .ui-resizable-se {
533 width: 12px;
534 height: 12px;
535 right: -5px;
536 bottom: -5px;
537 background-position: 16px 16px;
538}
539.ui-draggable .ui-dialog-titlebar {
540 cursor: move;
541}
542.ui-menu {
543 list-style: none;
544 padding: 0;
545 margin: 0;
546 display: block;
547 outline: none;
548}
549.ui-menu .ui-menu {
550 position: absolute;
551}
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");
560}
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;
567}
568.ui-menu .ui-state-focus,
569.ui-menu .ui-state-active {
570 margin: -1px;
571}
572
573/* icon support */
574.ui-menu-icons {
575 position: relative;
576}
577.ui-menu-icons .ui-menu-item {
578 padding-left: 2em;
579}
580
581/* left-aligned */
582.ui-menu .ui-icon {
583 position: absolute;
584 top: 0;
585 bottom: 0;
586 left: .2em;
587 margin: auto 0;
588}
589
590/* right-aligned */
591.ui-menu .ui-menu-icon {
592 left: auto;
593 right: 0;
594}
595.ui-progressbar {
596 height: 2em;
597 text-align: left;
598 overflow: hidden;
599}
600.ui-progressbar .ui-progressbar-value {
601 margin: -1px;
602 height: 100%;
603}
604.ui-progressbar .ui-progressbar-overlay {
605 background: url("data:image/gif;base64,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");
606 height: 100%;
607 filter: alpha(opacity=25); /* support: IE8 */
608 opacity: 0.25;
609}
610.ui-progressbar-indeterminate .ui-progressbar-value {
611 background-image: none;
612}
613.ui-selectmenu-menu {
614 padding: 0;
615 margin: 0;
616 position: absolute;
617 top: 0;
618 left: 0;
619 display: none;
620}
621.ui-selectmenu-menu .ui-menu {
622 overflow: auto;
623 /* Support: IE7 */
624 overflow-x: hidden;
625 padding-bottom: 1px;
626}
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;
635}
636.ui-selectmenu-open {
637 display: block;
638}
639.ui-selectmenu-button {
640 display: inline-block;
641 overflow: hidden;
642 position: relative;
643 text-decoration: none;
644 cursor: pointer;
645}
646.ui-selectmenu-button span.ui-icon {
647 right: 0.5em;
648 left: auto;
649 margin-top: -8px;
650 position: absolute;
651 top: 50%;
652}
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;
661}
662.ui-slider {
663 position: relative;
664 text-align: left;
665}
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;
674}
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;
682}
683
684/* support: IE8 - See #6727 */
685.ui-slider.ui-state-disabled .ui-slider-handle,
686.ui-slider.ui-state-disabled .ui-slider-range {
687 filter: inherit;
688}
689
690.ui-slider-horizontal {
691 height: .8em;
692}
693.ui-slider-horizontal .ui-slider-handle {
694 top: -.3em;
695 margin-left: -.6em;
696}
697.ui-slider-horizontal .ui-slider-range {
698 top: 0;
699 height: 100%;
700}
701.ui-slider-horizontal .ui-slider-range-min {
702 left: 0;
703}
704.ui-slider-horizontal .ui-slider-range-max {
705 right: 0;
706}
707
708.ui-slider-vertical {
709 width: .8em;
710 height: 100px;
711}
712.ui-slider-vertical .ui-slider-handle {
713 left: -.3em;
714 margin-left: 0;
715 margin-bottom: -.6em;
716}
717.ui-slider-vertical .ui-slider-range {
718 left: 0;
719 width: 100%;
720}
721.ui-slider-vertical .ui-slider-range-min {
722 bottom: 0;
723}
724.ui-slider-vertical .ui-slider-range-max {
725 top: 0;
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}
831body .ui-tooltip {
832 border-width: 2px;
833}
Note: See TracBrowser for help on using the repository browser.