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