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