2 * jQuery UI CSS Framework 1.11.3
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/
13 ----------------------------------*/
17 .ui-helper-hidden-accessible {
33 text-decoration: none;
37 .ui-helper-clearfix:before,
38 .ui-helper-clearfix:after {
41 border-collapse: collapse;
43 .ui-helper-clearfix:after {
47 min-height: 0; /* support: IE7 */
56 filter:Alpha(Opacity=0); /* support: IE8 */
65 ----------------------------------*/
67 cursor: default !important;
72 ----------------------------------*/
74 /* states and images */
77 text-indent: -99999px;
79 background-repeat: no-repeat;
84 ----------------------------------*/
94 .ui-draggable-handle {
95 -ms-touch-action: none;
101 .ui-resizable-handle {
105 -ms-touch-action: none;
108 .ui-resizable-disabled .ui-resizable-handle,
109 .ui-resizable-autohide .ui-resizable-handle {
169 -ms-touch-action: none;
172 .ui-selectable-helper {
175 border: 1px dotted black;
177 .ui-sortable-handle {
178 -ms-touch-action: none;
181 .ui-accordion .ui-accordion-header {
186 padding: .5em .5em .5em .7em;
187 min-height: 0; /* support: IE7 */
190 .ui-accordion .ui-accordion-icons {
193 .ui-accordion .ui-accordion-icons .ui-accordion-icons {
196 .ui-accordion .ui-accordion-header .ui-accordion-header-icon {
202 .ui-accordion .ui-accordion-content {
214 display: inline-block;
220 vertical-align: middle;
222 overflow: visible; /* removes extra width in IE */
229 text-decoration: none;
231 /* to make room for the icon, a width needs to be set here */
232 .ui-button-icon-only {
235 /* button elements seem to need a little more width */
236 button.ui-button-icon-only {
239 .ui-button-icons-only {
242 button.ui-button-icons-only {
246 /* button text element */
247 .ui-button .ui-button-text {
251 .ui-button-text-only .ui-button-text {
254 .ui-button-icon-only .ui-button-text,
255 .ui-button-icons-only .ui-button-text {
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 {
269 padding-right: 2.1em;
271 /* no icon support for input elements, provide padding by default */
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 {
286 .ui-button-icon-only .ui-icon {
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 {
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 {
305 .ui-buttonset .ui-button {
311 /* reset extra padding in Firefox, see h5bp.com/l */
312 input.ui-button::-moz-focus-inner,
313 button.ui-button::-moz-focus-inner {
319 padding: .2em .2em 0;
322 .ui-datepicker .ui-datepicker-header {
326 .ui-datepicker .ui-datepicker-prev,
327 .ui-datepicker .ui-datepicker-next {
333 .ui-datepicker .ui-datepicker-prev-hover,
334 .ui-datepicker .ui-datepicker-next-hover {
337 .ui-datepicker .ui-datepicker-prev {
340 .ui-datepicker .ui-datepicker-next {
343 .ui-datepicker .ui-datepicker-prev-hover {
346 .ui-datepicker .ui-datepicker-next-hover {
349 .ui-datepicker .ui-datepicker-prev span,
350 .ui-datepicker .ui-datepicker-next span {
358 .ui-datepicker .ui-datepicker-title {
363 .ui-datepicker .ui-datepicker-title select {
367 .ui-datepicker select.ui-datepicker-month,
368 .ui-datepicker select.ui-datepicker-year {
371 .ui-datepicker table {
374 border-collapse: collapse;
387 .ui-datepicker td span,
388 .ui-datepicker td a {
392 text-decoration: none;
394 .ui-datepicker .ui-datepicker-buttonpane {
395 background-image: none;
402 .ui-datepicker .ui-datepicker-buttonpane button {
404 margin: .5em .2em .4em;
406 padding: .2em .6em .3em .6em;
410 .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
414 /* with multiple calendars */
415 .ui-datepicker.ui-datepicker-multi {
418 .ui-datepicker-multi .ui-datepicker-group {
421 .ui-datepicker-multi .ui-datepicker-group table {
425 .ui-datepicker-multi-2 .ui-datepicker-group {
428 .ui-datepicker-multi-3 .ui-datepicker-group {
431 .ui-datepicker-multi-4 .ui-datepicker-group {
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 {
441 .ui-datepicker-row-break {
451 .ui-datepicker-rtl .ui-datepicker-prev {
455 .ui-datepicker-rtl .ui-datepicker-next {
459 .ui-datepicker-rtl .ui-datepicker-prev:hover {
463 .ui-datepicker-rtl .ui-datepicker-next:hover {
467 .ui-datepicker-rtl .ui-datepicker-buttonpane {
470 .ui-datepicker-rtl .ui-datepicker-buttonpane button {
473 .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
474 .ui-datepicker-rtl .ui-datepicker-group {
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;
490 .ui-dialog .ui-dialog-titlebar {
494 .ui-dialog .ui-dialog-title {
500 text-overflow: ellipsis;
502 .ui-dialog .ui-dialog-titlebar-close {
511 .ui-dialog .ui-dialog-content {
518 .ui-dialog .ui-dialog-buttonpane {
520 border-width: 1px 0 0 0;
521 background-image: none;
523 padding: .3em 1em .5em .4em;
525 .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
528 .ui-dialog .ui-dialog-buttonpane button {
529 margin: .5em .4em .5em 0;
532 .ui-dialog .ui-resizable-se {
537 background-position: 16px 16px;
539 .ui-draggable .ui-dialog-titlebar {
552 .ui-menu .ui-menu-item {
555 padding: 3px 1em 3px .4em;
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 {
566 border-width: 1px 0 0 0;
568 .ui-menu .ui-state-focus,
569 .ui-menu .ui-state-active {
577 .ui-menu-icons .ui-menu-item {
591 .ui-menu .ui-menu-icon {
600 .ui-progressbar .ui-progressbar-value {
604 .ui-progressbar .ui-progressbar-overlay {
605 background: url("data:image/gif;base64,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");
607 filter: alpha(opacity=25); /* support: IE8 */
610 .ui-progressbar-indeterminate .ui-progressbar-value {
611 background-image: none;
613 .ui-selectmenu-menu {
621 .ui-selectmenu-menu .ui-menu {
627 .ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
636 .ui-selectmenu-open {
639 .ui-selectmenu-button {
640 display: inline-block;
643 text-decoration: none;
646 .ui-selectmenu-button span.ui-icon {
653 .ui-selectmenu-button span.ui-selectmenu-text {
655 padding: 0.4em 2.1em 0.4em 1em;
659 text-overflow: ellipsis;
666 .ui-slider .ui-slider-handle {
672 -ms-touch-action: none;
675 .ui-slider .ui-slider-range {
681 background-position: 0 0;
684 /* support: IE8 - See #6727 */
685 .ui-slider.ui-state-disabled .ui-slider-handle,
686 .ui-slider.ui-state-disabled .ui-slider-range {
690 .ui-slider-horizontal {
693 .ui-slider-horizontal .ui-slider-handle {
697 .ui-slider-horizontal .ui-slider-range {
701 .ui-slider-horizontal .ui-slider-range-min {
704 .ui-slider-horizontal .ui-slider-range-max {
708 .ui-slider-vertical {
712 .ui-slider-vertical .ui-slider-handle {
715 margin-bottom: -.6em;
717 .ui-slider-vertical .ui-slider-range {
721 .ui-slider-vertical .ui-slider-range-min {
724 .ui-slider-vertical .ui-slider-range-max {
729 display: inline-block;
732 vertical-align: middle;
740 vertical-align: middle;
757 /* more specificity required here to override default borders */
758 .ui-spinner a.ui-spinner-button {
763 /* vertically center icon */
764 .ui-spinner .ui-icon {
778 .ui-spinner .ui-icon-triangle-1-s {
779 /* need to fix icons sprite */
780 background-position: -65px -16px;
783 position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
786 .ui-tabs .ui-tabs-nav {
788 padding: .2em .2em 0;
790 .ui-tabs .ui-tabs-nav li {
795 margin: 1px .2em 0 0;
796 border-bottom-width: 0;
800 .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
803 text-decoration: none;
805 .ui-tabs .ui-tabs-nav li.ui-tabs-active {
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 {
814 .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
817 .ui-tabs .ui-tabs-panel {
828 -webkit-box-shadow: 0 0 5px #aaa;
829 box-shadow: 0 0 5px #aaa;