Subversion-Projekte lars-tiefland.cienc

Revision

Details | Letzte Änderung | Log anzeigen | RSS feed

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