查看 | 历史 | 提交 | 提交对比
hjg
2023-11-18 bb48edb3d9faaaeab0088151c86fc24137acdb08
提交 | 用户 | 时间
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-bottom-color: rgba(0, 0, 0, 0.2);
41   position: absolute;
42   top: -7px;
43   left: 6px;
44 }
45 .datepicker-dropdown:after {
46   content: '';
47   display: inline-block;
48   border-left: 6px solid transparent;
49   border-right: 6px solid transparent;
50   border-bottom: 6px solid #ffffff;
51   position: absolute;
52   top: -6px;
53   left: 7px;
54 }
55 .datepicker > div {
56   display: none;
57 }
58 .datepicker.days div.datepicker-days {
59   display: block;
60 }
61 .datepicker.months div.datepicker-months {
62   display: block;
63 }
64 .datepicker.years div.datepicker-years {
65   display: block;
66 }
67 .datepicker table {
68   margin: 0;
69 }
70 .datepicker td,
71 .datepicker th {
72   text-align: center;
73   width: 20px;
74   height: 20px;
75   -webkit-border-radius: 4px;
76   -moz-border-radius: 4px;
77   border-radius: 4px;
78   border: none;
79 }
80 .table-striped .datepicker table tr td,
81 .table-striped .datepicker table tr th {
82   background-color: transparent;
83 }
84 .datepicker table tr td.day:hover {
85   background: #eeeeee;
86   cursor: pointer;
87 }
88 .datepicker table tr td.old,
89 .datepicker table tr td.new {
90   color: #999999;
91 }
92 .datepicker table tr td.disabled,
93 .datepicker table tr td.disabled:hover {
94   background: none;
95   color: #999999;
96   cursor: default;
97 }
98 .datepicker table tr td.today,
99 .datepicker table tr td.today:hover,
100 .datepicker table tr td.today.disabled,
101 .datepicker table tr td.today.disabled:hover {
102   background-color: #fde19a;
103   background-image: -moz-linear-gradient(top, #fdd49a, #fdf59a);
104   background-image: -ms-linear-gradient(top, #fdd49a, #fdf59a);
105   background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdd49a), to(#fdf59a));
106   background-image: -webkit-linear-gradient(top, #fdd49a, #fdf59a);
107   background-image: -o-linear-gradient(top, #fdd49a, #fdf59a);
108   background-image: linear-gradient(top, #fdd49a, #fdf59a);
109   background-repeat: repeat-x;
110   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a', endColorstr='#fdf59a', GradientType=0);
111   border-color: #fdf59a #fdf59a #fbed50;
112   border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
113   filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
114   color: #000 !important;
115 }
116 .datepicker table tr td.today:hover,
117 .datepicker table tr td.today:hover:hover,
118 .datepicker table tr td.today.disabled:hover,
119 .datepicker table tr td.today.disabled:hover:hover,
120 .datepicker table tr td.today:active,
121 .datepicker table tr td.today:hover:active,
122 .datepicker table tr td.today.disabled:active,
123 .datepicker table tr td.today.disabled:hover:active,
124 .datepicker table tr td.today.active,
125 .datepicker table tr td.today:hover.active,
126 .datepicker table tr td.today.disabled.active,
127 .datepicker table tr td.today.disabled:hover.active,
128 .datepicker table tr td.today.disabled,
129 .datepicker table tr td.today:hover.disabled,
130 .datepicker table tr td.today.disabled.disabled,
131 .datepicker table tr td.today.disabled:hover.disabled,
132 .datepicker table tr td.today[disabled],
133 .datepicker table tr td.today:hover[disabled],
134 .datepicker table tr td.today.disabled[disabled],
135 .datepicker table tr td.today.disabled:hover[disabled] {
136   background-color: #fdf59a;
137 }
138 .datepicker table tr td.today:active,
139 .datepicker table tr td.today:hover:active,
140 .datepicker table tr td.today.disabled:active,
141 .datepicker table tr td.today.disabled:hover:active,
142 .datepicker table tr td.today.active,
143 .datepicker table tr td.today:hover.active,
144 .datepicker table tr td.today.disabled.active,
145 .datepicker table tr td.today.disabled:hover.active {
146   background-color: #fbf069 \9;
147 }
148 .datepicker table tr td.active,
149 .datepicker table tr td.active:hover,
150 .datepicker table tr td.active.disabled,
151 .datepicker table tr td.active.disabled:hover {
152   background-color: #006dcc;
153   background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
154   background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
155   background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
156   background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
157   background-image: -o-linear-gradient(top, #0088cc, #0044cc);
158   background-image: linear-gradient(top, #0088cc, #0044cc);
159   background-repeat: repeat-x;
160   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
161   border-color: #0044cc #0044cc #002a80;
162   border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
163   filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
164   color: #fff;
165   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
166 }
167 .datepicker table tr td.active:hover,
168 .datepicker table tr td.active:hover:hover,
169 .datepicker table tr td.active.disabled:hover,
170 .datepicker table tr td.active.disabled:hover:hover,
171 .datepicker table tr td.active:active,
172 .datepicker table tr td.active:hover:active,
173 .datepicker table tr td.active.disabled:active,
174 .datepicker table tr td.active.disabled:hover:active,
175 .datepicker table tr td.active.active,
176 .datepicker table tr td.active:hover.active,
177 .datepicker table tr td.active.disabled.active,
178 .datepicker table tr td.active.disabled:hover.active,
179 .datepicker table tr td.active.disabled,
180 .datepicker table tr td.active:hover.disabled,
181 .datepicker table tr td.active.disabled.disabled,
182 .datepicker table tr td.active.disabled:hover.disabled,
183 .datepicker table tr td.active[disabled],
184 .datepicker table tr td.active:hover[disabled],
185 .datepicker table tr td.active.disabled[disabled],
186 .datepicker table tr td.active.disabled:hover[disabled] {
187   background-color: #0044cc;
188 }
189 .datepicker table tr td.active:active,
190 .datepicker table tr td.active:hover:active,
191 .datepicker table tr td.active.disabled:active,
192 .datepicker table tr td.active.disabled:hover:active,
193 .datepicker table tr td.active.active,
194 .datepicker table tr td.active:hover.active,
195 .datepicker table tr td.active.disabled.active,
196 .datepicker table tr td.active.disabled:hover.active {
197   background-color: #003399 \9;
198 }
199 .datepicker table tr td span {
200   display: block;
201   width: 23%;
202   height: 54px;
203   line-height: 54px;
204   float: left;
205   margin: 1%;
206   cursor: pointer;
207   -webkit-border-radius: 4px;
208   -moz-border-radius: 4px;
209   border-radius: 4px;
210 }
211 .datepicker table tr td span:hover {
212   background: #eeeeee;
213 }
214 .datepicker table tr td span.disabled,
215 .datepicker table tr td span.disabled:hover {
216   background: none;
217   color: #999999;
218   cursor: default;
219 }
220 .datepicker table tr td span.active,
221 .datepicker table tr td span.active:hover,
222 .datepicker table tr td span.active.disabled,
223 .datepicker table tr td span.active.disabled:hover {
224   background-color: #006dcc;
225   background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
226   background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
227   background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
228   background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
229   background-image: -o-linear-gradient(top, #0088cc, #0044cc);
230   background-image: linear-gradient(top, #0088cc, #0044cc);
231   background-repeat: repeat-x;
232   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
233   border-color: #0044cc #0044cc #002a80;
234   border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
235   filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
236   color: #fff;
237   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
238 }
239 .datepicker table tr td span.active:hover,
240 .datepicker table tr td span.active:hover:hover,
241 .datepicker table tr td span.active.disabled:hover,
242 .datepicker table tr td span.active.disabled:hover:hover,
243 .datepicker table tr td span.active:active,
244 .datepicker table tr td span.active:hover:active,
245 .datepicker table tr td span.active.disabled:active,
246 .datepicker table tr td span.active.disabled:hover:active,
247 .datepicker table tr td span.active.active,
248 .datepicker table tr td span.active:hover.active,
249 .datepicker table tr td span.active.disabled.active,
250 .datepicker table tr td span.active.disabled:hover.active,
251 .datepicker table tr td span.active.disabled,
252 .datepicker table tr td span.active:hover.disabled,
253 .datepicker table tr td span.active.disabled.disabled,
254 .datepicker table tr td span.active.disabled:hover.disabled,
255 .datepicker table tr td span.active[disabled],
256 .datepicker table tr td span.active:hover[disabled],
257 .datepicker table tr td span.active.disabled[disabled],
258 .datepicker table tr td span.active.disabled:hover[disabled] {
259   background-color: #0044cc;
260 }
261 .datepicker table tr td span.active:active,
262 .datepicker table tr td span.active:hover:active,
263 .datepicker table tr td span.active.disabled:active,
264 .datepicker table tr td span.active.disabled:hover:active,
265 .datepicker table tr td span.active.active,
266 .datepicker table tr td span.active:hover.active,
267 .datepicker table tr td span.active.disabled.active,
268 .datepicker table tr td span.active.disabled:hover.active {
269   background-color: #003399 \9;
270 }
271 .datepicker table tr td span.old {
272   color: #999999;
273 }
274 .datepicker th.switch {
275   width: 145px;
276 }
277 .datepicker thead tr:first-child th,
278 .datepicker tfoot tr:first-child th {
279   cursor: pointer;
280 }
281 .datepicker thead tr:first-child th:hover,
282 .datepicker tfoot tr:first-child th:hover {
283   background: #eeeeee;
284 }
285 .datepicker .cw {
286   font-size: 10px;
287   width: 12px;
288   padding: 0 2px 0 5px;
289   vertical-align: middle;
290 }
291 .datepicker thead tr:first-child th.cw {
292   cursor: default;
293   background-color: transparent;
294 }
295 .input-append.date .add-on i,
296 .input-prepend.date .add-on i {
297   display: block;
298   cursor: pointer;
299   width: 16px;
300   height: 16px;
301 }