查看 | 历史 | 提交 | 提交对比
hjg
2023-11-18 bb48edb3d9faaaeab0088151c86fc24137acdb08
提交 | 用户 | 时间
58d006 1 /*!
A 2  * Datetimepicker for Bootstrap 3
3  * version : 4.17.37
4  * https://github.com/Eonasdan/bootstrap-datetimepicker/
5  */
6 .bootstrap-datetimepicker-widget {
7   list-style: none;
8 }
9 .bootstrap-datetimepicker-widget.dropdown-menu {
10   margin: 2px 0;
11   padding: 4px;
12   width: 19em;
13 }
14 @media (min-width: 768px) {
15   .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
16     width: 38em;
17   }
18 }
19 @media (min-width: 992px) {
20   .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
21     width: 38em;
22   }
23 }
24 @media (min-width: 1200px) {
25   .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
26     width: 38em;
27   }
28 }
29 .bootstrap-datetimepicker-widget.dropdown-menu:before,
30 .bootstrap-datetimepicker-widget.dropdown-menu:after {
31   content: '';
32   display: inline-block;
33   position: absolute;
34 }
35 .bootstrap-datetimepicker-widget.dropdown-menu.bottom:before {
36   border-left: 7px solid transparent;
37   border-right: 7px solid transparent;
38   border-bottom: 7px solid #cccccc;
39   border-bottom-color: rgba(0, 0, 0, 0.2);
40   top: -7px;
41   left: 7px;
42 }
43 .bootstrap-datetimepicker-widget.dropdown-menu.bottom:after {
44   border-left: 6px solid transparent;
45   border-right: 6px solid transparent;
46   border-bottom: 6px solid white;
47   top: -6px;
48   left: 8px;
49 }
50 .bootstrap-datetimepicker-widget.dropdown-menu.top:before {
51   border-left: 7px solid transparent;
52   border-right: 7px solid transparent;
53   border-top: 7px solid #cccccc;
54   border-top-color: rgba(0, 0, 0, 0.2);
55   bottom: -7px;
56   left: 6px;
57 }
58 .bootstrap-datetimepicker-widget.dropdown-menu.top:after {
59   border-left: 6px solid transparent;
60   border-right: 6px solid transparent;
61   border-top: 6px solid white;
62   bottom: -6px;
63   left: 7px;
64 }
65 .bootstrap-datetimepicker-widget.dropdown-menu.pull-right:before {
66   left: auto;
67   right: 6px;
68 }
69 .bootstrap-datetimepicker-widget.dropdown-menu.pull-right:after {
70   left: auto;
71   right: 7px;
72 }
73 .bootstrap-datetimepicker-widget .list-unstyled {
74   margin: 0;
75 }
76 .bootstrap-datetimepicker-widget a[data-action] {
77   padding: 6px 0;
78 }
79 .bootstrap-datetimepicker-widget a[data-action]:active {
80   box-shadow: none;
81 }
82 .bootstrap-datetimepicker-widget .timepicker-hour,
83 .bootstrap-datetimepicker-widget .timepicker-minute,
84 .bootstrap-datetimepicker-widget .timepicker-second {
85   width: 54px;
86   font-weight: bold;
87   font-size: 1.2em;
88   margin: 0;
89 }
90 .bootstrap-datetimepicker-widget button[data-action] {
91   padding: 6px;
92 }
93 .bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]::after {
94   position: absolute;
95   width: 1px;
96   height: 1px;
97   margin: -1px;
98   padding: 0;
99   overflow: hidden;
100   clip: rect(0, 0, 0, 0);
101   border: 0;
102   content: "Increment Hours";
103 }
104 .bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]::after {
105   position: absolute;
106   width: 1px;
107   height: 1px;
108   margin: -1px;
109   padding: 0;
110   overflow: hidden;
111   clip: rect(0, 0, 0, 0);
112   border: 0;
113   content: "Increment Minutes";
114 }
115 .bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]::after {
116   position: absolute;
117   width: 1px;
118   height: 1px;
119   margin: -1px;
120   padding: 0;
121   overflow: hidden;
122   clip: rect(0, 0, 0, 0);
123   border: 0;
124   content: "Decrement Hours";
125 }
126 .bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]::after {
127   position: absolute;
128   width: 1px;
129   height: 1px;
130   margin: -1px;
131   padding: 0;
132   overflow: hidden;
133   clip: rect(0, 0, 0, 0);
134   border: 0;
135   content: "Decrement Minutes";
136 }
137 .bootstrap-datetimepicker-widget .btn[data-action="showHours"]::after {
138   position: absolute;
139   width: 1px;
140   height: 1px;
141   margin: -1px;
142   padding: 0;
143   overflow: hidden;
144   clip: rect(0, 0, 0, 0);
145   border: 0;
146   content: "Show Hours";
147 }
148 .bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]::after {
149   position: absolute;
150   width: 1px;
151   height: 1px;
152   margin: -1px;
153   padding: 0;
154   overflow: hidden;
155   clip: rect(0, 0, 0, 0);
156   border: 0;
157   content: "Show Minutes";
158 }
159 .bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]::after {
160   position: absolute;
161   width: 1px;
162   height: 1px;
163   margin: -1px;
164   padding: 0;
165   overflow: hidden;
166   clip: rect(0, 0, 0, 0);
167   border: 0;
168   content: "Toggle AM/PM";
169 }
170 .bootstrap-datetimepicker-widget .btn[data-action="clear"]::after {
171   position: absolute;
172   width: 1px;
173   height: 1px;
174   margin: -1px;
175   padding: 0;
176   overflow: hidden;
177   clip: rect(0, 0, 0, 0);
178   border: 0;
179   content: "Clear the picker";
180 }
181 .bootstrap-datetimepicker-widget .btn[data-action="today"]::after {
182   position: absolute;
183   width: 1px;
184   height: 1px;
185   margin: -1px;
186   padding: 0;
187   overflow: hidden;
188   clip: rect(0, 0, 0, 0);
189   border: 0;
190   content: "Set the date to today";
191 }
192 .bootstrap-datetimepicker-widget .picker-switch {
193   text-align: center;
194 }
195 .bootstrap-datetimepicker-widget .picker-switch::after {
196   position: absolute;
197   width: 1px;
198   height: 1px;
199   margin: -1px;
200   padding: 0;
201   overflow: hidden;
202   clip: rect(0, 0, 0, 0);
203   border: 0;
204   content: "Toggle Date and Time Screens";
205 }
206 .bootstrap-datetimepicker-widget .picker-switch td {
207   padding: 0;
208   margin: 0;
209   height: auto;
210   width: auto;
211   line-height: inherit;
212 }
213 .bootstrap-datetimepicker-widget .picker-switch td span {
214   line-height: 2.5;
215   height: 2.5em;
216   width: 100%;
217 }
218 .bootstrap-datetimepicker-widget table {
219   width: 100%;
220   margin: 0;
221 }
222 .bootstrap-datetimepicker-widget table td,
223 .bootstrap-datetimepicker-widget table th {
224   text-align: center;
225   border-radius: 4px;
226 }
227 .bootstrap-datetimepicker-widget table th {
228   height: 20px;
229   line-height: 20px;
230   width: 20px;
231 }
232 .bootstrap-datetimepicker-widget table th.picker-switch {
233   width: 145px;
234 }
235 .bootstrap-datetimepicker-widget table th.disabled,
236 .bootstrap-datetimepicker-widget table th.disabled:hover {
237   background: none;
238   color: #777777;
239   cursor: not-allowed;
240 }
241 .bootstrap-datetimepicker-widget table th.prev::after {
242   position: absolute;
243   width: 1px;
244   height: 1px;
245   margin: -1px;
246   padding: 0;
247   overflow: hidden;
248   clip: rect(0, 0, 0, 0);
249   border: 0;
250   content: "Previous Month";
251 }
252 .bootstrap-datetimepicker-widget table th.next::after {
253   position: absolute;
254   width: 1px;
255   height: 1px;
256   margin: -1px;
257   padding: 0;
258   overflow: hidden;
259   clip: rect(0, 0, 0, 0);
260   border: 0;
261   content: "Next Month";
262 }
263 .bootstrap-datetimepicker-widget table thead tr:first-child th {
264   cursor: pointer;
265 }
266 .bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
267   background: #eeeeee;
268 }
269 .bootstrap-datetimepicker-widget table td {
270   height: 54px;
271   line-height: 54px;
272   width: 54px;
273 }
274 .bootstrap-datetimepicker-widget table td.cw {
275   font-size: .8em;
276   height: 20px;
277   line-height: 20px;
278   color: #777777;
279 }
280 .bootstrap-datetimepicker-widget table td.day {
281   height: 20px;
282   line-height: 20px;
283   width: 20px;
284 }
285 .bootstrap-datetimepicker-widget table td.day:hover,
286 .bootstrap-datetimepicker-widget table td.hour:hover,
287 .bootstrap-datetimepicker-widget table td.minute:hover,
288 .bootstrap-datetimepicker-widget table td.second:hover {
289   background: #eeeeee;
290   cursor: pointer;
291 }
292 .bootstrap-datetimepicker-widget table td.old,
293 .bootstrap-datetimepicker-widget table td.new {
294   color: #777777;
295 }
296 .bootstrap-datetimepicker-widget table td.today {
297   position: relative;
298 }
299 .bootstrap-datetimepicker-widget table td.today:before {
300   content: '';
301   display: inline-block;
302   border: solid transparent;
303   border-width: 0 0 7px 7px;
304   border-bottom-color: #337ab7;
305   border-top-color: rgba(0, 0, 0, 0.2);
306   position: absolute;
307   bottom: 4px;
308   right: 4px;
309 }
310 .bootstrap-datetimepicker-widget table td.active,
311 .bootstrap-datetimepicker-widget table td.active:hover {
312   background-color: #337ab7;
313   color: #ffffff;
314   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
315 }
316 .bootstrap-datetimepicker-widget table td.active.today:before {
317   border-bottom-color: #fff;
318 }
319 .bootstrap-datetimepicker-widget table td.disabled,
320 .bootstrap-datetimepicker-widget table td.disabled:hover {
321   background: none;
322   color: #777777;
323   cursor: not-allowed;
324 }
325 .bootstrap-datetimepicker-widget table td span {
326   display: inline-block;
327   width: 54px;
328   height: 54px;
329   line-height: 54px;
330   margin: 2px 1.5px;
331   cursor: pointer;
332   border-radius: 4px;
333 }
334 .bootstrap-datetimepicker-widget table td span:hover {
335   background: #eeeeee;
336 }
337 .bootstrap-datetimepicker-widget table td span.active {
338   background-color: #337ab7;
339   color: #ffffff;
340   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
341 }
342 .bootstrap-datetimepicker-widget table td span.old {
343   color: #777777;
344 }
345 .bootstrap-datetimepicker-widget table td span.disabled,
346 .bootstrap-datetimepicker-widget table td span.disabled:hover {
347   background: none;
348   color: #777777;
349   cursor: not-allowed;
350 }
351 .bootstrap-datetimepicker-widget.usetwentyfour td.hour {
352   height: 27px;
353   line-height: 27px;
354 }
355 .bootstrap-datetimepicker-widget.wider {
356   width: 21em;
357 }
358 .bootstrap-datetimepicker-widget .datepicker-decades .decade {
359   line-height: 1.8em !important;
360 }
361 .input-group.date .input-group-addon {
362   cursor: pointer;
363 }
364 .sr-only {
365   position: absolute;
366   width: 1px;
367   height: 1px;
368   margin: -1px;
369   padding: 0;
370   overflow: hidden;
371   clip: rect(0, 0, 0, 0);
372   border: 0;
373 }