GPQAPP

Форк
0
/
buttons.bootstrap4.css 
426 строк · 10.2 Кб
1
@keyframes dtb-spinner {
2
  100% {
3
    transform: rotate(360deg);
4
  }
5
}
6
@-o-keyframes dtb-spinner {
7
  100% {
8
    -o-transform: rotate(360deg);
9
    transform: rotate(360deg);
10
  }
11
}
12
@-ms-keyframes dtb-spinner {
13
  100% {
14
    -ms-transform: rotate(360deg);
15
    transform: rotate(360deg);
16
  }
17
}
18
@-webkit-keyframes dtb-spinner {
19
  100% {
20
    -webkit-transform: rotate(360deg);
21
    transform: rotate(360deg);
22
  }
23
}
24
@-moz-keyframes dtb-spinner {
25
  100% {
26
    -moz-transform: rotate(360deg);
27
    transform: rotate(360deg);
28
  }
29
}
30
div.dataTables_wrapper {
31
  position: relative;
32
}
33

34
div.dt-buttons {
35
  position: initial;
36
}
37

38
div.dt-button-info {
39
  position: fixed;
40
  top: 50%;
41
  left: 50%;
42
  width: 400px;
43
  margin-top: -100px;
44
  margin-left: -200px;
45
  background-color: white;
46
  border: 2px solid #111;
47
  box-shadow: 3px 4px 10px 1px rgba(0, 0, 0, 0.3);
48
  border-radius: 3px;
49
  text-align: center;
50
  z-index: 21;
51
}
52
div.dt-button-info h2 {
53
  padding: 0.5em;
54
  margin: 0;
55
  font-weight: normal;
56
  border-bottom: 1px solid #ddd;
57
  background-color: #f3f3f3;
58
}
59
div.dt-button-info > div {
60
  padding: 1em;
61
}
62

63
div.dtb-popover-close {
64
  position: absolute;
65
  top: 10px;
66
  right: 10px;
67
  width: 22px;
68
  height: 22px;
69
  border: 1px solid #eaeaea;
70
  background-color: #f9f9f9;
71
  text-align: center;
72
  border-radius: 3px;
73
  cursor: pointer;
74
  z-index: 12;
75
}
76

77
button.dtb-hide-drop {
78
  display: none !important;
79
}
80

81
div.dt-button-collection-title {
82
  text-align: center;
83
  padding: 0.3em 0 0.5em;
84
  margin-left: 0.5em;
85
  margin-right: 0.5em;
86
  font-size: 0.9em;
87
}
88

89
div.dt-button-collection-title:empty {
90
  display: none;
91
}
92

93
span.dt-button-spacer {
94
  display: inline-block;
95
  margin: 0.5em;
96
  white-space: nowrap;
97
}
98
span.dt-button-spacer.bar {
99
  border-left: 1px solid rgba(0, 0, 0, 0.3);
100
  vertical-align: middle;
101
  padding-left: 0.5em;
102
}
103
span.dt-button-spacer.bar:empty {
104
  height: 1em;
105
  width: 1px;
106
  padding-left: 0;
107
}
108

109
div.dt-button-collection span.dt-button-spacer {
110
  width: 100%;
111
  font-size: 0.9em;
112
  text-align: center;
113
  margin: 0.5em 0;
114
}
115
div.dt-button-collection span.dt-button-spacer:empty {
116
  height: 0;
117
  width: 100%;
118
}
119
div.dt-button-collection span.dt-button-spacer.bar {
120
  border-left: none;
121
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
122
  padding-left: 0;
123
}
124

125
div.dt-button-collection {
126
  position: absolute;
127
  z-index: 2001;
128
  background-color: white;
129
  border: 1px solid rgba(0, 0, 0, 0.15);
130
  border-radius: 4px;
131
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
132
  padding: 0.5rem 0;
133
  width: 200px;
134
}
135
div.dt-button-collection div.dropdown-menu {
136
  position: relative;
137
  display: block;
138
  z-index: 2002;
139
  min-width: 100%;
140
  background-color: transparent;
141
  border: none;
142
  box-shadow: none;
143
  padding: 0;
144
  border-radius: 0;
145
}
146
div.dt-button-collection.fixed {
147
  position: fixed;
148
  display: block;
149
  top: 50%;
150
  left: 50%;
151
  margin-left: -75px;
152
  border-radius: 5px;
153
  background-color: white;
154
}
155
div.dt-button-collection.fixed.two-column {
156
  margin-left: -200px;
157
}
158
div.dt-button-collection.fixed.three-column {
159
  margin-left: -225px;
160
}
161
div.dt-button-collection.fixed.four-column {
162
  margin-left: -300px;
163
}
164
div.dt-button-collection.fixed.columns {
165
  margin-left: -409px;
166
}
167
@media screen and (max-width: 1024px) {
168
  div.dt-button-collection.fixed.columns {
169
    margin-left: -308px;
170
  }
171
}
172
@media screen and (max-width: 640px) {
173
  div.dt-button-collection.fixed.columns {
174
    margin-left: -203px;
175
  }
176
}
177
@media screen and (max-width: 460px) {
178
  div.dt-button-collection.fixed.columns {
179
    margin-left: -100px;
180
  }
181
}
182
div.dt-button-collection.fixed > :last-child {
183
  max-height: 100vh;
184
  overflow: auto;
185
}
186
div.dt-button-collection.two-column > :last-child, div.dt-button-collection.three-column > :last-child, div.dt-button-collection.four-column > :last-child {
187
  display: block !important;
188
  -webkit-column-gap: 8px;
189
  -moz-column-gap: 8px;
190
  -ms-column-gap: 8px;
191
  -o-column-gap: 8px;
192
  column-gap: 8px;
193
}
194
div.dt-button-collection.two-column > :last-child > *, div.dt-button-collection.three-column > :last-child > *, div.dt-button-collection.four-column > :last-child > * {
195
  -webkit-column-break-inside: avoid;
196
  break-inside: avoid;
197
}
198
div.dt-button-collection.two-column {
199
  width: 400px;
200
}
201
div.dt-button-collection.two-column > :last-child {
202
  padding-bottom: 1px;
203
  column-count: 2;
204
}
205
div.dt-button-collection.three-column {
206
  width: 450px;
207
}
208
div.dt-button-collection.three-column > :last-child {
209
  padding-bottom: 1px;
210
  column-count: 3;
211
}
212
div.dt-button-collection.four-column {
213
  width: 600px;
214
}
215
div.dt-button-collection.four-column > :last-child {
216
  padding-bottom: 1px;
217
  column-count: 4;
218
}
219
div.dt-button-collection .dt-button {
220
  border-radius: 0;
221
}
222
div.dt-button-collection.columns {
223
  width: auto;
224
}
225
div.dt-button-collection.columns > :last-child {
226
  display: flex;
227
  flex-wrap: wrap;
228
  justify-content: flex-start;
229
  align-items: center;
230
  gap: 6px;
231
  width: 818px;
232
  padding-bottom: 1px;
233
}
234
div.dt-button-collection.columns > :last-child .dt-button {
235
  min-width: 200px;
236
  flex: 0 1;
237
  margin: 0;
238
}
239
div.dt-button-collection.columns.dtb-b3 > :last-child, div.dt-button-collection.columns.dtb-b2 > :last-child, div.dt-button-collection.columns.dtb-b1 > :last-child {
240
  justify-content: space-between;
241
}
242
div.dt-button-collection.columns.dtb-b3 .dt-button {
243
  flex: 1 1 32%;
244
}
245
div.dt-button-collection.columns.dtb-b2 .dt-button {
246
  flex: 1 1 48%;
247
}
248
div.dt-button-collection.columns.dtb-b1 .dt-button {
249
  flex: 1 1 100%;
250
}
251
@media screen and (max-width: 1024px) {
252
  div.dt-button-collection.columns > :last-child {
253
    width: 612px;
254
  }
255
}
256
@media screen and (max-width: 640px) {
257
  div.dt-button-collection.columns > :last-child {
258
    width: 406px;
259
  }
260
  div.dt-button-collection.columns.dtb-b3 .dt-button {
261
    flex: 0 1 32%;
262
  }
263
}
264
@media screen and (max-width: 460px) {
265
  div.dt-button-collection.columns > :last-child {
266
    width: 200px;
267
  }
268
}
269
div.dt-button-collection.fixed:before, div.dt-button-collection.fixed:after {
270
  display: none;
271
}
272
div.dt-button-collection .btn-group {
273
  flex: 1 1 auto;
274
}
275
div.dt-button-collection .dt-button {
276
  min-width: 200px;
277
}
278
div.dt-button-collection div.dt-btn-split-wrapper {
279
  width: 100%;
280
  padding-left: 5px;
281
  padding-right: 5px;
282
}
283
div.dt-button-collection button.dt-btn-split-drop-button {
284
  width: 100%;
285
  color: #212529;
286
  border: none;
287
  background-color: white;
288
  border-radius: 0px;
289
  margin-left: 0px !important;
290
}
291
div.dt-button-collection button.dt-btn-split-drop-button:focus {
292
  border: none;
293
  border-radius: 0px;
294
  outline: none;
295
}
296
div.dt-button-collection button.dt-btn-split-drop-button:hover {
297
  background-color: #e9ecef;
298
}
299
div.dt-button-collection button.dt-btn-split-drop-button:active {
300
  background-color: #007bff !important;
301
}
302

303
div.dt-button-background {
304
  position: fixed;
305
  top: 0;
306
  left: 0;
307
  width: 100%;
308
  height: 100%;
309
  z-index: 999;
310
}
311

312
@media screen and (max-width: 767px) {
313
  div.dt-buttons {
314
    float: none;
315
    width: 100%;
316
    text-align: center;
317
    margin-bottom: 0.5em;
318
  }
319
  div.dt-buttons a.btn {
320
    float: none;
321
  }
322
}
323
div.dt-buttons button.btn.processing,
324
div.dt-buttons div.btn.processing,
325
div.dt-buttons a.btn.processing {
326
  color: rgba(0, 0, 0, 0.2);
327
}
328
div.dt-buttons button.btn.processing:after,
329
div.dt-buttons div.btn.processing:after,
330
div.dt-buttons a.btn.processing:after {
331
  position: absolute;
332
  top: 50%;
333
  left: 50%;
334
  width: 16px;
335
  height: 16px;
336
  margin: -8px 0 0 -8px;
337
  box-sizing: border-box;
338
  display: block;
339
  content: " ";
340
  border: 2px solid #282828;
341
  border-radius: 50%;
342
  border-left-color: transparent;
343
  border-right-color: transparent;
344
  animation: dtb-spinner 1500ms infinite linear;
345
  -o-animation: dtb-spinner 1500ms infinite linear;
346
  -ms-animation: dtb-spinner 1500ms infinite linear;
347
  -webkit-animation: dtb-spinner 1500ms infinite linear;
348
  -moz-animation: dtb-spinner 1500ms infinite linear;
349
}
350
div.dt-buttons div.btn-group {
351
  position: initial;
352
}
353

354
div.dt-btn-split-wrapper:active:not(.disabled) button, div.dt-btn-split-wrapper.active:not(.disabled) button {
355
  background-color: #5a6268;
356
  border-color: #545b62;
357
}
358
div.dt-btn-split-wrapper:active:not(.disabled) button.dt-btn-split-drop, div.dt-btn-split-wrapper.active:not(.disabled) button.dt-btn-split-drop {
359
  box-shadow: none;
360
  background-color: #6c757d;
361
  border-color: #6c757d;
362
}
363
div.dt-btn-split-wrapper:active:not(.disabled) button:hover, div.dt-btn-split-wrapper.active:not(.disabled) button:hover {
364
  background-color: #5a6268;
365
  border-color: #545b62;
366
}
367

368
div.dataTables_wrapper div.dt-buttons.btn-group div.btn-group {
369
  border-radius: 4px !important;
370
}
371
div.dataTables_wrapper div.dt-buttons.btn-group div.btn-group:last-child {
372
  border-top-left-radius: 0px !important;
373
  border-bottom-left-radius: 0px !important;
374
}
375
div.dataTables_wrapper div.dt-buttons.btn-group div.btn-group:first-child {
376
  border-top-right-radius: 0px !important;
377
  border-bottom-right-radius: 0px !important;
378
}
379
div.dataTables_wrapper div.dt-buttons.btn-group div.btn-group:last-child:first-child {
380
  border-top-left-radius: 4px !important;
381
  border-bottom-left-radius: 4px !important;
382
  border-top-right-radius: 4px !important;
383
  border-bottom-right-radius: 4px !important;
384
}
385
div.dataTables_wrapper div.dt-buttons.btn-group div.btn-group button.dt-btn-split-drop:last-child {
386
  border: 1px solid #6c757d;
387
}
388
div.dataTables_wrapper div.dt-buttons.btn-group div.btn-group div.dt-btn-split-wrapper {
389
  border: none;
390
}
391

392
div.dt-button-collection div.btn-group {
393
  border-radius: 4px !important;
394
}
395
div.dt-button-collection div.btn-group button {
396
  border-radius: 4px;
397
}
398
div.dt-button-collection div.btn-group button:last-child {
399
  border-top-left-radius: 0px !important;
400
  border-bottom-left-radius: 0px !important;
401
}
402
div.dt-button-collection div.btn-group button:first-child {
403
  border-top-right-radius: 0px !important;
404
  border-bottom-right-radius: 0px !important;
405
}
406
div.dt-button-collection div.btn-group button:last-child:first-child {
407
  border-top-left-radius: 4px !important;
408
  border-bottom-left-radius: 4px !important;
409
  border-top-right-radius: 4px !important;
410
  border-bottom-right-radius: 4px !important;
411
}
412
div.dt-button-collection div.btn-group button.dt-btn-split-drop:last-child {
413
  border: 1px solid #6c757d;
414
}
415
div.dt-button-collection div.btn-group div.dt-btn-split-wrapper {
416
  border: none;
417
}
418

419
span.dt-button-spacer.bar:empty {
420
  height: inherit;
421
}
422

423
div.dt-button-collection span.dt-button-spacer {
424
  padding-left: 1rem !important;
425
  text-align: left;
426
}
427

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

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

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

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