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

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-1.10.4.custom.orig.css 2014-06-17 00:47:00.000000000 +0200
2 +++ jquery-ui-1.10.4.custom.css 2014-07-31 08:54:40.000000000 +0200
3 @@ -238,6 +238,8 @@
4 .ui-button-icons-only .ui-button-text {
5 padding: .4em;
6 text-indent: -9999999px;
7 + width: 1px;
8 + overflow: hidden;
9 }
10 .ui-button-text-icon-primary .ui-button-text,
11 .ui-button-text-icons .ui-button-text {
12 @@ -463,20 +465,29 @@
13 border-left-width: 1px;
14 }
15 .ui-dialog {
16 - overflow: hidden;
17 position: absolute;
18 top: 0;
19 left: 0;
20 - padding: .2em;
21 + padding: 3px;
22 + background: #fff;
23 + border-radius: 6px !important;
24 + border: 0 !important;
25 outline: 0;
26 + -webkit-box-shadow: #666 1px 1px 12px;
27 + -moz-box-shadow: 1px 1px 12px #666;
28 + box-shadow: 1px 1px 18px #666;
29 }
30 .ui-dialog .ui-dialog-titlebar {
31 - padding: .4em 1em;
32 + padding: 15px 1em 8px 1em;
33 position: relative;
34 + border: 0;
35 + border-radius: 5px 5px 0 0;
36 }
37 .ui-dialog .ui-dialog-title {
38 float: left;
39 - margin: .1em 0;
40 + margin: .1em 16px .1em 0;
41 + font-size: 1.3em;
42 + text-shadow: 1px 1px 1px #fff;
43 white-space: nowrap;
44 width: 90%;
45 overflow: hidden;
46 @@ -484,50 +495,84 @@
47 }
48 .ui-dialog .ui-dialog-titlebar-close {
49 position: absolute;
50 - right: .3em;
51 - top: 50%;
52 - width: 20px;
53 - margin: -10px 0 0 0;
54 - padding: 1px;
55 - height: 20px;
56 + right: -15px;
57 + top: -15px;
58 + width: 30px;
59 + margin: 0;
60 + padding: 0;
61 + height: 30px;
62 + z-index: 99999;
63 + border-width: 0 !important;
64 + background: none !important;
65 + filter: none !important;
66 + -webkit-box-shadow: none !important;
67 + -moz-box-shadow: none !important;
68 + -o-box-shadow: none !important;
69 + box-shadow: none !important;
70 +}
71 +.ui-dialog .ui-dialog-titlebar-close.ui-state-focus {
72 + outline: 2px solid #4fadd5;
73 +}
74 +.ui-dialog .ui-dialog-titlebar-close .ui-icon-closethick {
75 + top: 0;
76 + left: 0;
77 + margin: 0;
78 + width: 30px;
79 + height: 30px;
80 + background: url("images/ui-dialog-close.png") 0 0 no-repeat;
81 +}
82 +.no-close .ui-dialog-titlebar-close {
83 + display: none !important;
84 }
85 .ui-dialog .ui-dialog-content {
86 position: relative;
87 border: 0;
88 - padding: .5em 1em;
89 + padding: 1.5em 1em 0.5em 1em;
90 background: none;
91 overflow: auto;
92 }
93 +.ui-dialog .ui-widget-content {
94 + border: 0;
95 +}
96 .ui-dialog .ui-dialog-buttonpane {
97 text-align: left;
98 border-width: 1px 0 0 0;
99 background-image: none;
100 - margin-top: .5em;
101 - padding: .3em 1em .5em .4em;
102 + border-color: #ddd;
103 + border-style: solid;
104 + margin: 0;
105 + padding: .3em 1em .5em .8em;
106 }
107 .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
108 - float: right;
109 + float: left;
110 }
111 .ui-dialog .ui-dialog-buttonpane button {
112 margin: .5em .4em .5em 0;
113 cursor: pointer;
114 }
115 .ui-dialog .ui-resizable-se {
116 - width: 12px;
117 - height: 12px;
118 - right: -5px;
119 - bottom: -5px;
120 - background-position: 16px 16px;
121 + width: 14px;
122 + height: 14px;
123 + right: 3px;
124 + bottom: 3px;
125 + background-position: -80px -224px;
126 }
127 .ui-draggable .ui-dialog-titlebar {
128 cursor: move;
129 }
130 .ui-menu {
131 list-style: none;
132 - padding: 2px;
133 + padding: 0;
134 margin: 0;
135 display: block;
136 outline: none;
137 + background: #444;
138 + border: 1px solid #999;
139 + border-radius: 4px !important;
140 + -webkit-box-shadow: 0 2px 6px 0 #333;
141 + -moz-box-shadow: 0 2px 6px 0 #333;
142 + -o-box-shadow: 0 2px 6px 0 #333;
143 + box-shadow: 0 2px 6px 0 #333;
144 }
145 .ui-menu .ui-menu {
146 margin-top: -3px;
147 @@ -539,6 +584,16 @@
148 width: 100%;
149 /* support: IE10, see #8844 */
150 list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
151 + color: #fff;
152 + white-space: nowrap;
153 + border-top: 1px solid #5a5a5a;
154 + border-bottom: 1px solid #333;
155 +}
156 +.ui-menu .ui-menu-item:first-child {
157 + border-top: 0;
158 +}
159 +.ui-menu .ui-menu-item:last-child {
160 + border-bottom: 0;
161 }
162 .ui-menu .ui-menu-divider {
163 margin: 5px -2px 5px -2px;
164 @@ -550,15 +605,26 @@
165 .ui-menu .ui-menu-item a {
166 text-decoration: none;
167 display: block;
168 - padding: 2px .4em;
169 + padding: 6px 10px 4px 10px;
170 line-height: 1.5;
171 min-height: 0; /* support: IE7 */
172 font-weight: normal;
173 + border: 0;
174 + margin: 0;
175 + border-radius: 0;
176 + color: #fff;
177 + background: #444;
178 + text-shadow: 0px 1px 1px #333;
179 }
180 .ui-menu .ui-menu-item a.ui-state-focus,
181 .ui-menu .ui-menu-item a.ui-state-active {
182 font-weight: normal;
183 - margin: -1px;
184 + background: #00aad6;
185 + background: -moz-linear-gradient(top, #00aad6 0%, #008fc9 100%);
186 + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00aad6), color-stop(100%,#008fc9));
187 + background: -o-linear-gradient(top, #00aad6 0%, #008fc9 100%);
188 + background: -ms-linear-gradient(top, #00aad6 0%, #008fc9 100%);
189 + background: linear-gradient(top, #00aad6 0%, #008fc9 100%);
190 }
191
192 .ui-menu .ui-state-disabled {
193 @@ -626,7 +692,13 @@
194 font-size: .7em;
195 display: block;
196 border: 0;
197 - background-position: 0 0;
198 + background: #019bc6;
199 + background: -moz-linear-gradient(top, #019bc6 0%, #017cb4 100%);
200 + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#019bc6), color-stop(100%,#017cb4));
201 + background: -o-linear-gradient(top, #019bc6 0%, #017cb4 100%);
202 + background: -ms-linear-gradient(top, #019bc6 0%, #017cb4 100%);
203 + background: linear-gradient(top, #019bc6 0%, #017cb4 100%);
204 + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#019bc6', endColorstr='#017cb4', GradientType=0);
205 }
206
207 /* For IE8 - See #6727 */
208 @@ -732,23 +804,41 @@
209 padding: .2em;
210 }
211 .ui-tabs .ui-tabs-nav {
212 - margin: 0;
213 - padding: .2em .2em 0;
214 + margin: 0; padding: 0;
215 + border: 0;
216 + background: transparent;
217 + filter: none;
218 + height: 44px;
219 }
220 .ui-tabs .ui-tabs-nav li {
221 list-style: none;
222 - float: left;
223 position: relative;
224 + display: inline-block;
225 top: 0;
226 - margin: 1px .2em 0 0;
227 - border-bottom-width: 0;
228 - padding: 0;
229 + margin: 0;
230 + border: 0 !important;
231 + padding: 0 1px 0 0;
232 white-space: nowrap;
233 + background: #f8f8f8;
234 + background: -moz-linear-gradient(top, #f8f8f8 0%, #d3d3d3 50%, #f8f8f8 100%);
235 + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(50%,#d3d3d3), color-stop(100%,#f8f8f8));
236 + background: -webkit-linear-gradient(top, #f8f8f8 0%, #d3d3d3 50%, #f8f8f8 100%);
237 + background: -o-linear-gradient(top, #f8f8f8 0%, #d3d3d3 50%, #f8f8f8 100%);
238 + background: -ms-linear-gradient(top, #f8f8f8 0%, #d3d3d3 50%, #f8f8f8 100%);
239 + background: linear-gradient(top, #f8f8f8 0%, #d3d3d3 50%, #f8f8f8 100%);
240 + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f8', endColorstr='#d3d3d3', GradientType=0);
241 +}
242 +.ui-tabs .ui-tabs-nav li:last-child {
243 + background: none;
244 }
245 .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
246 - float: left;
247 - padding: .5em 1em;
248 + display: inline-block;
249 + padding: 15px;
250 text-decoration: none;
251 + font-size: 12px;
252 + color: #999;
253 + background: #fafafa;
254 + border-right: 1px solid #fafafa;
255 }
256 .ui-tabs .ui-tabs-nav li.ui-tabs-active {
257 margin-bottom: -1px;
258 @@ -759,14 +849,26 @@
259 .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
260 cursor: text;
261 }
262 +.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
263 + outline: none;
264 + color: #004458;
265 + background: #efefef;
266 + background: -moz-linear-gradient(top, #fafafa 40%, #e4e4e4 100%);
267 + background: -webkit-gradient(linear, left top, left bottom, color-stop(40%,#fff), color-stop(100%,#e4e4e4));
268 + background: -o-linear-gradient(top, #fafafa 40%, #e4e4e4 100%);
269 + background: -ms-linear-gradient(top, #fafafa 40%, #e4e4e4 100%);
270 + background: linear-gradient(top, #fafafa 40%, #e4e4e4 100%);
271 + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#e4e4e4', GradientType=0);
272 +}
273 .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
274 cursor: pointer;
275 }
276 .ui-tabs .ui-tabs-panel {
277 display: block;
278 border-width: 0;
279 - padding: 1em 1.4em;
280 - background: none;
281 + padding: 0.5em 1em;
282 + margin-top: 0.2em;
283 + background: #efefef;
284 }
285 .ui-tooltip {
286 padding: 8px;
287 @@ -798,15 +900,21 @@
288 }
289 .ui-widget-content {
290 border: 1px solid #aaaaaa;
291 - background: #fafafa url("images/ui-bg_highlight-soft_75_fafafa_1x100.png") 50% top repeat-x;
292 - color: 33333;
293 + background: #fafafa;
294 + color: #333333;
295 }
296 .ui-widget-content a {
297 - color: 33333;
298 + color: #0186ba;
299 }
300 .ui-widget-header {
301 border: 1px solid #fafafa;
302 - background: #e4e4e4 url("images/ui-bg_highlight-soft_90_e4e4e4_1x100.png") 50% 50% repeat-x;
303 + background: #e4e4e4;
304 + background: -moz-linear-gradient(top, #f2f2f2 0%, #e4e4e4 100%);
305 + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#e4e4e4));
306 + background: -o-linear-gradient(top, #f2f2f2 0%, #e4e4e4 100%);
307 + background: -ms-linear-gradient(top, #f2f2f2 0%, #e4e4e4 100%);
308 + background: linear-gradient(top, #f2f2f2 0%, #e4e4e4 100%);
309 + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f2f2', endColorstr='#e4e4e4', GradientType=0);
310 color: #666666;
311 font-weight: bold;
312 }
313 @@ -820,7 +928,7 @@
314 .ui-widget-content .ui-state-default,
315 .ui-widget-header .ui-state-default {
316 border: 1px solid #cccccc;
317 - background: #f8f8f8 url("images/ui-bg_highlight-hard_75_f8f8f8_1x100.png") 50% 50% repeat-x;
318 + background: #f8f8f8;
319 font-weight: bold;
320 color: #666666;
321 }
322 @@ -837,7 +945,7 @@
323 .ui-widget-content .ui-state-focus,
324 .ui-widget-header .ui-state-focus {
325 border: 1px solid #aaaaaa;
326 - background: #eaeaea url("images/ui-bg_highlight-hard_75_eaeaea_1x100.png") 50% 50% repeat-x;
327 + background: #eaeaea;
328 font-weight: bold;
329 color: #333333;
330 }
331 @@ -856,7 +964,7 @@
332 .ui-widget-content .ui-state-active,
333 .ui-widget-header .ui-state-active {
334 border: 1px solid #aaaaaa;
335 - background: #ffffff url("images/ui-bg_highlight-hard_65_ffffff_1x100.png") 50% 50% repeat-x;
336 + background: #ffffff;
337 font-weight: bold;
338 color: #333333;
339 }
340 @@ -873,7 +981,7 @@
341 .ui-widget-content .ui-state-highlight,
342 .ui-widget-header .ui-state-highlight {
343 border: 1px solid #a3a3a3;
344 - background: #b0ccd7 url("images/ui-bg_highlight-hard_55_b0ccd7_1x100.png") 50% top repeat-x;
345 + background: #b0ccd7;
346 color: #004458;
347 }
348 .ui-state-highlight a,
349 @@ -885,7 +993,7 @@
350 .ui-widget-content .ui-state-error,
351 .ui-widget-header .ui-state-error {
352 border: 1px solid #d7211e;
353 - background: #fef1ec url("images/ui-bg_flat_95_fef1ec_40x100.png") 50% 50% repeat-x;
354 + background: #fef1ec;
355 color: #d64040;
356 }
357 .ui-state-error a,
358 @@ -1164,15 +1272,240 @@
359
360 /* Overlays */
361 .ui-widget-overlay {
362 - background: #333333 url("images/ui-bg_flat_0_333333_40x100.png") 50% 50% repeat-x;
363 + background: #333333;
364 opacity: .5;
365 filter: Alpha(Opacity=50);
366 }
367 .ui-widget-shadow {
368 margin: -6px 0 0 -6px;
369 padding: 6px;
370 - background: #666666 url("images/ui-bg_flat_0_666666_40x100.png") 50% 50% repeat-x;
371 + background: #666666;
372 opacity: .2;
373 filter: Alpha(Opacity=20);
374 border-radius: 8px;
375 }
376 +
377 +/* Roundcube button styling */
378 +.ui-button.ui-state-default {
379 + display: inline-block;
380 + margin: 0 2px;
381 + padding: 1px 2px;
382 + text-shadow: 0px 1px 1px #fff;
383 + border: 1px solid #c6c6c6;
384 + border-radius: 4px;
385 + background: #f7f7f7;
386 + background: -moz-linear-gradient(top, #f9f9f9 0%, #e6e6e6 100%);
387 + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#e6e6e6));
388 + background: -o-linear-gradient(top, #f9f9f9 0%, #e6e6e6 100%);
389 + background: -ms-linear-gradient(top, #f9f9f9 0%, #e6e6e6 100%);
390 + background: linear-gradient(top, #f9f9f9 0%, #e6e6e6 100%);
391 + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e6e6e6', GradientType=0);
392 + -webkit-box-shadow: 0 1px 1px 0 rgba(140, 140, 140, 0.3);
393 + -moz-box-shadow: 0 1px 1px 0 rgba(140, 140, 140, 0.3);
394 + -o-box-shadow: 0 1px 1px 0 rgba(140, 140, 140, 0.3);
395 + box-shadow: 0 1px 1px 0 rgba(140, 140, 140, 0.3);
396 + text-decoration: none;
397 + outline: none;
398 +}
399 +
400 +.ui-button.mainaction {
401 + color: #ededed;
402 + text-shadow: 0px 1px 1px #333;
403 + border-color: #1f262c;
404 + background: #505050;
405 + background: -moz-linear-gradient(top, #505050 0%, #2a2e31 100%);
406 + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#505050), color-stop(100%,#2a2e31));
407 + background: -o-linear-gradient(top, #505050 0%, #2a2e31 100%);
408 + background: -ms-linear-gradient(top, #505050 0%, #2a2e31 100%);
409 + background: linear-gradient(top, #505050 0%, #2a2e31 100%);
410 + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#505050', endColorstr='#2a2e31', GradientType=0);
411 + -moz-box-shadow: inset 0 1px 0 0 #777;
412 + -webkit-box-shadow: inset 0 1px 0 0 #777;
413 + -o-box-shadow: inset 0 1px 0 0 #777;
414 + box-shadow: inset 0 1px 0 0 #777;
415 +}
416 +
417 +.ui-button.ui-state-focus {
418 + color: #525252;
419 + border-color: #4fadd5;
420 + -moz-box-shadow: 0 0 2px 1px rgba(71,135,177, 0.6);
421 + -webkit-box-shadow: 0 0 2px 1px rgba(71,135,177, 0.6);
422 + -o-box-shadow: 0 0 2px 1px rgba(71,135,177, 0.6);
423 + box-shadow: 0 0 2px 1px rgba(71,135,177, 0.6);
424 +}
425 +
426 +.ui-button.ui-state-active {
427 + color: #525252;
428 + border-color: #aaa;
429 + background: #e6e6e6;
430 + background: -moz-linear-gradient(top, #e6e6e6 0%, #f9f9f9 100%);
431 + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e6e6e6), color-stop(100%,#f9f9f9));
432 + background: -o-linear-gradient(top, #e6e6e6 0%, #f9f9f9 100%);
433 + background: -ms-linear-gradient(top, #e6e6e6 0%, #f9f9f9 100%);
434 + background: linear-gradient(top, #e6e6e6 0%, #f9f9f9 100%);
435 + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e6e6e6', endColorstr='#f9f9f9', GradientType=0);
436 +}
437 +
438 +.ui-button.ui-state-focus.mainaction,
439 +.ui-button.ui-state-hover.mainaction {
440 + color: #fff;
441 +}
442 +
443 +.ui-button.ui-state-focus.mainaction {
444 + border-color: #1f262c;
445 + -moz-box-shadow: 0 0 2px 1px rgba(71,135,177, 0.6), inset 0 1px 0 0 #777;
446 + -webkit-box-shadow: 0 0 2px 1px rgba(71,135,177, 0.6), inset 0 1px 0 0 #777;
447 + -o-box-shadow: 0 0 2px 1px rgba(71,135,177, 0.6), inset 0 1px 0 0 #777;
448 + box-shadow: 0 0 2px 1px rgba(71,135,177, 0.6), inset 0 1px 0 0 #777;
449 +}
450 +
451 +.ui-button.ui-state-active.mainaction {
452 + color: #fff;
453 + background: #515151;
454 + background: -moz-linear-gradient(top, #2a2e31 0%, #505050 100%);
455 + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2a2e31), color-stop(100%,#505050));
456 + background: -o-linear-gradient(top, #2a2e31 0%, #505050 100%);
457 + background: -ms-linear-gradient(top, #2a2e31 0%, #505050 100%);
458 + background: linear-gradient(top, #2a2e31 0%, #505050 100%);
459 +}
460 +
461 +.ui-button[disabled],
462 +.ui-button[disabled]:hover,
463 +.ui-button.mainaction[disabled] {
464 + color: #aaa !important;
465 +}
466 +
467 +/* Roundcube's specific Datepicker style override */
468 +.ui-datepicker {
469 + min-width: 20em;
470 + padding: 0;
471 + display: none;
472 + border: 0;
473 + border-radius: 3px;
474 + -webkit-box-shadow: #666 1px 1px 10px;
475 + -moz-box-shadow: 1px 1px 10px #666;
476 + box-shadow: 1px 1px 16px #666;
477 +}
478 +.ui-datepicker .ui-datepicker-header {
479 + padding: .3em 0;
480 + border-radius: 3px 3px 0 0;
481 + border: 0;
482 + background: #3a3a3a;
483 + filter: none;
484 + color: #fff;
485 + text-shadow: 0px 1px 1px #000;
486 +}
487 +.ui-datepicker .ui-datepicker-prev,
488 +.ui-datepicker .ui-datepicker-next {
489 + border: 0;
490 + background: none;
491 +}
492 +.ui-datepicker .ui-datepicker-header .ui-icon {
493 + background: url("images/ui-icons-datepicker.png") 0 0 no-repeat;
494 +}
495 +.ui-datepicker .ui-datepicker-header .ui-icon-circle-triangle-w {
496 + background-position: 0 2px;
497 +}
498 +.ui-datepicker .ui-datepicker-header .ui-icon-circle-triangle-e {
499 + background-position: -14px 2px;
500 +}
501 +.ui-datepicker .ui-datepicker-prev-hover,
502 +.ui-datepicker .ui-datepicker-next-hover {
503 + top: 2px;
504 + border: 0;
505 + background: none;
506 +}
507 +.ui-datepicker .ui-datepicker-prev,
508 +.ui-datepicker .ui-datepicker-prev-hover {
509 + left: 2px;
510 +}
511 +.ui-datepicker .ui-datepicker-next,
512 +.ui-datepicker .ui-datepicker-next-hover {
513 + right: 2px;
514 +}
515 +.ui-datepicker select.ui-datepicker-month,
516 +.ui-datepicker select.ui-datepicker-year {
517 + border: 0;
518 + background: #3a3a3a;
519 + outline: none;
520 + color: #fff;
521 + font-weight: bold;
522 + width: auto;
523 + margin-right: 4px;
524 + padding-right: 4px;
525 +}
526 +.ui-datepicker .ui-datepicker-title select::-ms-expand {
527 + display: none;
528 +}
529 +.ie10 .ui-datepicker .ui-datepicker-title select,
530 +.webkit .ui-datepicker .ui-datepicker-title select,
531 +.mozilla .ui-datepicker .ui-datepicker-title select {
532 + background-image: url("images/ui-icons-datepicker.png");
533 + background-position: right -18px;
534 + background-repeat: no-repeat;
535 + padding-right: 14px;
536 + -webkit-appearance: none;
537 + -moz-appearance: none;
538 + appearance: none;
539 +}
540 +.mozilla .ui-datepicker .ui-datepicker-title select {
541 + background-position: right -14px;
542 + text-indent: 0.01px;
543 + text-overflow: '';
544 + padding-right: 10px;
545 +}
546 +.ui-datepicker .ui-datepicker-month:focus,
547 +.ui-datepicker .ui-datepicker-year:focus {
548 + outline: 1px solid #4fadd5;
549 +}
550 +.ui-datepicker table {
551 + margin: 0;
552 + border-spacing: 0;
553 +}
554 +.ui-datepicker table:focus {
555 + outline: 2px solid #4fadd5;
556 + outline-offset: -2px;
557 +}
558 +.ui-datepicker td {
559 + border: 1px solid #bbb;
560 + padding: 0;
561 +}
562 +.ui-datepicker td span, .ui-datepicker td a {
563 + border: 0;
564 + padding: .3em;
565 + text-shadow: 0px 1px 1px #fff;
566 +}
567 +.ui-datepicker td a.ui-state-default {
568 + border: 0px solid #fff;
569 + border-top-width: 1px;
570 + border-left-width: 1px;
571 + background: #e6e6e6;
572 + background: -moz-linear-gradient(top, #e6e6e6 0%, #d6d6d6 100%);
573 + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e6e6e6), color-stop(100%,#d6d6d6));
574 + background: -o-linear-gradient(top, #e6e6e6 0%, #d6d6d6 100%);
575 + background: -ms-linear-gradient(top, #e6e6e6 0%, #d6d6d6 100%);
576 + background: linear-gradient(top, #e6e6e6 0%, #d6d6d6 100%);
577 +}
578 +.ui-datepicker td a.ui-priority-secondary {
579 + background: #eee;
580 +}
581 +.ui-datepicker td a.ui-state-active {
582 + color: #fff;
583 + border-color: #0286ac !important;
584 + text-shadow: 0px 1px 1px #00516e !important;
585 + background: #00acd4 !important;
586 + background: -moz-linear-gradient(top, #00acd4 0%, #008fc7 100%);
587 + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00acd4), color-stop(100%,#008fc7));
588 + background: -o-linear-gradient(top, #00acd4 0%, #008fc7 100%);
589 + background: -ms-linear-gradient(top, #00acd4 0%, #008fc7 100%);
590 + background: linear-gradient(top, #00acd4 0%, #008fc7 100%);
591 +}
592 +.ui-datepicker .ui-state-highlight {
593 + color: #0081c2;
594 +}
595 +.ui-datepicker td.ui-datepicker-days-cell-over a.ui-state-default {
596 + color: #fff;
597 + border-color: rgba(73,180,210,0.7);
598 + background: rgba(73,180,210,0.7);
599 + text-shadow: 0px 1px 1px #666;
600 +}