1 | /*! jQuery UI - v1.12.1 - 2017-03-05
|
---|
2 | * http://jqueryui.com
|
---|
3 | * Includes: draggable.css, core.css, resizable.css, selectable.css, sortable.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, progressbar.css, selectmenu.css, slider.css, spinner.css, tabs.css, tooltip.css, theme.css
|
---|
4 | * To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=ui-lightness&cornerRadiusShadow=5px&offsetLeftShadow=-5px&offsetTopShadow=-5px&thicknessShadow=5px&opacityShadow=20&bgImgOpacityShadow=10&bgTextureShadow=flat&bgColorShadow=000000&opacityOverlay=50&bgImgOpacityOverlay=20&bgTextureOverlay=diagonals_thick&bgColorOverlay=666666&iconColorError=ffd27a&fcError=ffffff&borderColorError=cd0a0a&bgImgOpacityError=18&bgTextureError=diagonals_thick&bgColorError=b81900&iconColorHighlight=228ef1&fcHighlight=363636&borderColorHighlight=fed22f&bgImgOpacityHighlight=75&bgTextureHighlight=highlight_soft&bgColorHighlight=ffe45c&iconColorActive=ef8c08&fcActive=eb8f00&borderColorActive=fbd850&bgImgOpacityActive=65&bgTextureActive=glass&bgColorActive=ffffff&iconColorHover=ef8c08&fcHover=c77405&borderColorHover=fbcb09&bgImgOpacityHover=100&bgTextureHover=glass&bgColorHover=fdf5ce&iconColorDefault=ef8c08&fcDefault=1c94c4&borderColorDefault=cccccc&bgImgOpacityDefault=100&bgTextureDefault=glass&bgColorDefault=f6f6f6&iconColorContent=222222&fcContent=333333&borderColorContent=dddddd&bgImgOpacityContent=100&bgTextureContent=highlight_soft&bgColorContent=eeeeee&iconColorHeader=ffffff&fcHeader=ffffff&borderColorHeader=e78f08&bgImgOpacityHeader=35&bgTextureHeader=gloss_wave&bgColorHeader=f6a828&cornerRadius=4px&fsDefault=1.1em&fwDefault=bold&ffDefault=Trebuchet%20MS%2CTahoma%2CVerdana%2CArial%2Csans-serif
|
---|
5 | * Copyright jQuery Foundation and other contributors; Licensed MIT */
|
---|
6 |
|
---|
7 | .ui-draggable-handle {
|
---|
8 | -ms-touch-action: none;
|
---|
9 | touch-action: none;
|
---|
10 | }
|
---|
11 | /* Layout helpers
|
---|
12 | ----------------------------------*/
|
---|
13 | .ui-helper-hidden {
|
---|
14 | display: none;
|
---|
15 | }
|
---|
16 | .ui-helper-hidden-accessible {
|
---|
17 | border: 0;
|
---|
18 | clip: rect(0 0 0 0);
|
---|
19 | height: 1px;
|
---|
20 | margin: -1px;
|
---|
21 | overflow: hidden;
|
---|
22 | padding: 0;
|
---|
23 | position: absolute;
|
---|
24 | width: 1px;
|
---|
25 | }
|
---|
26 | .ui-helper-reset {
|
---|
27 | margin: 0;
|
---|
28 | padding: 0;
|
---|
29 | border: 0;
|
---|
30 | outline: 0;
|
---|
31 | line-height: 1.3;
|
---|
32 | text-decoration: none;
|
---|
33 | font-size: 100%;
|
---|
34 | list-style: none;
|
---|
35 | }
|
---|
36 | .ui-helper-clearfix:before,
|
---|
37 | .ui-helper-clearfix:after {
|
---|
38 | content: "";
|
---|
39 | display: table;
|
---|
40 | border-collapse: collapse;
|
---|
41 | }
|
---|
42 | .ui-helper-clearfix:after {
|
---|
43 | clear: both;
|
---|
44 | }
|
---|
45 | .ui-helper-zfix {
|
---|
46 | width: 100%;
|
---|
47 | height: 100%;
|
---|
48 | top: 0;
|
---|
49 | left: 0;
|
---|
50 | position: absolute;
|
---|
51 | opacity: 0;
|
---|
52 | filter:Alpha(Opacity=0); /* support: IE8 */
|
---|
53 | }
|
---|
54 |
|
---|
55 | .ui-front {
|
---|
56 | z-index: 100;
|
---|
57 | }
|
---|
58 |
|
---|
59 |
|
---|
60 | /* Interaction Cues
|
---|
61 | ----------------------------------*/
|
---|
62 | .ui-state-disabled {
|
---|
63 | cursor: default !important;
|
---|
64 | pointer-events: none;
|
---|
65 | }
|
---|
66 |
|
---|
67 |
|
---|
68 | /* Icons
|
---|
69 | ----------------------------------*/
|
---|
70 | .ui-icon {
|
---|
71 | display: inline-block;
|
---|
72 | vertical-align: middle;
|
---|
73 | margin-top: -.25em;
|
---|
74 | position: relative;
|
---|
75 | text-indent: -99999px;
|
---|
76 | overflow: hidden;
|
---|
77 | background-repeat: no-repeat;
|
---|
78 | }
|
---|
79 |
|
---|
80 | .ui-widget-icon-block {
|
---|
81 | left: 50%;
|
---|
82 | margin-left: -8px;
|
---|
83 | display: block;
|
---|
84 | }
|
---|
85 |
|
---|
86 | /* Misc visuals
|
---|
87 | ----------------------------------*/
|
---|
88 |
|
---|
89 | /* Overlays */
|
---|
90 | .ui-widget-overlay {
|
---|
91 | position: fixed;
|
---|
92 | top: 0;
|
---|
93 | left: 0;
|
---|
94 | width: 100%;
|
---|
95 | height: 100%;
|
---|
96 | }
|
---|
97 | .ui-resizable {
|
---|
98 | position: relative;
|
---|
99 | }
|
---|
100 | .ui-resizable-handle {
|
---|
101 | position: absolute;
|
---|
102 | font-size: 0.1px;
|
---|
103 | display: block;
|
---|
104 | -ms-touch-action: none;
|
---|
105 | touch-action: none;
|
---|
106 | }
|
---|
107 | .ui-resizable-disabled .ui-resizable-handle,
|
---|
108 | .ui-resizable-autohide .ui-resizable-handle {
|
---|
109 | display: none;
|
---|
110 | }
|
---|
111 | .ui-resizable-n {
|
---|
112 | cursor: n-resize;
|
---|
113 | height: 7px;
|
---|
114 | width: 100%;
|
---|
115 | top: -5px;
|
---|
116 | left: 0;
|
---|
117 | }
|
---|
118 | .ui-resizable-s {
|
---|
119 | cursor: s-resize;
|
---|
120 | height: 7px;
|
---|
121 | width: 100%;
|
---|
122 | bottom: -5px;
|
---|
123 | left: 0;
|
---|
124 | }
|
---|
125 | .ui-resizable-e {
|
---|
126 | cursor: e-resize;
|
---|
127 | width: 7px;
|
---|
128 | right: -5px;
|
---|
129 | top: 0;
|
---|
130 | height: 100%;
|
---|
131 | }
|
---|
132 | .ui-resizable-w {
|
---|
133 | cursor: w-resize;
|
---|
134 | width: 7px;
|
---|
135 | left: -5px;
|
---|
136 | top: 0;
|
---|
137 | height: 100%;
|
---|
138 | }
|
---|
139 | .ui-resizable-se {
|
---|
140 | cursor: se-resize;
|
---|
141 | width: 12px;
|
---|
142 | height: 12px;
|
---|
143 | right: 1px;
|
---|
144 | bottom: 1px;
|
---|
145 | }
|
---|
146 | .ui-resizable-sw {
|
---|
147 | cursor: sw-resize;
|
---|
148 | width: 9px;
|
---|
149 | height: 9px;
|
---|
150 | left: -5px;
|
---|
151 | bottom: -5px;
|
---|
152 | }
|
---|
153 | .ui-resizable-nw {
|
---|
154 | cursor: nw-resize;
|
---|
155 | width: 9px;
|
---|
156 | height: 9px;
|
---|
157 | left: -5px;
|
---|
158 | top: -5px;
|
---|
159 | }
|
---|
160 | .ui-resizable-ne {
|
---|
161 | cursor: ne-resize;
|
---|
162 | width: 9px;
|
---|
163 | height: 9px;
|
---|
164 | right: -5px;
|
---|
165 | top: -5px;
|
---|
166 | }
|
---|
167 | .ui-selectable {
|
---|
168 | -ms-touch-action: none;
|
---|
169 | touch-action: none;
|
---|
170 | }
|
---|
171 | .ui-selectable-helper {
|
---|
172 | position: absolute;
|
---|
173 | z-index: 100;
|
---|
174 | border: 1px dotted black;
|
---|
175 | }
|
---|
176 | .ui-sortable-handle {
|
---|
177 | -ms-touch-action: none;
|
---|
178 | touch-action: none;
|
---|
179 | }
|
---|
180 | .ui-accordion .ui-accordion-header {
|
---|
181 | display: block;
|
---|
182 | cursor: pointer;
|
---|
183 | position: relative;
|
---|
184 | margin: 2px 0 0 0;
|
---|
185 | padding: .5em .5em .5em .7em;
|
---|
186 | font-size: 100%;
|
---|
187 | }
|
---|
188 | .ui-accordion .ui-accordion-content {
|
---|
189 | padding: 1em 2.2em;
|
---|
190 | border-top: 0;
|
---|
191 | overflow: auto;
|
---|
192 | }
|
---|
193 | .ui-autocomplete {
|
---|
194 | position: absolute;
|
---|
195 | top: 0;
|
---|
196 | left: 0;
|
---|
197 | cursor: default;
|
---|
198 | }
|
---|
199 | .ui-menu {
|
---|
200 | list-style: none;
|
---|
201 | padding: 0;
|
---|
202 | margin: 0;
|
---|
203 | display: block;
|
---|
204 | outline: 0;
|
---|
205 | }
|
---|
206 | .ui-menu .ui-menu {
|
---|
207 | position: absolute;
|
---|
208 | }
|
---|
209 | .ui-menu .ui-menu-item {
|
---|
210 | margin: 0;
|
---|
211 | cursor: pointer;
|
---|
212 | /* support: IE10, see #8844 */
|
---|
213 | list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
|
---|
214 | }
|
---|
215 | .ui-menu .ui-menu-item-wrapper {
|
---|
216 | position: relative;
|
---|
217 | padding: 3px 1em 3px .4em;
|
---|
218 | }
|
---|
219 | .ui-menu .ui-menu-divider {
|
---|
220 | margin: 5px 0;
|
---|
221 | height: 0;
|
---|
222 | font-size: 0;
|
---|
223 | line-height: 0;
|
---|
224 | border-width: 1px 0 0 0;
|
---|
225 | }
|
---|
226 | .ui-menu .ui-state-focus,
|
---|
227 | .ui-menu .ui-state-active {
|
---|
228 | margin: -1px;
|
---|
229 | }
|
---|
230 |
|
---|
231 | /* icon support */
|
---|
232 | .ui-menu-icons {
|
---|
233 | position: relative;
|
---|
234 | }
|
---|
235 | .ui-menu-icons .ui-menu-item-wrapper {
|
---|
236 | padding-left: 2em;
|
---|
237 | }
|
---|
238 |
|
---|
239 | /* left-aligned */
|
---|
240 | .ui-menu .ui-icon {
|
---|
241 | position: absolute;
|
---|
242 | top: 0;
|
---|
243 | bottom: 0;
|
---|
244 | left: .2em;
|
---|
245 | margin: auto 0;
|
---|
246 | }
|
---|
247 |
|
---|
248 | /* right-aligned */
|
---|
249 | .ui-menu .ui-menu-icon {
|
---|
250 | left: auto;
|
---|
251 | right: 0;
|
---|
252 | }
|
---|
253 | .ui-button {
|
---|
254 | padding: .4em 1em;
|
---|
255 | display: inline-block;
|
---|
256 | position: relative;
|
---|
257 | line-height: normal;
|
---|
258 | margin-right: .1em;
|
---|
259 | cursor: pointer;
|
---|
260 | vertical-align: middle;
|
---|
261 | text-align: center;
|
---|
262 | -webkit-user-select: none;
|
---|
263 | -moz-user-select: none;
|
---|
264 | -ms-user-select: none;
|
---|
265 | user-select: none;
|
---|
266 |
|
---|
267 | /* Support: IE <= 11 */
|
---|
268 | overflow: visible;
|
---|
269 | }
|
---|
270 |
|
---|
271 | .ui-button,
|
---|
272 | .ui-button:link,
|
---|
273 | .ui-button:visited,
|
---|
274 | .ui-button:hover,
|
---|
275 | .ui-button:active {
|
---|
276 | text-decoration: none;
|
---|
277 | }
|
---|
278 |
|
---|
279 | /* to make room for the icon, a width needs to be set here */
|
---|
280 | .ui-button-icon-only {
|
---|
281 | width: 2em;
|
---|
282 | box-sizing: border-box;
|
---|
283 | text-indent: -9999px;
|
---|
284 | white-space: nowrap;
|
---|
285 | }
|
---|
286 |
|
---|
287 | /* no icon support for input elements */
|
---|
288 | input.ui-button.ui-button-icon-only {
|
---|
289 | text-indent: 0;
|
---|
290 | }
|
---|
291 |
|
---|
292 | /* button icon element(s) */
|
---|
293 | .ui-button-icon-only .ui-icon {
|
---|
294 | position: absolute;
|
---|
295 | top: 50%;
|
---|
296 | left: 50%;
|
---|
297 | margin-top: -8px;
|
---|
298 | margin-left: -8px;
|
---|
299 | }
|
---|
300 |
|
---|
301 | .ui-button.ui-icon-notext .ui-icon {
|
---|
302 | padding: 0;
|
---|
303 | width: 2.1em;
|
---|
304 | height: 2.1em;
|
---|
305 | text-indent: -9999px;
|
---|
306 | white-space: nowrap;
|
---|
307 |
|
---|
308 | }
|
---|
309 |
|
---|
310 | input.ui-button.ui-icon-notext .ui-icon {
|
---|
311 | width: auto;
|
---|
312 | height: auto;
|
---|
313 | text-indent: 0;
|
---|
314 | white-space: normal;
|
---|
315 | padding: .4em 1em;
|
---|
316 | }
|
---|
317 |
|
---|
318 | /* workarounds */
|
---|
319 | /* Support: Firefox 5 - 40 */
|
---|
320 | input.ui-button::-moz-focus-inner,
|
---|
321 | button.ui-button::-moz-focus-inner {
|
---|
322 | border: 0;
|
---|
323 | padding: 0;
|
---|
324 | }
|
---|
325 | .ui-controlgroup {
|
---|
326 | vertical-align: middle;
|
---|
327 | display: inline-block;
|
---|
328 | }
|
---|
329 | .ui-controlgroup > .ui-controlgroup-item {
|
---|
330 | float: left;
|
---|
331 | margin-left: 0;
|
---|
332 | margin-right: 0;
|
---|
333 | }
|
---|
334 | .ui-controlgroup > .ui-controlgroup-item:focus,
|
---|
335 | .ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
|
---|
336 | z-index: 9999;
|
---|
337 | }
|
---|
338 | .ui-controlgroup-vertical > .ui-controlgroup-item {
|
---|
339 | display: block;
|
---|
340 | float: none;
|
---|
341 | width: 100%;
|
---|
342 | margin-top: 0;
|
---|
343 | margin-bottom: 0;
|
---|
344 | text-align: left;
|
---|
345 | }
|
---|
346 | .ui-controlgroup-vertical .ui-controlgroup-item {
|
---|
347 | box-sizing: border-box;
|
---|
348 | }
|
---|
349 | .ui-controlgroup .ui-controlgroup-label {
|
---|
350 | padding: .4em 1em;
|
---|
351 | }
|
---|
352 | .ui-controlgroup .ui-controlgroup-label span {
|
---|
353 | font-size: 80%;
|
---|
354 | }
|
---|
355 | .ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
|
---|
356 | border-left: none;
|
---|
357 | }
|
---|
358 | .ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
|
---|
359 | border-top: none;
|
---|
360 | }
|
---|
361 | .ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
|
---|
362 | border-right: none;
|
---|
363 | }
|
---|
364 | .ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
|
---|
365 | border-bottom: none;
|
---|
366 | }
|
---|
367 |
|
---|
368 | /* Spinner specific style fixes */
|
---|
369 | .ui-controlgroup-vertical .ui-spinner-input {
|
---|
370 |
|
---|
371 | /* Support: IE8 only, Android < 4.4 only */
|
---|
372 | width: 75%;
|
---|
373 | width: calc( 100% - 2.4em );
|
---|
374 | }
|
---|
375 | .ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
|
---|
376 | border-top-style: solid;
|
---|
377 | }
|
---|
378 |
|
---|
379 | .ui-checkboxradio-label .ui-icon-background {
|
---|
380 | box-shadow: inset 1px 1px 1px #ccc;
|
---|
381 | border-radius: .12em;
|
---|
382 | border: none;
|
---|
383 | }
|
---|
384 | .ui-checkboxradio-radio-label .ui-icon-background {
|
---|
385 | width: 16px;
|
---|
386 | height: 16px;
|
---|
387 | border-radius: 1em;
|
---|
388 | overflow: visible;
|
---|
389 | border: none;
|
---|
390 | }
|
---|
391 | .ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
|
---|
392 | .ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
|
---|
393 | background-image: none;
|
---|
394 | width: 8px;
|
---|
395 | height: 8px;
|
---|
396 | border-width: 4px;
|
---|
397 | border-style: solid;
|
---|
398 | }
|
---|
399 | .ui-checkboxradio-disabled {
|
---|
400 | pointer-events: none;
|
---|
401 | }
|
---|
402 | .ui-datepicker {
|
---|
403 | width: 17em;
|
---|
404 | padding: .2em .2em 0;
|
---|
405 | display: none;
|
---|
406 | }
|
---|
407 | .ui-datepicker .ui-datepicker-header {
|
---|
408 | position: relative;
|
---|
409 | padding: .2em 0;
|
---|
410 | }
|
---|
411 | .ui-datepicker .ui-datepicker-prev,
|
---|
412 | .ui-datepicker .ui-datepicker-next {
|
---|
413 | position: absolute;
|
---|
414 | top: 2px;
|
---|
415 | width: 1.8em;
|
---|
416 | height: 1.8em;
|
---|
417 | }
|
---|
418 | .ui-datepicker .ui-datepicker-prev-hover,
|
---|
419 | .ui-datepicker .ui-datepicker-next-hover {
|
---|
420 | top: 1px;
|
---|
421 | }
|
---|
422 | .ui-datepicker .ui-datepicker-prev {
|
---|
423 | left: 2px;
|
---|
424 | }
|
---|
425 | .ui-datepicker .ui-datepicker-next {
|
---|
426 | right: 2px;
|
---|
427 | }
|
---|
428 | .ui-datepicker .ui-datepicker-prev-hover {
|
---|
429 | left: 1px;
|
---|
430 | }
|
---|
431 | .ui-datepicker .ui-datepicker-next-hover {
|
---|
432 | right: 1px;
|
---|
433 | }
|
---|
434 | .ui-datepicker .ui-datepicker-prev span,
|
---|
435 | .ui-datepicker .ui-datepicker-next span {
|
---|
436 | display: block;
|
---|
437 | position: absolute;
|
---|
438 | left: 50%;
|
---|
439 | margin-left: -8px;
|
---|
440 | top: 50%;
|
---|
441 | margin-top: -8px;
|
---|
442 | }
|
---|
443 | .ui-datepicker .ui-datepicker-title {
|
---|
444 | margin: 0 2.3em;
|
---|
445 | line-height: 1.8em;
|
---|
446 | text-align: center;
|
---|
447 | }
|
---|
448 | .ui-datepicker .ui-datepicker-title select {
|
---|
449 | font-size: 1em;
|
---|
450 | margin: 1px 0;
|
---|
451 | }
|
---|
452 | .ui-datepicker select.ui-datepicker-month,
|
---|
453 | .ui-datepicker select.ui-datepicker-year {
|
---|
454 | width: 45%;
|
---|
455 | }
|
---|
456 | .ui-datepicker table {
|
---|
457 | width: 100%;
|
---|
458 | font-size: .9em;
|
---|
459 | border-collapse: collapse;
|
---|
460 | margin: 0 0 .4em;
|
---|
461 | }
|
---|
462 | .ui-datepicker th {
|
---|
463 | padding: .7em .3em;
|
---|
464 | text-align: center;
|
---|
465 | font-weight: bold;
|
---|
466 | border: 0;
|
---|
467 | }
|
---|
468 | .ui-datepicker td {
|
---|
469 | border: 0;
|
---|
470 | padding: 1px;
|
---|
471 | }
|
---|
472 | .ui-datepicker td span,
|
---|
473 | .ui-datepicker td a {
|
---|
474 | display: block;
|
---|
475 | padding: .2em;
|
---|
476 | text-align: right;
|
---|
477 | text-decoration: none;
|
---|
478 | }
|
---|
479 | .ui-datepicker .ui-datepicker-buttonpane {
|
---|
480 | background-image: none;
|
---|
481 | margin: .7em 0 0 0;
|
---|
482 | padding: 0 .2em;
|
---|
483 | border-left: 0;
|
---|
484 | border-right: 0;
|
---|
485 | border-bottom: 0;
|
---|
486 | }
|
---|
487 | .ui-datepicker .ui-datepicker-buttonpane button {
|
---|
488 | float: right;
|
---|
489 | margin: .5em .2em .4em;
|
---|
490 | cursor: pointer;
|
---|
491 | padding: .2em .6em .3em .6em;
|
---|
492 | width: auto;
|
---|
493 | overflow: visible;
|
---|
494 | }
|
---|
495 | .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
|
---|
496 | float: left;
|
---|
497 | }
|
---|
498 |
|
---|
499 | /* with multiple calendars */
|
---|
500 | .ui-datepicker.ui-datepicker-multi {
|
---|
501 | width: auto;
|
---|
502 | }
|
---|
503 | .ui-datepicker-multi .ui-datepicker-group {
|
---|
504 | float: left;
|
---|
505 | }
|
---|
506 | .ui-datepicker-multi .ui-datepicker-group table {
|
---|
507 | width: 95%;
|
---|
508 | margin: 0 auto .4em;
|
---|
509 | }
|
---|
510 | .ui-datepicker-multi-2 .ui-datepicker-group {
|
---|
511 | width: 50%;
|
---|
512 | }
|
---|
513 | .ui-datepicker-multi-3 .ui-datepicker-group {
|
---|
514 | width: 33.3%;
|
---|
515 | }
|
---|
516 | .ui-datepicker-multi-4 .ui-datepicker-group {
|
---|
517 | width: 25%;
|
---|
518 | }
|
---|
519 | .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
|
---|
520 | .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
|
---|
521 | border-left-width: 0;
|
---|
522 | }
|
---|
523 | .ui-datepicker-multi .ui-datepicker-buttonpane {
|
---|
524 | clear: left;
|
---|
525 | }
|
---|
526 | .ui-datepicker-row-break {
|
---|
527 | clear: both;
|
---|
528 | width: 100%;
|
---|
529 | font-size: 0;
|
---|
530 | }
|
---|
531 |
|
---|
532 | /* RTL support */
|
---|
533 | .ui-datepicker-rtl {
|
---|
534 | direction: rtl;
|
---|
535 | }
|
---|
536 | .ui-datepicker-rtl .ui-datepicker-prev {
|
---|
537 | right: 2px;
|
---|
538 | left: auto;
|
---|
539 | }
|
---|
540 | .ui-datepicker-rtl .ui-datepicker-next {
|
---|
541 | left: 2px;
|
---|
542 | right: auto;
|
---|
543 | }
|
---|
544 | .ui-datepicker-rtl .ui-datepicker-prev:hover {
|
---|
545 | right: 1px;
|
---|
546 | left: auto;
|
---|
547 | }
|
---|
548 | .ui-datepicker-rtl .ui-datepicker-next:hover {
|
---|
549 | left: 1px;
|
---|
550 | right: auto;
|
---|
551 | }
|
---|
552 | .ui-datepicker-rtl .ui-datepicker-buttonpane {
|
---|
553 | clear: right;
|
---|
554 | }
|
---|
555 | .ui-datepicker-rtl .ui-datepicker-buttonpane button {
|
---|
556 | float: left;
|
---|
557 | }
|
---|
558 | .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
|
---|
559 | .ui-datepicker-rtl .ui-datepicker-group {
|
---|
560 | float: right;
|
---|
561 | }
|
---|
562 | .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
|
---|
563 | .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
|
---|
564 | border-right-width: 0;
|
---|
565 | border-left-width: 1px;
|
---|
566 | }
|
---|
567 |
|
---|
568 | /* Icons */
|
---|
569 | .ui-datepicker .ui-icon {
|
---|
570 | display: block;
|
---|
571 | text-indent: -99999px;
|
---|
572 | overflow: hidden;
|
---|
573 | background-repeat: no-repeat;
|
---|
574 | left: .5em;
|
---|
575 | top: .3em;
|
---|
576 | }
|
---|
577 | .ui-dialog {
|
---|
578 | position: absolute;
|
---|
579 | top: 0;
|
---|
580 | left: 0;
|
---|
581 | padding: .2em;
|
---|
582 | outline: 0;
|
---|
583 | }
|
---|
584 | .ui-dialog .ui-dialog-titlebar {
|
---|
585 | padding: .4em 1em;
|
---|
586 | position: relative;
|
---|
587 | }
|
---|
588 | .ui-dialog .ui-dialog-title {
|
---|
589 | float: left;
|
---|
590 | margin: .1em 0;
|
---|
591 | white-space: nowrap;
|
---|
592 | width: 90%;
|
---|
593 | overflow: hidden;
|
---|
594 | text-overflow: ellipsis;
|
---|
595 | }
|
---|
596 | .ui-dialog .ui-dialog-titlebar-close {
|
---|
597 | position: absolute;
|
---|
598 | right: .3em;
|
---|
599 | top: 50%;
|
---|
600 | width: 20px;
|
---|
601 | margin: -10px 0 0 0;
|
---|
602 | padding: 1px;
|
---|
603 | height: 20px;
|
---|
604 | }
|
---|
605 | .ui-dialog .ui-dialog-content {
|
---|
606 | position: relative;
|
---|
607 | border: 0;
|
---|
608 | padding: .5em 1em;
|
---|
609 | background: none;
|
---|
610 | overflow: auto;
|
---|
611 | }
|
---|
612 | .ui-dialog .ui-dialog-buttonpane {
|
---|
613 | text-align: left;
|
---|
614 | border-width: 1px 0 0 0;
|
---|
615 | background-image: none;
|
---|
616 | margin-top: .5em;
|
---|
617 | padding: .3em 1em .5em .4em;
|
---|
618 | }
|
---|
619 | .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
|
---|
620 | float: right;
|
---|
621 | }
|
---|
622 | .ui-dialog .ui-dialog-buttonpane button {
|
---|
623 | margin: .5em .4em .5em 0;
|
---|
624 | cursor: pointer;
|
---|
625 | }
|
---|
626 | .ui-dialog .ui-resizable-n {
|
---|
627 | height: 2px;
|
---|
628 | top: 0;
|
---|
629 | }
|
---|
630 | .ui-dialog .ui-resizable-e {
|
---|
631 | width: 2px;
|
---|
632 | right: 0;
|
---|
633 | }
|
---|
634 | .ui-dialog .ui-resizable-s {
|
---|
635 | height: 2px;
|
---|
636 | bottom: 0;
|
---|
637 | }
|
---|
638 | .ui-dialog .ui-resizable-w {
|
---|
639 | width: 2px;
|
---|
640 | left: 0;
|
---|
641 | }
|
---|
642 | .ui-dialog .ui-resizable-se,
|
---|
643 | .ui-dialog .ui-resizable-sw,
|
---|
644 | .ui-dialog .ui-resizable-ne,
|
---|
645 | .ui-dialog .ui-resizable-nw {
|
---|
646 | width: 7px;
|
---|
647 | height: 7px;
|
---|
648 | }
|
---|
649 | .ui-dialog .ui-resizable-se {
|
---|
650 | right: 0;
|
---|
651 | bottom: 0;
|
---|
652 | }
|
---|
653 | .ui-dialog .ui-resizable-sw {
|
---|
654 | left: 0;
|
---|
655 | bottom: 0;
|
---|
656 | }
|
---|
657 | .ui-dialog .ui-resizable-ne {
|
---|
658 | right: 0;
|
---|
659 | top: 0;
|
---|
660 | }
|
---|
661 | .ui-dialog .ui-resizable-nw {
|
---|
662 | left: 0;
|
---|
663 | top: 0;
|
---|
664 | }
|
---|
665 | .ui-draggable .ui-dialog-titlebar {
|
---|
666 | cursor: move;
|
---|
667 | }
|
---|
668 | .ui-progressbar {
|
---|
669 | height: 2em;
|
---|
670 | text-align: left;
|
---|
671 | overflow: hidden;
|
---|
672 | }
|
---|
673 | .ui-progressbar .ui-progressbar-value {
|
---|
674 | margin: -1px;
|
---|
675 | height: 100%;
|
---|
676 | }
|
---|
677 | .ui-progressbar .ui-progressbar-overlay {
|
---|
678 | background: url("data:image/gif;base64,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");
|
---|
679 | height: 100%;
|
---|
680 | filter: alpha(opacity=25); /* support: IE8 */
|
---|
681 | opacity: 0.25;
|
---|
682 | }
|
---|
683 | .ui-progressbar-indeterminate .ui-progressbar-value {
|
---|
684 | background-image: none;
|
---|
685 | }
|
---|
686 | .ui-selectmenu-menu {
|
---|
687 | padding: 0;
|
---|
688 | margin: 0;
|
---|
689 | position: absolute;
|
---|
690 | top: 0;
|
---|
691 | left: 0;
|
---|
692 | display: none;
|
---|
693 | }
|
---|
694 | .ui-selectmenu-menu .ui-menu {
|
---|
695 | overflow: auto;
|
---|
696 | overflow-x: hidden;
|
---|
697 | padding-bottom: 1px;
|
---|
698 | }
|
---|
699 | .ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
|
---|
700 | font-size: 1em;
|
---|
701 | font-weight: bold;
|
---|
702 | line-height: 1.5;
|
---|
703 | padding: 2px 0.4em;
|
---|
704 | margin: 0.5em 0 0 0;
|
---|
705 | height: auto;
|
---|
706 | border: 0;
|
---|
707 | }
|
---|
708 | .ui-selectmenu-open {
|
---|
709 | display: block;
|
---|
710 | }
|
---|
711 | .ui-selectmenu-text {
|
---|
712 | display: block;
|
---|
713 | margin-right: 20px;
|
---|
714 | overflow: hidden;
|
---|
715 | text-overflow: ellipsis;
|
---|
716 | }
|
---|
717 | .ui-selectmenu-button.ui-button {
|
---|
718 | text-align: left;
|
---|
719 | white-space: nowrap;
|
---|
720 | width: 14em;
|
---|
721 | }
|
---|
722 | .ui-selectmenu-icon.ui-icon {
|
---|
723 | float: right;
|
---|
724 | margin-top: 0;
|
---|
725 | }
|
---|
726 | .ui-slider {
|
---|
727 | position: relative;
|
---|
728 | text-align: left;
|
---|
729 | }
|
---|
730 | .ui-slider .ui-slider-handle {
|
---|
731 | position: absolute;
|
---|
732 | z-index: 2;
|
---|
733 | width: 1.2em;
|
---|
734 | height: 1.2em;
|
---|
735 | cursor: default;
|
---|
736 | -ms-touch-action: none;
|
---|
737 | touch-action: none;
|
---|
738 | }
|
---|
739 | .ui-slider .ui-slider-range {
|
---|
740 | position: absolute;
|
---|
741 | z-index: 1;
|
---|
742 | font-size: .7em;
|
---|
743 | display: block;
|
---|
744 | border: 0;
|
---|
745 | background-position: 0 0;
|
---|
746 | }
|
---|
747 |
|
---|
748 | /* support: IE8 - See #6727 */
|
---|
749 | .ui-slider.ui-state-disabled .ui-slider-handle,
|
---|
750 | .ui-slider.ui-state-disabled .ui-slider-range {
|
---|
751 | filter: inherit;
|
---|
752 | }
|
---|
753 |
|
---|
754 | .ui-slider-horizontal {
|
---|
755 | height: .8em;
|
---|
756 | }
|
---|
757 | .ui-slider-horizontal .ui-slider-handle {
|
---|
758 | top: -.3em;
|
---|
759 | margin-left: -.6em;
|
---|
760 | }
|
---|
761 | .ui-slider-horizontal .ui-slider-range {
|
---|
762 | top: 0;
|
---|
763 | height: 100%;
|
---|
764 | }
|
---|
765 | .ui-slider-horizontal .ui-slider-range-min {
|
---|
766 | left: 0;
|
---|
767 | }
|
---|
768 | .ui-slider-horizontal .ui-slider-range-max {
|
---|
769 | right: 0;
|
---|
770 | }
|
---|
771 |
|
---|
772 | .ui-slider-vertical {
|
---|
773 | width: .8em;
|
---|
774 | height: 100px;
|
---|
775 | }
|
---|
776 | .ui-slider-vertical .ui-slider-handle {
|
---|
777 | left: -.3em;
|
---|
778 | margin-left: 0;
|
---|
779 | margin-bottom: -.6em;
|
---|
780 | }
|
---|
781 | .ui-slider-vertical .ui-slider-range {
|
---|
782 | left: 0;
|
---|
783 | width: 100%;
|
---|
784 | }
|
---|
785 | .ui-slider-vertical .ui-slider-range-min {
|
---|
786 | bottom: 0;
|
---|
787 | }
|
---|
788 | .ui-slider-vertical .ui-slider-range-max {
|
---|
789 | top: 0;
|
---|
790 | }
|
---|
791 | .ui-spinner {
|
---|
792 | position: relative;
|
---|
793 | display: inline-block;
|
---|
794 | overflow: hidden;
|
---|
795 | padding: 0;
|
---|
796 | vertical-align: middle;
|
---|
797 | }
|
---|
798 | .ui-spinner-input {
|
---|
799 | border: none;
|
---|
800 | background: none;
|
---|
801 | color: inherit;
|
---|
802 | padding: .222em 0;
|
---|
803 | margin: .2em 0;
|
---|
804 | vertical-align: middle;
|
---|
805 | margin-left: .4em;
|
---|
806 | margin-right: 2em;
|
---|
807 | }
|
---|
808 | .ui-spinner-button {
|
---|
809 | width: 1.6em;
|
---|
810 | height: 50%;
|
---|
811 | font-size: .5em;
|
---|
812 | padding: 0;
|
---|
813 | margin: 0;
|
---|
814 | text-align: center;
|
---|
815 | position: absolute;
|
---|
816 | cursor: default;
|
---|
817 | display: block;
|
---|
818 | overflow: hidden;
|
---|
819 | right: 0;
|
---|
820 | }
|
---|
821 | /* more specificity required here to override default borders */
|
---|
822 | .ui-spinner a.ui-spinner-button {
|
---|
823 | border-top-style: none;
|
---|
824 | border-bottom-style: none;
|
---|
825 | border-right-style: none;
|
---|
826 | }
|
---|
827 | .ui-spinner-up {
|
---|
828 | top: 0;
|
---|
829 | }
|
---|
830 | .ui-spinner-down {
|
---|
831 | bottom: 0;
|
---|
832 | }
|
---|
833 | .ui-tabs {
|
---|
834 | position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
|
---|
835 | padding: .2em;
|
---|
836 | }
|
---|
837 | .ui-tabs .ui-tabs-nav {
|
---|
838 | margin: 0;
|
---|
839 | padding: .2em .2em 0;
|
---|
840 | }
|
---|
841 | .ui-tabs .ui-tabs-nav li {
|
---|
842 | list-style: none;
|
---|
843 | float: left;
|
---|
844 | position: relative;
|
---|
845 | top: 0;
|
---|
846 | margin: 1px .2em 0 0;
|
---|
847 | border-bottom-width: 0;
|
---|
848 | padding: 0;
|
---|
849 | white-space: nowrap;
|
---|
850 | }
|
---|
851 | .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
|
---|
852 | float: left;
|
---|
853 | padding: .5em 1em;
|
---|
854 | text-decoration: none;
|
---|
855 | }
|
---|
856 | .ui-tabs .ui-tabs-nav li.ui-tabs-active {
|
---|
857 | margin-bottom: -1px;
|
---|
858 | padding-bottom: 1px;
|
---|
859 | }
|
---|
860 | .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
|
---|
861 | .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
|
---|
862 | .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
|
---|
863 | cursor: text;
|
---|
864 | }
|
---|
865 | .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
|
---|
866 | cursor: pointer;
|
---|
867 | }
|
---|
868 | .ui-tabs .ui-tabs-panel {
|
---|
869 | display: block;
|
---|
870 | border-width: 0;
|
---|
871 | padding: 1em 1.4em;
|
---|
872 | background: none;
|
---|
873 | }
|
---|
874 | .ui-tooltip {
|
---|
875 | padding: 8px;
|
---|
876 | position: absolute;
|
---|
877 | z-index: 9999;
|
---|
878 | max-width: 300px;
|
---|
879 | }
|
---|
880 | body .ui-tooltip {
|
---|
881 | border-width: 2px;
|
---|
882 | }
|
---|
883 |
|
---|
884 | /* Component containers
|
---|
885 | ----------------------------------*/
|
---|
886 | .ui-widget {
|
---|
887 | font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
|
---|
888 | font-size: 1.1em;
|
---|
889 | }
|
---|
890 | .ui-widget .ui-widget {
|
---|
891 | font-size: 1em;
|
---|
892 | }
|
---|
893 | .ui-widget input,
|
---|
894 | .ui-widget select,
|
---|
895 | .ui-widget textarea,
|
---|
896 | .ui-widget button {
|
---|
897 | font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
|
---|
898 | font-size: 1em;
|
---|
899 | }
|
---|
900 | .ui-widget.ui-widget-content {
|
---|
901 | border: 1px solid #cccccc;
|
---|
902 | }
|
---|
903 | .ui-widget-content {
|
---|
904 | border: 1px solid #dddddd;
|
---|
905 | background: #eeeeee url("images/ui-bg_highlight-soft_100_eeeeee_1x100.png") 50% top repeat-x;
|
---|
906 | color: #333333;
|
---|
907 | }
|
---|
908 | .ui-widget-content a {
|
---|
909 | color: #333333;
|
---|
910 | }
|
---|
911 | .ui-widget-header {
|
---|
912 | border: 1px solid #e78f08;
|
---|
913 | background: #f6a828 url("images/ui-bg_gloss-wave_35_f6a828_500x100.png") 50% 50% repeat-x;
|
---|
914 | color: #ffffff;
|
---|
915 | font-weight: bold;
|
---|
916 | }
|
---|
917 | .ui-widget-header a {
|
---|
918 | color: #ffffff;
|
---|
919 | }
|
---|
920 |
|
---|
921 | /* Interaction states
|
---|
922 | ----------------------------------*/
|
---|
923 | .ui-state-default,
|
---|
924 | .ui-widget-content .ui-state-default,
|
---|
925 | .ui-widget-header .ui-state-default,
|
---|
926 | .ui-button,
|
---|
927 |
|
---|
928 | /* We use html here because we need a greater specificity to make sure disabled
|
---|
929 | works properly when clicked or hovered */
|
---|
930 | html .ui-button.ui-state-disabled:hover,
|
---|
931 | html .ui-button.ui-state-disabled:active {
|
---|
932 | border: 1px solid #cccccc;
|
---|
933 | background: #f6f6f6 url("images/ui-bg_glass_100_f6f6f6_1x400.png") 50% 50% repeat-x;
|
---|
934 | font-weight: bold;
|
---|
935 | color: #1c94c4;
|
---|
936 | }
|
---|
937 | .ui-state-default a,
|
---|
938 | .ui-state-default a:link,
|
---|
939 | .ui-state-default a:visited,
|
---|
940 | a.ui-button,
|
---|
941 | a:link.ui-button,
|
---|
942 | a:visited.ui-button,
|
---|
943 | .ui-button {
|
---|
944 | color: #1c94c4;
|
---|
945 | text-decoration: none;
|
---|
946 | }
|
---|
947 | .ui-state-hover,
|
---|
948 | .ui-widget-content .ui-state-hover,
|
---|
949 | .ui-widget-header .ui-state-hover,
|
---|
950 | .ui-state-focus,
|
---|
951 | .ui-widget-content .ui-state-focus,
|
---|
952 | .ui-widget-header .ui-state-focus,
|
---|
953 | .ui-button:hover,
|
---|
954 | .ui-button:focus {
|
---|
955 | border: 1px solid #fbcb09;
|
---|
956 | background: #fdf5ce url("images/ui-bg_glass_100_fdf5ce_1x400.png") 50% 50% repeat-x;
|
---|
957 | font-weight: bold;
|
---|
958 | color: #c77405;
|
---|
959 | }
|
---|
960 | .ui-state-hover a,
|
---|
961 | .ui-state-hover a:hover,
|
---|
962 | .ui-state-hover a:link,
|
---|
963 | .ui-state-hover a:visited,
|
---|
964 | .ui-state-focus a,
|
---|
965 | .ui-state-focus a:hover,
|
---|
966 | .ui-state-focus a:link,
|
---|
967 | .ui-state-focus a:visited,
|
---|
968 | a.ui-button:hover,
|
---|
969 | a.ui-button:focus {
|
---|
970 | color: #c77405;
|
---|
971 | text-decoration: none;
|
---|
972 | }
|
---|
973 |
|
---|
974 | .ui-visual-focus {
|
---|
975 | box-shadow: 0 0 3px 1px rgb(94, 158, 214);
|
---|
976 | }
|
---|
977 | .ui-state-active,
|
---|
978 | .ui-widget-content .ui-state-active,
|
---|
979 | .ui-widget-header .ui-state-active,
|
---|
980 | a.ui-button:active,
|
---|
981 | .ui-button:active,
|
---|
982 | .ui-button.ui-state-active:hover {
|
---|
983 | border: 1px solid #fbd850;
|
---|
984 | background: #ffffff url("images/ui-bg_glass_65_ffffff_1x400.png") 50% 50% repeat-x;
|
---|
985 | font-weight: bold;
|
---|
986 | color: #eb8f00;
|
---|
987 | }
|
---|
988 | .ui-icon-background,
|
---|
989 | .ui-state-active .ui-icon-background {
|
---|
990 | border: #fbd850;
|
---|
991 | background-color: #eb8f00;
|
---|
992 | }
|
---|
993 | .ui-state-active a,
|
---|
994 | .ui-state-active a:link,
|
---|
995 | .ui-state-active a:visited {
|
---|
996 | color: #eb8f00;
|
---|
997 | text-decoration: none;
|
---|
998 | }
|
---|
999 |
|
---|
1000 | /* Interaction Cues
|
---|
1001 | ----------------------------------*/
|
---|
1002 | .ui-state-highlight,
|
---|
1003 | .ui-widget-content .ui-state-highlight,
|
---|
1004 | .ui-widget-header .ui-state-highlight {
|
---|
1005 | border: 1px solid #fed22f;
|
---|
1006 | background: #ffe45c url("images/ui-bg_highlight-soft_75_ffe45c_1x100.png") 50% top repeat-x;
|
---|
1007 | color: #363636;
|
---|
1008 | }
|
---|
1009 | .ui-state-checked {
|
---|
1010 | border: 1px solid #fed22f;
|
---|
1011 | background: #ffe45c;
|
---|
1012 | }
|
---|
1013 | .ui-state-highlight a,
|
---|
1014 | .ui-widget-content .ui-state-highlight a,
|
---|
1015 | .ui-widget-header .ui-state-highlight a {
|
---|
1016 | color: #363636;
|
---|
1017 | }
|
---|
1018 | .ui-state-error,
|
---|
1019 | .ui-widget-content .ui-state-error,
|
---|
1020 | .ui-widget-header .ui-state-error {
|
---|
1021 | border: 1px solid #cd0a0a;
|
---|
1022 | background: #b81900 url("images/ui-bg_diagonals-thick_18_b81900_40x40.png") 50% 50% repeat;
|
---|
1023 | color: #ffffff;
|
---|
1024 | }
|
---|
1025 | .ui-state-error a,
|
---|
1026 | .ui-widget-content .ui-state-error a,
|
---|
1027 | .ui-widget-header .ui-state-error a {
|
---|
1028 | color: #ffffff;
|
---|
1029 | }
|
---|
1030 | .ui-state-error-text,
|
---|
1031 | .ui-widget-content .ui-state-error-text,
|
---|
1032 | .ui-widget-header .ui-state-error-text {
|
---|
1033 | color: #ffffff;
|
---|
1034 | }
|
---|
1035 | .ui-priority-primary,
|
---|
1036 | .ui-widget-content .ui-priority-primary,
|
---|
1037 | .ui-widget-header .ui-priority-primary {
|
---|
1038 | font-weight: bold;
|
---|
1039 | }
|
---|
1040 | .ui-priority-secondary,
|
---|
1041 | .ui-widget-content .ui-priority-secondary,
|
---|
1042 | .ui-widget-header .ui-priority-secondary {
|
---|
1043 | opacity: .7;
|
---|
1044 | filter:Alpha(Opacity=70); /* support: IE8 */
|
---|
1045 | font-weight: normal;
|
---|
1046 | }
|
---|
1047 | .ui-state-disabled,
|
---|
1048 | .ui-widget-content .ui-state-disabled,
|
---|
1049 | .ui-widget-header .ui-state-disabled {
|
---|
1050 | opacity: .35;
|
---|
1051 | filter:Alpha(Opacity=35); /* support: IE8 */
|
---|
1052 | background-image: none;
|
---|
1053 | }
|
---|
1054 | .ui-state-disabled .ui-icon {
|
---|
1055 | filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */
|
---|
1056 | }
|
---|
1057 |
|
---|
1058 | /* Icons
|
---|
1059 | ----------------------------------*/
|
---|
1060 |
|
---|
1061 | /* states and images */
|
---|
1062 | .ui-icon {
|
---|
1063 | width: 16px;
|
---|
1064 | height: 16px;
|
---|
1065 | }
|
---|
1066 | .ui-icon,
|
---|
1067 | .ui-widget-content .ui-icon {
|
---|
1068 | background-image: url("images/ui-icons_222222_256x240.png");
|
---|
1069 | }
|
---|
1070 | .ui-widget-header .ui-icon {
|
---|
1071 | background-image: url("images/ui-icons_ffffff_256x240.png");
|
---|
1072 | }
|
---|
1073 | .ui-state-hover .ui-icon,
|
---|
1074 | .ui-state-focus .ui-icon,
|
---|
1075 | .ui-button:hover .ui-icon,
|
---|
1076 | .ui-button:focus .ui-icon {
|
---|
1077 | background-image: url("images/ui-icons_ef8c08_256x240.png");
|
---|
1078 | }
|
---|
1079 | .ui-state-active .ui-icon,
|
---|
1080 | .ui-button:active .ui-icon {
|
---|
1081 | background-image: url("images/ui-icons_ef8c08_256x240.png");
|
---|
1082 | }
|
---|
1083 | .ui-state-highlight .ui-icon,
|
---|
1084 | .ui-button .ui-state-highlight.ui-icon {
|
---|
1085 | background-image: url("images/ui-icons_228ef1_256x240.png");
|
---|
1086 | }
|
---|
1087 | .ui-state-error .ui-icon,
|
---|
1088 | .ui-state-error-text .ui-icon {
|
---|
1089 | background-image: url("images/ui-icons_ffd27a_256x240.png");
|
---|
1090 | }
|
---|
1091 | .ui-button .ui-icon {
|
---|
1092 | background-image: url("images/ui-icons_ef8c08_256x240.png");
|
---|
1093 | }
|
---|
1094 |
|
---|
1095 | /* positioning */
|
---|
1096 | .ui-icon-blank { background-position: 16px 16px; }
|
---|
1097 | .ui-icon-caret-1-n { background-position: 0 0; }
|
---|
1098 | .ui-icon-caret-1-ne { background-position: -16px 0; }
|
---|
1099 | .ui-icon-caret-1-e { background-position: -32px 0; }
|
---|
1100 | .ui-icon-caret-1-se { background-position: -48px 0; }
|
---|
1101 | .ui-icon-caret-1-s { background-position: -65px 0; }
|
---|
1102 | .ui-icon-caret-1-sw { background-position: -80px 0; }
|
---|
1103 | .ui-icon-caret-1-w { background-position: -96px 0; }
|
---|
1104 | .ui-icon-caret-1-nw { background-position: -112px 0; }
|
---|
1105 | .ui-icon-caret-2-n-s { background-position: -128px 0; }
|
---|
1106 | .ui-icon-caret-2-e-w { background-position: -144px 0; }
|
---|
1107 | .ui-icon-triangle-1-n { background-position: 0 -16px; }
|
---|
1108 | .ui-icon-triangle-1-ne { background-position: -16px -16px; }
|
---|
1109 | .ui-icon-triangle-1-e { background-position: -32px -16px; }
|
---|
1110 | .ui-icon-triangle-1-se { background-position: -48px -16px; }
|
---|
1111 | .ui-icon-triangle-1-s { background-position: -65px -16px; }
|
---|
1112 | .ui-icon-triangle-1-sw { background-position: -80px -16px; }
|
---|
1113 | .ui-icon-triangle-1-w { background-position: -96px -16px; }
|
---|
1114 | .ui-icon-triangle-1-nw { background-position: -112px -16px; }
|
---|
1115 | .ui-icon-triangle-2-n-s { background-position: -128px -16px; }
|
---|
1116 | .ui-icon-triangle-2-e-w { background-position: -144px -16px; }
|
---|
1117 | .ui-icon-arrow-1-n { background-position: 0 -32px; }
|
---|
1118 | .ui-icon-arrow-1-ne { background-position: -16px -32px; }
|
---|
1119 | .ui-icon-arrow-1-e { background-position: -32px -32px; }
|
---|
1120 | .ui-icon-arrow-1-se { background-position: -48px -32px; }
|
---|
1121 | .ui-icon-arrow-1-s { background-position: -65px -32px; }
|
---|
1122 | .ui-icon-arrow-1-sw { background-position: -80px -32px; }
|
---|
1123 | .ui-icon-arrow-1-w { background-position: -96px -32px; }
|
---|
1124 | .ui-icon-arrow-1-nw { background-position: -112px -32px; }
|
---|
1125 | .ui-icon-arrow-2-n-s { background-position: -128px -32px; }
|
---|
1126 | .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
|
---|
1127 | .ui-icon-arrow-2-e-w { background-position: -160px -32px; }
|
---|
1128 | .ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
|
---|
1129 | .ui-icon-arrowstop-1-n { background-position: -192px -32px; }
|
---|
1130 | .ui-icon-arrowstop-1-e { background-position: -208px -32px; }
|
---|
1131 | .ui-icon-arrowstop-1-s { background-position: -224px -32px; }
|
---|
1132 | .ui-icon-arrowstop-1-w { background-position: -240px -32px; }
|
---|
1133 | .ui-icon-arrowthick-1-n { background-position: 1px -48px; }
|
---|
1134 | .ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
|
---|
1135 | .ui-icon-arrowthick-1-e { background-position: -32px -48px; }
|
---|
1136 | .ui-icon-arrowthick-1-se { background-position: -48px -48px; }
|
---|
1137 | .ui-icon-arrowthick-1-s { background-position: -64px -48px; }
|
---|
1138 | .ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
|
---|
1139 | .ui-icon-arrowthick-1-w { background-position: -96px -48px; }
|
---|
1140 | .ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
|
---|
1141 | .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
|
---|
1142 | .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
|
---|
1143 | .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
|
---|
1144 | .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
|
---|
1145 | .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
|
---|
1146 | .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
|
---|
1147 | .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
|
---|
1148 | .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
|
---|
1149 | .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
|
---|
1150 | .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
|
---|
1151 | .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
|
---|
1152 | .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
|
---|
1153 | .ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
|
---|
1154 | .ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
|
---|
1155 | .ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
|
---|
1156 | .ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
|
---|
1157 | .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
|
---|
1158 | .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
|
---|
1159 | .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
|
---|
1160 | .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
|
---|
1161 | .ui-icon-arrow-4 { background-position: 0 -80px; }
|
---|
1162 | .ui-icon-arrow-4-diag { background-position: -16px -80px; }
|
---|
1163 | .ui-icon-extlink { background-position: -32px -80px; }
|
---|
1164 | .ui-icon-newwin { background-position: -48px -80px; }
|
---|
1165 | .ui-icon-refresh { background-position: -64px -80px; }
|
---|
1166 | .ui-icon-shuffle { background-position: -80px -80px; }
|
---|
1167 | .ui-icon-transfer-e-w { background-position: -96px -80px; }
|
---|
1168 | .ui-icon-transferthick-e-w { background-position: -112px -80px; }
|
---|
1169 | .ui-icon-folder-collapsed { background-position: 0 -96px; }
|
---|
1170 | .ui-icon-folder-open { background-position: -16px -96px; }
|
---|
1171 | .ui-icon-document { background-position: -32px -96px; }
|
---|
1172 | .ui-icon-document-b { background-position: -48px -96px; }
|
---|
1173 | .ui-icon-note { background-position: -64px -96px; }
|
---|
1174 | .ui-icon-mail-closed { background-position: -80px -96px; }
|
---|
1175 | .ui-icon-mail-open { background-position: -96px -96px; }
|
---|
1176 | .ui-icon-suitcase { background-position: -112px -96px; }
|
---|
1177 | .ui-icon-comment { background-position: -128px -96px; }
|
---|
1178 | .ui-icon-person { background-position: -144px -96px; }
|
---|
1179 | .ui-icon-print { background-position: -160px -96px; }
|
---|
1180 | .ui-icon-trash { background-position: -176px -96px; }
|
---|
1181 | .ui-icon-locked { background-position: -192px -96px; }
|
---|
1182 | .ui-icon-unlocked { background-position: -208px -96px; }
|
---|
1183 | .ui-icon-bookmark { background-position: -224px -96px; }
|
---|
1184 | .ui-icon-tag { background-position: -240px -96px; }
|
---|
1185 | .ui-icon-home { background-position: 0 -112px; }
|
---|
1186 | .ui-icon-flag { background-position: -16px -112px; }
|
---|
1187 | .ui-icon-calendar { background-position: -32px -112px; }
|
---|
1188 | .ui-icon-cart { background-position: -48px -112px; }
|
---|
1189 | .ui-icon-pencil { background-position: -64px -112px; }
|
---|
1190 | .ui-icon-clock { background-position: -80px -112px; }
|
---|
1191 | .ui-icon-disk { background-position: -96px -112px; }
|
---|
1192 | .ui-icon-calculator { background-position: -112px -112px; }
|
---|
1193 | .ui-icon-zoomin { background-position: -128px -112px; }
|
---|
1194 | .ui-icon-zoomout { background-position: -144px -112px; }
|
---|
1195 | .ui-icon-search { background-position: -160px -112px; }
|
---|
1196 | .ui-icon-wrench { background-position: -176px -112px; }
|
---|
1197 | .ui-icon-gear { background-position: -192px -112px; }
|
---|
1198 | .ui-icon-heart { background-position: -208px -112px; }
|
---|
1199 | .ui-icon-star { background-position: -224px -112px; }
|
---|
1200 | .ui-icon-link { background-position: -240px -112px; }
|
---|
1201 | .ui-icon-cancel { background-position: 0 -128px; }
|
---|
1202 | .ui-icon-plus { background-position: -16px -128px; }
|
---|
1203 | .ui-icon-plusthick { background-position: -32px -128px; }
|
---|
1204 | .ui-icon-minus { background-position: -48px -128px; }
|
---|
1205 | .ui-icon-minusthick { background-position: -64px -128px; }
|
---|
1206 | .ui-icon-close { background-position: -80px -128px; }
|
---|
1207 | .ui-icon-closethick { background-position: -96px -128px; }
|
---|
1208 | .ui-icon-key { background-position: -112px -128px; }
|
---|
1209 | .ui-icon-lightbulb { background-position: -128px -128px; }
|
---|
1210 | .ui-icon-scissors { background-position: -144px -128px; }
|
---|
1211 | .ui-icon-clipboard { background-position: -160px -128px; }
|
---|
1212 | .ui-icon-copy { background-position: -176px -128px; }
|
---|
1213 | .ui-icon-contact { background-position: -192px -128px; }
|
---|
1214 | .ui-icon-image { background-position: -208px -128px; }
|
---|
1215 | .ui-icon-video { background-position: -224px -128px; }
|
---|
1216 | .ui-icon-script { background-position: -240px -128px; }
|
---|
1217 | .ui-icon-alert { background-position: 0 -144px; }
|
---|
1218 | .ui-icon-info { background-position: -16px -144px; }
|
---|
1219 | .ui-icon-notice { background-position: -32px -144px; }
|
---|
1220 | .ui-icon-help { background-position: -48px -144px; }
|
---|
1221 | .ui-icon-check { background-position: -64px -144px; }
|
---|
1222 | .ui-icon-bullet { background-position: -80px -144px; }
|
---|
1223 | .ui-icon-radio-on { background-position: -96px -144px; }
|
---|
1224 | .ui-icon-radio-off { background-position: -112px -144px; }
|
---|
1225 | .ui-icon-pin-w { background-position: -128px -144px; }
|
---|
1226 | .ui-icon-pin-s { background-position: -144px -144px; }
|
---|
1227 | .ui-icon-play { background-position: 0 -160px; }
|
---|
1228 | .ui-icon-pause { background-position: -16px -160px; }
|
---|
1229 | .ui-icon-seek-next { background-position: -32px -160px; }
|
---|
1230 | .ui-icon-seek-prev { background-position: -48px -160px; }
|
---|
1231 | .ui-icon-seek-end { background-position: -64px -160px; }
|
---|
1232 | .ui-icon-seek-start { background-position: -80px -160px; }
|
---|
1233 | /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
|
---|
1234 | .ui-icon-seek-first { background-position: -80px -160px; }
|
---|
1235 | .ui-icon-stop { background-position: -96px -160px; }
|
---|
1236 | .ui-icon-eject { background-position: -112px -160px; }
|
---|
1237 | .ui-icon-volume-off { background-position: -128px -160px; }
|
---|
1238 | .ui-icon-volume-on { background-position: -144px -160px; }
|
---|
1239 | .ui-icon-power { background-position: 0 -176px; }
|
---|
1240 | .ui-icon-signal-diag { background-position: -16px -176px; }
|
---|
1241 | .ui-icon-signal { background-position: -32px -176px; }
|
---|
1242 | .ui-icon-battery-0 { background-position: -48px -176px; }
|
---|
1243 | .ui-icon-battery-1 { background-position: -64px -176px; }
|
---|
1244 | .ui-icon-battery-2 { background-position: -80px -176px; }
|
---|
1245 | .ui-icon-battery-3 { background-position: -96px -176px; }
|
---|
1246 | .ui-icon-circle-plus { background-position: 0 -192px; }
|
---|
1247 | .ui-icon-circle-minus { background-position: -16px -192px; }
|
---|
1248 | .ui-icon-circle-close { background-position: -32px -192px; }
|
---|
1249 | .ui-icon-circle-triangle-e { background-position: -48px -192px; }
|
---|
1250 | .ui-icon-circle-triangle-s { background-position: -64px -192px; }
|
---|
1251 | .ui-icon-circle-triangle-w { background-position: -80px -192px; }
|
---|
1252 | .ui-icon-circle-triangle-n { background-position: -96px -192px; }
|
---|
1253 | .ui-icon-circle-arrow-e { background-position: -112px -192px; }
|
---|
1254 | .ui-icon-circle-arrow-s { background-position: -128px -192px; }
|
---|
1255 | .ui-icon-circle-arrow-w { background-position: -144px -192px; }
|
---|
1256 | .ui-icon-circle-arrow-n { background-position: -160px -192px; }
|
---|
1257 | .ui-icon-circle-zoomin { background-position: -176px -192px; }
|
---|
1258 | .ui-icon-circle-zoomout { background-position: -192px -192px; }
|
---|
1259 | .ui-icon-circle-check { background-position: -208px -192px; }
|
---|
1260 | .ui-icon-circlesmall-plus { background-position: 0 -208px; }
|
---|
1261 | .ui-icon-circlesmall-minus { background-position: -16px -208px; }
|
---|
1262 | .ui-icon-circlesmall-close { background-position: -32px -208px; }
|
---|
1263 | .ui-icon-squaresmall-plus { background-position: -48px -208px; }
|
---|
1264 | .ui-icon-squaresmall-minus { background-position: -64px -208px; }
|
---|
1265 | .ui-icon-squaresmall-close { background-position: -80px -208px; }
|
---|
1266 | .ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
|
---|
1267 | .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
|
---|
1268 | .ui-icon-grip-solid-vertical { background-position: -32px -224px; }
|
---|
1269 | .ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
|
---|
1270 | .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
|
---|
1271 | .ui-icon-grip-diagonal-se { background-position: -80px -224px; }
|
---|
1272 |
|
---|
1273 |
|
---|
1274 | /* Misc visuals
|
---|
1275 | ----------------------------------*/
|
---|
1276 |
|
---|
1277 | /* Corner radius */
|
---|
1278 | .ui-corner-all,
|
---|
1279 | .ui-corner-top,
|
---|
1280 | .ui-corner-left,
|
---|
1281 | .ui-corner-tl {
|
---|
1282 | border-top-left-radius: 4px;
|
---|
1283 | }
|
---|
1284 | .ui-corner-all,
|
---|
1285 | .ui-corner-top,
|
---|
1286 | .ui-corner-right,
|
---|
1287 | .ui-corner-tr {
|
---|
1288 | border-top-right-radius: 4px;
|
---|
1289 | }
|
---|
1290 | .ui-corner-all,
|
---|
1291 | .ui-corner-bottom,
|
---|
1292 | .ui-corner-left,
|
---|
1293 | .ui-corner-bl {
|
---|
1294 | border-bottom-left-radius: 4px;
|
---|
1295 | }
|
---|
1296 | .ui-corner-all,
|
---|
1297 | .ui-corner-bottom,
|
---|
1298 | .ui-corner-right,
|
---|
1299 | .ui-corner-br {
|
---|
1300 | border-bottom-right-radius: 4px;
|
---|
1301 | }
|
---|
1302 |
|
---|
1303 | /* Overlays */
|
---|
1304 | .ui-widget-overlay {
|
---|
1305 | background: #666666 url("images/ui-bg_diagonals-thick_20_666666_40x40.png") 50% 50% repeat;
|
---|
1306 | opacity: .5;
|
---|
1307 | filter: Alpha(Opacity=50); /* support: IE8 */
|
---|
1308 | }
|
---|
1309 | .ui-widget-shadow {
|
---|
1310 | -webkit-box-shadow: -5px -5px 5px #000000;
|
---|
1311 | box-shadow: -5px -5px 5px #000000;
|
---|
1312 | }
|
---|