Daniel@0
|
1 /*!
|
Daniel@0
|
2 * jQuery UI CSS Framework 1.11.0
|
Daniel@0
|
3 * http://jqueryui.com
|
Daniel@0
|
4 *
|
Daniel@0
|
5 * Copyright 2014 jQuery Foundation and other contributors
|
Daniel@0
|
6 * Released under the MIT license.
|
Daniel@0
|
7 * http://jquery.org/license
|
Daniel@0
|
8 *
|
Daniel@0
|
9 * http://api.jqueryui.com/category/theming/
|
Daniel@0
|
10 */
|
Daniel@0
|
11
|
Daniel@0
|
12 /* Layout helpers
|
Daniel@0
|
13 ----------------------------------*/
|
Daniel@0
|
14 .ui-helper-hidden {
|
Daniel@0
|
15 display: none;
|
Daniel@0
|
16 }
|
Daniel@0
|
17 .ui-helper-hidden-accessible {
|
Daniel@0
|
18 border: 0;
|
Daniel@0
|
19 clip: rect(0 0 0 0);
|
Daniel@0
|
20 height: 1px;
|
Daniel@0
|
21 margin: -1px;
|
Daniel@0
|
22 overflow: hidden;
|
Daniel@0
|
23 padding: 0;
|
Daniel@0
|
24 position: absolute;
|
Daniel@0
|
25 width: 1px;
|
Daniel@0
|
26 }
|
Daniel@0
|
27 .ui-helper-reset {
|
Daniel@0
|
28 margin: 0;
|
Daniel@0
|
29 padding: 0;
|
Daniel@0
|
30 border: 0;
|
Daniel@0
|
31 outline: 0;
|
Daniel@0
|
32 line-height: 1.3;
|
Daniel@0
|
33 text-decoration: none;
|
Daniel@0
|
34 font-size: 100%;
|
Daniel@0
|
35 list-style: none;
|
Daniel@0
|
36 }
|
Daniel@0
|
37 .ui-helper-clearfix:before,
|
Daniel@0
|
38 .ui-helper-clearfix:after {
|
Daniel@0
|
39 content: "";
|
Daniel@0
|
40 display: table;
|
Daniel@0
|
41 border-collapse: collapse;
|
Daniel@0
|
42 }
|
Daniel@0
|
43 .ui-helper-clearfix:after {
|
Daniel@0
|
44 clear: both;
|
Daniel@0
|
45 }
|
Daniel@0
|
46 .ui-helper-clearfix {
|
Daniel@0
|
47 min-height: 0; /* support: IE7 */
|
Daniel@0
|
48 }
|
Daniel@0
|
49 .ui-helper-zfix {
|
Daniel@0
|
50 width: 100%;
|
Daniel@0
|
51 height: 100%;
|
Daniel@0
|
52 top: 0;
|
Daniel@0
|
53 left: 0;
|
Daniel@0
|
54 position: absolute;
|
Daniel@0
|
55 opacity: 0;
|
Daniel@0
|
56 filter:Alpha(Opacity=0);
|
Daniel@0
|
57 }
|
Daniel@0
|
58
|
Daniel@0
|
59 .ui-front {
|
Daniel@0
|
60 z-index: 100;
|
Daniel@0
|
61 }
|
Daniel@0
|
62
|
Daniel@0
|
63
|
Daniel@0
|
64 /* Interaction Cues
|
Daniel@0
|
65 ----------------------------------*/
|
Daniel@0
|
66 .ui-state-disabled {
|
Daniel@0
|
67 cursor: default !important;
|
Daniel@0
|
68 }
|
Daniel@0
|
69
|
Daniel@0
|
70
|
Daniel@0
|
71 /* Icons
|
Daniel@0
|
72 ----------------------------------*/
|
Daniel@0
|
73
|
Daniel@0
|
74 /* states and images */
|
Daniel@0
|
75 .ui-icon {
|
Daniel@0
|
76 display: block;
|
Daniel@0
|
77 text-indent: -99999px;
|
Daniel@0
|
78 overflow: hidden;
|
Daniel@0
|
79 background-repeat: no-repeat;
|
Daniel@0
|
80 }
|
Daniel@0
|
81
|
Daniel@0
|
82
|
Daniel@0
|
83 /* Misc visuals
|
Daniel@0
|
84 ----------------------------------*/
|
Daniel@0
|
85
|
Daniel@0
|
86 /* Overlays */
|
Daniel@0
|
87 .ui-widget-overlay {
|
Daniel@0
|
88 position: fixed;
|
Daniel@0
|
89 top: 0;
|
Daniel@0
|
90 left: 0;
|
Daniel@0
|
91 width: 100%;
|
Daniel@0
|
92 height: 100%;
|
Daniel@0
|
93 }
|
Daniel@0
|
94 .ui-accordion .ui-accordion-header {
|
Daniel@0
|
95 display: block;
|
Daniel@0
|
96 cursor: pointer;
|
Daniel@0
|
97 position: relative;
|
Daniel@0
|
98 margin: 2px 0 0 0;
|
Daniel@0
|
99 padding: .5em .5em .5em .7em;
|
Daniel@0
|
100 min-height: 0; /* support: IE7 */
|
Daniel@0
|
101 font-size: 100%;
|
Daniel@0
|
102 }
|
Daniel@0
|
103 .ui-accordion .ui-accordion-icons {
|
Daniel@0
|
104 padding-left: 2.2em;
|
Daniel@0
|
105 }
|
Daniel@0
|
106 .ui-accordion .ui-accordion-icons .ui-accordion-icons {
|
Daniel@0
|
107 padding-left: 2.2em;
|
Daniel@0
|
108 }
|
Daniel@0
|
109 .ui-accordion .ui-accordion-header .ui-accordion-header-icon {
|
Daniel@0
|
110 position: absolute;
|
Daniel@0
|
111 left: .5em;
|
Daniel@0
|
112 top: 50%;
|
Daniel@0
|
113 margin-top: -8px;
|
Daniel@0
|
114 }
|
Daniel@0
|
115 .ui-accordion .ui-accordion-content {
|
Daniel@0
|
116 padding: 1em 2.2em;
|
Daniel@0
|
117 border-top: 0;
|
Daniel@0
|
118 overflow: auto;
|
Daniel@0
|
119 }
|
Daniel@0
|
120 .ui-autocomplete {
|
Daniel@0
|
121 position: absolute;
|
Daniel@0
|
122 top: 0;
|
Daniel@0
|
123 left: 0;
|
Daniel@0
|
124 cursor: default;
|
Daniel@0
|
125 }
|
Daniel@0
|
126 .ui-button {
|
Daniel@0
|
127 display: inline-block;
|
Daniel@0
|
128 position: relative;
|
Daniel@0
|
129 padding: 0;
|
Daniel@0
|
130 line-height: normal;
|
Daniel@0
|
131 margin-right: .1em;
|
Daniel@0
|
132 cursor: pointer;
|
Daniel@0
|
133 vertical-align: middle;
|
Daniel@0
|
134 text-align: center;
|
Daniel@0
|
135 overflow: visible; /* removes extra width in IE */
|
Daniel@0
|
136 }
|
Daniel@0
|
137 .ui-button,
|
Daniel@0
|
138 .ui-button:link,
|
Daniel@0
|
139 .ui-button:visited,
|
Daniel@0
|
140 .ui-button:hover,
|
Daniel@0
|
141 .ui-button:active {
|
Daniel@0
|
142 text-decoration: none;
|
Daniel@0
|
143 }
|
Daniel@0
|
144 /* to make room for the icon, a width needs to be set here */
|
Daniel@0
|
145 .ui-button-icon-only {
|
Daniel@0
|
146 width: 2.2em;
|
Daniel@0
|
147 }
|
Daniel@0
|
148 /* button elements seem to need a little more width */
|
Daniel@0
|
149 button.ui-button-icon-only {
|
Daniel@0
|
150 width: 2.4em;
|
Daniel@0
|
151 }
|
Daniel@0
|
152 .ui-button-icons-only {
|
Daniel@0
|
153 width: 3.4em;
|
Daniel@0
|
154 }
|
Daniel@0
|
155 button.ui-button-icons-only {
|
Daniel@0
|
156 width: 3.7em;
|
Daniel@0
|
157 }
|
Daniel@0
|
158
|
Daniel@0
|
159 /* button text element */
|
Daniel@0
|
160 .ui-button .ui-button-text {
|
Daniel@0
|
161 display: block;
|
Daniel@0
|
162 line-height: normal;
|
Daniel@0
|
163 }
|
Daniel@0
|
164 .ui-button-text-only .ui-button-text {
|
Daniel@0
|
165 padding: .4em 1em;
|
Daniel@0
|
166 }
|
Daniel@0
|
167 .ui-button-icon-only .ui-button-text,
|
Daniel@0
|
168 .ui-button-icons-only .ui-button-text {
|
Daniel@0
|
169 padding: .4em;
|
Daniel@0
|
170 text-indent: -9999999px;
|
Daniel@0
|
171 }
|
Daniel@0
|
172 .ui-button-text-icon-primary .ui-button-text,
|
Daniel@0
|
173 .ui-button-text-icons .ui-button-text {
|
Daniel@0
|
174 padding: .4em 1em .4em 2.1em;
|
Daniel@0
|
175 }
|
Daniel@0
|
176 .ui-button-text-icon-secondary .ui-button-text,
|
Daniel@0
|
177 .ui-button-text-icons .ui-button-text {
|
Daniel@0
|
178 padding: .4em 2.1em .4em 1em;
|
Daniel@0
|
179 }
|
Daniel@0
|
180 .ui-button-text-icons .ui-button-text {
|
Daniel@0
|
181 padding-left: 2.1em;
|
Daniel@0
|
182 padding-right: 2.1em;
|
Daniel@0
|
183 }
|
Daniel@0
|
184 /* no icon support for input elements, provide padding by default */
|
Daniel@0
|
185 input.ui-button {
|
Daniel@0
|
186 padding: .4em 1em;
|
Daniel@0
|
187 }
|
Daniel@0
|
188
|
Daniel@0
|
189 /* button icon element(s) */
|
Daniel@0
|
190 .ui-button-icon-only .ui-icon,
|
Daniel@0
|
191 .ui-button-text-icon-primary .ui-icon,
|
Daniel@0
|
192 .ui-button-text-icon-secondary .ui-icon,
|
Daniel@0
|
193 .ui-button-text-icons .ui-icon,
|
Daniel@0
|
194 .ui-button-icons-only .ui-icon {
|
Daniel@0
|
195 position: absolute;
|
Daniel@0
|
196 top: 50%;
|
Daniel@0
|
197 margin-top: -8px;
|
Daniel@0
|
198 }
|
Daniel@0
|
199 .ui-button-icon-only .ui-icon {
|
Daniel@0
|
200 left: 50%;
|
Daniel@0
|
201 margin-left: -8px;
|
Daniel@0
|
202 }
|
Daniel@0
|
203 .ui-button-text-icon-primary .ui-button-icon-primary,
|
Daniel@0
|
204 .ui-button-text-icons .ui-button-icon-primary,
|
Daniel@0
|
205 .ui-button-icons-only .ui-button-icon-primary {
|
Daniel@0
|
206 left: .5em;
|
Daniel@0
|
207 }
|
Daniel@0
|
208 .ui-button-text-icon-secondary .ui-button-icon-secondary,
|
Daniel@0
|
209 .ui-button-text-icons .ui-button-icon-secondary,
|
Daniel@0
|
210 .ui-button-icons-only .ui-button-icon-secondary {
|
Daniel@0
|
211 right: .5em;
|
Daniel@0
|
212 }
|
Daniel@0
|
213
|
Daniel@0
|
214 /* button sets */
|
Daniel@0
|
215 .ui-buttonset {
|
Daniel@0
|
216 margin-right: 7px;
|
Daniel@0
|
217 }
|
Daniel@0
|
218 .ui-buttonset .ui-button {
|
Daniel@0
|
219 margin-left: 0;
|
Daniel@0
|
220 margin-right: -.3em;
|
Daniel@0
|
221 }
|
Daniel@0
|
222
|
Daniel@0
|
223 /* workarounds */
|
Daniel@0
|
224 /* reset extra padding in Firefox, see h5bp.com/l */
|
Daniel@0
|
225 input.ui-button::-moz-focus-inner,
|
Daniel@0
|
226 button.ui-button::-moz-focus-inner {
|
Daniel@0
|
227 border: 0;
|
Daniel@0
|
228 padding: 0;
|
Daniel@0
|
229 }
|
Daniel@0
|
230 .ui-datepicker {
|
Daniel@0
|
231 width: 17em;
|
Daniel@0
|
232 padding: .2em .2em 0;
|
Daniel@0
|
233 display: none;
|
Daniel@0
|
234 }
|
Daniel@0
|
235 .ui-datepicker .ui-datepicker-header {
|
Daniel@0
|
236 position: relative;
|
Daniel@0
|
237 padding: .2em 0;
|
Daniel@0
|
238 }
|
Daniel@0
|
239 .ui-datepicker .ui-datepicker-prev,
|
Daniel@0
|
240 .ui-datepicker .ui-datepicker-next {
|
Daniel@0
|
241 position: absolute;
|
Daniel@0
|
242 top: 2px;
|
Daniel@0
|
243 width: 1.8em;
|
Daniel@0
|
244 height: 1.8em;
|
Daniel@0
|
245 }
|
Daniel@0
|
246 .ui-datepicker .ui-datepicker-prev-hover,
|
Daniel@0
|
247 .ui-datepicker .ui-datepicker-next-hover {
|
Daniel@0
|
248 top: 1px;
|
Daniel@0
|
249 }
|
Daniel@0
|
250 .ui-datepicker .ui-datepicker-prev {
|
Daniel@0
|
251 left: 2px;
|
Daniel@0
|
252 }
|
Daniel@0
|
253 .ui-datepicker .ui-datepicker-next {
|
Daniel@0
|
254 right: 2px;
|
Daniel@0
|
255 }
|
Daniel@0
|
256 .ui-datepicker .ui-datepicker-prev-hover {
|
Daniel@0
|
257 left: 1px;
|
Daniel@0
|
258 }
|
Daniel@0
|
259 .ui-datepicker .ui-datepicker-next-hover {
|
Daniel@0
|
260 right: 1px;
|
Daniel@0
|
261 }
|
Daniel@0
|
262 .ui-datepicker .ui-datepicker-prev span,
|
Daniel@0
|
263 .ui-datepicker .ui-datepicker-next span {
|
Daniel@0
|
264 display: block;
|
Daniel@0
|
265 position: absolute;
|
Daniel@0
|
266 left: 50%;
|
Daniel@0
|
267 margin-left: -8px;
|
Daniel@0
|
268 top: 50%;
|
Daniel@0
|
269 margin-top: -8px;
|
Daniel@0
|
270 }
|
Daniel@0
|
271 .ui-datepicker .ui-datepicker-title {
|
Daniel@0
|
272 margin: 0 2.3em;
|
Daniel@0
|
273 line-height: 1.8em;
|
Daniel@0
|
274 text-align: center;
|
Daniel@0
|
275 }
|
Daniel@0
|
276 .ui-datepicker .ui-datepicker-title select {
|
Daniel@0
|
277 font-size: 1em;
|
Daniel@0
|
278 margin: 1px 0;
|
Daniel@0
|
279 }
|
Daniel@0
|
280 .ui-datepicker select.ui-datepicker-month,
|
Daniel@0
|
281 .ui-datepicker select.ui-datepicker-year {
|
Daniel@0
|
282 width: 49%;
|
Daniel@0
|
283 }
|
Daniel@0
|
284 .ui-datepicker table {
|
Daniel@0
|
285 width: 100%;
|
Daniel@0
|
286 font-size: .9em;
|
Daniel@0
|
287 border-collapse: collapse;
|
Daniel@0
|
288 margin: 0 0 .4em;
|
Daniel@0
|
289 }
|
Daniel@0
|
290 .ui-datepicker th {
|
Daniel@0
|
291 padding: .7em .3em;
|
Daniel@0
|
292 text-align: center;
|
Daniel@0
|
293 font-weight: bold;
|
Daniel@0
|
294 border: 0;
|
Daniel@0
|
295 }
|
Daniel@0
|
296 .ui-datepicker td {
|
Daniel@0
|
297 border: 0;
|
Daniel@0
|
298 padding: 1px;
|
Daniel@0
|
299 }
|
Daniel@0
|
300 .ui-datepicker td span,
|
Daniel@0
|
301 .ui-datepicker td a {
|
Daniel@0
|
302 display: block;
|
Daniel@0
|
303 padding: .2em;
|
Daniel@0
|
304 text-align: right;
|
Daniel@0
|
305 text-decoration: none;
|
Daniel@0
|
306 }
|
Daniel@0
|
307 .ui-datepicker .ui-datepicker-buttonpane {
|
Daniel@0
|
308 background-image: none;
|
Daniel@0
|
309 margin: .7em 0 0 0;
|
Daniel@0
|
310 padding: 0 .2em;
|
Daniel@0
|
311 border-left: 0;
|
Daniel@0
|
312 border-right: 0;
|
Daniel@0
|
313 border-bottom: 0;
|
Daniel@0
|
314 }
|
Daniel@0
|
315 .ui-datepicker .ui-datepicker-buttonpane button {
|
Daniel@0
|
316 float: right;
|
Daniel@0
|
317 margin: .5em .2em .4em;
|
Daniel@0
|
318 cursor: pointer;
|
Daniel@0
|
319 padding: .2em .6em .3em .6em;
|
Daniel@0
|
320 width: auto;
|
Daniel@0
|
321 overflow: visible;
|
Daniel@0
|
322 }
|
Daniel@0
|
323 .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
|
Daniel@0
|
324 float: left;
|
Daniel@0
|
325 }
|
Daniel@0
|
326
|
Daniel@0
|
327 /* with multiple calendars */
|
Daniel@0
|
328 .ui-datepicker.ui-datepicker-multi {
|
Daniel@0
|
329 width: auto;
|
Daniel@0
|
330 }
|
Daniel@0
|
331 .ui-datepicker-multi .ui-datepicker-group {
|
Daniel@0
|
332 float: left;
|
Daniel@0
|
333 }
|
Daniel@0
|
334 .ui-datepicker-multi .ui-datepicker-group table {
|
Daniel@0
|
335 width: 95%;
|
Daniel@0
|
336 margin: 0 auto .4em;
|
Daniel@0
|
337 }
|
Daniel@0
|
338 .ui-datepicker-multi-2 .ui-datepicker-group {
|
Daniel@0
|
339 width: 50%;
|
Daniel@0
|
340 }
|
Daniel@0
|
341 .ui-datepicker-multi-3 .ui-datepicker-group {
|
Daniel@0
|
342 width: 33.3%;
|
Daniel@0
|
343 }
|
Daniel@0
|
344 .ui-datepicker-multi-4 .ui-datepicker-group {
|
Daniel@0
|
345 width: 25%;
|
Daniel@0
|
346 }
|
Daniel@0
|
347 .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
|
Daniel@0
|
348 .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
|
Daniel@0
|
349 border-left-width: 0;
|
Daniel@0
|
350 }
|
Daniel@0
|
351 .ui-datepicker-multi .ui-datepicker-buttonpane {
|
Daniel@0
|
352 clear: left;
|
Daniel@0
|
353 }
|
Daniel@0
|
354 .ui-datepicker-row-break {
|
Daniel@0
|
355 clear: both;
|
Daniel@0
|
356 width: 100%;
|
Daniel@0
|
357 font-size: 0;
|
Daniel@0
|
358 }
|
Daniel@0
|
359
|
Daniel@0
|
360 /* RTL support */
|
Daniel@0
|
361 .ui-datepicker-rtl {
|
Daniel@0
|
362 direction: rtl;
|
Daniel@0
|
363 }
|
Daniel@0
|
364 .ui-datepicker-rtl .ui-datepicker-prev {
|
Daniel@0
|
365 right: 2px;
|
Daniel@0
|
366 left: auto;
|
Daniel@0
|
367 }
|
Daniel@0
|
368 .ui-datepicker-rtl .ui-datepicker-next {
|
Daniel@0
|
369 left: 2px;
|
Daniel@0
|
370 right: auto;
|
Daniel@0
|
371 }
|
Daniel@0
|
372 .ui-datepicker-rtl .ui-datepicker-prev:hover {
|
Daniel@0
|
373 right: 1px;
|
Daniel@0
|
374 left: auto;
|
Daniel@0
|
375 }
|
Daniel@0
|
376 .ui-datepicker-rtl .ui-datepicker-next:hover {
|
Daniel@0
|
377 left: 1px;
|
Daniel@0
|
378 right: auto;
|
Daniel@0
|
379 }
|
Daniel@0
|
380 .ui-datepicker-rtl .ui-datepicker-buttonpane {
|
Daniel@0
|
381 clear: right;
|
Daniel@0
|
382 }
|
Daniel@0
|
383 .ui-datepicker-rtl .ui-datepicker-buttonpane button {
|
Daniel@0
|
384 float: left;
|
Daniel@0
|
385 }
|
Daniel@0
|
386 .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
|
Daniel@0
|
387 .ui-datepicker-rtl .ui-datepicker-group {
|
Daniel@0
|
388 float: right;
|
Daniel@0
|
389 }
|
Daniel@0
|
390 .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
|
Daniel@0
|
391 .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
|
Daniel@0
|
392 border-right-width: 0;
|
Daniel@0
|
393 border-left-width: 1px;
|
Daniel@0
|
394 }
|
Daniel@0
|
395 .ui-dialog {
|
Daniel@0
|
396 overflow: hidden;
|
Daniel@0
|
397 position: absolute;
|
Daniel@0
|
398 top: 0;
|
Daniel@0
|
399 left: 0;
|
Daniel@0
|
400 padding: .2em;
|
Daniel@0
|
401 outline: 0;
|
Daniel@0
|
402 }
|
Daniel@0
|
403 .ui-dialog .ui-dialog-titlebar {
|
Daniel@0
|
404 padding: .4em 1em;
|
Daniel@0
|
405 position: relative;
|
Daniel@0
|
406 }
|
Daniel@0
|
407 .ui-dialog .ui-dialog-title {
|
Daniel@0
|
408 float: left;
|
Daniel@0
|
409 margin: .1em 0;
|
Daniel@0
|
410 white-space: nowrap;
|
Daniel@0
|
411 width: 90%;
|
Daniel@0
|
412 overflow: hidden;
|
Daniel@0
|
413 text-overflow: ellipsis;
|
Daniel@0
|
414 }
|
Daniel@0
|
415 .ui-dialog .ui-dialog-titlebar-close {
|
Daniel@0
|
416 position: absolute;
|
Daniel@0
|
417 right: .3em;
|
Daniel@0
|
418 top: 50%;
|
Daniel@0
|
419 width: 20px;
|
Daniel@0
|
420 margin: -10px 0 0 0;
|
Daniel@0
|
421 padding: 1px;
|
Daniel@0
|
422 height: 20px;
|
Daniel@0
|
423 }
|
Daniel@0
|
424 .ui-dialog .ui-dialog-content {
|
Daniel@0
|
425 position: relative;
|
Daniel@0
|
426 border: 0;
|
Daniel@0
|
427 padding: .5em 1em;
|
Daniel@0
|
428 background: none;
|
Daniel@0
|
429 overflow: auto;
|
Daniel@0
|
430 }
|
Daniel@0
|
431 .ui-dialog .ui-dialog-buttonpane {
|
Daniel@0
|
432 text-align: left;
|
Daniel@0
|
433 border-width: 1px 0 0 0;
|
Daniel@0
|
434 background-image: none;
|
Daniel@0
|
435 margin-top: .5em;
|
Daniel@0
|
436 padding: .3em 1em .5em .4em;
|
Daniel@0
|
437 }
|
Daniel@0
|
438 .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
|
Daniel@0
|
439 float: right;
|
Daniel@0
|
440 }
|
Daniel@0
|
441 .ui-dialog .ui-dialog-buttonpane button {
|
Daniel@0
|
442 margin: .5em .4em .5em 0;
|
Daniel@0
|
443 cursor: pointer;
|
Daniel@0
|
444 }
|
Daniel@0
|
445 .ui-dialog .ui-resizable-se {
|
Daniel@0
|
446 width: 12px;
|
Daniel@0
|
447 height: 12px;
|
Daniel@0
|
448 right: -5px;
|
Daniel@0
|
449 bottom: -5px;
|
Daniel@0
|
450 background-position: 16px 16px;
|
Daniel@0
|
451 }
|
Daniel@0
|
452 .ui-draggable .ui-dialog-titlebar {
|
Daniel@0
|
453 cursor: move;
|
Daniel@0
|
454 }
|
Daniel@0
|
455 .ui-draggable-handle {
|
Daniel@0
|
456 -ms-touch-action: none;
|
Daniel@0
|
457 touch-action: none;
|
Daniel@0
|
458 }
|
Daniel@0
|
459 .ui-menu {
|
Daniel@0
|
460 list-style: none;
|
Daniel@0
|
461 padding: 0;
|
Daniel@0
|
462 margin: 0;
|
Daniel@0
|
463 display: block;
|
Daniel@0
|
464 outline: none;
|
Daniel@0
|
465 }
|
Daniel@0
|
466 .ui-menu .ui-menu {
|
Daniel@0
|
467 position: absolute;
|
Daniel@0
|
468 }
|
Daniel@0
|
469 .ui-menu .ui-menu-item {
|
Daniel@0
|
470 position: relative;
|
Daniel@0
|
471 margin: 0;
|
Daniel@0
|
472 padding: 3px 1em 3px .4em;
|
Daniel@0
|
473 cursor: pointer;
|
Daniel@0
|
474 min-height: 0; /* support: IE7 */
|
Daniel@0
|
475 /* support: IE10, see #8844 */
|
Daniel@0
|
476 list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
|
Daniel@0
|
477 }
|
Daniel@0
|
478 .ui-menu .ui-menu-divider {
|
Daniel@0
|
479 margin: 5px 0;
|
Daniel@0
|
480 height: 0;
|
Daniel@0
|
481 font-size: 0;
|
Daniel@0
|
482 line-height: 0;
|
Daniel@0
|
483 border-width: 1px 0 0 0;
|
Daniel@0
|
484 }
|
Daniel@0
|
485 .ui-menu .ui-state-focus,
|
Daniel@0
|
486 .ui-menu .ui-state-active {
|
Daniel@0
|
487 margin: -1px;
|
Daniel@0
|
488 }
|
Daniel@0
|
489
|
Daniel@0
|
490 /* icon support */
|
Daniel@0
|
491 .ui-menu-icons {
|
Daniel@0
|
492 position: relative;
|
Daniel@0
|
493 }
|
Daniel@0
|
494 .ui-menu-icons .ui-menu-item {
|
Daniel@0
|
495 padding-left: 2em;
|
Daniel@0
|
496 }
|
Daniel@0
|
497
|
Daniel@0
|
498 /* left-aligned */
|
Daniel@0
|
499 .ui-menu .ui-icon {
|
Daniel@0
|
500 position: absolute;
|
Daniel@0
|
501 top: 0;
|
Daniel@0
|
502 bottom: 0;
|
Daniel@0
|
503 left: .2em;
|
Daniel@0
|
504 margin: auto 0;
|
Daniel@0
|
505 }
|
Daniel@0
|
506
|
Daniel@0
|
507 /* right-aligned */
|
Daniel@0
|
508 .ui-menu .ui-menu-icon {
|
Daniel@0
|
509 left: auto;
|
Daniel@0
|
510 right: 0;
|
Daniel@0
|
511 }
|
Daniel@0
|
512 .ui-progressbar {
|
Daniel@0
|
513 height: 2em;
|
Daniel@0
|
514 text-align: left;
|
Daniel@0
|
515 overflow: hidden;
|
Daniel@0
|
516 }
|
Daniel@0
|
517 .ui-progressbar .ui-progressbar-value {
|
Daniel@0
|
518 margin: -1px;
|
Daniel@0
|
519 height: 100%;
|
Daniel@0
|
520 }
|
Daniel@0
|
521 .ui-progressbar .ui-progressbar-overlay {
|
Daniel@0
|
522 background: url("images/animated-overlay.gif");
|
Daniel@0
|
523 height: 100%;
|
Daniel@0
|
524 filter: alpha(opacity=25);
|
Daniel@0
|
525 opacity: 0.25;
|
Daniel@0
|
526 }
|
Daniel@0
|
527 .ui-progressbar-indeterminate .ui-progressbar-value {
|
Daniel@0
|
528 background-image: none;
|
Daniel@0
|
529 }
|
Daniel@0
|
530 .ui-resizable {
|
Daniel@0
|
531 position: relative;
|
Daniel@0
|
532 }
|
Daniel@0
|
533 .ui-resizable-handle {
|
Daniel@0
|
534 position: absolute;
|
Daniel@0
|
535 font-size: 0.1px;
|
Daniel@0
|
536 display: block;
|
Daniel@0
|
537 -ms-touch-action: none;
|
Daniel@0
|
538 touch-action: none;
|
Daniel@0
|
539 }
|
Daniel@0
|
540 .ui-resizable-disabled .ui-resizable-handle,
|
Daniel@0
|
541 .ui-resizable-autohide .ui-resizable-handle {
|
Daniel@0
|
542 display: none;
|
Daniel@0
|
543 }
|
Daniel@0
|
544 .ui-resizable-n {
|
Daniel@0
|
545 cursor: n-resize;
|
Daniel@0
|
546 height: 7px;
|
Daniel@0
|
547 width: 100%;
|
Daniel@0
|
548 top: -5px;
|
Daniel@0
|
549 left: 0;
|
Daniel@0
|
550 }
|
Daniel@0
|
551 .ui-resizable-s {
|
Daniel@0
|
552 cursor: s-resize;
|
Daniel@0
|
553 height: 7px;
|
Daniel@0
|
554 width: 100%;
|
Daniel@0
|
555 bottom: -5px;
|
Daniel@0
|
556 left: 0;
|
Daniel@0
|
557 }
|
Daniel@0
|
558 .ui-resizable-e {
|
Daniel@0
|
559 cursor: e-resize;
|
Daniel@0
|
560 width: 7px;
|
Daniel@0
|
561 right: -5px;
|
Daniel@0
|
562 top: 0;
|
Daniel@0
|
563 height: 100%;
|
Daniel@0
|
564 }
|
Daniel@0
|
565 .ui-resizable-w {
|
Daniel@0
|
566 cursor: w-resize;
|
Daniel@0
|
567 width: 7px;
|
Daniel@0
|
568 left: -5px;
|
Daniel@0
|
569 top: 0;
|
Daniel@0
|
570 height: 100%;
|
Daniel@0
|
571 }
|
Daniel@0
|
572 .ui-resizable-se {
|
Daniel@0
|
573 cursor: se-resize;
|
Daniel@0
|
574 width: 12px;
|
Daniel@0
|
575 height: 12px;
|
Daniel@0
|
576 right: 1px;
|
Daniel@0
|
577 bottom: 1px;
|
Daniel@0
|
578 }
|
Daniel@0
|
579 .ui-resizable-sw {
|
Daniel@0
|
580 cursor: sw-resize;
|
Daniel@0
|
581 width: 9px;
|
Daniel@0
|
582 height: 9px;
|
Daniel@0
|
583 left: -5px;
|
Daniel@0
|
584 bottom: -5px;
|
Daniel@0
|
585 }
|
Daniel@0
|
586 .ui-resizable-nw {
|
Daniel@0
|
587 cursor: nw-resize;
|
Daniel@0
|
588 width: 9px;
|
Daniel@0
|
589 height: 9px;
|
Daniel@0
|
590 left: -5px;
|
Daniel@0
|
591 top: -5px;
|
Daniel@0
|
592 }
|
Daniel@0
|
593 .ui-resizable-ne {
|
Daniel@0
|
594 cursor: ne-resize;
|
Daniel@0
|
595 width: 9px;
|
Daniel@0
|
596 height: 9px;
|
Daniel@0
|
597 right: -5px;
|
Daniel@0
|
598 top: -5px;
|
Daniel@0
|
599 }
|
Daniel@0
|
600 .ui-selectable {
|
Daniel@0
|
601 -ms-touch-action: none;
|
Daniel@0
|
602 touch-action: none;
|
Daniel@0
|
603 }
|
Daniel@0
|
604 .ui-selectable-helper {
|
Daniel@0
|
605 position: absolute;
|
Daniel@0
|
606 z-index: 100;
|
Daniel@0
|
607 border: 1px dotted black;
|
Daniel@0
|
608 }
|
Daniel@0
|
609 .ui-selectmenu-menu {
|
Daniel@0
|
610 padding: 0;
|
Daniel@0
|
611 margin: 0;
|
Daniel@0
|
612 position: absolute;
|
Daniel@0
|
613 top: 0;
|
Daniel@0
|
614 left: 0;
|
Daniel@0
|
615 display: none;
|
Daniel@0
|
616 }
|
Daniel@0
|
617 .ui-selectmenu-menu .ui-menu {
|
Daniel@0
|
618 overflow: auto;
|
Daniel@0
|
619 /* Support: IE7 */
|
Daniel@0
|
620 overflow-x: hidden;
|
Daniel@0
|
621 padding-bottom: 1px;
|
Daniel@0
|
622 }
|
Daniel@0
|
623 .ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
|
Daniel@0
|
624 font-size: 1em;
|
Daniel@0
|
625 font-weight: bold;
|
Daniel@0
|
626 line-height: 1.5;
|
Daniel@0
|
627 padding: 2px 0.4em;
|
Daniel@0
|
628 margin: 0.5em 0 0 0;
|
Daniel@0
|
629 height: auto;
|
Daniel@0
|
630 border: 0;
|
Daniel@0
|
631 }
|
Daniel@0
|
632 .ui-selectmenu-open {
|
Daniel@0
|
633 display: block;
|
Daniel@0
|
634 }
|
Daniel@0
|
635 .ui-selectmenu-button {
|
Daniel@0
|
636 display: inline-block;
|
Daniel@0
|
637 overflow: hidden;
|
Daniel@0
|
638 position: relative;
|
Daniel@0
|
639 text-decoration: none;
|
Daniel@0
|
640 cursor: pointer;
|
Daniel@0
|
641 }
|
Daniel@0
|
642 .ui-selectmenu-button span.ui-icon {
|
Daniel@0
|
643 right: 0.5em;
|
Daniel@0
|
644 left: auto;
|
Daniel@0
|
645 margin-top: -8px;
|
Daniel@0
|
646 position: absolute;
|
Daniel@0
|
647 top: 50%;
|
Daniel@0
|
648 }
|
Daniel@0
|
649 .ui-selectmenu-button span.ui-selectmenu-text {
|
Daniel@0
|
650 text-align: left;
|
Daniel@0
|
651 padding: 0.4em 2.1em 0.4em 1em;
|
Daniel@0
|
652 display: block;
|
Daniel@0
|
653 line-height: 1.4;
|
Daniel@0
|
654 overflow: hidden;
|
Daniel@0
|
655 text-overflow: ellipsis;
|
Daniel@0
|
656 white-space: nowrap;
|
Daniel@0
|
657 }
|
Daniel@0
|
658 .ui-slider {
|
Daniel@0
|
659 position: relative;
|
Daniel@0
|
660 text-align: left;
|
Daniel@0
|
661 }
|
Daniel@0
|
662 .ui-slider .ui-slider-handle {
|
Daniel@0
|
663 position: absolute;
|
Daniel@0
|
664 z-index: 2;
|
Daniel@0
|
665 width: 1.2em;
|
Daniel@0
|
666 height: 1.2em;
|
Daniel@0
|
667 cursor: default;
|
Daniel@0
|
668 -ms-touch-action: none;
|
Daniel@0
|
669 touch-action: none;
|
Daniel@0
|
670 }
|
Daniel@0
|
671 .ui-slider .ui-slider-range {
|
Daniel@0
|
672 position: absolute;
|
Daniel@0
|
673 z-index: 1;
|
Daniel@0
|
674 font-size: .7em;
|
Daniel@0
|
675 display: block;
|
Daniel@0
|
676 border: 0;
|
Daniel@0
|
677 background-position: 0 0;
|
Daniel@0
|
678 }
|
Daniel@0
|
679
|
Daniel@0
|
680 /* For IE8 - See #6727 */
|
Daniel@0
|
681 .ui-slider.ui-state-disabled .ui-slider-handle,
|
Daniel@0
|
682 .ui-slider.ui-state-disabled .ui-slider-range {
|
Daniel@0
|
683 filter: inherit;
|
Daniel@0
|
684 }
|
Daniel@0
|
685
|
Daniel@0
|
686 .ui-slider-horizontal {
|
Daniel@0
|
687 height: .8em;
|
Daniel@0
|
688 }
|
Daniel@0
|
689 .ui-slider-horizontal .ui-slider-handle {
|
Daniel@0
|
690 top: -.3em;
|
Daniel@0
|
691 margin-left: -.6em;
|
Daniel@0
|
692 }
|
Daniel@0
|
693 .ui-slider-horizontal .ui-slider-range {
|
Daniel@0
|
694 top: 0;
|
Daniel@0
|
695 height: 100%;
|
Daniel@0
|
696 }
|
Daniel@0
|
697 .ui-slider-horizontal .ui-slider-range-min {
|
Daniel@0
|
698 left: 0;
|
Daniel@0
|
699 }
|
Daniel@0
|
700 .ui-slider-horizontal .ui-slider-range-max {
|
Daniel@0
|
701 right: 0;
|
Daniel@0
|
702 }
|
Daniel@0
|
703
|
Daniel@0
|
704 .ui-slider-vertical {
|
Daniel@0
|
705 width: .8em;
|
Daniel@0
|
706 height: 100px;
|
Daniel@0
|
707 }
|
Daniel@0
|
708 .ui-slider-vertical .ui-slider-handle {
|
Daniel@0
|
709 left: -.3em;
|
Daniel@0
|
710 margin-left: 0;
|
Daniel@0
|
711 margin-bottom: -.6em;
|
Daniel@0
|
712 }
|
Daniel@0
|
713 .ui-slider-vertical .ui-slider-range {
|
Daniel@0
|
714 left: 0;
|
Daniel@0
|
715 width: 100%;
|
Daniel@0
|
716 }
|
Daniel@0
|
717 .ui-slider-vertical .ui-slider-range-min {
|
Daniel@0
|
718 bottom: 0;
|
Daniel@0
|
719 }
|
Daniel@0
|
720 .ui-slider-vertical .ui-slider-range-max {
|
Daniel@0
|
721 top: 0;
|
Daniel@0
|
722 }
|
Daniel@0
|
723 .ui-sortable-handle {
|
Daniel@0
|
724 -ms-touch-action: none;
|
Daniel@0
|
725 touch-action: none;
|
Daniel@0
|
726 }
|
Daniel@0
|
727 .ui-spinner {
|
Daniel@0
|
728 position: relative;
|
Daniel@0
|
729 display: inline-block;
|
Daniel@0
|
730 overflow: hidden;
|
Daniel@0
|
731 padding: 0;
|
Daniel@0
|
732 vertical-align: middle;
|
Daniel@0
|
733 }
|
Daniel@0
|
734 .ui-spinner-input {
|
Daniel@0
|
735 border: none;
|
Daniel@0
|
736 background: none;
|
Daniel@0
|
737 color: inherit;
|
Daniel@0
|
738 padding: 0;
|
Daniel@0
|
739 margin: .2em 0;
|
Daniel@0
|
740 vertical-align: middle;
|
Daniel@0
|
741 margin-left: .4em;
|
Daniel@0
|
742 margin-right: 22px;
|
Daniel@0
|
743 }
|
Daniel@0
|
744 .ui-spinner-button {
|
Daniel@0
|
745 width: 16px;
|
Daniel@0
|
746 height: 50%;
|
Daniel@0
|
747 font-size: .5em;
|
Daniel@0
|
748 padding: 0;
|
Daniel@0
|
749 margin: 0;
|
Daniel@0
|
750 text-align: center;
|
Daniel@0
|
751 position: absolute;
|
Daniel@0
|
752 cursor: default;
|
Daniel@0
|
753 display: block;
|
Daniel@0
|
754 overflow: hidden;
|
Daniel@0
|
755 right: 0;
|
Daniel@0
|
756 }
|
Daniel@0
|
757 /* more specificity required here to override default borders */
|
Daniel@0
|
758 .ui-spinner a.ui-spinner-button {
|
Daniel@0
|
759 border-top: none;
|
Daniel@0
|
760 border-bottom: none;
|
Daniel@0
|
761 border-right: none;
|
Daniel@0
|
762 }
|
Daniel@0
|
763 /* vertically center icon */
|
Daniel@0
|
764 .ui-spinner .ui-icon {
|
Daniel@0
|
765 position: absolute;
|
Daniel@0
|
766 margin-top: -8px;
|
Daniel@0
|
767 top: 50%;
|
Daniel@0
|
768 left: 0;
|
Daniel@0
|
769 }
|
Daniel@0
|
770 .ui-spinner-up {
|
Daniel@0
|
771 top: 0;
|
Daniel@0
|
772 }
|
Daniel@0
|
773 .ui-spinner-down {
|
Daniel@0
|
774 bottom: 0;
|
Daniel@0
|
775 }
|
Daniel@0
|
776
|
Daniel@0
|
777 /* TR overrides */
|
Daniel@0
|
778 .ui-spinner .ui-icon-triangle-1-s {
|
Daniel@0
|
779 /* need to fix icons sprite */
|
Daniel@0
|
780 background-position: -65px -16px;
|
Daniel@0
|
781 }
|
Daniel@0
|
782 .ui-tabs {
|
Daniel@0
|
783 position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
|
Daniel@0
|
784 padding: .2em;
|
Daniel@0
|
785 }
|
Daniel@0
|
786 .ui-tabs .ui-tabs-nav {
|
Daniel@0
|
787 margin: 0;
|
Daniel@0
|
788 padding: .2em .2em 0;
|
Daniel@0
|
789 }
|
Daniel@0
|
790 .ui-tabs .ui-tabs-nav li {
|
Daniel@0
|
791 list-style: none;
|
Daniel@0
|
792 float: left;
|
Daniel@0
|
793 position: relative;
|
Daniel@0
|
794 top: 0;
|
Daniel@0
|
795 margin: 1px .2em 0 0;
|
Daniel@0
|
796 border-bottom-width: 0;
|
Daniel@0
|
797 padding: 0;
|
Daniel@0
|
798 white-space: nowrap;
|
Daniel@0
|
799 }
|
Daniel@0
|
800 .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
|
Daniel@0
|
801 float: left;
|
Daniel@0
|
802 padding: .5em 1em;
|
Daniel@0
|
803 text-decoration: none;
|
Daniel@0
|
804 }
|
Daniel@0
|
805 .ui-tabs .ui-tabs-nav li.ui-tabs-active {
|
Daniel@0
|
806 margin-bottom: -1px;
|
Daniel@0
|
807 padding-bottom: 1px;
|
Daniel@0
|
808 }
|
Daniel@0
|
809 .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
|
Daniel@0
|
810 .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
|
Daniel@0
|
811 .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
|
Daniel@0
|
812 cursor: text;
|
Daniel@0
|
813 }
|
Daniel@0
|
814 .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
|
Daniel@0
|
815 cursor: pointer;
|
Daniel@0
|
816 }
|
Daniel@0
|
817 .ui-tabs .ui-tabs-panel {
|
Daniel@0
|
818 display: block;
|
Daniel@0
|
819 border-width: 0;
|
Daniel@0
|
820 padding: 1em 1.4em;
|
Daniel@0
|
821 background: none;
|
Daniel@0
|
822 }
|
Daniel@0
|
823 .ui-tooltip {
|
Daniel@0
|
824 padding: 8px;
|
Daniel@0
|
825 position: absolute;
|
Daniel@0
|
826 z-index: 9999;
|
Daniel@0
|
827 max-width: 300px;
|
Daniel@0
|
828 -webkit-box-shadow: 0 0 5px #aaa;
|
Daniel@0
|
829 box-shadow: 0 0 5px #aaa;
|
Daniel@0
|
830 }
|
Daniel@0
|
831 body .ui-tooltip {
|
Daniel@0
|
832 border-width: 2px;
|
Daniel@0
|
833 }
|