GPQAPP

Форк
0
/
tempusdominus-bootstrap-4.css 
332 строки · 12.7 Кб
1
/*!@preserve
2
 * Tempus Dominus Bootstrap4 v5.39.0 (https://tempusdominus.github.io/bootstrap-4/)
3
 * Copyright 2016-2020 Jonathan Peterson and contributors
4
 * Licensed under MIT (https://github.com/tempusdominus/bootstrap-3/blob/master/LICENSE)
5
 */
6

7
.sr-only, .bootstrap-datetimepicker-widget table th.next::after, .bootstrap-datetimepicker-widget table th.prev::after, .bootstrap-datetimepicker-widget .picker-switch::after, .bootstrap-datetimepicker-widget .btn[data-action=today]::after, .bootstrap-datetimepicker-widget .btn[data-action=clear]::after, .bootstrap-datetimepicker-widget .btn[data-action=togglePeriod]::after, .bootstrap-datetimepicker-widget .btn[data-action=showMinutes]::after, .bootstrap-datetimepicker-widget .btn[data-action=showHours]::after, .bootstrap-datetimepicker-widget .btn[data-action=decrementMinutes]::after, .bootstrap-datetimepicker-widget .btn[data-action=decrementHours]::after, .bootstrap-datetimepicker-widget .btn[data-action=incrementMinutes]::after, .bootstrap-datetimepicker-widget .btn[data-action=incrementHours]::after {
8
  position: absolute;
9
  width: 1px;
10
  height: 1px;
11
  margin: -1px;
12
  padding: 0;
13
  overflow: hidden;
14
  clip: rect(0, 0, 0, 0);
15
  border: 0;
16
}
17

18
body.tempusdominus-bootstrap-datetimepicker-widget-day-click,
19
body.tempusdominus-bootstrap-datetimepicker-widget-day-click * {
20
  cursor: pointer !important;
21
}
22

23
body.tempusdominus-bootstrap-datetimepicker-widget-day-click {
24
  position: relative !important;
25
}
26

27
.tempusdominus-bootstrap-datetimepicker-widget-day-click-glass-panel {
28
  position: absolute;
29
  z-index: 999999999999;
30
  top: 0;
31
  left: 0;
32
  right: 0;
33
  bottom: 0;
34
  cursor: pointer !important;
35
}
36

37
.bootstrap-datetimepicker-widget .datepicker-days tbody td {
38
  cursor: pointer;
39
}
40

41
.bootstrap-datetimepicker-widget {
42
  list-style: none;
43
}
44
.bootstrap-datetimepicker-widget.dropdown-menu {
45
  display: block;
46
  margin: 2px 0;
47
  padding: 4px;
48
  width: 14rem;
49
}
50
.bootstrap-datetimepicker-widget.dropdown-menu.tempusdominus-bootstrap-datetimepicker-widget-with-feather-icons {
51
  width: 16rem;
52
}
53
.bootstrap-datetimepicker-widget.dropdown-menu.tempusdominus-bootstrap-datetimepicker-widget-with-calendar-weeks {
54
  width: 16rem;
55
}
56
.bootstrap-datetimepicker-widget.dropdown-menu.tempusdominus-bootstrap-datetimepicker-widget-with-calendar-weeks.tempusdominus-bootstrap-datetimepicker-widget-with-feather-icons {
57
  width: 17rem;
58
}
59
@media (min-width: 576px) {
60
  .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
61
    width: 38em;
62
  }
63
}
64
@media (min-width: 768px) {
65
  .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
66
    width: 38em;
67
  }
68
}
69
@media (min-width: 992px) {
70
  .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
71
    width: 38em;
72
  }
73
}
74
.bootstrap-datetimepicker-widget.dropdown-menu:before, .bootstrap-datetimepicker-widget.dropdown-menu:after {
75
  content: "";
76
  display: inline-block;
77
  position: absolute;
78
}
79
.bootstrap-datetimepicker-widget.dropdown-menu.bottom:before {
80
  border-left: 7px solid transparent;
81
  border-right: 7px solid transparent;
82
  border-bottom: 7px solid #ccc;
83
  border-bottom-color: rgba(0, 0, 0, 0.2);
84
  top: -7px;
85
  left: 7px;
86
}
87
.bootstrap-datetimepicker-widget.dropdown-menu.bottom:after {
88
  border-left: 6px solid transparent;
89
  border-right: 6px solid transparent;
90
  border-bottom: 6px solid white;
91
  top: -6px;
92
  left: 8px;
93
}
94
.bootstrap-datetimepicker-widget.dropdown-menu.top:before {
95
  border-left: 7px solid transparent;
96
  border-right: 7px solid transparent;
97
  border-top: 7px solid #ccc;
98
  border-top-color: rgba(0, 0, 0, 0.2);
99
  bottom: -7px;
100
  left: 6px;
101
}
102
.bootstrap-datetimepicker-widget.dropdown-menu.top:after {
103
  border-left: 6px solid transparent;
104
  border-right: 6px solid transparent;
105
  border-top: 6px solid white;
106
  bottom: -6px;
107
  left: 7px;
108
}
109
.bootstrap-datetimepicker-widget.dropdown-menu.float-right:before {
110
  left: auto;
111
  right: 6px;
112
}
113
.bootstrap-datetimepicker-widget.dropdown-menu.float-right:after {
114
  left: auto;
115
  right: 7px;
116
}
117
.bootstrap-datetimepicker-widget.dropdown-menu.wider {
118
  width: 16rem;
119
}
120
.bootstrap-datetimepicker-widget .list-unstyled {
121
  margin: 0;
122
}
123
.bootstrap-datetimepicker-widget a[data-action] {
124
  padding: 6px 0;
125
}
126
.bootstrap-datetimepicker-widget a[data-action]:active {
127
  box-shadow: none;
128
}
129
.bootstrap-datetimepicker-widget .timepicker-hour, .bootstrap-datetimepicker-widget .timepicker-minute, .bootstrap-datetimepicker-widget .timepicker-second {
130
  width: 54px;
131
  font-weight: bold;
132
  font-size: 1.2em;
133
  margin: 0;
134
}
135
.bootstrap-datetimepicker-widget button[data-action] {
136
  padding: 6px;
137
}
138
.bootstrap-datetimepicker-widget .btn[data-action=togglePeriod] {
139
  text-align: center;
140
  font-family: Arial, sans-serif, -apple-system, system-ui, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
141
  width: 38px;
142
  height: 38px;
143
}
144
.bootstrap-datetimepicker-widget .btn[data-action=incrementHours]::after {
145
  content: "Increment Hours";
146
}
147
.bootstrap-datetimepicker-widget .btn[data-action=incrementMinutes]::after {
148
  content: "Increment Minutes";
149
}
150
.bootstrap-datetimepicker-widget .btn[data-action=decrementHours]::after {
151
  content: "Decrement Hours";
152
}
153
.bootstrap-datetimepicker-widget .btn[data-action=decrementMinutes]::after {
154
  content: "Decrement Minutes";
155
}
156
.bootstrap-datetimepicker-widget .btn[data-action=showHours]::after {
157
  content: "Show Hours";
158
}
159
.bootstrap-datetimepicker-widget .btn[data-action=showMinutes]::after {
160
  content: "Show Minutes";
161
}
162
.bootstrap-datetimepicker-widget .btn[data-action=togglePeriod]::after {
163
  content: "Toggle AM/PM";
164
}
165
.bootstrap-datetimepicker-widget .btn[data-action=clear]::after {
166
  content: "Clear the picker";
167
}
168
.bootstrap-datetimepicker-widget .btn[data-action=today]::after {
169
  content: "Set the date to today";
170
}
171
.bootstrap-datetimepicker-widget .picker-switch {
172
  text-align: center;
173
}
174
.bootstrap-datetimepicker-widget .picker-switch::after {
175
  content: "Toggle Date and Time Screens";
176
}
177
.bootstrap-datetimepicker-widget .picker-switch td {
178
  padding: 0;
179
  margin: 0;
180
  height: auto;
181
  width: auto;
182
  line-height: inherit;
183
}
184
.bootstrap-datetimepicker-widget .picker-switch td span {
185
  line-height: 2.5;
186
  height: 2.5em;
187
  width: 100%;
188
}
189
.bootstrap-datetimepicker-widget .picker-switch.picker-switch-with-feathers-icons td span {
190
  line-height: 2.8;
191
  height: 2.8em;
192
}
193
.bootstrap-datetimepicker-widget table {
194
  width: 100%;
195
  margin: 0;
196
}
197
.bootstrap-datetimepicker-widget table td, .bootstrap-datetimepicker-widget table th {
198
  text-align: center;
199
  border-radius: 0.25rem;
200
}
201
.bootstrap-datetimepicker-widget table th {
202
  height: 20px;
203
  line-height: 20px;
204
  width: 20px;
205
}
206
.bootstrap-datetimepicker-widget table th.picker-switch {
207
  width: 145px;
208
}
209
.bootstrap-datetimepicker-widget table th.disabled, .bootstrap-datetimepicker-widget table th.disabled:hover {
210
  background: none;
211
  color: #6c757d;
212
  cursor: not-allowed;
213
}
214
.bootstrap-datetimepicker-widget table th.prev::after {
215
  content: "Previous Month";
216
}
217
.bootstrap-datetimepicker-widget table th.next::after {
218
  content: "Next Month";
219
}
220
.bootstrap-datetimepicker-widget table thead tr:first-child th {
221
  cursor: pointer;
222
}
223
.bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
224
  background: #e9ecef;
225
}
226
.bootstrap-datetimepicker-widget table td {
227
  height: 54px;
228
  line-height: 54px;
229
  width: 54px;
230
}
231
.bootstrap-datetimepicker-widget table td.cw {
232
  font-size: 0.8em;
233
  height: 20px;
234
  line-height: 20px;
235
  color: #6c757d;
236
  cursor: default;
237
}
238
.bootstrap-datetimepicker-widget table td.day {
239
  height: 20px;
240
  line-height: 20px;
241
  width: 20px;
242
}
243
.bootstrap-datetimepicker-widget table td.day:hover, .bootstrap-datetimepicker-widget table td.hour:hover, .bootstrap-datetimepicker-widget table td.minute:hover, .bootstrap-datetimepicker-widget table td.second:hover {
244
  background: #e9ecef;
245
  cursor: pointer;
246
}
247
.bootstrap-datetimepicker-widget table td.old, .bootstrap-datetimepicker-widget table td.new {
248
  color: #6c757d;
249
}
250
.bootstrap-datetimepicker-widget table td.today {
251
  position: relative;
252
}
253
.bootstrap-datetimepicker-widget table td.today:before {
254
  content: "";
255
  display: inline-block;
256
  border: solid transparent;
257
  border-width: 0 0 7px 7px;
258
  border-bottom-color: #007bff;
259
  border-top-color: rgba(0, 0, 0, 0.2);
260
  position: absolute;
261
  bottom: 4px;
262
  right: 4px;
263
}
264
.bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover {
265
  background-color: #007bff;
266
  color: #fff;
267
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
268
}
269
.bootstrap-datetimepicker-widget table td.active.today:before {
270
  border-bottom-color: #fff;
271
}
272
.bootstrap-datetimepicker-widget table td.disabled, .bootstrap-datetimepicker-widget table td.disabled:hover {
273
  background: none;
274
  color: #6c757d;
275
  cursor: not-allowed;
276
}
277
.bootstrap-datetimepicker-widget table td span {
278
  display: inline-block;
279
  width: 54px;
280
  height: 54px;
281
  line-height: 54px;
282
  margin-top: 2px;
283
  margin-bottom: 2px;
284
  cursor: pointer;
285
  border-radius: 0.25rem;
286
}
287
.bootstrap-datetimepicker-widget table td span:hover {
288
  background: #e9ecef;
289
}
290
.bootstrap-datetimepicker-widget table td span.active {
291
  background-color: #007bff;
292
  color: #fff;
293
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
294
}
295
.bootstrap-datetimepicker-widget table td span.old {
296
  color: #6c757d;
297
}
298
.bootstrap-datetimepicker-widget table td span.disabled, .bootstrap-datetimepicker-widget table td span.disabled:hover {
299
  background: none;
300
  color: #6c757d;
301
  cursor: not-allowed;
302
}
303
.bootstrap-datetimepicker-widget.usetwentyfour td.hour {
304
  height: 27px;
305
  line-height: 27px;
306
}
307
.bootstrap-datetimepicker-widget .timepicker .timepicker-picker a.btn {
308
  color: #007bff;
309
  color: var(--blue, #007bff);
310
}
311
.bootstrap-datetimepicker-widget .timepicker .timepicker-picker a.btn:hover {
312
  color: #0056b3;
313
}
314
.bootstrap-datetimepicker-widget.bootstrap-datetimepicker-widget-readonly table td.day, .bootstrap-datetimepicker-widget.bootstrap-datetimepicker-widget-readonly table td.hour, .bootstrap-datetimepicker-widget.bootstrap-datetimepicker-widget-readonly table td.minute, .bootstrap-datetimepicker-widget.bootstrap-datetimepicker-widget-readonly table td.second,
315
.bootstrap-datetimepicker-widget.bootstrap-datetimepicker-widget-readonly table td [data-action=incrementHours], .bootstrap-datetimepicker-widget.bootstrap-datetimepicker-widget-readonly table td [data-action=incrementMinutes], .bootstrap-datetimepicker-widget.bootstrap-datetimepicker-widget-readonly table td [data-action=incrementSeconds],
316
.bootstrap-datetimepicker-widget.bootstrap-datetimepicker-widget-readonly table td [data-action=decrementHours], .bootstrap-datetimepicker-widget.bootstrap-datetimepicker-widget-readonly table td [data-action=decrementMinutes], .bootstrap-datetimepicker-widget.bootstrap-datetimepicker-widget-readonly table td [data-action=decrementSeconds],
317
.bootstrap-datetimepicker-widget.bootstrap-datetimepicker-widget-readonly table td [data-action=showHours], .bootstrap-datetimepicker-widget.bootstrap-datetimepicker-widget-readonly table td [data-action=showMinutes], .bootstrap-datetimepicker-widget.bootstrap-datetimepicker-widget-readonly table td [data-action=showSeconds],
318
.bootstrap-datetimepicker-widget.bootstrap-datetimepicker-widget-readonly table td [data-action=togglePeriod] {
319
  pointer-events: none;
320
  cursor: default;
321
}
322
.bootstrap-datetimepicker-widget.bootstrap-datetimepicker-widget-readonly table td.day:hover, .bootstrap-datetimepicker-widget.bootstrap-datetimepicker-widget-readonly table td.hour:hover, .bootstrap-datetimepicker-widget.bootstrap-datetimepicker-widget-readonly table td.minute:hover, .bootstrap-datetimepicker-widget.bootstrap-datetimepicker-widget-readonly table td.second:hover,
323
.bootstrap-datetimepicker-widget.bootstrap-datetimepicker-widget-readonly table td [data-action=incrementHours]:hover, .bootstrap-datetimepicker-widget.bootstrap-datetimepicker-widget-readonly table td [data-action=incrementMinutes]:hover, .bootstrap-datetimepicker-widget.bootstrap-datetimepicker-widget-readonly table td [data-action=incrementSeconds]:hover,
324
.bootstrap-datetimepicker-widget.bootstrap-datetimepicker-widget-readonly table td [data-action=decrementHours]:hover, .bootstrap-datetimepicker-widget.bootstrap-datetimepicker-widget-readonly table td [data-action=decrementMinutes]:hover, .bootstrap-datetimepicker-widget.bootstrap-datetimepicker-widget-readonly table td [data-action=decrementSeconds]:hover,
325
.bootstrap-datetimepicker-widget.bootstrap-datetimepicker-widget-readonly table td [data-action=showHours]:hover, .bootstrap-datetimepicker-widget.bootstrap-datetimepicker-widget-readonly table td [data-action=showMinutes]:hover, .bootstrap-datetimepicker-widget.bootstrap-datetimepicker-widget-readonly table td [data-action=showSeconds]:hover,
326
.bootstrap-datetimepicker-widget.bootstrap-datetimepicker-widget-readonly table td [data-action=togglePeriod]:hover {
327
  background: none;
328
}
329

330
.input-group [data-toggle=datetimepicker] {
331
  cursor: pointer;
332
}
333

Использование cookies

Мы используем файлы cookie в соответствии с Политикой конфиденциальности и Политикой использования cookies.

Нажимая кнопку «Принимаю», Вы даете АО «СберТех» согласие на обработку Ваших персональных данных в целях совершенствования нашего веб-сайта и Сервиса GitVerse, а также повышения удобства их использования.

Запретить использование cookies Вы можете самостоятельно в настройках Вашего браузера.