jquery-ui.css

About this file

Please refer to the jQuery UI documentation for the CSS file.

Code Check Report




csslint: There are 144 problems in .

jquery-ui.css
1: warning at line 26, col 1
Rule doesn't have all its properties in alphabetical order.
.ui-helper-reset {

jquery-ui.css
2: warning at line 26, col 1
Outlines should only be modified using :focus.
.ui-helper-reset {

jquery-ui.css
3: warning at line 36, col 1
Rule doesn't have all its properties in alphabetical order.
.ui-helper-clearfix:before,

jquery-ui.css
4: warning at line 45, col 1
Rule doesn't have all its properties in alphabetical order.
.ui-helper-zfix {

jquery-ui.css
5: warning at line 52, col 2
Expected ( | none) but found 'Alpha(Opacity=0)'.
	filter:Alpha(Opacity=0); /* support: IE8 */

jquery-ui.css
6: warning at line 63, col 2
Use of !important
	cursor: default !important;

jquery-ui.css
7: warning at line 70, col 1
Rule doesn't have all its properties in alphabetical order.
.ui-icon {

jquery-ui.css
8: warning at line 75, col 2
Negative text-indent doesn't work well with RTL. If you use text-indent for image replacement explicitly set direction for that item to ltr.
	text-indent: -99999px;

jquery-ui.css
9: warning at line 80, col 1
Rule doesn't have all its properties in alphabetical order.
.ui-widget-icon-block {

jquery-ui.css
10: warning at line 90, col 1
Rule doesn't have all its properties in alphabetical order.
.ui-widget-overlay {

jquery-ui.css
11: warning at line 100, col 1
Rule doesn't have all its properties in alphabetical order.
.ui-resizable-handle {

jquery-ui.css
12: warning at line 111, col 1
Rule doesn't have all its properties in alphabetical order.
.ui-resizable-n {

jquery-ui.css
13: warning at line 118, col 1
Rule doesn't have all its properties in alphabetical order.
.ui-resizable-s {

jquery-ui.css
14: warning at line 125, col 1
Rule doesn't have all its properties in alphabetical order.
.ui-resizable-e {

jquery-ui.css
15: warning at line 132, col 1
Rule doesn't have all its properties in alphabetical order.
.ui-resizable-w {

jquery-ui.css
16: warning at line 139, col 1
Rule doesn't have all its properties in alphabetical order.
.ui-resizable-se {

jquery-ui.css
17: warning at line 146, col 1
Rule doesn't have all its properties in alphabetical order.
.ui-resizable-sw {

jquery-ui.css
18: warning at line 153, col 1
Rule doesn't have all its properties in alphabetical order.
.ui-resizable-nw {

jquery-ui.css
19: warning at line 160, col 1
Rule doesn't have all its properties in alphabetical order.
.ui-resizable-ne {

jquery-ui.css
20: warning at line 171, col 1
Rule doesn't have all its properties in alphabetical order.
.ui-selectable-helper {

jquery-ui.css
21: warning at line 180, col 1
Rule doesn't have all its properties in alphabetical order.
.ui-accordion .ui-accordion-header {

jquery-ui.css
22: warning at line 188, col 1
Rule doesn't have all its properties in alphabetical order.
.ui-accordion .ui-accordion-content {

jquery-ui.css
23: warning at line 193, col 1
Rule doesn't have all its properties in alphabetical order.
.ui-autocomplete {

jquery-ui.css
24: warning at line 199, col 1
Rule doesn't have all its properties in alphabetical order.
.ui-menu {

jquery-ui.css
25: warning at line 199, col 1
Outlines should only be modified using :focus.
.ui-menu {

jquery-ui.css
26: warning at line 209, col 1
Rule doesn't have all its properties in alphabetical order.
.ui-menu .ui-menu-item {

jquery-ui.css
27: warning at line 215, col 1
Rule doesn't have all its properties in alphabetical order.
.ui-menu .ui-menu-item-wrapper {

jquery-ui.css
28: warning at line 219, col 1
Rule doesn't have all its properties in alphabetical order.
.ui-menu .ui-menu-divider {

jquery-ui.css
29: warning at line 240, col 1
Rule doesn't have all its properties in alphabetical order.
.ui-menu .ui-icon {

jquery-ui.css
30: warning at line 253, col 1
Rule doesn't have all its properties in alphabetical order.
.ui-button {

jquery-ui.css
31: warning at line 280, col 1
Rule doesn't have all its properties in alphabetical order.
.ui-button-icon-only {

jquery-ui.css
32: warning at line 282, col 2
The box-sizing property isn't supported in IE6 and IE7.
	box-sizing: border-box;

jquery-ui.css
33: warning at line 283, col 2
Negative text-indent doesn't work well with RTL. If you use text-indent for image replacement explicitly set direction for that item to ltr.
	text-indent: -9999px;

jquery-ui.css
34: warning at line 288, col 1
Adjoining classes: input.ui-button.ui-button-icon-only
input.ui-button.ui-button-icon-only {

jquery-ui.css
35: warning at line 293, col 1
Rule doesn't have all its properties in alphabetical order.
.ui-button-icon-only .ui-icon {

jquery-ui.css
36: warning at line 301, col 1
Adjoining classes: .ui-button.ui-icon-notext   .ui-icon
.ui-button.ui-icon-notext .ui-icon {

jquery-ui.css
37: warning at line 301, col 1
Rule doesn't have all its properties in alphabetical order.
.ui-button.ui-icon-notext .ui-icon {

jquery-ui.css
38: warning at line 305, col 2
Negative text-indent doesn't work well with RTL. If you use text-indent for image replacement explicitly set direction for that item to ltr.
	text-indent: -9999px;

jquery-ui.css
39: warning at line 310, col 1
Adjoining classes: input.ui-button.ui-icon-notext   .ui-icon
input.ui-button.ui-icon-notext .ui-icon {

jquery-ui.css
40: warning at line 310, col 1
Rule doesn't have all its properties in alphabetical order.
input.ui-button.ui-icon-notext .ui-icon {

jquery-ui.css
41: warning at line 325, col 1
Rule doesn't have all its properties in alphabetical order.
.ui-controlgroup {

jquery-ui.css
42: warning at line 335, col 20
Adjoining classes: .ui-controlgroup > .ui-controlgroup-item.ui-visual-focus
.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {

jquery-ui.css
43: warning at line 338, col 1
Rule doesn't have all its properties in alphabetical order.
.ui-controlgroup-vertical > .ui-controlgroup-item {

jquery-ui.css
44: warning at line 347, col 2
The box-sizing property isn't supported in IE6 and IE7.
	box-sizing: border-box;

jquery-ui.css
45: warning at line 361, col 29
Adjoining classes: .ui-controlgroup-horizontal   .ui-controlgroup-label.ui-widget-content
.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {

jquery-ui.css
46: warning at line 364, col 27
Adjoining classes: .ui-controlgroup-vertical   .ui-controlgroup-label.ui-widget-content
.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {

jquery-ui.css
47: warning at line 379, col 1
Rule doesn't have all its properties in alphabetical order.
.ui-checkboxradio-label .ui-icon-background {

jquery-ui.css
48: warning at line 384, col 1
Rule doesn't have all its properties in alphabetical order.
.ui-checkboxradio-radio-label .ui-icon-background {

jquery-ui.css
49: warning at line 391, col 1
Adjoining classes: .ui-checkboxradio-radio-label.ui-checkboxradio-checked   .ui-icon
.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,

jquery-ui.css
50: warning at line 391, col 1
Rule doesn't have all its properties in alphabetical order.
.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,

jquery-ui.css
51: warning at line 392, col 1
Adjoining classes: .ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover   .ui-icon
.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {

jquery-ui.css
52: warning at line 392, col 1
Adjoining classes: .ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover   .ui-icon
.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {

jquery-ui.css
53: warning at line 402, col 1
Rule doesn't have all its properties in alphabetical order.
.ui-datepicker {

jquery-ui.css
54: warning at line 404, col 2
Using width with padding can sometimes make elements larger than you expect.
	padding: .2em .2em 0;

jquery-ui.css
55: warning at line 407, col 1
Rule doesn't have all its properties in alphabetical order.
.ui-datepicker .ui-datepicker-header {

jquery-ui.css
56: warning at line 411, col 1
Rule doesn't have all its properties in alphabetical order.
.ui-datepicker .ui-datepicker-prev,

jquery-ui.css
57: warning at line 434, col 1
Rule doesn't have all its properties in alphabetical order.
.ui-datepicker .ui-datepicker-prev span,

jquery-ui.css
58: warning at line 443, col 1
Rule doesn't have all its properties in alphabetical order.
.ui-datepicker .ui-datepicker-title {

jquery-ui.css
59: warning at line 452, col 16
Element (select.ui-datepicker-month) is overqualified, just use .ui-datepicker-month without element name.
.ui-datepicker select.ui-datepicker-month,

jquery-ui.css
60: warning at line 453, col 16
Element (select.ui-datepicker-year) is overqualified, just use .ui-datepicker-year without element name.
.ui-datepicker select.ui-datepicker-year {

jquery-ui.css
61: warning at line 456, col 1
Rule doesn't have all its properties in alphabetical order.
.ui-datepicker table {

jquery-ui.css
62: warning at line 462, col 1
Rule doesn't have all its properties in alphabetical order.
.ui-datepicker th {

jquery-ui.css
63: warning at line 479, col 1
Rule doesn't have all its properties in alphabetical order.
.ui-datepicker .ui-datepicker-buttonpane {

jquery-ui.css
64: warning at line 487, col 1
Rule doesn't have all its properties in alphabetical order.
.ui-datepicker .ui-datepicker-buttonpane button {

jquery-ui.css
65: warning at line 500, col 1
Adjoining classes: .ui-datepicker.ui-datepicker-multi
.ui-datepicker.ui-datepicker-multi {

jquery-ui.css
66: warning at line 506, col 1
Rule doesn't have all its properties in alphabetical order.
.ui-datepicker-multi .ui-datepicker-group table {

jquery-ui.css
67: warning at line 526, col 1
Rule doesn't have all its properties in alphabetical order.
.ui-datepicker-row-break {

jquery-ui.css
68: warning at line 536, col 1
Rule doesn't have all its properties in alphabetical order.
.ui-datepicker-rtl .ui-datepicker-prev {

jquery-ui.css
69: warning at line 544, col 1
Rule doesn't have all its properties in alphabetical order.
.ui-datepicker-rtl .ui-datepicker-prev:hover {

jquery-ui.css
70: warning at line 562, col 1
Rule doesn't have all its properties in alphabetical order.
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,

jquery-ui.css
71: warning at line 569, col 1
Rule doesn't have all its properties in alphabetical order.
.ui-datepicker .ui-icon {

jquery-ui.css
72: warning at line 571, col 2
Negative text-indent doesn't work well with RTL. If you use text-indent for image replacement explicitly set direction for that item to ltr.
	text-indent: -99999px;

jquery-ui.css
73: warning at line 577, col 1
Rule doesn't have all its properties in alphabetical order.
.ui-dialog {

jquery-ui.css
74: warning at line 577, col 1
Outlines should only be modified using :focus.
.ui-dialog {

jquery-ui.css
75: warning at line 588, col 1
Rule doesn't have all its properties in alphabetical order.
.ui-dialog .ui-dialog-title {

jquery-ui.css
76: warning at line 596, col 1
Rule doesn't have all its properties in alphabetical order.
.ui-dialog .ui-dialog-titlebar-close {

jquery-ui.css
77: warning at line 602, col 2
Using height with padding can sometimes make elements larger than you expect.
	padding: 1px;

jquery-ui.css
78: warning at line 602, col 2
Using width with padding can sometimes make elements larger than you expect.
	padding: 1px;

jquery-ui.css
79: warning at line 605, col 1
Rule doesn't have all its properties in alphabetical order.
.ui-dialog .ui-dialog-content {

jquery-ui.css
80: warning at line 612, col 1
Rule doesn't have all its properties in alphabetical order.
.ui-dialog .ui-dialog-buttonpane {

jquery-ui.css
81: warning at line 622, col 1
Rule doesn't have all its properties in alphabetical order.
.ui-dialog .ui-dialog-buttonpane button {

jquery-ui.css
82: warning at line 630, col 1
Rule doesn't have all its properties in alphabetical order.
.ui-dialog .ui-resizable-e {

jquery-ui.css
83: warning at line 634, col 1
Rule doesn't have all its properties in alphabetical order.
.ui-dialog .ui-resizable-s {

jquery-ui.css
84: warning at line 638, col 1
Rule doesn't have all its properties in alphabetical order.
.ui-dialog .ui-resizable-w {

jquery-ui.css
85: warning at line 642, col 1
Rule doesn't have all its properties in alphabetical order.
.ui-dialog .ui-resizable-se,

jquery-ui.css
86: warning at line 649, col 1
Rule doesn't have all its properties in alphabetical order.
.ui-dialog .ui-resizable-se {

jquery-ui.css
87: warning at line 653, col 1
Rule doesn't have all its properties in alphabetical order.
.ui-dialog .ui-resizable-sw {

jquery-ui.css
88: warning at line 668, col 1
Rule doesn't have all its properties in alphabetical order.
.ui-progressbar {

jquery-ui.css
89: warning at line 673, col 1
Rule doesn't have all its properties in alphabetical order.
.ui-progressbar .ui-progressbar-value {

jquery-ui.css
90: warning at line 677, col 1
Rule doesn't have all its properties in alphabetical order.
.ui-progressbar .ui-progressbar-overlay {

jquery-ui.css
91: warning at line 680, col 2
Expected ( | none) but found 'alpha(opacity=25)'.
	filter: alpha(opacity=25); /* support: IE8 */

jquery-ui.css
92: warning at line 686, col 1
Rule doesn't have all its properties in alphabetical order.
.ui-selectmenu-menu {

jquery-ui.css
93: warning at line 699, col 1
Rule doesn't have all its properties in alphabetical order.
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {

jquery-ui.css
94: warning at line 717, col 1
Adjoining classes: .ui-selectmenu-button.ui-button
.ui-selectmenu-button.ui-button {

jquery-ui.css
95: warning at line 722, col 1
Adjoining classes: .ui-selectmenu-icon.ui-icon
.ui-selectmenu-icon.ui-icon {

jquery-ui.css
96: warning at line 730, col 1
Rule doesn't have all its properties in alphabetical order.
.ui-slider .ui-slider-handle {

jquery-ui.css
97: warning at line 739, col 1
Rule doesn't have all its properties in alphabetical order.
.ui-slider .ui-slider-range {

jquery-ui.css
98: warning at line 749, col 1
Adjoining classes: .ui-slider.ui-state-disabled   .ui-slider-handle
.ui-slider.ui-state-disabled .ui-slider-handle,

jquery-ui.css
99: warning at line 750, col 1
Adjoining classes: .ui-slider.ui-state-disabled   .ui-slider-range
.ui-slider.ui-state-disabled .ui-slider-range {

jquery-ui.css
100: warning at line 757, col 1
Rule doesn't have all its properties in alphabetical order.
.ui-slider-horizontal .ui-slider-handle {

jquery-ui.css
101: warning at line 761, col 1
Rule doesn't have all its properties in alphabetical order.
.ui-slider-horizontal .ui-slider-range {

jquery-ui.css
102: warning at line 772, col 1
Rule doesn't have all its properties in alphabetical order.
.ui-slider-vertical {

jquery-ui.css
103: warning at line 776, col 1
Rule doesn't have all its properties in alphabetical order.
.ui-slider-vertical .ui-slider-handle {

jquery-ui.css
104: warning at line 791, col 1
Rule doesn't have all its properties in alphabetical order.
.ui-spinner {

jquery-ui.css
105: warning at line 798, col 1
Rule doesn't have all its properties in alphabetical order.
.ui-spinner-input {

jquery-ui.css
106: warning at line 808, col 1
Rule doesn't have all its properties in alphabetical order.
.ui-spinner-button {

jquery-ui.css
107: warning at line 822, col 1
Rule doesn't have all its properties in alphabetical order.
.ui-spinner a.ui-spinner-button {

jquery-ui.css
108: warning at line 833, col 1
Rule doesn't have all its properties in alphabetical order.
.ui-tabs {

jquery-ui.css
109: warning at line 841, col 1
Rule doesn't have all its properties in alphabetical order.
.ui-tabs .ui-tabs-nav li {

jquery-ui.css
110: warning at line 862, col 23
Element (li.ui-tabs-loading) is overqualified, just use .ui-tabs-loading without element name.
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {

jquery-ui.css
111: warning at line 868, col 1
Rule doesn't have all its properties in alphabetical order.
.ui-tabs .ui-tabs-panel {

jquery-ui.css
112: warning at line 874, col 1
Rule doesn't have all its properties in alphabetical order.
.ui-tooltip {

jquery-ui.css
113: warning at line 900, col 1
Adjoining classes: .ui-widget.ui-widget-content
.ui-widget.ui-widget-content {

jquery-ui.css
114: warning at line 903, col 1
Rule doesn't have all its properties in alphabetical order.
.ui-widget-content {

jquery-ui.css
115: warning at line 911, col 1
Rule doesn't have all its properties in alphabetical order.
.ui-widget-header {

jquery-ui.css
116: warning at line 923, col 1
Rule doesn't have all its properties in alphabetical order.
.ui-state-default,

jquery-ui.css
117: warning at line 930, col 6
Adjoining classes: html   .ui-button.ui-state-disabled:hover
html .ui-button.ui-state-disabled:hover,

jquery-ui.css
118: warning at line 930, col 6
Adjoining classes: html   .ui-button.ui-state-disabled:hover
html .ui-button.ui-state-disabled:hover,

jquery-ui.css
119: warning at line 931, col 6
Adjoining classes: html   .ui-button.ui-state-disabled:active
html .ui-button.ui-state-disabled:active {

jquery-ui.css
120: warning at line 931, col 6
Adjoining classes: html   .ui-button.ui-state-disabled:active
html .ui-button.ui-state-disabled:active {

jquery-ui.css
121: warning at line 947, col 1
Rule doesn't have all its properties in alphabetical order.
.ui-state-hover,

jquery-ui.css
122: warning at line 977, col 1
Rule doesn't have all its properties in alphabetical order.
.ui-state-active,

jquery-ui.css
123: warning at line 982, col 1
Adjoining classes: .ui-button.ui-state-active:hover
.ui-button.ui-state-active:hover {

jquery-ui.css
124: warning at line 982, col 1
Adjoining classes: .ui-button.ui-state-active:hover
.ui-button.ui-state-active:hover {

jquery-ui.css
125: warning at line 988, col 1
Rule doesn't have all its properties in alphabetical order.
.ui-icon-background,

jquery-ui.css
126: warning at line 1002, col 1
Rule doesn't have all its properties in alphabetical order.
.ui-state-highlight,

jquery-ui.css
127: warning at line 1009, col 1
Rule doesn't have all its properties in alphabetical order.
.ui-state-checked {

jquery-ui.css
128: warning at line 1018, col 1
Rule doesn't have all its properties in alphabetical order.
.ui-state-error,

jquery-ui.css
129: warning at line 1040, col 1
Rule doesn't have all its properties in alphabetical order.
.ui-priority-secondary,

jquery-ui.css
130: warning at line 1044, col 2
Expected ( | none) but found 'Alpha(Opacity=70)'.
	filter:Alpha(Opacity=70); /* support: IE8 */

jquery-ui.css
131: warning at line 1047, col 1
Rule doesn't have all its properties in alphabetical order.
.ui-state-disabled,

jquery-ui.css
132: warning at line 1051, col 2
Expected ( | none) but found 'Alpha(Opacity=35)'.
	filter:Alpha(Opacity=35); /* support: IE8 */

jquery-ui.css
133: warning at line 1055, col 2
Expected ( | none) but found 'Alpha(Opacity=35)'.
	filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */

jquery-ui.css
134: warning at line 1062, col 1
Rule doesn't have all its properties in alphabetical order.
.ui-icon {

jquery-ui.css
135: warning at line 1071, col 2
Background image '../../img/ui-icons_444444_256x240.png' was used multiple times, first declared at line 1068, col 2.
	background-image: url("../../img/ui-icons_444444_256x240.png");

jquery-ui.css
136: warning at line 1084, col 12
Adjoining classes: .ui-button   .ui-state-highlight.ui-icon
.ui-button .ui-state-highlight.ui-icon {

jquery-ui.css
137: warning at line 1304, col 1
Rule doesn't have all its properties in alphabetical order.
.ui-widget-overlay {

jquery-ui.css
138: warning at line 1307, col 2
Expected ( | none) but found 'Alpha(Opacity=30)'.
	filter: Alpha(Opacity=30); /* support: IE8 */

jquery-ui.css
139: warning at line 1310, col 22
Values of 0 shouldn't have units specified.
	-webkit-box-shadow: 0px 0px 5px #666666;

jquery-ui.css
140: warning at line 1310, col 26
Values of 0 shouldn't have units specified.
	-webkit-box-shadow: 0px 0px 5px #666666;

jquery-ui.css
141: warning at line 1311, col 14
Values of 0 shouldn't have units specified.
	box-shadow: 0px 0px 5px #666666;

jquery-ui.css
142: warning at line 1311, col 18
Values of 0 shouldn't have units specified.
	box-shadow: 0px 0px 5px #666666;

jquery-ui.css
143: warning
Too many floats (11), you're probably using them for layout. Consider using a grid system instead.

jquery-ui.css
144: warning
Too many font-size declarations (14), abstraction needed.
                        

Documentation drawn from source code

/*! jQuery UI - v1.12.1 - 2016-09-15
.ui-draggable-handle {
}

/* Layout helpers
.ui-helper-hidden {
}

.ui-helper-hidden-accessible {
}

.ui-helper-reset {
}

.ui-helper-clearfix:after {
}

.ui-helper-clearfix:after {
}

.ui-helper-zfix {
filter:Alpha(Opacity=0); /* support: IE8 */
}

.ui-front {
}

/* Interaction Cues
.ui-state-disabled {
}

/* Icons
.ui-icon {
}

.ui-widget-icon-block {
}

/* Misc visuals
/* Overlays */
.ui-widget-overlay {
}

.ui-resizable {
}

.ui-resizable-handle {
}

.ui-resizable-autohide .ui-resizable-handle {
}

.ui-resizable-n {
}

.ui-resizable-s {
}

.ui-resizable-e {
}

.ui-resizable-w {
}

.ui-resizable-se {
}

.ui-resizable-sw {
}

.ui-resizable-nw {
}

.ui-resizable-ne {
}

.ui-selectable {
}

.ui-selectable-helper {
}

.ui-sortable-handle {
}

.ui-accordion .ui-accordion-header {
}

.ui-accordion .ui-accordion-content {
}

.ui-autocomplete {
}

.ui-menu {
}

.ui-menu .ui-menu {
}

.ui-menu .ui-menu-item {
/* support: IE10, see #8844 */
}

.ui-menu .ui-menu-item-wrapper {
}

.ui-menu .ui-menu-divider {
}

.ui-menu .ui-state-active {
}

/* icon support */
.ui-menu-icons {
}

.ui-menu-icons .ui-menu-item-wrapper {
}

/* left-aligned */
.ui-menu .ui-icon {
}

/* right-aligned */
.ui-menu .ui-menu-icon {
}

.ui-button {
/* Support: IE <= 11 */
}

.ui-button:active {
}

/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
}

/* no icon support for input elements */
input.ui-button.ui-button-icon-only {
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon {
}

.ui-button.ui-icon-notext .ui-icon {
}

input.ui-button.ui-icon-notext .ui-icon {
}

/* workarounds */
/* Support: Firefox 5 - 40 */
button.ui-button::-moz-focus-inner {
}

.ui-controlgroup {
}

.ui-controlgroup > .ui-controlgroup-item {
}

.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
}

.ui-controlgroup-vertical > .ui-controlgroup-item {
}

.ui-controlgroup-vertical .ui-controlgroup-item {
}

.ui-controlgroup .ui-controlgroup-label {
}

.ui-controlgroup .ui-controlgroup-label span {
}

.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
}

.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
}

.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
}

.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
}

/* Spinner specific style fixes */
.ui-controlgroup-vertical .ui-spinner-input {
/* Support: IE8 only, Android < 4.4 only */
}

.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
}

.ui-checkboxradio-label .ui-icon-background {
}

.ui-checkboxradio-radio-label .ui-icon-background {
}

.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
}

.ui-checkboxradio-disabled {
}

.ui-datepicker {
}

.ui-datepicker .ui-datepicker-header {
}

.ui-datepicker .ui-datepicker-next {
}

.ui-datepicker .ui-datepicker-next-hover {
}

.ui-datepicker .ui-datepicker-prev {
}

.ui-datepicker .ui-datepicker-next {
}

.ui-datepicker .ui-datepicker-prev-hover {
}

.ui-datepicker .ui-datepicker-next-hover {
}

.ui-datepicker .ui-datepicker-next span {
}

.ui-datepicker .ui-datepicker-title {
}

.ui-datepicker .ui-datepicker-title select {
}

.ui-datepicker select.ui-datepicker-year {
}

.ui-datepicker table {
}

.ui-datepicker th {
}

.ui-datepicker td {
}

.ui-datepicker td a {
}

.ui-datepicker .ui-datepicker-buttonpane {
}

.ui-datepicker .ui-datepicker-buttonpane button {
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
}

.ui-datepicker-multi .ui-datepicker-group {
}

.ui-datepicker-multi .ui-datepicker-group table {
}

.ui-datepicker-multi-2 .ui-datepicker-group {
}

.ui-datepicker-multi-3 .ui-datepicker-group {
}

.ui-datepicker-multi-4 .ui-datepicker-group {
}

.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
}

.ui-datepicker-row-break {
}

/* RTL support */
.ui-datepicker-rtl {
}

.ui-datepicker-rtl .ui-datepicker-prev {
}

.ui-datepicker-rtl .ui-datepicker-next {
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
}

.ui-datepicker-rtl .ui-datepicker-group {
}

.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
}

/* Icons */
.ui-datepicker .ui-icon {
}

.ui-dialog {
}

.ui-dialog .ui-dialog-titlebar {
}

.ui-dialog .ui-dialog-title {
}

.ui-dialog .ui-dialog-titlebar-close {
}

.ui-dialog .ui-dialog-content {
}

.ui-dialog .ui-dialog-buttonpane {
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
}

.ui-dialog .ui-dialog-buttonpane button {
}

.ui-dialog .ui-resizable-n {
}

.ui-dialog .ui-resizable-e {
}

.ui-dialog .ui-resizable-s {
}

.ui-dialog .ui-resizable-w {
}

.ui-dialog .ui-resizable-nw {
}

.ui-dialog .ui-resizable-se {
}

.ui-dialog .ui-resizable-sw {
}

.ui-dialog .ui-resizable-ne {
}

.ui-dialog .ui-resizable-nw {
}

.ui-draggable .ui-dialog-titlebar {
}

.ui-progressbar {
}

.ui-progressbar .ui-progressbar-value {
}

.ui-progressbar .ui-progressbar-overlay {
filter: alpha(opacity=25); /* support: IE8 */
}

.ui-progressbar-indeterminate .ui-progressbar-value {
}

.ui-selectmenu-menu {
}

.ui-selectmenu-menu .ui-menu {
}

.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
}

.ui-selectmenu-open {
}

.ui-selectmenu-text {
}

.ui-selectmenu-button.ui-button {
}

.ui-selectmenu-icon.ui-icon {
}

.ui-slider {
}

.ui-slider .ui-slider-handle {
}

.ui-slider .ui-slider-range {
}

/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-range {
}

.ui-slider-horizontal {
}

.ui-slider-horizontal .ui-slider-handle {
}

.ui-slider-horizontal .ui-slider-range {
}

.ui-slider-horizontal .ui-slider-range-min {
}

.ui-slider-horizontal .ui-slider-range-max {
}

.ui-slider-vertical {
}

.ui-slider-vertical .ui-slider-handle {
}

.ui-slider-vertical .ui-slider-range {
}

.ui-slider-vertical .ui-slider-range-min {
}

.ui-slider-vertical .ui-slider-range-max {
}

.ui-spinner {
}

.ui-spinner-input {
}

.ui-spinner-button {
}

/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button {
}

.ui-spinner-up {
}

.ui-spinner-down {
}

.ui-tabs {
position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
}

.ui-tabs .ui-tabs-nav {
}

.ui-tabs .ui-tabs-nav li {
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
}

.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
}

.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
}

.ui-tabs .ui-tabs-panel {
}

.ui-tooltip {
}

body .ui-tooltip {
}

/* Component containers
.ui-widget {
}

.ui-widget .ui-widget {
}

.ui-widget button {
}

.ui-widget.ui-widget-content {
}

.ui-widget-content {
}

.ui-widget-content a {
}

.ui-widget-header {
}

.ui-widget-header a {
}

/* Interaction states
/* We use html here because we need a greater specificity to make sure disabled
html .ui-button.ui-state-disabled:active {
}

.ui-button {
}

.ui-button:focus {
}

a.ui-button:focus {
}

.ui-visual-focus {
}

.ui-button.ui-state-active:hover {
}

.ui-state-active .ui-icon-background {
}

.ui-state-active a:visited {
}

/* Interaction Cues
.ui-widget-header .ui-state-highlight {
}

.ui-state-checked {
}

.ui-widget-header .ui-state-highlight a {
}

.ui-widget-header .ui-state-error {
}

.ui-widget-header .ui-state-error a {
}

.ui-widget-header .ui-state-error-text {
}

.ui-widget-header .ui-priority-primary {
}

.ui-widget-header .ui-priority-secondary {
filter:Alpha(Opacity=70); /* support: IE8 */
}

.ui-widget-header .ui-state-disabled {
filter:Alpha(Opacity=35); /* support: IE8 */
}

.ui-state-disabled .ui-icon {
filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */
}

/* Icons
/* states and images */
.ui-icon {
}

.ui-widget-content .ui-icon {
}

.ui-widget-header .ui-icon {
}

.ui-button:focus .ui-icon {
}

.ui-button:active .ui-icon {
}

.ui-button .ui-state-highlight.ui-icon {
}

.ui-state-error-text .ui-icon {
}

.ui-button .ui-icon {
}

/* positioning */
.ui-icon-blank { background-position: 16px 16px; }

.ui-icon-caret-1-n { background-position: 0 0; }

.ui-icon-caret-1-ne { background-position: -16px 0; }

.ui-icon-caret-1-e { background-position: -32px 0; }

.ui-icon-caret-1-se { background-position: -48px 0; }

.ui-icon-caret-1-s { background-position: -65px 0; }

.ui-icon-caret-1-sw { background-position: -80px 0; }

.ui-icon-caret-1-w { background-position: -96px 0; }

.ui-icon-caret-1-nw { background-position: -112px 0; }

.ui-icon-caret-2-n-s { background-position: -128px 0; }

.ui-icon-caret-2-e-w { background-position: -144px 0; }

.ui-icon-triangle-1-n { background-position: 0 -16px; }

.ui-icon-triangle-1-ne { background-position: -16px -16px; }

.ui-icon-triangle-1-e { background-position: -32px -16px; }

.ui-icon-triangle-1-se { background-position: -48px -16px; }

.ui-icon-triangle-1-s { background-position: -65px -16px; }

.ui-icon-triangle-1-sw { background-position: -80px -16px; }

.ui-icon-triangle-1-w { background-position: -96px -16px; }

.ui-icon-triangle-1-nw { background-position: -112px -16px; }

.ui-icon-triangle-2-n-s { background-position: -128px -16px; }

.ui-icon-triangle-2-e-w { background-position: -144px -16px; }

.ui-icon-arrow-1-n { background-position: 0 -32px; }

.ui-icon-arrow-1-ne { background-position: -16px -32px; }

.ui-icon-arrow-1-e { background-position: -32px -32px; }

.ui-icon-arrow-1-se { background-position: -48px -32px; }

.ui-icon-arrow-1-s { background-position: -65px -32px; }

.ui-icon-arrow-1-sw { background-position: -80px -32px; }

.ui-icon-arrow-1-w { background-position: -96px -32px; }

.ui-icon-arrow-1-nw { background-position: -112px -32px; }

.ui-icon-arrow-2-n-s { background-position: -128px -32px; }

.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }

.ui-icon-arrow-2-e-w { background-position: -160px -32px; }

.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }

.ui-icon-arrowstop-1-n { background-position: -192px -32px; }

.ui-icon-arrowstop-1-e { background-position: -208px -32px; }

.ui-icon-arrowstop-1-s { background-position: -224px -32px; }

.ui-icon-arrowstop-1-w { background-position: -240px -32px; }

.ui-icon-arrowthick-1-n { background-position: 1px -48px; }

.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }

.ui-icon-arrowthick-1-e { background-position: -32px -48px; }

.ui-icon-arrowthick-1-se { background-position: -48px -48px; }

.ui-icon-arrowthick-1-s { background-position: -64px -48px; }

.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }

.ui-icon-arrowthick-1-w { background-position: -96px -48px; }

.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }

.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }

.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }

.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }

.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }

.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }

.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }

.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }

.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }

.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }

.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }

.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }

.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }

.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }

.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }

.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }

.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }

.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }

.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }

.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }

.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }

.ui-icon-arrow-4 { background-position: 0 -80px; }

.ui-icon-arrow-4-diag { background-position: -16px -80px; }

.ui-icon-extlink { background-position: -32px -80px; }

.ui-icon-newwin { background-position: -48px -80px; }

.ui-icon-refresh { background-position: -64px -80px; }

.ui-icon-shuffle { background-position: -80px -80px; }

.ui-icon-transfer-e-w { background-position: -96px -80px; }

.ui-icon-transferthick-e-w { background-position: -112px -80px; }

.ui-icon-folder-collapsed { background-position: 0 -96px; }

.ui-icon-folder-open { background-position: -16px -96px; }

.ui-icon-document { background-position: -32px -96px; }

.ui-icon-document-b { background-position: -48px -96px; }

.ui-icon-note { background-position: -64px -96px; }

.ui-icon-mail-closed { background-position: -80px -96px; }

.ui-icon-mail-open { background-position: -96px -96px; }

.ui-icon-suitcase { background-position: -112px -96px; }

.ui-icon-comment { background-position: -128px -96px; }

.ui-icon-person { background-position: -144px -96px; }

.ui-icon-print { background-position: -160px -96px; }

.ui-icon-trash { background-position: -176px -96px; }

.ui-icon-locked { background-position: -192px -96px; }

.ui-icon-unlocked { background-position: -208px -96px; }

.ui-icon-bookmark { background-position: -224px -96px; }

.ui-icon-tag { background-position: -240px -96px; }

.ui-icon-home { background-position: 0 -112px; }

.ui-icon-flag { background-position: -16px -112px; }

.ui-icon-calendar { background-position: -32px -112px; }

.ui-icon-cart { background-position: -48px -112px; }

.ui-icon-pencil { background-position: -64px -112px; }

.ui-icon-clock { background-position: -80px -112px; }

.ui-icon-disk { background-position: -96px -112px; }

.ui-icon-calculator { background-position: -112px -112px; }

.ui-icon-zoomin { background-position: -128px -112px; }

.ui-icon-zoomout { background-position: -144px -112px; }

.ui-icon-search { background-position: -160px -112px; }

.ui-icon-wrench { background-position: -176px -112px; }

.ui-icon-gear { background-position: -192px -112px; }

.ui-icon-heart { background-position: -208px -112px; }

.ui-icon-star { background-position: -224px -112px; }

.ui-icon-link { background-position: -240px -112px; }

.ui-icon-cancel { background-position: 0 -128px; }

.ui-icon-plus { background-position: -16px -128px; }

.ui-icon-plusthick { background-position: -32px -128px; }

.ui-icon-minus { background-position: -48px -128px; }

.ui-icon-minusthick { background-position: -64px -128px; }

.ui-icon-close { background-position: -80px -128px; }

.ui-icon-closethick { background-position: -96px -128px; }

.ui-icon-key { background-position: -112px -128px; }

.ui-icon-lightbulb { background-position: -128px -128px; }

.ui-icon-scissors { background-position: -144px -128px; }

.ui-icon-clipboard { background-position: -160px -128px; }

.ui-icon-copy { background-position: -176px -128px; }

.ui-icon-contact { background-position: -192px -128px; }

.ui-icon-image { background-position: -208px -128px; }

.ui-icon-video { background-position: -224px -128px; }

.ui-icon-script { background-position: -240px -128px; }

.ui-icon-alert { background-position: 0 -144px; }

.ui-icon-info { background-position: -16px -144px; }

.ui-icon-notice { background-position: -32px -144px; }

.ui-icon-help { background-position: -48px -144px; }

.ui-icon-check { background-position: -64px -144px; }

.ui-icon-bullet { background-position: -80px -144px; }

.ui-icon-radio-on { background-position: -96px -144px; }

.ui-icon-radio-off { background-position: -112px -144px; }

.ui-icon-pin-w { background-position: -128px -144px; }

.ui-icon-pin-s { background-position: -144px -144px; }

.ui-icon-play { background-position: 0 -160px; }

.ui-icon-pause { background-position: -16px -160px; }

.ui-icon-seek-next { background-position: -32px -160px; }

.ui-icon-seek-prev { background-position: -48px -160px; }

.ui-icon-seek-end { background-position: -64px -160px; }

.ui-icon-seek-start { background-position: -80px -160px; }

/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }

.ui-icon-stop { background-position: -96px -160px; }

.ui-icon-eject { background-position: -112px -160px; }

.ui-icon-volume-off { background-position: -128px -160px; }

.ui-icon-volume-on { background-position: -144px -160px; }

.ui-icon-power { background-position: 0 -176px; }

.ui-icon-signal-diag { background-position: -16px -176px; }

.ui-icon-signal { background-position: -32px -176px; }

.ui-icon-battery-0 { background-position: -48px -176px; }

.ui-icon-battery-1 { background-position: -64px -176px; }

.ui-icon-battery-2 { background-position: -80px -176px; }

.ui-icon-battery-3 { background-position: -96px -176px; }

.ui-icon-circle-plus { background-position: 0 -192px; }

.ui-icon-circle-minus { background-position: -16px -192px; }

.ui-icon-circle-close { background-position: -32px -192px; }

.ui-icon-circle-triangle-e { background-position: -48px -192px; }

.ui-icon-circle-triangle-s { background-position: -64px -192px; }

.ui-icon-circle-triangle-w { background-position: -80px -192px; }

.ui-icon-circle-triangle-n { background-position: -96px -192px; }

.ui-icon-circle-arrow-e { background-position: -112px -192px; }

.ui-icon-circle-arrow-s { background-position: -128px -192px; }

.ui-icon-circle-arrow-w { background-position: -144px -192px; }

.ui-icon-circle-arrow-n { background-position: -160px -192px; }

.ui-icon-circle-zoomin { background-position: -176px -192px; }

.ui-icon-circle-zoomout { background-position: -192px -192px; }

.ui-icon-circle-check { background-position: -208px -192px; }

.ui-icon-circlesmall-plus { background-position: 0 -208px; }

.ui-icon-circlesmall-minus { background-position: -16px -208px; }

.ui-icon-circlesmall-close { background-position: -32px -208px; }

.ui-icon-squaresmall-plus { background-position: -48px -208px; }

.ui-icon-squaresmall-minus { background-position: -64px -208px; }

.ui-icon-squaresmall-close { background-position: -80px -208px; }

.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }

.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }

.ui-icon-grip-solid-vertical { background-position: -32px -224px; }

.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }

.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }

.ui-icon-grip-diagonal-se { background-position: -80px -224px; }

/* Misc visuals
/* Corner radius */
.ui-corner-tl {
}

.ui-corner-tr {
}

.ui-corner-bl {
}

.ui-corner-br {
}

/* Overlays */
.ui-widget-overlay {
filter: Alpha(Opacity=30); /* support: IE8 */
}

.ui-widget-shadow {
}

Source code