查看 | 历史 | 提交 | 提交对比
hjg
2024-07-09 30304784e82d4bba24121328da8eb8490aec4f4f
提交 | 用户 | 时间
58d006 1 /*!
A 2  * Datepicker for Bootstrap
3  *
4  * Copyright 2012 Stefan Petre
5  * Improvements by Andrew Rowls
6  * Licensed under the Apache License v2.0
7  * http://www.apache.org/licenses/LICENSE-2.0
8  *
9  */
10 .datepicker {
11   padding: 4px;
12   -webkit-border-radius: 4px;
13   -moz-border-radius: 4px;
14   border-radius: 4px;
15   direction: ltr;
16   /*.dow {
17         border-top: 1px solid #ddd !important;
18     }*/
19
20 }
21 .datepicker-inline {
22   width: 220px;
23 }
24 .datepicker.datepicker-rtl {
25   direction: rtl;
26 }
27 .datepicker.datepicker-rtl table tr td span {
28   float: right;
29 }
30 .datepicker-dropdown {
31   top: 0;
32   left: 0;
33 }
34 .datepicker-dropdown:before {
35   content: '';
36   display: inline-block;
37   border-left: 7px solid transparent;
38   border-right: 7px solid transparent;
39   border-bottom: 7px solid #ccc;
40   border-top: 0;
41   border-bottom-color: rgba(0, 0, 0, 0.2);
42   position: absolute;
43 }
44 .datepicker-dropdown:after {
45   content: '';
46   display: inline-block;
47   border-left: 6px solid transparent;
48   border-right: 6px solid transparent;
49   border-bottom: 6px solid #ffffff;
50   border-top: 0;
51   position: absolute;
52 }
53 .datepicker-dropdown.datepicker-orient-left:before {
54   left: 6px;
55 }
56 .datepicker-dropdown.datepicker-orient-left:after {
57   left: 7px;
58 }
59 .datepicker-dropdown.datepicker-orient-right:before {
60   right: 6px;
61 }
62 .datepicker-dropdown.datepicker-orient-right:after {
63   right: 7px;
64 }
65 .datepicker-dropdown.datepicker-orient-top:before {
66   top: -7px;
67 }
68 .datepicker-dropdown.datepicker-orient-top:after {
69   top: -6px;
70 }
71 .datepicker-dropdown.datepicker-orient-bottom:before {
72   bottom: -7px;
73   border-bottom: 0;
74   border-top: 7px solid #999;
75 }
76 .datepicker-dropdown.datepicker-orient-bottom:after {
77   bottom: -6px;
78   border-bottom: 0;
79   border-top: 6px solid #ffffff;
80 }
81 .datepicker > div {
82   display: none;
83 }
84 .datepicker.days div.datepicker-days {
85   display: block;
86 }
87 .datepicker.months div.datepicker-months {
88   display: block;
89 }
90 .datepicker.years div.datepicker-years {
91   display: block;
92 }
93 .datepicker table {
94   margin: 0;
95   -webkit-touch-callout: none;
96   -webkit-user-select: none;
97   -khtml-user-select: none;
98   -moz-user-select: none;
99   -ms-user-select: none;
100   user-select: none;
101 }
102 .datepicker td,
103 .datepicker th {
104   text-align: center;
105   width: 20px;
106   height: 20px;
107   -webkit-border-radius: 4px;
108   -moz-border-radius: 4px;
109   border-radius: 4px;
110   border: none;
111 }
112 .table-striped .datepicker table tr td,
113 .table-striped .datepicker table tr th {
114   background-color: transparent;
115 }
116 .datepicker table tr td.day:hover {
117   background: #eeeeee;
118   cursor: pointer;
119 }
120 .datepicker table tr td.old,
121 .datepicker table tr td.new {
122   color: #999999;
123 }
124 .datepicker table tr td.disabled,
125 .datepicker table tr td.disabled:hover {
126   background: none;
127   color: #999999;
128   cursor: default;
129 }
130 .datepicker table tr td.today,
131 .datepicker table tr td.today:hover,
132 .datepicker table tr td.today.disabled,
133 .datepicker table tr td.today.disabled:hover {
134   background-color: #fde19a;
135   background-image: -moz-linear-gradient(top, #fdd49a, #fdf59a);
136   background-image: -ms-linear-gradient(top, #fdd49a, #fdf59a);
137   background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdd49a), to(#fdf59a));
138   background-image: -webkit-linear-gradient(top, #fdd49a, #fdf59a);
139   background-image: -o-linear-gradient(top, #fdd49a, #fdf59a);
140   background-image: linear-gradient(top, #fdd49a, #fdf59a);
141   background-repeat: repeat-x;
142   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a', endColorstr='#fdf59a', GradientType=0);
143   border-color: #fdf59a #fdf59a #fbed50;
144   border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
145   filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
146   color: #000;
147 }
148 .datepicker table tr td.today:hover,
149 .datepicker table tr td.today:hover:hover,
150 .datepicker table tr td.today.disabled:hover,
151 .datepicker table tr td.today.disabled:hover:hover,
152 .datepicker table tr td.today:active,
153 .datepicker table tr td.today:hover:active,
154 .datepicker table tr td.today.disabled:active,
155 .datepicker table tr td.today.disabled:hover:active,
156 .datepicker table tr td.today.active,
157 .datepicker table tr td.today:hover.active,
158 .datepicker table tr td.today.disabled.active,
159 .datepicker table tr td.today.disabled:hover.active,
160 .datepicker table tr td.today.disabled,
161 .datepicker table tr td.today:hover.disabled,
162 .datepicker table tr td.today.disabled.disabled,
163 .datepicker table tr td.today.disabled:hover.disabled,
164 .datepicker table tr td.today[disabled],
165 .datepicker table tr td.today:hover[disabled],
166 .datepicker table tr td.today.disabled[disabled],
167 .datepicker table tr td.today.disabled:hover[disabled] {
168   background-color: #fdf59a;
169 }
170 .datepicker table tr td.today:active,
171 .datepicker table tr td.today:hover:active,
172 .datepicker table tr td.today.disabled:active,
173 .datepicker table tr td.today.disabled:hover:active,
174 .datepicker table tr td.today.active,
175 .datepicker table tr td.today:hover.active,
176 .datepicker table tr td.today.disabled.active,
177 .datepicker table tr td.today.disabled:hover.active {
178   background-color: #fbf069 \9;
179 }
180 .datepicker table tr td.today:hover:hover {
181   color: #000;
182 }
183 .datepicker table tr td.today.active:hover {
184   color: #fff;
185 }
186 .datepicker table tr td.range,
187 .datepicker table tr td.range:hover,
188 .datepicker table tr td.range.disabled,
189 .datepicker table tr td.range.disabled:hover {
190   background: #eeeeee;
191   -webkit-border-radius: 0;
192   -moz-border-radius: 0;
193   border-radius: 0;
194 }
195 .datepicker table tr td.range.today,
196 .datepicker table tr td.range.today:hover,
197 .datepicker table tr td.range.today.disabled,
198 .datepicker table tr td.range.today.disabled:hover {
199   background-color: #f3d17a;
200   background-image: -moz-linear-gradient(top, #f3c17a, #f3e97a);
201   background-image: -ms-linear-gradient(top, #f3c17a, #f3e97a);
202   background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f3c17a), to(#f3e97a));
203   background-image: -webkit-linear-gradient(top, #f3c17a, #f3e97a);
204   background-image: -o-linear-gradient(top, #f3c17a, #f3e97a);
205   background-image: linear-gradient(top, #f3c17a, #f3e97a);
206   background-repeat: repeat-x;
207   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3c17a', endColorstr='#f3e97a', GradientType=0);
208   border-color: #f3e97a #f3e97a #edde34;
209   border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
210   filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
211   -webkit-border-radius: 0;
212   -moz-border-radius: 0;
213   border-radius: 0;
214 }
215 .datepicker table tr td.range.today:hover,
216 .datepicker table tr td.range.today:hover:hover,
217 .datepicker table tr td.range.today.disabled:hover,
218 .datepicker table tr td.range.today.disabled:hover:hover,
219 .datepicker table tr td.range.today:active,
220 .datepicker table tr td.range.today:hover:active,
221 .datepicker table tr td.range.today.disabled:active,
222 .datepicker table tr td.range.today.disabled:hover:active,
223 .datepicker table tr td.range.today.active,
224 .datepicker table tr td.range.today:hover.active,
225 .datepicker table tr td.range.today.disabled.active,
226 .datepicker table tr td.range.today.disabled:hover.active,
227 .datepicker table tr td.range.today.disabled,
228 .datepicker table tr td.range.today:hover.disabled,
229 .datepicker table tr td.range.today.disabled.disabled,
230 .datepicker table tr td.range.today.disabled:hover.disabled,
231 .datepicker table tr td.range.today[disabled],
232 .datepicker table tr td.range.today:hover[disabled],
233 .datepicker table tr td.range.today.disabled[disabled],
234 .datepicker table tr td.range.today.disabled:hover[disabled] {
235   background-color: #f3e97a;
236 }
237 .datepicker table tr td.range.today:active,
238 .datepicker table tr td.range.today:hover:active,
239 .datepicker table tr td.range.today.disabled:active,
240 .datepicker table tr td.range.today.disabled:hover:active,
241 .datepicker table tr td.range.today.active,
242 .datepicker table tr td.range.today:hover.active,
243 .datepicker table tr td.range.today.disabled.active,
244 .datepicker table tr td.range.today.disabled:hover.active {
245   background-color: #efe24b \9;
246 }
247 .datepicker table tr td.selected,
248 .datepicker table tr td.selected:hover,
249 .datepicker table tr td.selected.disabled,
250 .datepicker table tr td.selected.disabled:hover {
251   background-color: #9e9e9e;
252   background-image: -moz-linear-gradient(top, #b3b3b3, #808080);
253   background-image: -ms-linear-gradient(top, #b3b3b3, #808080);
254   background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b3b3b3), to(#808080));
255   background-image: -webkit-linear-gradient(top, #b3b3b3, #808080);
256   background-image: -o-linear-gradient(top, #b3b3b3, #808080);
257   background-image: linear-gradient(top, #b3b3b3, #808080);
258   background-repeat: repeat-x;
259   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3b3b3', endColorstr='#808080', GradientType=0);
260   border-color: #808080 #808080 #595959;
261   border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
262   filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
263   color: #fff;
264   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
265 }
266 .datepicker table tr td.selected:hover,
267 .datepicker table tr td.selected:hover:hover,
268 .datepicker table tr td.selected.disabled:hover,
269 .datepicker table tr td.selected.disabled:hover:hover,
270 .datepicker table tr td.selected:active,
271 .datepicker table tr td.selected:hover:active,
272 .datepicker table tr td.selected.disabled:active,
273 .datepicker table tr td.selected.disabled:hover:active,
274 .datepicker table tr td.selected.active,
275 .datepicker table tr td.selected:hover.active,
276 .datepicker table tr td.selected.disabled.active,
277 .datepicker table tr td.selected.disabled:hover.active,
278 .datepicker table tr td.selected.disabled,
279 .datepicker table tr td.selected:hover.disabled,
280 .datepicker table tr td.selected.disabled.disabled,
281 .datepicker table tr td.selected.disabled:hover.disabled,
282 .datepicker table tr td.selected[disabled],
283 .datepicker table tr td.selected:hover[disabled],
284 .datepicker table tr td.selected.disabled[disabled],
285 .datepicker table tr td.selected.disabled:hover[disabled] {
286   background-color: #808080;
287 }
288 .datepicker table tr td.selected:active,
289 .datepicker table tr td.selected:hover:active,
290 .datepicker table tr td.selected.disabled:active,
291 .datepicker table tr td.selected.disabled:hover:active,
292 .datepicker table tr td.selected.active,
293 .datepicker table tr td.selected:hover.active,
294 .datepicker table tr td.selected.disabled.active,
295 .datepicker table tr td.selected.disabled:hover.active {
296   background-color: #666666 \9;
297 }
298 .datepicker table tr td.active,
299 .datepicker table tr td.active:hover,
300 .datepicker table tr td.active.disabled,
301 .datepicker table tr td.active.disabled:hover {
302   background-color: #006dcc;
303   background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
304   background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
305   background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
306   background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
307   background-image: -o-linear-gradient(top, #0088cc, #0044cc);
308   background-image: linear-gradient(top, #0088cc, #0044cc);
309   background-repeat: repeat-x;
310   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
311   border-color: #0044cc #0044cc #002a80;
312   border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
313   filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
314   color: #fff;
315   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
316 }
317 .datepicker table tr td.active:hover,
318 .datepicker table tr td.active:hover:hover,
319 .datepicker table tr td.active.disabled:hover,
320 .datepicker table tr td.active.disabled:hover:hover,
321 .datepicker table tr td.active:active,
322 .datepicker table tr td.active:hover:active,
323 .datepicker table tr td.active.disabled:active,
324 .datepicker table tr td.active.disabled:hover:active,
325 .datepicker table tr td.active.active,
326 .datepicker table tr td.active:hover.active,
327 .datepicker table tr td.active.disabled.active,
328 .datepicker table tr td.active.disabled:hover.active,
329 .datepicker table tr td.active.disabled,
330 .datepicker table tr td.active:hover.disabled,
331 .datepicker table tr td.active.disabled.disabled,
332 .datepicker table tr td.active.disabled:hover.disabled,
333 .datepicker table tr td.active[disabled],
334 .datepicker table tr td.active:hover[disabled],
335 .datepicker table tr td.active.disabled[disabled],
336 .datepicker table tr td.active.disabled:hover[disabled] {
337   background-color: #0044cc;
338 }
339 .datepicker table tr td.active:active,
340 .datepicker table tr td.active:hover:active,
341 .datepicker table tr td.active.disabled:active,
342 .datepicker table tr td.active.disabled:hover:active,
343 .datepicker table tr td.active.active,
344 .datepicker table tr td.active:hover.active,
345 .datepicker table tr td.active.disabled.active,
346 .datepicker table tr td.active.disabled:hover.active {
347   background-color: #003399 \9;
348 }
349 .datepicker table tr td span {
350   display: block;
351   width: 23%;
352   height: 54px;
353   line-height: 54px;
354   float: left;
355   margin: 1%;
356   cursor: pointer;
357   -webkit-border-radius: 4px;
358   -moz-border-radius: 4px;
359   border-radius: 4px;
360 }
361 .datepicker table tr td span:hover {
362   background: #eeeeee;
363 }
364 .datepicker table tr td span.disabled,
365 .datepicker table tr td span.disabled:hover {
366   background: none;
367   color: #999999;
368   cursor: default;
369 }
370 .datepicker table tr td span.active,
371 .datepicker table tr td span.active:hover,
372 .datepicker table tr td span.active.disabled,
373 .datepicker table tr td span.active.disabled:hover {
374   background-color: #006dcc;
375   background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
376   background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
377   background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
378   background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
379   background-image: -o-linear-gradient(top, #0088cc, #0044cc);
380   background-image: linear-gradient(top, #0088cc, #0044cc);
381   background-repeat: repeat-x;
382   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
383   border-color: #0044cc #0044cc #002a80;
384   border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
385   filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
386   color: #fff;
387   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
388 }
389 .datepicker table tr td span.active:hover,
390 .datepicker table tr td span.active:hover:hover,
391 .datepicker table tr td span.active.disabled:hover,
392 .datepicker table tr td span.active.disabled:hover:hover,
393 .datepicker table tr td span.active:active,
394 .datepicker table tr td span.active:hover:active,
395 .datepicker table tr td span.active.disabled:active,
396 .datepicker table tr td span.active.disabled:hover:active,
397 .datepicker table tr td span.active.active,
398 .datepicker table tr td span.active:hover.active,
399 .datepicker table tr td span.active.disabled.active,
400 .datepicker table tr td span.active.disabled:hover.active,
401 .datepicker table tr td span.active.disabled,
402 .datepicker table tr td span.active:hover.disabled,
403 .datepicker table tr td span.active.disabled.disabled,
404 .datepicker table tr td span.active.disabled:hover.disabled,
405 .datepicker table tr td span.active[disabled],
406 .datepicker table tr td span.active:hover[disabled],
407 .datepicker table tr td span.active.disabled[disabled],
408 .datepicker table tr td span.active.disabled:hover[disabled] {
409   background-color: #0044cc;
410 }
411 .datepicker table tr td span.active:active,
412 .datepicker table tr td span.active:hover:active,
413 .datepicker table tr td span.active.disabled:active,
414 .datepicker table tr td span.active.disabled:hover:active,
415 .datepicker table tr td span.active.active,
416 .datepicker table tr td span.active:hover.active,
417 .datepicker table tr td span.active.disabled.active,
418 .datepicker table tr td span.active.disabled:hover.active {
419   background-color: #003399 \9;
420 }
421 .datepicker table tr td span.old,
422 .datepicker table tr td span.new {
423   color: #999999;
424 }
425 .datepicker th.datepicker-switch {
426   width: 145px;
427 }
428 .datepicker thead tr:first-child th,
429 .datepicker tfoot tr th {
430   cursor: pointer;
431 }
432 .datepicker thead tr:first-child th:hover,
433 .datepicker tfoot tr th:hover {
434   background: #eeeeee;
435 }
436 .datepicker .cw {
437   font-size: 10px;
438   width: 12px;
439   padding: 0 2px 0 5px;
440   vertical-align: middle;
441 }
442 .datepicker thead tr:first-child th.cw {
443   cursor: default;
444   background-color: transparent;
445 }
446 .input-append.date .add-on i,
447 .input-prepend.date .add-on i {
448   display: block;
449   cursor: pointer;
450   width: 16px;
451   height: 16px;
452 }
453 .input-daterange input {
454   text-align: center;
455 }
456 .input-daterange input:first-child {
457   -webkit-border-radius: 3px 0 0 3px;
458   -moz-border-radius: 3px 0 0 3px;
459   border-radius: 3px 0 0 3px;
460 }
461 .input-daterange input:last-child {
462   -webkit-border-radius: 0 3px 3px 0;
463   -moz-border-radius: 0 3px 3px 0;
464   border-radius: 0 3px 3px 0;
465 }
466 .input-daterange .add-on {
467   display: inline-block;
468   width: auto;
469   min-width: 16px;
470   height: 18px;
471   padding: 4px 5px;
472   font-weight: normal;
473   line-height: 18px;
474   text-align: center;
475   text-shadow: 0 1px 0 #ffffff;
476   vertical-align: middle;
477   background-color: #eeeeee;
478   border: 1px solid #ccc;
479   margin-left: -5px;
480   margin-right: -5px;
481 }