Mercurial > hg > rc2

comparison plugins/jqueryui/themes/larry/jquery-ui-1.10.4.custom.css @ 0:4681f974d28b

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
vanilla 1.3.3 distro, I hope
author Charlie Root
date Thu, 04 Jan 2018 15:52:31 -0500
parents
children
comparison
equal deleted inserted replaced
-1:000000000000 0:4681f974d28b
1 /*! jQuery UI - v1.10.4 - 2014-06-17
2 * http://jqueryui.com
3 * Includes: jquery.ui.core.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.menu.css, jquery.ui.progressbar.css, jquery.ui.slider.css, jquery.ui.spinner.css, jquery.ui.tabs.css, jquery.ui.tooltip.css, jquery.ui.theme.css
4 * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Lucida%20Grande%2CVerdana%2CArial%2Csans-serif&fwDefault=bold&fsDefault=1.0em&cornerRadius=5px&bgColorHeader=e4e4e4&bgTextureHeader=highlight_soft&bgImgOpacityHeader=90&borderColorHeader=fafafa&fcHeader=666666&iconColorHeader=004458&bgColorContent=fafafa&bgTextureContent=highlight_soft&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=33333&iconColorContent=004458&bgColorDefault=f8f8f8&bgTextureDefault=highlight_hard&bgImgOpacityDefault=75&borderColorDefault=cccccc&fcDefault=666666&iconColorDefault=004458&bgColorHover=eaeaea&bgTextureHover=highlight_hard&bgImgOpacityHover=75&borderColorHover=aaaaaa&fcHover=333333&iconColorHover=004458&bgColorActive=ffffff&bgTextureActive=highlight_hard&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=333333&iconColorActive=004458&bgColorHighlight=b0ccd7&bgTextureHighlight=highlight_hard&bgImgOpacityHighlight=55&borderColorHighlight=a3a3a3&fcHighlight=004458&iconColorHighlight=004458&bgColorError=fef1ec&bgTextureError=flat&bgImgOpacityError=95&borderColorError=d7211e&fcError=d64040&iconColorError=d7211e&bgColorOverlay=333333&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=50&bgColorShadow=666666&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=20&thicknessShadow=6px&offsetTopShadow=-6px&offsetLeftShadow=-6px&cornerRadiusShadow=8px
5 * Copyright 2014 jQuery Foundation and other contributors; Licensed MIT */
6
7 /* Layout helpers
8 ----------------------------------*/
9 .ui-helper-hidden {
10 display: none;
11 }
12 .ui-helper-hidden-accessible {
13 border: 0;
14 clip: rect(0 0 0 0);
15 height: 1px;
16 margin: -1px;
17 overflow: hidden;
18 padding: 0;
19 position: absolute;
20 width: 1px;
21 }
22 .ui-helper-reset {
23 margin: 0;
24 padding: 0;
25 border: 0;
26 outline: 0;
27 line-height: 1.3;
28 text-decoration: none;
29 font-size: 100%;
30 list-style: none;
31 }
32 .ui-helper-clearfix:before,
33 .ui-helper-clearfix:after {
34 content: "";
35 display: table;
36 border-collapse: collapse;
37 }
38 .ui-helper-clearfix:after {
39 clear: both;
40 }
41 .ui-helper-clearfix {
42 min-height: 0; /* support: IE7 */
43 }
44 .ui-helper-zfix {
45 width: 100%;
46 height: 100%;
47 top: 0;
48 left: 0;
49 position: absolute;
50 opacity: 0;
51 filter:Alpha(Opacity=0);
52 }
53
54 .ui-front {
55 z-index: 100;
56 }
57
58
59 /* Interaction Cues
60 ----------------------------------*/
61 .ui-state-disabled {
62 cursor: default !important;
63 }
64
65
66 /* Icons
67 ----------------------------------*/
68
69 /* states and images */
70 .ui-icon {
71 display: block;
72 text-indent: -99999px;
73 overflow: hidden;
74 background-repeat: no-repeat;
75 }
76
77
78 /* Misc visuals
79 ----------------------------------*/
80
81 /* Overlays */
82 .ui-widget-overlay {
83 position: fixed;
84 top: 0;
85 left: 0;
86 width: 100%;
87 height: 100%;
88 }
89 .ui-resizable {
90 position: relative;
91 }
92 .ui-resizable-handle {
93 position: absolute;
94 font-size: 0.1px;
95 display: block;
96 }
97 .ui-resizable-disabled .ui-resizable-handle,
98 .ui-resizable-autohide .ui-resizable-handle {
99 display: none;
100 }
101 .ui-resizable-n {
102 cursor: n-resize;
103 height: 7px;
104 width: 100%;
105 top: -5px;
106 left: 0;
107 }
108 .ui-resizable-s {
109 cursor: s-resize;
110 height: 7px;
111 width: 100%;
112 bottom: -5px;
113 left: 0;
114 }
115 .ui-resizable-e {
116 cursor: e-resize;
117 width: 7px;
118 right: -5px;
119 top: 0;
120 height: 100%;
121 }
122 .ui-resizable-w {
123 cursor: w-resize;
124 width: 7px;
125 left: -5px;
126 top: 0;
127 height: 100%;
128 }
129 .ui-resizable-se {
130 cursor: se-resize;
131 width: 12px;
132 height: 12px;
133 right: 1px;
134 bottom: 1px;
135 }
136 .ui-resizable-sw {
137 cursor: sw-resize;
138 width: 9px;
139 height: 9px;
140 left: -5px;
141 bottom: -5px;
142 }
143 .ui-resizable-nw {
144 cursor: nw-resize;
145 width: 9px;
146 height: 9px;
147 left: -5px;
148 top: -5px;
149 }
150 .ui-resizable-ne {
151 cursor: ne-resize;
152 width: 9px;
153 height: 9px;
154 right: -5px;
155 top: -5px;
156 }
157 .ui-selectable-helper {
158 position: absolute;
159 z-index: 100;
160 border: 1px dotted black;
161 }
162 .ui-accordion .ui-accordion-header {
163 display: block;
164 cursor: pointer;
165 position: relative;
166 margin-top: 2px;
167 padding: .5em .5em .5em .7em;
168 min-height: 0; /* support: IE7 */
169 }
170 .ui-accordion .ui-accordion-icons {
171 padding-left: 2.2em;
172 }
173 .ui-accordion .ui-accordion-noicons {
174 padding-left: .7em;
175 }
176 .ui-accordion .ui-accordion-icons .ui-accordion-icons {
177 padding-left: 2.2em;
178 }
179 .ui-accordion .ui-accordion-header .ui-accordion-header-icon {
180 position: absolute;
181 left: .5em;
182 top: 50%;
183 margin-top: -8px;
184 }
185 .ui-accordion .ui-accordion-content {
186 padding: 1em 2.2em;
187 border-top: 0;
188 overflow: auto;
189 }
190 .ui-autocomplete {
191 position: absolute;
192 top: 0;
193 left: 0;
194 cursor: default;
195 }
196 .ui-button {
197 display: inline-block;
198 position: relative;
199 padding: 0;
200 line-height: normal;
201 margin-right: .1em;
202 cursor: pointer;
203 vertical-align: middle;
204 text-align: center;
205 overflow: visible; /* removes extra width in IE */
206 }
207 .ui-button,
208 .ui-button:link,
209 .ui-button:visited,
210 .ui-button:hover,
211 .ui-button:active {
212 text-decoration: none;
213 }
214 /* to make room for the icon, a width needs to be set here */
215 .ui-button-icon-only {
216 width: 2.2em;
217 }
218 /* button elements seem to need a little more width */
219 button.ui-button-icon-only {
220 width: 2.4em;
221 }
222 .ui-button-icons-only {
223 width: 3.4em;
224 }
225 button.ui-button-icons-only {
226 width: 3.7em;
227 }
228
229 /* button text element */
230 .ui-button .ui-button-text {
231 display: block;
232 line-height: normal;
233 }
234 .ui-button-text-only .ui-button-text {
235 padding: .4em 1em;
236 }
237 .ui-button-icon-only .ui-button-text,
238 .ui-button-icons-only .ui-button-text {
239 padding: .4em;
240 text-indent: -9999999px;
241 width: 1px;
242 overflow: hidden;
243 }
244 .ui-button-text-icon-primary .ui-button-text,
245 .ui-button-text-icons .ui-button-text {
246 padding: .4em 1em .4em 2.1em;
247 }
248 .ui-button-text-icon-secondary .ui-button-text,
249 .ui-button-text-icons .ui-button-text {
250 padding: .4em 2.1em .4em 1em;
251 }
252 .ui-button-text-icons .ui-button-text {
253 padding-left: 2.1em;
254 padding-right: 2.1em;
255 }
256 /* no icon support for input elements, provide padding by default */
257 input.ui-button {
258 padding: .4em 1em;
259 }
260
261 /* button icon element(s) */
262 .ui-button-icon-only .ui-icon,
263 .ui-button-text-icon-primary .ui-icon,
264 .ui-button-text-icon-secondary .ui-icon,
265 .ui-button-text-icons .ui-icon,
266 .ui-button-icons-only .ui-icon {
267 position: absolute;
268 top: 50%;
269 margin-top: -8px;
270 }
271 .ui-button-icon-only .ui-icon {
272 left: 50%;
273 margin-left: -8px;
274 }
275 .ui-button-text-icon-primary .ui-button-icon-primary,
276 .ui-button-text-icons .ui-button-icon-primary,
277 .ui-button-icons-only .ui-button-icon-primary {
278 left: .5em;
279 }
280 .ui-button-text-icon-secondary .ui-button-icon-secondary,
281 .ui-button-text-icons .ui-button-icon-secondary,
282 .ui-button-icons-only .ui-button-icon-secondary {
283 right: .5em;
284 }
285
286 /* button sets */
287 .ui-buttonset {
288 margin-right: 7px;
289 }
290 .ui-buttonset .ui-button {
291 margin-left: 0;
292 margin-right: -.3em;
293 }
294
295 /* workarounds */
296 /* reset extra padding in Firefox, see h5bp.com/l */
297 input.ui-button::-moz-focus-inner,
298 button.ui-button::-moz-focus-inner {
299 border: 0;
300 padding: 0;
301 }
302 .ui-datepicker {
303 width: 17em;
304 padding: .2em .2em 0;
305 display: none;
306 }
307 .ui-datepicker .ui-datepicker-header {
308 position: relative;
309 padding: .2em 0;
310 }
311 .ui-datepicker .ui-datepicker-prev,
312 .ui-datepicker .ui-datepicker-next {
313 position: absolute;
314 top: 2px;
315 width: 1.8em;
316 height: 1.8em;
317 }
318 .ui-datepicker .ui-datepicker-prev-hover,
319 .ui-datepicker .ui-datepicker-next-hover {
320 top: 1px;
321 }
322 .ui-datepicker .ui-datepicker-prev {
323 left: 2px;
324 }
325 .ui-datepicker .ui-datepicker-next {
326 right: 2px;
327 }
328 .ui-datepicker .ui-datepicker-prev-hover {
329 left: 1px;
330 }
331 .ui-datepicker .ui-datepicker-next-hover {
332 right: 1px;
333 }
334 .ui-datepicker .ui-datepicker-prev span,
335 .ui-datepicker .ui-datepicker-next span {
336 display: block;
337 position: absolute;
338 left: 50%;
339 margin-left: -8px;
340 top: 50%;
341 margin-top: -8px;
342 }
343 .ui-datepicker .ui-datepicker-title {
344 margin: 0 2.3em;
345 line-height: 1.8em;
346 text-align: center;
347 }
348 .ui-datepicker .ui-datepicker-title select {
349 font-size: 1em;
350 margin: 1px 0;
351 }
352 .ui-datepicker select.ui-datepicker-month,
353 .ui-datepicker select.ui-datepicker-year {
354 width: 49%;
355 }
356 .ui-datepicker table {
357 width: 100%;
358 font-size: .9em;
359 border-collapse: collapse;
360 margin: 0 0 .4em;
361 }
362 .ui-datepicker th {
363 padding: .7em .3em;
364 text-align: center;
365 font-weight: bold;
366 border: 0;
367 }
368 .ui-datepicker td {
369 border: 0;
370 padding: 1px;
371 }
372 .ui-datepicker td span,
373 .ui-datepicker td a {
374 display: block;
375 padding: .2em;
376 text-align: right;
377 text-decoration: none;
378 }
379 .ui-datepicker .ui-datepicker-buttonpane {
380 background-image: none;
381 margin: .7em 0 0 0;
382 padding: 0 .2em;
383 border-left: 0;
384 border-right: 0;
385 border-bottom: 0;
386 }
387 .ui-datepicker .ui-datepicker-buttonpane button {
388 float: right;
389 margin: .5em .2em .4em;
390 cursor: pointer;
391 padding: .2em .6em .3em .6em;
392 width: auto;
393 overflow: visible;
394 }
395 .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
396 float: left;
397 }
398
399 /* with multiple calendars */
400 .ui-datepicker.ui-datepicker-multi {
401 width: auto;
402 }
403 .ui-datepicker-multi .ui-datepicker-group {
404 float: left;
405 }
406 .ui-datepicker-multi .ui-datepicker-group table {
407 width: 95%;
408 margin: 0 auto .4em;
409 }
410 .ui-datepicker-multi-2 .ui-datepicker-group {
411 width: 50%;
412 }
413 .ui-datepicker-multi-3 .ui-datepicker-group {
414 width: 33.3%;
415 }
416 .ui-datepicker-multi-4 .ui-datepicker-group {
417 width: 25%;
418 }
419 .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
420 .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
421 border-left-width: 0;
422 }
423 .ui-datepicker-multi .ui-datepicker-buttonpane {
424 clear: left;
425 }
426 .ui-datepicker-row-break {
427 clear: both;
428 width: 100%;
429 font-size: 0;
430 }
431
432 /* RTL support */
433 .ui-datepicker-rtl {
434 direction: rtl;
435 }
436 .ui-datepicker-rtl .ui-datepicker-prev {
437 right: 2px;
438 left: auto;
439 }
440 .ui-datepicker-rtl .ui-datepicker-next {
441 left: 2px;
442 right: auto;
443 }
444 .ui-datepicker-rtl .ui-datepicker-prev:hover {
445 right: 1px;
446 left: auto;
447 }
448 .ui-datepicker-rtl .ui-datepicker-next:hover {
449 left: 1px;
450 right: auto;
451 }
452 .ui-datepicker-rtl .ui-datepicker-buttonpane {
453 clear: right;
454 }
455 .ui-datepicker-rtl .ui-datepicker-buttonpane button {
456 float: left;
457 }
458 .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
459 .ui-datepicker-rtl .ui-datepicker-group {
460 float: right;
461 }
462 .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
463 .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
464 border-right-width: 0;
465 border-left-width: 1px;
466 }
467 .ui-dialog {
468 position: absolute;
469 top: 0;
470 left: 0;
471 padding: 3px;
472 background: #fff;
473 border-radius: 6px !important;
474 border: 0 !important;
475 outline: 0;
476 -webkit-box-shadow: #666 1px 1px 12px;
477 -moz-box-shadow: 1px 1px 12px #666;
478 box-shadow: 1px 1px 18px #666;
479 }
480 .ui-dialog .ui-dialog-titlebar {
481 padding: 15px 1em 8px 1em;
482 position: relative;
483 border: 0;
484 border-radius: 5px 5px 0 0;
485 }
486 .ui-dialog .ui-dialog-title {
487 float: left;
488 margin: .1em 16px .1em 0;
489 font-size: 1.3em;
490 text-shadow: 1px 1px 1px #fff;
491 white-space: nowrap;
492 width: 90%;
493 overflow: hidden;
494 text-overflow: ellipsis;
495 }
496 .ui-dialog .ui-button.ui-dialog-titlebar-close {
497 position: absolute;
498 right: -15px;
499 top: -15px;
500 width: 29px;
501 height: 29px;
502 margin: 0;
503 padding: 0;
504 z-index: 99999;
505 border-radius: 50%;
506 border-width: 0 !important;
507 background: none !important;
508 filter: none !important;
509 -webkit-box-shadow: none !important;
510 -moz-box-shadow: none !important;
511 -o-box-shadow: none !important;
512 box-shadow: none !important;
513 }
514 .ui-dialog .ui-dialog-titlebar-close.ui-button:focus,
515 .ui-dialog .ui-dialog-titlebar-close.ui-button.ui-state-focus {
516 box-shadow: 0 0 2px 2px rgba(71,135,177, 0.9) !important;
517 -webkit-box-shadow: 0 0 2px 2px rgba(71,135,177, 0.9) !important;
518 }
519 .ui-dialog .ui-dialog-titlebar-close .ui-icon-closethick {
520 top: 0;
521 left: -1px;
522 margin: 0;
523 width: 29px;
524 height: 29px;
525 border-radius: 50%;
526 background: url("images/ui-dialog-close.png") 0 0 no-repeat;
527 }
528 .no-close .ui-dialog-titlebar-close {
529 display: none !important;
530 }
531 .ui-dialog .ui-dialog-content {
532 position: relative;
533 border: 0;
534 padding: 1.5em 1em 0.5em 1em;
535 background: none;
536 overflow: auto;
537 }
538 .ui-dialog .ui-widget-content {
539 border: 0;
540 }
541 .ui-dialog .ui-dialog-buttonpane {
542 text-align: left;
543 border-width: 1px 0 0 0;
544 background-image: none;
545 border-color: #ddd;
546 border-style: solid;
547 margin: 0;
548 padding: .3em 1em .5em .8em;
549 }
550 .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
551 float: left;
552 }
553 .ui-dialog .ui-dialog-buttonpane button {
554 margin: .5em .4em .5em 0;
555 cursor: pointer;
556 }
557 .ui-dialog .ui-resizable-se {
558 width: 14px;
559 height: 14px;
560 right: 3px;
561 bottom: 3px;
562 background-position: -80px -224px;
563 }
564 .ui-draggable .ui-dialog-titlebar {
565 cursor: move;
566 }
567 .ui-menu {
568 list-style: none;
569 padding: 0;
570 margin: 0;
571 display: block;
572 outline: none;
573 background: #444;
574 border: 1px solid #999;
575 border-radius: 4px !important;
576 -webkit-box-shadow: 0 2px 6px 0 #333;
577 -moz-box-shadow: 0 2px 6px 0 #333;
578 -o-box-shadow: 0 2px 6px 0 #333;
579 box-shadow: 0 2px 6px 0 #333;
580 }
581 .ui-menu .ui-menu {
582 margin-top: -3px;
583 position: absolute;
584 }
585 .ui-menu .ui-menu-item {
586 margin: 0;
587 padding: 0;
588 width: 100%;
589 /* support: IE10, see #8844 */
590 list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
591 color: #fff;
592 white-space: nowrap;
593 border-top: 1px solid #5a5a5a;
594 border-bottom: 1px solid #333;
595 }
596 .ui-menu .ui-menu-item:first-child {
597 border-top: 0;
598 }
599 .ui-menu .ui-menu-item:last-child {
600 border-bottom: 0;
601 }
602 .ui-menu .ui-menu-divider {
603 margin: 5px -2px 5px -2px;
604 height: 0;
605 font-size: 0;
606 line-height: 0;
607 border-width: 1px 0 0 0;
608 }
609 .ui-menu .ui-menu-item a {
610 text-decoration: none;
611 display: block;
612 padding: 6px 10px 4px 10px;
613 line-height: 1.5;
614 min-height: 0; /* support: IE7 */
615 font-weight: normal;
616 border: 0;
617 margin: 0;
618 border-radius: 0;
619 color: #fff;
620 background: #444;
621 text-shadow: 0px 1px 1px #333;
622 }
623 .ui-menu .ui-menu-item a.ui-state-focus,
624 .ui-menu .ui-menu-item a.ui-state-active {
625 font-weight: normal;
626 background: #00aad6;
627 background: -moz-linear-gradient(top, #00aad6 0%, #008fc9 100%);
628 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00aad6), color-stop(100%,#008fc9));
629 background: -o-linear-gradient(top, #00aad6 0%, #008fc9 100%);
630 background: -ms-linear-gradient(top, #00aad6 0%, #008fc9 100%);
631 background: linear-gradient(top, #00aad6 0%, #008fc9 100%);
632 }
633
634 .ui-menu .ui-state-disabled {
635 font-weight: normal;
636 margin: .4em 0 .2em;
637 line-height: 1.5;
638 }
639 .ui-menu .ui-state-disabled a {
640 cursor: default;
641 }
642
643 /* icon support */
644 .ui-menu-icons {
645 position: relative;
646 }
647 .ui-menu-icons .ui-menu-item a {
648 position: relative;
649 padding-left: 2em;
650 }
651
652 /* left-aligned */
653 .ui-menu .ui-icon {
654 position: absolute;
655 top: .2em;
656 left: .2em;
657 }
658
659 /* right-aligned */
660 .ui-menu .ui-menu-icon {
661 position: static;
662 float: right;
663 }
664 .ui-progressbar {
665 height: 2em;
666 text-align: left;
667 overflow: hidden;
668 }
669 .ui-progressbar .ui-progressbar-value {
670 margin: -1px;
671 height: 100%;
672 }
673 .ui-progressbar .ui-progressbar-overlay {
674 background: url("images/animated-overlay.gif");
675 height: 100%;
676 filter: alpha(opacity=25);
677 opacity: 0.25;
678 }
679 .ui-progressbar-indeterminate .ui-progressbar-value {
680 background-image: none;
681 }
682 .ui-slider {
683 position: relative;
684 text-align: left;
685 }
686 .ui-slider .ui-slider-handle {
687 position: absolute;
688 z-index: 2;
689 width: 1.2em;
690 height: 1.2em;
691 cursor: default;
692 }
693 .ui-slider .ui-slider-range {
694 position: absolute;
695 z-index: 1;
696 font-size: .7em;
697 display: block;
698 border: 0;
699 background: #019bc6;
700 background: -moz-linear-gradient(top, #019bc6 0%, #017cb4 100%);
701 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#019bc6), color-stop(100%,#017cb4));
702 background: -o-linear-gradient(top, #019bc6 0%, #017cb4 100%);
703 background: -ms-linear-gradient(top, #019bc6 0%, #017cb4 100%);
704 background: linear-gradient(top, #019bc6 0%, #017cb4 100%);
705 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#019bc6', endColorstr='#017cb4', GradientType=0);
706 }
707
708 /* For IE8 - See #6727 */
709 .ui-slider.ui-state-disabled .ui-slider-handle,
710 .ui-slider.ui-state-disabled .ui-slider-range {
711 filter: inherit;
712 }
713
714 .ui-slider-horizontal {
715 height: .8em;
716 }
717 .ui-slider-horizontal .ui-slider-handle {
718 top: -.3em;
719 margin-left: -.6em;
720 }
721 .ui-slider-horizontal .ui-slider-range {
722 top: 0;
723 height: 100%;
724 }
725 .ui-slider-horizontal .ui-slider-range-min {
726 left: 0;
727 }
728 .ui-slider-horizontal .ui-slider-range-max {
729 right: 0;
730 }
731
732 .ui-slider-vertical {
733 width: .8em;
734 height: 100px;
735 }
736 .ui-slider-vertical .ui-slider-handle {
737 left: -.3em;
738 margin-left: 0;
739 margin-bottom: -.6em;
740 }
741 .ui-slider-vertical .ui-slider-range {
742 left: 0;
743 width: 100%;
744 }
745 .ui-slider-vertical .ui-slider-range-min {
746 bottom: 0;
747 }
748 .ui-slider-vertical .ui-slider-range-max {
749 top: 0;
750 }
751 .ui-spinner {
752 position: relative;
753 display: inline-block;
754 overflow: hidden;
755 padding: 0;
756 vertical-align: middle;
757 }
758 .ui-spinner-input {
759 border: none;
760 background: none;
761 color: inherit;
762 padding: 0;
763 margin: .2em 0;
764 vertical-align: middle;
765 margin-left: .4em;
766 margin-right: 22px;
767 }
768 .ui-spinner-button {
769 width: 16px;
770 height: 50%;
771 font-size: .5em;
772 padding: 0;
773 margin: 0;
774 text-align: center;
775 position: absolute;
776 cursor: default;
777 display: block;
778 overflow: hidden;
779 right: 0;
780 }
781 /* more specificity required here to override default borders */
782 .ui-spinner a.ui-spinner-button {
783 border-top: none;
784 border-bottom: none;
785 border-right: none;
786 }
787 /* vertically center icon */
788 .ui-spinner .ui-icon {
789 position: absolute;
790 margin-top: -8px;
791 top: 50%;
792 left: 0;
793 }
794 .ui-spinner-up {
795 top: 0;
796 }
797 .ui-spinner-down {
798 bottom: 0;
799 }
800
801 /* TR overrides */
802 .ui-spinner .ui-icon-triangle-1-s {
803 /* need to fix icons sprite */
804 background-position: -65px -16px;
805 }
806 .ui-tabs {
807 position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
808 padding: .2em;
809 }
810 .ui-tabs .ui-tabs-nav {
811 margin: 0; padding: 0;
812 border: 0;
813 background: transparent;
814 filter: none;
815 height: 44px;
816 }
817 .ui-tabs .ui-tabs-nav li {
818 list-style: none;
819 position: relative;
820 display: inline-block;
821 top: 0;
822 margin: 0;
823 border: 0 !important;
824 padding: 0 1px 0 0;
825 white-space: nowrap;
826 background: #f8f8f8;
827 background: -moz-linear-gradient(top, #f8f8f8 0%, #d3d3d3 50%, #f8f8f8 100%);
828 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(50%,#d3d3d3), color-stop(100%,#f8f8f8));
829 background: -webkit-linear-gradient(top, #f8f8f8 0%, #d3d3d3 50%, #f8f8f8 100%);
830 background: -o-linear-gradient(top, #f8f8f8 0%, #d3d3d3 50%, #f8f8f8 100%);
831 background: -ms-linear-gradient(top, #f8f8f8 0%, #d3d3d3 50%, #f8f8f8 100%);
832 background: linear-gradient(top, #f8f8f8 0%, #d3d3d3 50%, #f8f8f8 100%);
833 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f8', endColorstr='#d3d3d3', GradientType=0);
834 }
835 .ui-tabs .ui-tabs-nav li:last-child {
836 background: none;
837 }
838 .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
839 display: inline-block;
840 padding: 15px;
841 text-decoration: none;
842 font-size: 12px;
843 color: #999;
844 background: #fafafa;
845 border-right: 1px solid #fafafa;
846 }
847 .ui-tabs .ui-tabs-nav li.ui-tabs-active {
848 margin-bottom: -1px;
849 padding-bottom: 1px;
850 }
851 .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
852 .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
853 .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
854 cursor: text;
855 }
856 .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
857 outline: none;
858 color: #004458;
859 background: #efefef;
860 background: -moz-linear-gradient(top, #fafafa 40%, #e4e4e4 100%);
861 background: -webkit-gradient(linear, left top, left bottom, color-stop(40%,#fff), color-stop(100%,#e4e4e4));
862 background: -o-linear-gradient(top, #fafafa 40%, #e4e4e4 100%);
863 background: -ms-linear-gradient(top, #fafafa 40%, #e4e4e4 100%);
864 background: linear-gradient(top, #fafafa 40%, #e4e4e4 100%);
865 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#e4e4e4', GradientType=0);
866 }
867 .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
868 cursor: pointer;
869 }
870 .ui-tabs .ui-tabs-panel {
871 display: block;
872 border-width: 0;
873 padding: 0.5em 1em;
874 margin-top: 0.2em;
875 background: #efefef;
876 }
877 .ui-tooltip {
878 padding: 8px;
879 position: absolute;
880 z-index: 9999;
881 max-width: 300px;
882 -webkit-box-shadow: 0 0 5px #aaa;
883 box-shadow: 0 0 5px #aaa;
884 }
885 body .ui-tooltip {
886 border-width: 2px;
887 }
888
889 /* Component containers
890 ----------------------------------*/
891 .ui-widget {
892 font-family: Lucida Grande,Verdana,Arial,sans-serif;
893 font-size: 1.0em;
894 }
895 .ui-widget .ui-widget {
896 font-size: 1em;
897 }
898 .ui-widget input,
899 .ui-widget select,
900 .ui-widget textarea,
901 .ui-widget button {
902 font-family: Lucida Grande,Verdana,Arial,sans-serif;
903 font-size: 1em;
904 }
905 .ui-widget-content {
906 border: 1px solid #aaaaaa;
907 background: #fafafa;
908 color: #333333;
909 }
910 .ui-widget-content a {
911 color: #0186ba;
912 }
913 .ui-widget-header {
914 border: 1px solid #fafafa;
915 background: #e4e4e4;
916 background: -moz-linear-gradient(top, #f2f2f2 0%, #e4e4e4 100%);
917 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#e4e4e4));
918 background: -o-linear-gradient(top, #f2f2f2 0%, #e4e4e4 100%);
919 background: -ms-linear-gradient(top, #f2f2f2 0%, #e4e4e4 100%);
920 background: linear-gradient(top, #f2f2f2 0%, #e4e4e4 100%);
921 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f2f2', endColorstr='#e4e4e4', GradientType=0);
922 color: #666666;
923 font-weight: bold;
924 }
925 .ui-widget-header a {
926 color: #666666;
927 }
928
929 /* Interaction states
930 ----------------------------------*/
931 .ui-state-default,
932 .ui-widget-content .ui-state-default,
933 .ui-widget-header .ui-state-default {
934 border: 1px solid #cccccc;
935 background: #f8f8f8;
936 font-weight: bold;
937 color: #666666;
938 }
939 .ui-state-default a,
940 .ui-state-default a:link,
941 .ui-state-default a:visited {
942 color: #666666;
943 text-decoration: none;
944 }
945 .ui-state-hover,
946 .ui-widget-content .ui-state-hover,
947 .ui-widget-header .ui-state-hover,
948 .ui-state-focus,
949 .ui-widget-content .ui-state-focus,
950 .ui-widget-header .ui-state-focus {
951 border: 1px solid #aaaaaa;
952 background: #eaeaea;
953 font-weight: bold;
954 color: #333333;
955 }
956 .ui-state-hover a,
957 .ui-state-hover a:hover,
958 .ui-state-hover a:link,
959 .ui-state-hover a:visited,
960 .ui-state-focus a,
961 .ui-state-focus a:hover,
962 .ui-state-focus a:link,
963 .ui-state-focus a:visited {
964 color: #333333;
965 text-decoration: none;
966 }
967 .ui-state-active,
968 .ui-widget-content .ui-state-active,
969 .ui-widget-header .ui-state-active {
970 border: 1px solid #aaaaaa;
971 background: #ffffff;
972 font-weight: bold;
973 color: #333333;
974 }
975 .ui-state-active a,
976 .ui-state-active a:link,
977 .ui-state-active a:visited {
978 color: #333333;
979 text-decoration: none;
980 }
981
982 /* Interaction Cues
983 ----------------------------------*/
984 .ui-state-highlight,
985 .ui-widget-content .ui-state-highlight,
986 .ui-widget-header .ui-state-highlight {
987 border: 1px solid #a3a3a3;
988 background: #b0ccd7;
989 color: #004458;
990 }
991 .ui-state-highlight a,
992 .ui-widget-content .ui-state-highlight a,
993 .ui-widget-header .ui-state-highlight a {
994 color: #004458;
995 }
996 .ui-state-error,
997 .ui-widget-content .ui-state-error,
998 .ui-widget-header .ui-state-error {
999 border: 1px solid #d7211e;
1000 background: #fef1ec;
1001 color: #d64040;
1002 }
1003 .ui-state-error a,
1004 .ui-widget-content .ui-state-error a,
1005 .ui-widget-header .ui-state-error a {
1006 color: #d64040;
1007 }
1008 .ui-state-error-text,
1009 .ui-widget-content .ui-state-error-text,
1010 .ui-widget-header .ui-state-error-text {
1011 color: #d64040;
1012 }
1013 .ui-priority-primary,
1014 .ui-widget-content .ui-priority-primary,
1015 .ui-widget-header .ui-priority-primary {
1016 font-weight: bold;
1017 }
1018 .ui-priority-secondary,
1019 .ui-widget-content .ui-priority-secondary,
1020 .ui-widget-header .ui-priority-secondary {
1021 opacity: .7;
1022 filter:Alpha(Opacity=70);
1023 font-weight: normal;
1024 }
1025 .ui-state-disabled,
1026 .ui-widget-content .ui-state-disabled,
1027 .ui-widget-header .ui-state-disabled {
1028 opacity: .35;
1029 filter:Alpha(Opacity=35);
1030 background-image: none;
1031 }
1032 .ui-state-disabled .ui-icon {
1033 filter:Alpha(Opacity=35); /* For IE8 - See #6059 */
1034 }
1035
1036 /* Icons
1037 ----------------------------------*/
1038
1039 /* states and images */
1040 .ui-icon {
1041 width: 16px;
1042 height: 16px;
1043 }
1044 .ui-icon,
1045 .ui-widget-content .ui-icon {
1046 background-image: url("images/ui-icons_004458_256x240.png");
1047 }
1048 .ui-widget-header .ui-icon {
1049 background-image: url("images/ui-icons_004458_256x240.png");
1050 }
1051 .ui-state-default .ui-icon {
1052 background-image: url("images/ui-icons_004458_256x240.png");
1053 }
1054 .ui-state-hover .ui-icon,
1055 .ui-state-focus .ui-icon {
1056 background-image: url("images/ui-icons_004458_256x240.png");
1057 }
1058 .ui-state-active .ui-icon {
1059 background-image: url("images/ui-icons_004458_256x240.png");
1060 }
1061 .ui-state-highlight .ui-icon {
1062 background-image: url("images/ui-icons_004458_256x240.png");
1063 }
1064 .ui-state-error .ui-icon,
1065 .ui-state-error-text .ui-icon {
1066 background-image: url("images/ui-icons_d7211e_256x240.png");
1067 }
1068
1069 /* positioning */
1070 .ui-icon-blank { background-position: 16px 16px; }
1071 .ui-icon-carat-1-n { background-position: 0 0; }
1072 .ui-icon-carat-1-ne { background-position: -16px 0; }
1073 .ui-icon-carat-1-e { background-position: -32px 0; }
1074 .ui-icon-carat-1-se { background-position: -48px 0; }
1075 .ui-icon-carat-1-s { background-position: -64px 0; }
1076 .ui-icon-carat-1-sw { background-position: -80px 0; }
1077 .ui-icon-carat-1-w { background-position: -96px 0; }
1078 .ui-icon-carat-1-nw { background-position: -112px 0; }
1079 .ui-icon-carat-2-n-s { background-position: -128px 0; }
1080 .ui-icon-carat-2-e-w { background-position: -144px 0; }
1081 .ui-icon-triangle-1-n { background-position: 0 -16px; }
1082 .ui-icon-triangle-1-ne { background-position: -16px -16px; }
1083 .ui-icon-triangle-1-e { background-position: -32px -16px; }
1084 .ui-icon-triangle-1-se { background-position: -48px -16px; }
1085 .ui-icon-triangle-1-s { background-position: -64px -16px; }
1086 .ui-icon-triangle-1-sw { background-position: -80px -16px; }
1087 .ui-icon-triangle-1-w { background-position: -96px -16px; }
1088 .ui-icon-triangle-1-nw { background-position: -112px -16px; }
1089 .ui-icon-triangle-2-n-s { background-position: -128px -16px; }
1090 .ui-icon-triangle-2-e-w { background-position: -144px -16px; }
1091 .ui-icon-arrow-1-n { background-position: 0 -32px; }
1092 .ui-icon-arrow-1-ne { background-position: -16px -32px; }
1093 .ui-icon-arrow-1-e { background-position: -32px -32px; }
1094 .ui-icon-arrow-1-se { background-position: -48px -32px; }
1095 .ui-icon-arrow-1-s { background-position: -64px -32px; }
1096 .ui-icon-arrow-1-sw { background-position: -80px -32px; }
1097 .ui-icon-arrow-1-w { background-position: -96px -32px; }
1098 .ui-icon-arrow-1-nw { background-position: -112px -32px; }
1099 .ui-icon-arrow-2-n-s { background-position: -128px -32px; }
1100 .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
1101 .ui-icon-arrow-2-e-w { background-position: -160px -32px; }
1102 .ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
1103 .ui-icon-arrowstop-1-n { background-position: -192px -32px; }
1104 .ui-icon-arrowstop-1-e { background-position: -208px -32px; }
1105 .ui-icon-arrowstop-1-s { background-position: -224px -32px; }
1106 .ui-icon-arrowstop-1-w { background-position: -240px -32px; }
1107 .ui-icon-arrowthick-1-n { background-position: 0 -48px; }
1108 .ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
1109 .ui-icon-arrowthick-1-e { background-position: -32px -48px; }
1110 .ui-icon-arrowthick-1-se { background-position: -48px -48px; }
1111 .ui-icon-arrowthick-1-s { background-position: -64px -48px; }
1112 .ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
1113 .ui-icon-arrowthick-1-w { background-position: -96px -48px; }
1114 .ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
1115 .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
1116 .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
1117 .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
1118 .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
1119 .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
1120 .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
1121 .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
1122 .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
1123 .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
1124 .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
1125 .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
1126 .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
1127 .ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
1128 .ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
1129 .ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
1130 .ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
1131 .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
1132 .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
1133 .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
1134 .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
1135 .ui-icon-arrow-4 { background-position: 0 -80px; }
1136 .ui-icon-arrow-4-diag { background-position: -16px -80px; }
1137 .ui-icon-extlink { background-position: -32px -80px; }
1138 .ui-icon-newwin { background-position: -48px -80px; }
1139 .ui-icon-refresh { background-position: -64px -80px; }
1140 .ui-icon-shuffle { background-position: -80px -80px; }
1141 .ui-icon-transfer-e-w { background-position: -96px -80px; }
1142 .ui-icon-transferthick-e-w { background-position: -112px -80px; }
1143 .ui-icon-folder-collapsed { background-position: 0 -96px; }
1144 .ui-icon-folder-open { background-position: -16px -96px; }
1145 .ui-icon-document { background-position: -32px -96px; }
1146 .ui-icon-document-b { background-position: -48px -96px; }
1147 .ui-icon-note { background-position: -64px -96px; }
1148 .ui-icon-mail-closed { background-position: -80px -96px; }
1149 .ui-icon-mail-open { background-position: -96px -96px; }
1150 .ui-icon-suitcase { background-position: -112px -96px; }
1151 .ui-icon-comment { background-position: -128px -96px; }
1152 .ui-icon-person { background-position: -144px -96px; }
1153 .ui-icon-print { background-position: -160px -96px; }
1154 .ui-icon-trash { background-position: -176px -96px; }
1155 .ui-icon-locked { background-position: -192px -96px; }
1156 .ui-icon-unlocked { background-position: -208px -96px; }
1157 .ui-icon-bookmark { background-position: -224px -96px; }
1158 .ui-icon-tag { background-position: -240px -96px; }
1159 .ui-icon-home { background-position: 0 -112px; }
1160 .ui-icon-flag { background-position: -16px -112px; }
1161 .ui-icon-calendar { background-position: -32px -112px; }
1162 .ui-icon-cart { background-position: -48px -112px; }
1163 .ui-icon-pencil { background-position: -64px -112px; }
1164 .ui-icon-clock { background-position: -80px -112px; }
1165 .ui-icon-disk { background-position: -96px -112px; }
1166 .ui-icon-calculator { background-position: -112px -112px; }
1167 .ui-icon-zoomin { background-position: -128px -112px; }
1168 .ui-icon-zoomout { background-position: -144px -112px; }
1169 .ui-icon-search { background-position: -160px -112px; }
1170 .ui-icon-wrench { background-position: -176px -112px; }
1171 .ui-icon-gear { background-position: -192px -112px; }
1172 .ui-icon-heart { background-position: -208px -112px; }
1173 .ui-icon-star { background-position: -224px -112px; }
1174 .ui-icon-link { background-position: -240px -112px; }
1175 .ui-icon-cancel { background-position: 0 -128px; }
1176 .ui-icon-plus { background-position: -16px -128px; }
1177 .ui-icon-plusthick { background-position: -32px -128px; }
1178 .ui-icon-minus { background-position: -48px -128px; }
1179 .ui-icon-minusthick { background-position: -64px -128px; }
1180 .ui-icon-close { background-position: -80px -128px; }
1181 .ui-icon-closethick { background-position: -96px -128px; }
1182 .ui-icon-key { background-position: -112px -128px; }
1183 .ui-icon-lightbulb { background-position: -128px -128px; }
1184 .ui-icon-scissors { background-position: -144px -128px; }
1185 .ui-icon-clipboard { background-position: -160px -128px; }
1186 .ui-icon-copy { background-position: -176px -128px; }
1187 .ui-icon-contact { background-position: -192px -128px; }
1188 .ui-icon-image { background-position: -208px -128px; }
1189 .ui-icon-video { background-position: -224px -128px; }
1190 .ui-icon-script { background-position: -240px -128px; }
1191 .ui-icon-alert { background-position: 0 -144px; }
1192 .ui-icon-info { background-position: -16px -144px; }
1193 .ui-icon-notice { background-position: -32px -144px; }
1194 .ui-icon-help { background-position: -48px -144px; }
1195 .ui-icon-check { background-position: -64px -144px; }
1196 .ui-icon-bullet { background-position: -80px -144px; }
1197 .ui-icon-radio-on { background-position: -96px -144px; }
1198 .ui-icon-radio-off { background-position: -112px -144px; }
1199 .ui-icon-pin-w { background-position: -128px -144px; }
1200 .ui-icon-pin-s { background-position: -144px -144px; }
1201 .ui-icon-play { background-position: 0 -160px; }
1202 .ui-icon-pause { background-position: -16px -160px; }
1203 .ui-icon-seek-next { background-position: -32px -160px; }
1204 .ui-icon-seek-prev { background-position: -48px -160px; }
1205 .ui-icon-seek-end { background-position: -64px -160px; }
1206 .ui-icon-seek-start { background-position: -80px -160px; }
1207 /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
1208 .ui-icon-seek-first { background-position: -80px -160px; }
1209 .ui-icon-stop { background-position: -96px -160px; }
1210 .ui-icon-eject { background-position: -112px -160px; }
1211 .ui-icon-volume-off { background-position: -128px -160px; }
1212 .ui-icon-volume-on { background-position: -144px -160px; }
1213 .ui-icon-power { background-position: 0 -176px; }
1214 .ui-icon-signal-diag { background-position: -16px -176px; }
1215 .ui-icon-signal { background-position: -32px -176px; }
1216 .ui-icon-battery-0 { background-position: -48px -176px; }
1217 .ui-icon-battery-1 { background-position: -64px -176px; }
1218 .ui-icon-battery-2 { background-position: -80px -176px; }
1219 .ui-icon-battery-3 { background-position: -96px -176px; }
1220 .ui-icon-circle-plus { background-position: 0 -192px; }
1221 .ui-icon-circle-minus { background-position: -16px -192px; }
1222 .ui-icon-circle-close { background-position: -32px -192px; }
1223 .ui-icon-circle-triangle-e { background-position: -48px -192px; }
1224 .ui-icon-circle-triangle-s { background-position: -64px -192px; }
1225 .ui-icon-circle-triangle-w { background-position: -80px -192px; }
1226 .ui-icon-circle-triangle-n { background-position: -96px -192px; }
1227 .ui-icon-circle-arrow-e { background-position: -112px -192px; }
1228 .ui-icon-circle-arrow-s { background-position: -128px -192px; }
1229 .ui-icon-circle-arrow-w { background-position: -144px -192px; }
1230 .ui-icon-circle-arrow-n { background-position: -160px -192px; }
1231 .ui-icon-circle-zoomin { background-position: -176px -192px; }
1232 .ui-icon-circle-zoomout { background-position: -192px -192px; }
1233 .ui-icon-circle-check { background-position: -208px -192px; }
1234 .ui-icon-circlesmall-plus { background-position: 0 -208px; }
1235 .ui-icon-circlesmall-minus { background-position: -16px -208px; }
1236 .ui-icon-circlesmall-close { background-position: -32px -208px; }
1237 .ui-icon-squaresmall-plus { background-position: -48px -208px; }
1238 .ui-icon-squaresmall-minus { background-position: -64px -208px; }
1239 .ui-icon-squaresmall-close { background-position: -80px -208px; }
1240 .ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
1241 .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
1242 .ui-icon-grip-solid-vertical { background-position: -32px -224px; }
1243 .ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
1244 .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
1245 .ui-icon-grip-diagonal-se { background-position: -80px -224px; }
1246
1247
1248 /* Misc visuals
1249 ----------------------------------*/
1250
1251 /* Corner radius */
1252 .ui-corner-all,
1253 .ui-corner-top,
1254 .ui-corner-left,
1255 .ui-corner-tl {
1256 border-top-left-radius: 5px;
1257 }
1258 .ui-corner-all,
1259 .ui-corner-top,
1260 .ui-corner-right,
1261 .ui-corner-tr {
1262 border-top-right-radius: 5px;
1263 }
1264 .ui-corner-all,
1265 .ui-corner-bottom,
1266 .ui-corner-left,
1267 .ui-corner-bl {
1268 border-bottom-left-radius: 5px;
1269 }
1270 .ui-corner-all,
1271 .ui-corner-bottom,
1272 .ui-corner-right,
1273 .ui-corner-br {
1274 border-bottom-right-radius: 5px;
1275 }
1276
1277 /* Overlays */
1278 .ui-widget-overlay {
1279 background: #333333;
1280 opacity: .5;
1281 filter: Alpha(Opacity=50);
1282 }
1283 .ui-widget-shadow {
1284 margin: -6px 0 0 -6px;
1285 padding: 6px;
1286 background: #666666;
1287 opacity: .2;
1288 filter: Alpha(Opacity=20);
1289 border-radius: 8px;
1290 }
1291
1292 /* Roundcube button styling */
1293 .ui-button.ui-state-default {
1294 display: inline-block;
1295 margin: 0 2px;
1296 padding: 1px 2px;
1297 text-shadow: 0px 1px 1px #fff;
1298 border: 1px solid #c6c6c6;
1299 border-radius: 4px;
1300 background: #f7f7f7;
1301 background: -moz-linear-gradient(top, #f9f9f9 0%, #e6e6e6 100%);
1302 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#e6e6e6));
1303 background: -o-linear-gradient(top, #f9f9f9 0%, #e6e6e6 100%);
1304 background: -ms-linear-gradient(top, #f9f9f9 0%, #e6e6e6 100%);
1305 background: linear-gradient(top, #f9f9f9 0%, #e6e6e6 100%);
1306 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e6e6e6', GradientType=0);
1307 -webkit-box-shadow: 0 1px 1px 0 rgba(140, 140, 140, 0.3);
1308 -moz-box-shadow: 0 1px 1px 0 rgba(140, 140, 140, 0.3);
1309 -o-box-shadow: 0 1px 1px 0 rgba(140, 140, 140, 0.3);
1310 box-shadow: 0 1px 1px 0 rgba(140, 140, 140, 0.3);
1311 text-decoration: none;
1312 outline: none;
1313 }
1314
1315 .ui-button.mainaction {
1316 color: #ededed;
1317 text-shadow: 0px 1px 1px #333;
1318 border-color: #1f262c;
1319 background: #505050;
1320 background: -moz-linear-gradient(top, #505050 0%, #2a2e31 100%);
1321 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#505050), color-stop(100%,#2a2e31));
1322 background: -o-linear-gradient(top, #505050 0%, #2a2e31 100%);
1323 background: -ms-linear-gradient(top, #505050 0%, #2a2e31 100%);
1324 background: linear-gradient(top, #505050 0%, #2a2e31 100%);
1325 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#505050', endColorstr='#2a2e31', GradientType=0);
1326 -moz-box-shadow: inset 0 1px 0 0 #777;
1327 -webkit-box-shadow: inset 0 1px 0 0 #777;
1328 -o-box-shadow: inset 0 1px 0 0 #777;
1329 box-shadow: inset 0 1px 0 0 #777;
1330 }
1331
1332 .ui-button.ui-state-focus {
1333 color: #525252;
1334 border-color: #4fadd5;
1335 -moz-box-shadow: 0 0 2px 1px rgba(71,135,177, 0.6);
1336 -webkit-box-shadow: 0 0 2px 1px rgba(71,135,177, 0.6);
1337 -o-box-shadow: 0 0 2px 1px rgba(71,135,177, 0.6);
1338 box-shadow: 0 0 2px 1px rgba(71,135,177, 0.6);
1339 }
1340
1341 .ui-button.ui-state-active {
1342 color: #525252;
1343 border-color: #aaa;
1344 background: #e6e6e6;
1345 background: -moz-linear-gradient(top, #e6e6e6 0%, #f9f9f9 100%);
1346 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e6e6e6), color-stop(100%,#f9f9f9));
1347 background: -o-linear-gradient(top, #e6e6e6 0%, #f9f9f9 100%);
1348 background: -ms-linear-gradient(top, #e6e6e6 0%, #f9f9f9 100%);
1349 background: linear-gradient(top, #e6e6e6 0%, #f9f9f9 100%);
1350 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e6e6e6', endColorstr='#f9f9f9', GradientType=0);
1351 }
1352
1353 .ui-button.ui-state-focus.mainaction,
1354 .ui-button.ui-state-hover.mainaction {
1355 color: #fff;
1356 }
1357
1358 .ui-button.ui-state-focus.mainaction {
1359 border-color: #1f262c;
1360 -moz-box-shadow: 0 0 2px 1px rgba(71,135,177, 0.6), inset 0 1px 0 0 #777;
1361 -webkit-box-shadow: 0 0 2px 1px rgba(71,135,177, 0.6), inset 0 1px 0 0 #777;
1362 -o-box-shadow: 0 0 2px 1px rgba(71,135,177, 0.6), inset 0 1px 0 0 #777;
1363 box-shadow: 0 0 2px 1px rgba(71,135,177, 0.6), inset 0 1px 0 0 #777;
1364 }
1365
1366 .ui-button.ui-state-active.mainaction {
1367 color: #fff;
1368 background: #515151;
1369 background: -moz-linear-gradient(top, #2a2e31 0%, #505050 100%);
1370 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2a2e31), color-stop(100%,#505050));
1371 background: -o-linear-gradient(top, #2a2e31 0%, #505050 100%);
1372 background: -ms-linear-gradient(top, #2a2e31 0%, #505050 100%);
1373 background: linear-gradient(top, #2a2e31 0%, #505050 100%);
1374 }
1375
1376 .ui-button[disabled],
1377 .ui-button[disabled]:hover,
1378 .ui-button.mainaction[disabled] {
1379 color: #aaa !important;
1380 }
1381
1382 /* Roundcube's specific Datepicker style override */
1383 .ui-datepicker {
1384 min-width: 20em;
1385 padding: 0;
1386 display: none;
1387 border: 0;
1388 border-radius: 3px;
1389 -webkit-box-shadow: #666 1px 1px 10px;
1390 -moz-box-shadow: 1px 1px 10px #666;
1391 box-shadow: 1px 1px 16px #666;
1392 }
1393 .ui-datepicker .ui-datepicker-header {
1394 padding: .3em 0;
1395 border-radius: 3px 3px 0 0;
1396 border: 0;
1397 background: #3a3a3a;
1398 filter: none;
1399 color: #fff;
1400 text-shadow: 0px 1px 1px #000;
1401 }
1402 .ui-datepicker .ui-datepicker-prev,
1403 .ui-datepicker .ui-datepicker-next {
1404 border: 0;
1405 background: none;
1406 }
1407 .ui-datepicker .ui-datepicker-header .ui-icon {
1408 background: url("images/ui-icons-datepicker.png") 0 0 no-repeat;
1409 }
1410 .ui-datepicker .ui-datepicker-header .ui-icon-circle-triangle-w {
1411 background-position: 0 2px;
1412 }
1413 .ui-datepicker .ui-datepicker-header .ui-icon-circle-triangle-e {
1414 background-position: -14px 2px;
1415 }
1416 .ui-datepicker .ui-datepicker-prev-hover,
1417 .ui-datepicker .ui-datepicker-next-hover {
1418 top: 2px;
1419 border: 0;
1420 background: none;
1421 }
1422 .ui-datepicker .ui-datepicker-prev,
1423 .ui-datepicker .ui-datepicker-prev-hover {
1424 left: 2px;
1425 }
1426 .ui-datepicker .ui-datepicker-next,
1427 .ui-datepicker .ui-datepicker-next-hover {
1428 right: 2px;
1429 }
1430 .ui-datepicker select.ui-datepicker-month,
1431 .ui-datepicker select.ui-datepicker-year {
1432 border: 0;
1433 background: #3a3a3a;
1434 outline: none;
1435 color: #fff;
1436 font-weight: bold;
1437 width: auto;
1438 margin-right: 4px;
1439 padding-right: 4px;
1440 }
1441 .ui-datepicker .ui-datepicker-title select::-ms-expand {
1442 display: none;
1443 }
1444 .ie10 .ui-datepicker .ui-datepicker-title select,
1445 .webkit .ui-datepicker .ui-datepicker-title select {
1446 background-image: url("images/ui-icons-datepicker.png");
1447 background-position: right -18px;
1448 background-repeat: no-repeat;
1449 padding-right: 16px;
1450 -webkit-appearance: none;
1451 appearance: none;
1452 }
1453
1454 @supports (-moz-appearance:none) and (mask-type:alpha) {
1455 .mozilla .ui-datepicker .ui-datepicker-title select {
1456 background-image: url("images/ui-icons-datepicker.png");
1457 background-position: right -14px;
1458 background-repeat: no-repeat;
1459 padding-right: 16px;
1460 -moz-appearance: none;
1461 }
1462 }
1463 .ui-datepicker .ui-datepicker-month:focus,
1464 .ui-datepicker .ui-datepicker-year:focus {
1465 outline: 1px solid #4fadd5;
1466 }
1467 .ui-datepicker table {
1468 margin: 0;
1469 border-spacing: 0;
1470 }
1471 .ui-datepicker table:focus {
1472 outline: 2px solid #4fadd5;
1473 outline-offset: -2px;
1474 }
1475 .ui-datepicker td {
1476 border: 1px solid #bbb;
1477 padding: 0;
1478 }
1479 .ui-datepicker td span, .ui-datepicker td a {
1480 border: 0;
1481 padding: .3em;
1482 text-shadow: 0px 1px 1px #fff;
1483 }
1484 .ui-datepicker td a.ui-state-default {
1485 border: 0px solid #fff;
1486 border-top-width: 1px;
1487 border-left-width: 1px;
1488 background: #e6e6e6;
1489 background: -moz-linear-gradient(top, #e6e6e6 0%, #d6d6d6 100%);
1490 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e6e6e6), color-stop(100%,#d6d6d6));
1491 background: -o-linear-gradient(top, #e6e6e6 0%, #d6d6d6 100%);
1492 background: -ms-linear-gradient(top, #e6e6e6 0%, #d6d6d6 100%);
1493 background: linear-gradient(top, #e6e6e6 0%, #d6d6d6 100%);
1494 }
1495 .ui-datepicker td a.ui-priority-secondary {
1496 background: #eee;
1497 }
1498 .ui-datepicker td a.ui-state-active {
1499 color: #fff;
1500 border-color: #0286ac !important;
1501 text-shadow: 0px 1px 1px #00516e !important;
1502 background: #00acd4 !important;
1503 background: -moz-linear-gradient(top, #00acd4 0%, #008fc7 100%);
1504 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00acd4), color-stop(100%,#008fc7));
1505 background: -o-linear-gradient(top, #00acd4 0%, #008fc7 100%);
1506 background: -ms-linear-gradient(top, #00acd4 0%, #008fc7 100%);
1507 background: linear-gradient(top, #00acd4 0%, #008fc7 100%);
1508 }
1509 .ui-datepicker .ui-state-highlight {
1510 color: #0081c2;
1511 }
1512 .ui-datepicker td.ui-datepicker-days-cell-over a.ui-state-default {
1513 color: #fff;
1514 border-color: rgba(73,180,210,0.7);
1515 background: rgba(73,180,210,0.7);
1516 text-shadow: 0px 1px 1px #666;
1517 }