Mercurial > hg > rc2
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 +} |