|
1 /* Main Dark Style Sheet for jQuery UI Datepicker */ |
|
2 #datetimepicker_div, .datetimepicker_inline { |
|
3 font-family: Arial, Helvetica, sans-serif; |
|
4 font-size: 14px; |
|
5 padding: 0; |
|
6 margin: 0; |
|
7 background: #222; |
|
8 width: 185px; |
|
9 } |
|
10 #datetimepicker_div { |
|
11 display: none; |
|
12 border: 1px solid #07F; |
|
13 z-index: 10; |
|
14 } |
|
15 .datetimepicker_inline { |
|
16 float: left; |
|
17 display: block; |
|
18 border: 0; |
|
19 } |
|
20 .datetimepicker_dialog { |
|
21 padding: 5px !important; |
|
22 border: 4px ridge #222 !important; |
|
23 } |
|
24 button.datetimepicker_trigger { |
|
25 width: 25px; |
|
26 } |
|
27 img.datetimepicker_trigger { |
|
28 margin: 2px; |
|
29 vertical-align: middle; |
|
30 } |
|
31 .datetimepicker_prompt { |
|
32 float: left; |
|
33 padding: 2px; |
|
34 background: #222; |
|
35 color: snow; |
|
36 } |
|
37 *html .datetimepicker_prompt { |
|
38 width: 185px; |
|
39 } |
|
40 .datetimepicker_control, .datetimepicker_links, .datetimepicker_header, .datetimepicker { |
|
41 clear: both; |
|
42 float: left; |
|
43 width: 100%; |
|
44 color: #111; |
|
45 } |
|
46 .datetimepicker_control { |
|
47 background: #469; |
|
48 padding: 2px 0px; |
|
49 } |
|
50 .datetimepicker_links { |
|
51 background: #347; |
|
52 padding: 2px 0px; |
|
53 } |
|
54 .datetimepicker_control, .datetimepicker_links { |
|
55 font-weight: bold; |
|
56 font-size: 80%; |
|
57 letter-spacing: 1px; |
|
58 } |
|
59 .datetimepicker_links label { |
|
60 padding: 2px 5px; |
|
61 color: #888; |
|
62 } |
|
63 .datetimepicker_clear, .datetimepicker_prev { |
|
64 float: left; |
|
65 width: 34%; |
|
66 } |
|
67 .datetimepicker_current { |
|
68 float: left; |
|
69 width: 30%; |
|
70 text-align: center; |
|
71 } |
|
72 .datetimepicker_close, .datetimepicker_next { |
|
73 float: right; |
|
74 width: 34%; |
|
75 text-align: right; |
|
76 } |
|
77 .datetimepicker_header { |
|
78 padding: 1px 0 3px; |
|
79 background: #944; |
|
80 text-align: center; |
|
81 font-weight: bold; |
|
82 height: 3em; |
|
83 } |
|
84 .datetimepicker_header select { |
|
85 background: #944; |
|
86 color: snow; |
|
87 border: 0px; |
|
88 font-weight: bold; |
|
89 } |
|
90 .datetimepicker { |
|
91 background: #333; |
|
92 text-align: center; |
|
93 font-size: 100%; |
|
94 } |
|
95 .datetimepicker a { |
|
96 display: block; |
|
97 width: 100%; |
|
98 } |
|
99 .datetimepicker .datetimepicker_titleRow { |
|
100 background: #733; |
|
101 color: snow; |
|
102 } |
|
103 .datetimepicker .datetimepicker_daysRow { |
|
104 background: #111; |
|
105 color: #AAA; |
|
106 } |
|
107 .datetimepicker_weekCol { |
|
108 background: #733; |
|
109 color: #FFF; |
|
110 } |
|
111 .datetimepicker .datetimepicker_daysCell { |
|
112 color: snow; |
|
113 border: 1px solid #222; |
|
114 } |
|
115 #datetimepicker .datetimepicker_daysCell a { |
|
116 display: block; |
|
117 } |
|
118 .datetimepicker .datetimepicker_weekEndCell { |
|
119 background: #444; |
|
120 } |
|
121 .datetimepicker .datetimepicker_daysCellOver { |
|
122 background: #111; |
|
123 border: 1px solid #999; |
|
124 } |
|
125 .datetimepicker .datetimepicker_unselectable { |
|
126 color: #888; |
|
127 } |
|
128 .datetimepicker_today { |
|
129 background: #944 !important; |
|
130 } |
|
131 .datetimepicker_currentDay { |
|
132 background: #733 !important; |
|
133 } |
|
134 #datetimepicker_div a, .datetimepicker_inline a { |
|
135 cursor: pointer; |
|
136 margin: 0; |
|
137 padding: 0; |
|
138 background: none; |
|
139 color: snow; |
|
140 } |
|
141 .datetimepicker_inline .datetimepicker_links a { |
|
142 padding: 0 5px !important; |
|
143 } |
|
144 .datetimepicker_control a, .datetimepicker_links a { |
|
145 padding: 2px 5px !important; |
|
146 color: snow !important; |
|
147 } |
|
148 .datetimepicker_titleRow a { |
|
149 color: snow !important; |
|
150 } |
|
151 .datetimepicker_control a: hover { |
|
152 color: #ccc !important; |
|
153 } |
|
154 .datetimepicker_links a: hover, .datetimepicker_titleRow a: hover { |
|
155 background: #111 !important; |
|
156 color: #CCC !important; |
|
157 } |
|
158 .datetimepicker_multi .datetimepicker { |
|
159 border: 1px solid #944; |
|
160 } |
|
161 .datetimepicker_oneMonth { |
|
162 float: left; |
|
163 width: 185px; |
|
164 } |
|
165 .datetimepicker_newRow { |
|
166 clear: left; |
|
167 } |
|
168 .datetimepicker_cover { |
|
169 display: none; |
|
170 display/**/: block; |
|
171 position: absolute; |
|
172 z-index: -1; |
|
173 filter: mask(); |
|
174 top: -4px; |
|
175 left: -4px; |
|
176 width: 193px; |
|
177 height: 200px; |
|
178 } |