2 * jQuery UI CSS Framework 1.11.0
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/
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);
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
("images/animated-overlay.gif");
607 filter: alpha
(opacity
=25);
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 /* For 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;