1 | .dropdown-menu
|
---|
2 | {
|
---|
3 | position: absolute;
|
---|
4 | top: 100%;
|
---|
5 | left: 0;
|
---|
6 | z-index: 1000;
|
---|
7 | display: none;
|
---|
8 | float: left;
|
---|
9 | min-width: 160px;
|
---|
10 | padding: 5px 0;
|
---|
11 | margin: 2px 0 0;
|
---|
12 | list-style: none;
|
---|
13 | background-color: #fff;
|
---|
14 | border: 1px solid #ccc;
|
---|
15 | border: 1px solid rgba(0,0,0,0.2);
|
---|
16 | -webkit-border-radius: 6px;
|
---|
17 | -moz-border-radius: 6px;
|
---|
18 | border-radius: 6px;
|
---|
19 | -webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
|
---|
20 | -moz-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
|
---|
21 | box-shadow: 0 5px 10px rgba(0,0,0,0.2);
|
---|
22 | -webkit-background-clip: padding-box;
|
---|
23 | -moz-background-clip: padding;
|
---|
24 | background-clip: padding-box;
|
---|
25 | }
|
---|
26 |
|
---|
27 | /*!
|
---|
28 | * Datepicker for Bootstrap
|
---|
29 | *
|
---|
30 | * Copyright 2012 Stefan Petre
|
---|
31 | * Improvements by Andrew Rowls
|
---|
32 | * Licensed under the Apache License v2.0
|
---|
33 | * http://www.apache.org/licenses/LICENSE-2.0
|
---|
34 | *
|
---|
35 | */
|
---|
36 | .datepicker
|
---|
37 | {
|
---|
38 | padding: 4px;
|
---|
39 | -webkit-border-radius: 4px;
|
---|
40 | -moz-border-radius: 4px;
|
---|
41 | border-radius: 4px;
|
---|
42 | direction: ltr;
|
---|
43 | /*.dow {
|
---|
44 | border-top: 1px solid #ddd !important;
|
---|
45 | }*/
|
---|
46 | }
|
---|
47 |
|
---|
48 | .datepicker-inline
|
---|
49 | {
|
---|
50 | width: 220px;
|
---|
51 | }
|
---|
52 |
|
---|
53 | .datepicker.datepicker-rtl
|
---|
54 | {
|
---|
55 | direction: rtl;
|
---|
56 | }
|
---|
57 |
|
---|
58 | .datepicker.datepicker-rtl table tr td span
|
---|
59 | {
|
---|
60 | float: right;
|
---|
61 | }
|
---|
62 |
|
---|
63 | .datepicker-dropdown
|
---|
64 | {
|
---|
65 | top: 0;
|
---|
66 | left: 0;
|
---|
67 | }
|
---|
68 |
|
---|
69 | .datepicker-dropdown:before
|
---|
70 | {
|
---|
71 | content: '';
|
---|
72 | display: inline-block;
|
---|
73 | border-left: 7px solid transparent;
|
---|
74 | border-right: 7px solid transparent;
|
---|
75 | border-bottom: 7px solid #ccc;
|
---|
76 | border-bottom-color: rgba(0, 0, 0, 0.2);
|
---|
77 | position: absolute;
|
---|
78 | top: -7px;
|
---|
79 | left: 6px;
|
---|
80 | }
|
---|
81 |
|
---|
82 | .datepicker-dropdown:after
|
---|
83 | {
|
---|
84 | content: '';
|
---|
85 | display: inline-block;
|
---|
86 | border-left: 6px solid transparent;
|
---|
87 | border-right: 6px solid transparent;
|
---|
88 | border-bottom: 6px solid #ffffff;
|
---|
89 | position: absolute;
|
---|
90 | top: -6px;
|
---|
91 | left: 7px;
|
---|
92 | }
|
---|
93 |
|
---|
94 | .datepicker > div
|
---|
95 | {
|
---|
96 | display: none;
|
---|
97 | }
|
---|
98 |
|
---|
99 | .datepicker.days div.datepicker-days
|
---|
100 | {
|
---|
101 | display: block;
|
---|
102 | }
|
---|
103 |
|
---|
104 | .datepicker.months div.datepicker-months
|
---|
105 | {
|
---|
106 | display: block;
|
---|
107 | }
|
---|
108 |
|
---|
109 | .datepicker.years div.datepicker-years
|
---|
110 | {
|
---|
111 | display: block;
|
---|
112 | }
|
---|
113 |
|
---|
114 | .datepicker table
|
---|
115 | {
|
---|
116 | margin: 0;
|
---|
117 | }
|
---|
118 |
|
---|
119 | .datepicker td,
|
---|
120 | .datepicker th
|
---|
121 | {
|
---|
122 | text-align: center;
|
---|
123 | width: 20px;
|
---|
124 | height: 20px;
|
---|
125 | -webkit-border-radius: 4px;
|
---|
126 | -moz-border-radius: 4px;
|
---|
127 | border-radius: 4px;
|
---|
128 | border: none;
|
---|
129 | }
|
---|
130 |
|
---|
131 | .table-striped .datepicker table tr td,
|
---|
132 | .table-striped .datepicker table tr th
|
---|
133 | {
|
---|
134 | background-color: transparent;
|
---|
135 | }
|
---|
136 |
|
---|
137 | .datepicker table tr td.day:hover
|
---|
138 | {
|
---|
139 | background: #eeeeee;
|
---|
140 | cursor: pointer;
|
---|
141 | }
|
---|
142 |
|
---|
143 | .datepicker table tr td.old,
|
---|
144 | .datepicker table tr td.new
|
---|
145 | {
|
---|
146 | color: #999999;
|
---|
147 | }
|
---|
148 |
|
---|
149 | .datepicker table tr td.disabled,
|
---|
150 | .datepicker table tr td.disabled:hover
|
---|
151 | {
|
---|
152 | background: none;
|
---|
153 | color: #999999;
|
---|
154 | cursor: default;
|
---|
155 | }
|
---|
156 |
|
---|
157 | .datepicker table tr td.today,
|
---|
158 | .datepicker table tr td.today:hover,
|
---|
159 | .datepicker table tr td.today.disabled,
|
---|
160 | .datepicker table tr td.today.disabled:hover
|
---|
161 | {
|
---|
162 | background-color: #fde19a;
|
---|
163 | background-image: -moz-linear-gradient(top, #fdd49a, #fdf59a);
|
---|
164 | background-image: -ms-linear-gradient(top, #fdd49a, #fdf59a);
|
---|
165 | background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdd49a), to(#fdf59a));
|
---|
166 | background-image: -webkit-linear-gradient(top, #fdd49a, #fdf59a);
|
---|
167 | background-image: -o-linear-gradient(top, #fdd49a, #fdf59a);
|
---|
168 | background-image: linear-gradient(top, #fdd49a, #fdf59a);
|
---|
169 | background-repeat: repeat-x;
|
---|
170 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a', endColorstr='#fdf59a', GradientType=0);
|
---|
171 | border-color: #fdf59a #fdf59a #fbed50;
|
---|
172 | border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
|
---|
173 | filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
|
---|
174 | color: #000 !important;
|
---|
175 | }
|
---|
176 |
|
---|
177 | .datepicker table tr td.today:hover,
|
---|
178 | .datepicker table tr td.today:hover:hover,
|
---|
179 | .datepicker table tr td.today.disabled:hover,
|
---|
180 | .datepicker table tr td.today.disabled:hover:hover,
|
---|
181 | .datepicker table tr td.today:active,
|
---|
182 | .datepicker table tr td.today:hover:active,
|
---|
183 | .datepicker table tr td.today.disabled:active,
|
---|
184 | .datepicker table tr td.today.disabled:hover:active,
|
---|
185 | .datepicker table tr td.today.active,
|
---|
186 | .datepicker table tr td.today:hover.active,
|
---|
187 | .datepicker table tr td.today.disabled.active,
|
---|
188 | .datepicker table tr td.today.disabled:hover.active,
|
---|
189 | .datepicker table tr td.today.disabled,
|
---|
190 | .datepicker table tr td.today:hover.disabled,
|
---|
191 | .datepicker table tr td.today.disabled.disabled,
|
---|
192 | .datepicker table tr td.today.disabled:hover.disabled,
|
---|
193 | .datepicker table tr td.today[disabled],
|
---|
194 | .datepicker table tr td.today:hover[disabled],
|
---|
195 | .datepicker table tr td.today.disabled[disabled],
|
---|
196 | .datepicker table tr td.today.disabled:hover[disabled]
|
---|
197 | {
|
---|
198 | background-color: #fdf59a;
|
---|
199 | }
|
---|
200 |
|
---|
201 | .datepicker table tr td.today:active,
|
---|
202 | .datepicker table tr td.today:hover:active,
|
---|
203 | .datepicker table tr td.today.disabled:active,
|
---|
204 | .datepicker table tr td.today.disabled:hover:active,
|
---|
205 | .datepicker table tr td.today.active,
|
---|
206 | .datepicker table tr td.today:hover.active,
|
---|
207 | .datepicker table tr td.today.disabled.active,
|
---|
208 | .datepicker table tr td.today.disabled:hover.active
|
---|
209 | {
|
---|
210 | background-color: #fbf069 \9;
|
---|
211 | }
|
---|
212 |
|
---|
213 | .datepicker table tr td.active,
|
---|
214 | .datepicker table tr td.active:hover,
|
---|
215 | .datepicker table tr td.active.disabled,
|
---|
216 | .datepicker table tr td.active.disabled:hover
|
---|
217 | {
|
---|
218 | background-color: #006dcc;
|
---|
219 | background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
|
---|
220 | background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
|
---|
221 | background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
|
---|
222 | background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
|
---|
223 | background-image: -o-linear-gradient(top, #0088cc, #0044cc);
|
---|
224 | background-image: linear-gradient(top, #0088cc, #0044cc);
|
---|
225 | background-repeat: repeat-x;
|
---|
226 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
|
---|
227 | border-color: #0044cc #0044cc #002a80;
|
---|
228 | border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
|
---|
229 | filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
|
---|
230 | color: #fff;
|
---|
231 | text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
|
---|
232 | }
|
---|
233 |
|
---|
234 | .datepicker table tr td.active:hover,
|
---|
235 | .datepicker table tr td.active:hover:hover,
|
---|
236 | .datepicker table tr td.active.disabled:hover,
|
---|
237 | .datepicker table tr td.active.disabled:hover:hover,
|
---|
238 | .datepicker table tr td.active:active,
|
---|
239 | .datepicker table tr td.active:hover:active,
|
---|
240 | .datepicker table tr td.active.disabled:active,
|
---|
241 | .datepicker table tr td.active.disabled:hover:active,
|
---|
242 | .datepicker table tr td.active.active,
|
---|
243 | .datepicker table tr td.active:hover.active,
|
---|
244 | .datepicker table tr td.active.disabled.active,
|
---|
245 | .datepicker table tr td.active.disabled:hover.active,
|
---|
246 | .datepicker table tr td.active.disabled,
|
---|
247 | .datepicker table tr td.active:hover.disabled,
|
---|
248 | .datepicker table tr td.active.disabled.disabled,
|
---|
249 | .datepicker table tr td.active.disabled:hover.disabled,
|
---|
250 | .datepicker table tr td.active[disabled],
|
---|
251 | .datepicker table tr td.active:hover[disabled],
|
---|
252 | .datepicker table tr td.active.disabled[disabled],
|
---|
253 | .datepicker table tr td.active.disabled:hover[disabled]
|
---|
254 | {
|
---|
255 | background-color: #0044cc;
|
---|
256 | }
|
---|
257 |
|
---|
258 | .datepicker table tr td.active:active,
|
---|
259 | .datepicker table tr td.active:hover:active,
|
---|
260 | .datepicker table tr td.active.disabled:active,
|
---|
261 | .datepicker table tr td.active.disabled:hover:active,
|
---|
262 | .datepicker table tr td.active.active,
|
---|
263 | .datepicker table tr td.active:hover.active,
|
---|
264 | .datepicker table tr td.active.disabled.active,
|
---|
265 | .datepicker table tr td.active.disabled:hover.active
|
---|
266 | {
|
---|
267 | background-color: #003399 \9;
|
---|
268 | }
|
---|
269 |
|
---|
270 | .datepicker table tr td span
|
---|
271 | {
|
---|
272 | display: block;
|
---|
273 | width: 23%;
|
---|
274 | height: 54px;
|
---|
275 | line-height: 54px;
|
---|
276 | float: left;
|
---|
277 | margin: 1%;
|
---|
278 | cursor: pointer;
|
---|
279 | -webkit-border-radius: 4px;
|
---|
280 | -moz-border-radius: 4px;
|
---|
281 | border-radius: 4px;
|
---|
282 | }
|
---|
283 |
|
---|
284 | .datepicker table tr td span:hover
|
---|
285 | {
|
---|
286 | background: #eeeeee;
|
---|
287 | }
|
---|
288 |
|
---|
289 | .datepicker table tr td span.disabled,
|
---|
290 | .datepicker table tr td span.disabled:hover
|
---|
291 | {
|
---|
292 | background: none;
|
---|
293 | color: #999999;
|
---|
294 | cursor: default;
|
---|
295 | }
|
---|
296 |
|
---|
297 | .datepicker table tr td span.active,
|
---|
298 | .datepicker table tr td span.active:hover,
|
---|
299 | .datepicker table tr td span.active.disabled,
|
---|
300 | .datepicker table tr td span.active.disabled:hover
|
---|
301 | {
|
---|
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 |
|
---|
318 | .datepicker table tr td span.active:hover,
|
---|
319 | .datepicker table tr td span.active:hover:hover,
|
---|
320 | .datepicker table tr td span.active.disabled:hover,
|
---|
321 | .datepicker table tr td span.active.disabled:hover:hover,
|
---|
322 | .datepicker table tr td span.active:active,
|
---|
323 | .datepicker table tr td span.active:hover:active,
|
---|
324 | .datepicker table tr td span.active.disabled:active,
|
---|
325 | .datepicker table tr td span.active.disabled:hover:active,
|
---|
326 | .datepicker table tr td span.active.active,
|
---|
327 | .datepicker table tr td span.active:hover.active,
|
---|
328 | .datepicker table tr td span.active.disabled.active,
|
---|
329 | .datepicker table tr td span.active.disabled:hover.active,
|
---|
330 | .datepicker table tr td span.active.disabled,
|
---|
331 | .datepicker table tr td span.active:hover.disabled,
|
---|
332 | .datepicker table tr td span.active.disabled.disabled,
|
---|
333 | .datepicker table tr td span.active.disabled:hover.disabled,
|
---|
334 | .datepicker table tr td span.active[disabled],
|
---|
335 | .datepicker table tr td span.active:hover[disabled],
|
---|
336 | .datepicker table tr td span.active.disabled[disabled],
|
---|
337 | .datepicker table tr td span.active.disabled:hover[disabled]
|
---|
338 | {
|
---|
339 | background-color: #0044cc;
|
---|
340 | }
|
---|
341 |
|
---|
342 | .datepicker table tr td span.active:active,
|
---|
343 | .datepicker table tr td span.active:hover:active,
|
---|
344 | .datepicker table tr td span.active.disabled:active,
|
---|
345 | .datepicker table tr td span.active.disabled:hover:active,
|
---|
346 | .datepicker table tr td span.active.active,
|
---|
347 | .datepicker table tr td span.active:hover.active,
|
---|
348 | .datepicker table tr td span.active.disabled.active,
|
---|
349 | .datepicker table tr td span.active.disabled:hover.active
|
---|
350 | {
|
---|
351 | background-color: #003399 \9;
|
---|
352 | }
|
---|
353 |
|
---|
354 | .datepicker table tr td span.old
|
---|
355 | {
|
---|
356 | color: #999999;
|
---|
357 | }
|
---|
358 |
|
---|
359 | .datepicker th.switch
|
---|
360 | {
|
---|
361 | width: 145px;
|
---|
362 | }
|
---|
363 |
|
---|
364 | .datepicker thead tr:first-child th,
|
---|
365 | .datepicker tfoot tr:first-child th
|
---|
366 | {
|
---|
367 | cursor: pointer;
|
---|
368 | }
|
---|
369 |
|
---|
370 | .datepicker thead tr:first-child th:hover,
|
---|
371 | .datepicker tfoot tr:first-child th:hover
|
---|
372 | {
|
---|
373 | background: #eeeeee;
|
---|
374 | }
|
---|
375 |
|
---|
376 | .datepicker .cw
|
---|
377 | {
|
---|
378 | font-size: 10px;
|
---|
379 | width: 12px;
|
---|
380 | padding: 0 2px 0 5px;
|
---|
381 | vertical-align: middle;
|
---|
382 | }
|
---|
383 |
|
---|
384 | .datepicker thead tr:first-child th.cw
|
---|
385 | {
|
---|
386 | cursor: default;
|
---|
387 | background-color: transparent;
|
---|
388 | }
|
---|
389 |
|
---|
390 | .input-append.date .add-on i,
|
---|
391 | .input-prepend.date .add-on i
|
---|
392 | {
|
---|
393 | display: block;
|
---|
394 | cursor: pointer;
|
---|
395 | width: 16px;
|
---|
396 | height: 16px;
|
---|
397 | }
|
---|