datepicker.css - jscancer - Javascript crap (relatively small) | |
git clone git://git.codemadness.org/jscancer | |
Log | |
Files | |
Refs | |
README | |
LICENSE | |
--- | |
datepicker.css (1757B) | |
--- | |
1 table.datepicker { | |
2 table-layout: fixed; | |
3 width: 200px; | |
4 border-collapse: collapse; | |
5 position: absolute; | |
6 z-index: 999; | |
7 box-shadow: 0px 5px 5px #ccc; | |
8 border: 3px solid #0088cc; | |
9 } | |
10 table.datepicker tr th, | |
11 table.datepicker tr td { | |
12 font-family: sans-serif; | |
13 text-align: right; | |
14 width: 14.29%; | |
15 border: 1px solid #ccc; | |
16 border-top: 1px solid #fff; | |
17 padding: 3px; | |
18 color: #333; | |
19 } | |
20 table.datepicker tr.yearmons th, | |
21 table.datepicker tr.yearmons td { | |
22 text-align: center; | |
23 font-weight: bold; | |
24 width: auto; | |
25 } | |
26 table.datepicker tr .prev, | |
27 table.datepicker tr .next { | |
28 cursor: pointer; | |
29 -webkit-touch-callout: none; | |
30 -webkit-user-select: none; | |
31 -khtml-user-select: none; | |
32 -moz-user-select: none; | |
33 -ms-user-select: none; | |
34 user-select: none; | |
35 } | |
36 table.datepicker thead tr th, | |
37 table.datepicker thead tr td { | |
38 background-color: #0088cc; | |
39 border: 1px solid #0088cc; | |
40 border-bottom: 2px solid #0088cc; | |
41 color: #fff; | |
42 } | |
43 table.datepicker tbody tr .today { | |
44 color: #000; | |
45 text-decoration: underline; | |
46 } | |
47 table.datepicker tbody tr .sel { | |
48 color: #000; | |
49 font-weight: bold; | |
50 } | |
51 table.datepicker tbody tr td { | |
52 background-color: #eee; | |
53 } | |
54 table.datepicker tbody tr td.d { | |
55 background-color: #fff; | |
56 color: #aaa; | |
57 cursor: not-allowed; | |
58 } | |
59 table.datepicker tbody tr td.v { | |
60 background-color: #fff; | |
61 cursor: pointer; | |
62 } | |
63 table.datepicker tr .prev:hover, | |
64 table.datepicker tr .next:hover { | |
65 background-color: #fff; | |
66 color: #0088cc; | |
67 } | |
68 table.datepicker tbody tr td.v:hover { | |
69 background-color: #0088cc; | |
70 color: #fff; | |
71 } | |
72 input.datepicker { | |
73 background: no-repeat 3px center url("data:image/png;base64,iVBO… | |
74 padding: 5px 3px 5px 20px; | |
75 width: 14ex; | |
76 } |