bullframe.css 3.8.0 → 4.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (103) hide show
  1. package/.browserslistrc +5 -5
  2. package/.stylelintrc.json +10 -0
  3. package/CHANGELOG.md +28 -7
  4. package/LICENSE +20 -20
  5. package/README.md +25 -171
  6. package/dist/css/bullframe-classless-dark-prefers.css +357 -434
  7. package/dist/css/bullframe-classless-dark-prefers.min.css +2 -3
  8. package/dist/css/bullframe-classless-dark-prefers.min.css.map +1 -1
  9. package/dist/css/bullframe-classless-dark.css +328 -421
  10. package/dist/css/bullframe-classless-dark.min.css +2 -3
  11. package/dist/css/bullframe-classless-dark.min.css.map +1 -1
  12. package/dist/css/bullframe-classless.css +237 -302
  13. package/dist/css/bullframe-classless.min.css +2 -2
  14. package/dist/css/bullframe-classless.min.css.map +1 -1
  15. package/dist/css/bullframe-dark-prefers.css +468 -642
  16. package/dist/css/bullframe-dark-prefers.min.css +2 -2
  17. package/dist/css/bullframe-dark-prefers.min.css.map +1 -1
  18. package/dist/css/bullframe-dark.css +402 -602
  19. package/dist/css/bullframe-dark.min.css +2 -2
  20. package/dist/css/bullframe-dark.min.css.map +1 -1
  21. package/dist/css/bullframe-utilities.css +87 -125
  22. package/dist/css/bullframe-utilities.min.css +1 -1
  23. package/dist/css/bullframe-utilities.min.css.map +1 -1
  24. package/dist/css/bullframe.css +288 -464
  25. package/dist/css/bullframe.min.css +1 -1
  26. package/dist/css/bullframe.min.css.map +1 -1
  27. package/docs/test/css/style.css +130 -130
  28. package/docs/test/icons/safari-pinned-tab.svg +28 -28
  29. package/docs/test/js/vendor/html5shiv.js +335 -335
  30. package/docs/test/js/vendor/ie10-viewport-bug-workaround.js +20 -20
  31. package/gulpfile.js +5 -2
  32. package/index.html +1214 -1223
  33. package/package.json +14 -7
  34. package/src/scss/bullframe-classless-dark-prefers.scss +5 -5
  35. package/src/scss/bullframe-classless-dark.scss +5 -5
  36. package/src/scss/bullframe-classless.scss +1 -9
  37. package/src/scss/bullframe-dark-prefers.scss +4 -4
  38. package/src/scss/bullframe-dark.scss +4 -4
  39. package/src/scss/bullframe-utilities.scss +18 -18
  40. package/src/scss/bullframe.scss +0 -7
  41. package/src/scss/forms/_forms-normalization.scss +4 -2
  42. package/src/scss/forms/_forms-styling-radio-checkbox.scss +84 -85
  43. package/src/scss/forms/_forms-styling-range.scss +99 -103
  44. package/src/scss/forms/_forms-styling-select.scss +63 -63
  45. package/src/scss/forms/_forms-styling.scss +119 -121
  46. package/src/scss/miscellaneous/_misc-focus.scss +0 -1
  47. package/src/scss/miscellaneous/_misc-layout.scss +1 -36
  48. package/src/scss/mixins/_mixin-grid-flex.scss +83 -83
  49. package/src/scss/mixins/_mixin-layout.scss +42 -42
  50. package/src/scss/mixins/_mixin-texts.scss +38 -37
  51. package/src/scss/typography/_typography-blockquotes.scss +23 -23
  52. package/src/scss/typography/_typography-headings.scss +43 -43
  53. package/src/scss/typography/_typography-html-body.scss +72 -72
  54. package/src/scss/typography/_typography-misc.scss +3 -3
  55. package/src/scss/typography/_typography-monospaced-elements.scss +50 -56
  56. package/src/scss/utilities/_utility-buttons.scss +71 -71
  57. package/src/scss/utilities/_utility-embeds.scss +34 -34
  58. package/src/scss/utilities/_utility-filters.scss +24 -24
  59. package/src/scss/utilities/_utility-form-states.scss +80 -80
  60. package/src/scss/utilities/_utility-global-dark-classless.scss +157 -169
  61. package/src/scss/utilities/_utility-global-dark-prefers-classless.scss +3 -3
  62. package/src/scss/utilities/_utility-global-dark-prefers.scss +3 -3
  63. package/src/scss/utilities/_utility-global-dark-scrollbars.scss +29 -29
  64. package/src/scss/utilities/_utility-global-dark.scss +213 -224
  65. package/src/scss/utilities/_utility-grid-system.scss +204 -204
  66. package/src/scss/utilities/_utility-layout.scss +195 -196
  67. package/src/scss/utilities/_utility-lists.scss +17 -17
  68. package/src/scss/utilities/_utility-print.scss +101 -111
  69. package/src/scss/utilities/_utility-reduced-motion.scss +29 -29
  70. package/src/scss/utilities/_utility-tables.scss +40 -40
  71. package/src/scss/utilities/_utility-texts.scss +199 -199
  72. package/src/scss/utilities/_utility-z-index.scss +82 -82
  73. package/src/scss/variables/_variables-breakpoints.scss +5 -5
  74. package/src/scss/variables/_variables-colors.scss +31 -31
  75. package/src/scss/variables/_variables-spacing.scss +25 -25
  76. package/src/scss/variables/_variables-texts.scss +12 -12
  77. package/dist/css/bullframe-classless-dark-ie10+.css +0 -1330
  78. package/dist/css/bullframe-classless-dark-ie10+.min.css +0 -4
  79. package/dist/css/bullframe-classless-dark-ie10+.min.css.map +0 -1
  80. package/dist/css/bullframe-classless-dark-prefers-ie10+.css +0 -1310
  81. package/dist/css/bullframe-classless-dark-prefers-ie10+.min.css +0 -4
  82. package/dist/css/bullframe-classless-dark-prefers-ie10+.min.css.map +0 -1
  83. package/dist/css/bullframe-classless-ie10+.css +0 -1093
  84. package/dist/css/bullframe-classless-ie10+.min.css +0 -3
  85. package/dist/css/bullframe-classless-ie10+.min.css.map +0 -1
  86. package/dist/css/bullframe-dark-ie10+.css +0 -2578
  87. package/dist/css/bullframe-dark-ie10+.min.css +0 -3
  88. package/dist/css/bullframe-dark-ie10+.min.css.map +0 -1
  89. package/dist/css/bullframe-dark-prefers-ie10+.css +0 -2550
  90. package/dist/css/bullframe-dark-prefers-ie10+.min.css +0 -3
  91. package/dist/css/bullframe-dark-prefers-ie10+.min.css.map +0 -1
  92. package/dist/css/bullframe-ie10+.css +0 -2259
  93. package/dist/css/bullframe-ie10+.min.css +0 -2
  94. package/dist/css/bullframe-ie10+.min.css.map +0 -1
  95. package/docs/images-readme/browserstack-logo.png +0 -0
  96. package/src/scss/bullframe-classless-dark-ie10+.scss +0 -5
  97. package/src/scss/bullframe-classless-dark-prefers-ie10+.scss +0 -5
  98. package/src/scss/bullframe-classless-ie10+.scss +0 -43
  99. package/src/scss/bullframe-dark-ie10+.scss +0 -4
  100. package/src/scss/bullframe-dark-prefers-ie10+.scss +0 -4
  101. package/src/scss/bullframe-ie10+.scss +0 -121
  102. package/src/scss/forms/_forms-styling-ie-hacks.scss +0 -56
  103. package/src/scss/forms/_forms-styling-select-ie-hacks.scss +0 -30
@@ -1,2550 +0,0 @@
1
- /*! bullframe.css v3.8.0 | MIT License | https://github.com/marcop135/bullframe.css */
2
- /*! custom build: bullframe-dark-prefers-ie10+ */
3
- html,
4
- body {
5
- height: 100%;
6
- }
7
-
8
- body {
9
- min-height: 100%;
10
- }
11
-
12
- *,
13
- *::before,
14
- *::after {
15
- box-sizing: border-box;
16
- }
17
-
18
- article,
19
- aside,
20
- dialog,
21
- figcaption,
22
- figure,
23
- footer,
24
- header,
25
- hgroup,
26
- main,
27
- menu,
28
- nav,
29
- section,
30
- details {
31
- display: block;
32
- }
33
-
34
- template {
35
- display: none;
36
- }
37
-
38
- a,
39
- area,
40
- button,
41
- input,
42
- label,
43
- select,
44
- summary,
45
- textarea,
46
- [tabindex] {
47
- -ms-touch-action: manipulation;
48
- }
49
-
50
- [hidden] {
51
- display: none !important;
52
- }
53
-
54
- @-ms-viewport {
55
- width: device-width;
56
- }
57
-
58
- html {
59
- -webkit-text-size-adjust: 100%;
60
- -moz-text-size-adjust: 100%;
61
- text-size-adjust: 100%;
62
- font-size: 62.5%;
63
- color: #222;
64
- font-family: sans-serif;
65
- line-height: 1.15;
66
- -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
67
- }
68
-
69
- body {
70
- margin: 0;
71
- font-size: 16px;
72
- font-size: 1.6rem;
73
- line-height: 1.5;
74
- font-weight: 400;
75
- text-align: left;
76
- font-family: BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
77
- text-rendering: optimizeLegibility;
78
- word-wrap: break-word;
79
- background-color: #fff;
80
- }
81
-
82
- h1,
83
- h2,
84
- h3,
85
- h4,
86
- h5,
87
- h6 {
88
- margin-top: 0;
89
- font-weight: 700;
90
- font-weight: 600;
91
- font-family: inherit;
92
- color: inherit;
93
- line-height: 1.25;
94
- margin-bottom: 10px;
95
- margin-bottom: 1rem;
96
- }
97
-
98
- h1 {
99
- font-size: 36px;
100
- font-size: 3.6rem;
101
- }
102
-
103
- h2 {
104
- font-size: 30px;
105
- font-size: 3rem;
106
- }
107
-
108
- h3 {
109
- font-size: 24px;
110
- font-size: 2.4rem;
111
- }
112
-
113
- h4 {
114
- font-size: 20px;
115
- font-size: 2rem;
116
- }
117
-
118
- h5,
119
- h6 {
120
- font-size: 16px;
121
- font-size: 1.6rem;
122
- }
123
-
124
- blockquote {
125
- margin: 0 0 20px 0;
126
- margin-bottom: 2rem;
127
- padding-left: 0;
128
- font-style: italic;
129
- }
130
-
131
- blockquote p {
132
- margin-bottom: 0;
133
- }
134
-
135
- blockquote small {
136
- color: #999;
137
- display: block;
138
- }
139
-
140
- blockquote small:before {
141
- content: '\2014 \00A0';
142
- }
143
-
144
- q {
145
- quotes: "“" "”" "‘" "’";
146
- }
147
-
148
- pre {
149
- margin: 0 0 20px 0;
150
- margin: 0 0 2rem 0;
151
- }
152
-
153
- pre {
154
- display: block;
155
- overflow: auto;
156
- word-break: break-all;
157
- word-wrap: break-word;
158
- white-space: pre;
159
- -webkit-hyphens: none;
160
- -ms-hyphens: none;
161
- hyphens: none;
162
- -ms-overflow-style: auto;
163
- display: block;
164
- }
165
-
166
- pre,
167
- code,
168
- kbd,
169
- samp {
170
- font-family: "Menlo", "Consolas", "Roboto Mono", "Ubuntu Monospace", "Noto Mono", "Oxygen Mono", "Liberation Mono", monospace, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
171
- font-size: .875em;
172
- }
173
-
174
- code {
175
- word-wrap: break-word;
176
- }
177
-
178
- a > code {
179
- color: inherit;
180
- }
181
-
182
- pre code {
183
- font-size: inherit;
184
- color: inherit;
185
- word-break: normal;
186
- }
187
-
188
- p {
189
- margin: 0 0 20px 0;
190
- margin: 0 0 2rem 0;
191
- }
192
-
193
- abbr[title],
194
- abbr[data-original-title] {
195
- cursor: help;
196
- text-decoration: underline;
197
- -webkit-text-decoration: underline dotted;
198
- text-decoration: underline dotted;
199
- cursor: help;
200
- border-bottom: 0;
201
- }
202
-
203
- mark {
204
- background-color: #ff0;
205
- color: #000;
206
- }
207
-
208
- ins {
209
- background-color: #ff9;
210
- color: #000;
211
- text-decoration: none;
212
- }
213
-
214
- b,
215
- strong {
216
- font-weight: inherit;
217
- }
218
-
219
- b,
220
- strong {
221
- font-weight: bolder;
222
- }
223
-
224
- dfn {
225
- font-style: italic;
226
- }
227
-
228
- sub,
229
- sup {
230
- font-size: 75%;
231
- line-height: 0;
232
- position: relative;
233
- vertical-align: baseline;
234
- }
235
-
236
- sup {
237
- top: -8px;
238
- top: -.8rem;
239
- }
240
-
241
- sub {
242
- bottom: -4px;
243
- bottom: -.4rem;
244
- }
245
-
246
- small {
247
- font-size: 80%;
248
- }
249
-
250
- hr {
251
- box-sizing: content-box;
252
- display: block;
253
- height: 0;
254
- border-style: solid;
255
- border-width: 1px 0 0;
256
- color: inherit;
257
- margin: 20px 0;
258
- margin: 2rem 0;
259
- padding: 0;
260
- overflow: visible;
261
- }
262
-
263
- address {
264
- font-style: normal;
265
- margin-bottom: 10px;
266
- margin-bottom: 1rem;
267
- line-height: inherit;
268
- }
269
-
270
- summary {
271
- display: list-item;
272
- cursor: pointer;
273
- }
274
-
275
- a {
276
- color: #007bff;
277
- text-decoration: none;
278
- background-color: transparent;
279
- }
280
-
281
- a:hover, a:focus {
282
- text-decoration: underline;
283
- color: #0056b3;
284
- }
285
-
286
- a:not([href]):not([tabindex]) {
287
- color: inherit;
288
- text-decoration: none;
289
- }
290
-
291
- a:not([href]):not([tabindex]):hover,
292
- a:not([href]):not([tabindex]):focus,
293
- a:not([href]):not([class]),
294
- a:not([href]):not([class]):hover {
295
- color: inherit;
296
- text-decoration: none;
297
- }
298
-
299
- a:not([href]):not([tabindex]):focus {
300
- outline: 0;
301
- }
302
-
303
- :focus:not(:focus-visible) {
304
- outline: none;
305
- }
306
-
307
- [tabindex='-1']:focus:not(:focus-visible) {
308
- outline: 0 !important;
309
- }
310
-
311
- a:focus,
312
- input:focus {
313
- outline: 2px solid orange;
314
- }
315
-
316
- :focus-visible {
317
- outline: 2px solid orange;
318
- }
319
-
320
- button:focus,
321
- [type='button']:focus,
322
- [type='reset']:focus,
323
- [type='submit']:focus,
324
- [type='email']:focus,
325
- [type='number']:focus,
326
- [type='password']:focus,
327
- [type='tel']:focus,
328
- [type='search']:focus,
329
- [type='text']:focus,
330
- [type='date']:focus,
331
- [type='datetime-local']:focus,
332
- [type='month']:focus,
333
- [type='time']:focus,
334
- [type='week']:focus,
335
- [type='time']:focus,
336
- [type='url']:focus,
337
- [type='radio']:focus,
338
- [type='checkbox']:focus,
339
- input[list]:focus,
340
- select:focus,
341
- textarea:focus {
342
- outline: 0;
343
- }
344
-
345
- menu,
346
- ol,
347
- ul,
348
- dl {
349
- margin: 0 0 20px 0;
350
- margin: 0 0 2rem 0;
351
- padding: 0;
352
- }
353
-
354
- menu ul,
355
- menu ol,
356
- ul ul,
357
- ul ol,
358
- ol ol,
359
- ol ul,
360
- dd {
361
- margin-bottom: 0;
362
- }
363
-
364
- ul,
365
- ol {
366
- margin-left: 20px;
367
- margin-left: 2rem;
368
- }
369
-
370
- nav ol,
371
- nav ul {
372
- list-style: none;
373
- list-style-image: none;
374
- margin-left: 0;
375
- }
376
-
377
- dt {
378
- font-weight: 700;
379
- }
380
-
381
- dd {
382
- margin-left: 0;
383
- }
384
-
385
- nav li:before {
386
- content: '\200B';
387
- position: absolute;
388
- }
389
-
390
- audio,
391
- canvas,
392
- progress,
393
- video {
394
- display: inline-block;
395
- }
396
-
397
- img,
398
- canvas,
399
- audio,
400
- video,
401
- iframe,
402
- object,
403
- embed {
404
- max-width: 100%;
405
- }
406
-
407
- audio,
408
- video,
409
- canvas,
410
- img,
411
- svg {
412
- vertical-align: middle;
413
- }
414
-
415
- img {
416
- height: auto;
417
- border-style: none;
418
- }
419
-
420
- figure {
421
- margin: 0;
422
- }
423
-
424
- figure,
425
- figcaption {
426
- display: block;
427
- }
428
-
429
- figcaption {
430
- line-height: 1.375;
431
- font-size: 90%;
432
- }
433
-
434
- video {
435
- height: auto;
436
- }
437
-
438
- audio {
439
- width: 100%;
440
- }
441
-
442
- audio:not([controls]) {
443
- display: none;
444
- height: 0;
445
- }
446
-
447
- svg:not(:root) {
448
- overflow: hidden;
449
- }
450
-
451
- svg:not([fill]) {
452
- fill: currentColor;
453
- }
454
-
455
- progress,
456
- meter {
457
- display: inline-block;
458
- vertical-align: baseline;
459
- width: 100%;
460
- max-width: 100%;
461
- }
462
-
463
- progress[value] {
464
- -webkit-appearance: none;
465
- -moz-appearance: none;
466
- appearance: none;
467
- border: none;
468
- height: 20px;
469
- height: 2rem;
470
- background: #ccc;
471
- color: #007bff;
472
- }
473
-
474
- progress[value]::-webkit-progress-bar {
475
- background: #ccc;
476
- }
477
-
478
- progress[value]::-webkit-progress-value {
479
- background: #007bff;
480
- }
481
-
482
- iframe {
483
- border-style: none;
484
- }
485
-
486
- html input,
487
- button,
488
- select,
489
- optgroup,
490
- textarea {
491
- color: inherit;
492
- font-family: inherit;
493
- font-size: inherit;
494
- line-height: inherit;
495
- }
496
-
497
- html input,
498
- button,
499
- [type='radio'],
500
- [type='checkbox'],
501
- select,
502
- optgroup,
503
- textarea {
504
- margin: 0;
505
- }
506
-
507
- html input,
508
- select,
509
- textarea,
510
- legend {
511
- width: 100%;
512
- }
513
-
514
- html label,
515
- button,
516
- [type='image'],
517
- [type='submit'],
518
- [type='reset'],
519
- html [type='button'],
520
- [type='radio'],
521
- [type='checkbox'] {
522
- width: auto;
523
- }
524
-
525
- html input,
526
- label,
527
- select,
528
- textarea,
529
- button,
530
- html [type='button'],
531
- [type='reset'],
532
- [type='submit'],
533
- output {
534
- display: inline-block;
535
- }
536
-
537
- [type='file'] {
538
- display: block;
539
- background-color: transparent;
540
- }
541
-
542
- button,
543
- html input,
544
- select,
545
- textarea {
546
- background-image: none;
547
- }
548
-
549
- input,
550
- select,
551
- textarea {
552
- vertical-align: baseline;
553
- }
554
-
555
- form {
556
- margin: 0;
557
- }
558
-
559
- fieldset {
560
- border: 0;
561
- padding: 0;
562
- margin: 0;
563
- min-width: 0;
564
- }
565
-
566
- legend {
567
- display: table;
568
- max-width: 100%;
569
- white-space: normal;
570
- border: 0;
571
- padding: 0;
572
- font-weight: 400;
573
- margin-bottom: 5px;
574
- margin-bottom: 0.5rem;
575
- font-size: inherit;
576
- line-height: 1.375;
577
- color: inherit;
578
- }
579
-
580
- label {
581
- font-weight: 400;
582
- font-size: 90%;
583
- line-height: 1.375;
584
- margin-bottom: 5px;
585
- margin-bottom: 0.5rem;
586
- }
587
-
588
- label input,
589
- label select,
590
- label textarea {
591
- font-size: 110%;
592
- }
593
-
594
- [type='number']::-webkit-outer-spin-button,
595
- [type='number']::-webkit-inner-spin-button {
596
- height: auto;
597
- }
598
-
599
- ::-webkit-datetime-edit-fields-wrapper,
600
- ::-webkit-datetime-edit-text,
601
- ::-webkit-datetime-edit-minute,
602
- ::-webkit-datetime-edit-hour-field,
603
- ::-webkit-datetime-edit-day-field,
604
- ::-webkit-datetime-edit-month-field,
605
- ::-webkit-datetime-edit-year-field {
606
- padding: 0;
607
- }
608
-
609
- ::-webkit-color-swatch-wrapper {
610
- padding: 0;
611
- }
612
-
613
- [type='search'] {
614
- outline-offset: -2.5px;
615
- outline-offset: -0.25rem;
616
- }
617
-
618
- output {
619
- vertical-align: middle;
620
- }
621
-
622
- button,
623
- select {
624
- text-transform: none;
625
- }
626
-
627
- select {
628
- word-wrap: normal;
629
- }
630
-
631
- [list]::-webkit-calendar-picker-indicator {
632
- display: none;
633
- }
634
-
635
- optgroup {
636
- font-family: inherit;
637
- font-size: inherit;
638
- font-style: inherit;
639
- font-weight: 700;
640
- font-weight: 600;
641
- }
642
-
643
- button,
644
- html [type="button"],
645
- [type="reset"],
646
- [type="submit"],
647
- [type="email"],
648
- [type="number"],
649
- [type="text"],
650
- [type="tel"],
651
- [type="date"],
652
- [type="datetime-local"],
653
- [type="month"],
654
- [type="week"],
655
- [type="url"],
656
- [type="image"],
657
- [type="password"],
658
- [type="search"],
659
- [type="search"]::-webkit-search-decoration,
660
- [type="search"]::-webkit-search-cancel-button,
661
- input[list],
662
- textarea {
663
- -webkit-appearance: none;
664
- }
665
-
666
- ::-webkit-file-upload-button {
667
- -webkit-appearance: button;
668
- font: inherit;
669
- }
670
-
671
- button,
672
- input,
673
- select,
674
- textarea {
675
- border-radius: 2.5px;
676
- border-radius: 0.25rem;
677
- }
678
-
679
- [type='radio'] {
680
- border-radius: 50%;
681
- }
682
-
683
- [type='checkbox'] {
684
- border-radius: 5px;
685
- border-radius: 0.5rem;
686
- }
687
-
688
- [type='radio'],
689
- [type='checkbox'] {
690
- padding: 0;
691
- background-color: #fff;
692
- }
693
-
694
- [type='range'] {
695
- background-color: transparent;
696
- }
697
-
698
- select[size],
699
- select[multiple] {
700
- height: auto;
701
- }
702
-
703
- select[multiple] {
704
- background-image: none;
705
- }
706
-
707
- textarea {
708
- height: auto;
709
- min-height: 60px;
710
- min-height: 6rem;
711
- overflow: auto;
712
- vertical-align: top;
713
- resize: vertical;
714
- }
715
-
716
- ::-moz-focus-inner {
717
- padding: 0;
718
- border-style: none;
719
- }
720
-
721
- button,
722
- [type='button'],
723
- [type='reset'],
724
- [type='submit'] {
725
- line-height: normal;
726
- text-align: center;
727
- margin: 0;
728
- background-clip: padding-box;
729
- vertical-align: baseline;
730
- overflow: visible;
731
- -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
732
- -webkit-user-select: none;
733
- -moz-user-select: none;
734
- -ms-user-select: none;
735
- user-select: none;
736
- border: 0;
737
- background-image: none;
738
- }
739
-
740
- button:hover, button:active, button:focus,
741
- [type='button']:hover,
742
- [type='button']:active,
743
- [type='button']:focus,
744
- [type='reset']:hover,
745
- [type='reset']:active,
746
- [type='reset']:focus,
747
- [type='submit']:hover,
748
- [type='submit']:active,
749
- [type='submit']:focus {
750
- text-decoration: none;
751
- color: #222;
752
- }
753
-
754
- button,
755
- select,
756
- input[type='submit'],
757
- input[type='button'],
758
- [type='checkbox'],
759
- [type='range'],
760
- [type='radio'],
761
- [role='button'] {
762
- cursor: pointer;
763
- }
764
-
765
- input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
766
- color: #666;
767
- }
768
-
769
- input::-moz-placeholder, textarea::-moz-placeholder {
770
- color: #666;
771
- }
772
-
773
- input:-ms-input-placeholder, textarea:-ms-input-placeholder {
774
- color: #666;
775
- }
776
-
777
- input::placeholder,
778
- textarea::placeholder {
779
- color: #666;
780
- }
781
-
782
- :-moz-ui-invalid {
783
- box-shadow: none;
784
- }
785
-
786
- [type='email'],
787
- [type='number'],
788
- [type='password'],
789
- [type='tel'],
790
- [type='search'],
791
- [type='text'],
792
- [type='date'],
793
- [type='datetime-local'],
794
- [type='month'],
795
- [type='time'],
796
- [type='week'],
797
- [type='time'],
798
- [type='url'],
799
- input[list],
800
- select,
801
- textarea {
802
- background-color: #fff;
803
- border: 1px solid #999;
804
- padding: 5px 7.5px;
805
- padding: 0.5rem 0.75rem;
806
- }
807
-
808
- [type='email']:active, [type='email']:focus,
809
- [type='number']:active,
810
- [type='number']:focus,
811
- [type='password']:active,
812
- [type='password']:focus,
813
- [type='tel']:active,
814
- [type='tel']:focus,
815
- [type='search']:active,
816
- [type='search']:focus,
817
- [type='text']:active,
818
- [type='text']:focus,
819
- [type='date']:active,
820
- [type='date']:focus,
821
- [type='datetime-local']:active,
822
- [type='datetime-local']:focus,
823
- [type='month']:active,
824
- [type='month']:focus,
825
- [type='time']:active,
826
- [type='time']:focus,
827
- [type='week']:active,
828
- [type='week']:focus,
829
- [type='time']:active,
830
- [type='time']:focus,
831
- [type='url']:active,
832
- [type='url']:focus,
833
- input[list]:active,
834
- input[list]:focus,
835
- select:active,
836
- select:focus,
837
- textarea:active,
838
- textarea:focus,
839
- [type='radio']:active,
840
- [type='radio']:focus,
841
- [type='checkbox']:active,
842
- [type='checkbox']:focus {
843
- transition: border .2s, background-color .2s, box-shadow .2s;
844
- border-color: #007bff;
845
- box-shadow: 0 0 0 3px rgba(0, 86, 179, 0.25);
846
- }
847
-
848
- button,
849
- [type='button'],
850
- [type='reset'],
851
- [type='submit'] {
852
- color: #222;
853
- padding: 6.66667px 13.33333px;
854
- padding: 0.66667rem 1.33333rem;
855
- background: #ccc;
856
- transition: color .2s, background .2s, box-shadow .2s;
857
- }
858
-
859
- button:hover, button:active, button:focus,
860
- [type='button']:hover,
861
- [type='button']:active,
862
- [type='button']:focus,
863
- [type='reset']:hover,
864
- [type='reset']:active,
865
- [type='reset']:focus,
866
- [type='submit']:hover,
867
- [type='submit']:active,
868
- [type='submit']:focus {
869
- text-decoration: none;
870
- color: #222;
871
- background: #b3b3b3;
872
- }
873
-
874
- button:active, button:focus,
875
- [type='button']:active,
876
- [type='button']:focus,
877
- [type='reset']:active,
878
- [type='reset']:focus,
879
- [type='submit']:active,
880
- [type='submit']:focus {
881
- box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.15);
882
- }
883
-
884
- fieldset[disabled] button,
885
- fieldset[disabled] input,
886
- fieldset[disabled] input:after,
887
- fieldset[disabled] input:before,
888
- fieldset[disabled] input:checked,
889
- fieldset[disabled] select,
890
- fieldset[disabled] textarea,
891
- fieldset[disabled] label,
892
- button[disabled],
893
- input[disabled],
894
- input[disabled]:after,
895
- input[disabled]:before,
896
- input[disabled]:checked,
897
- select[disabled],
898
- textarea[disabled],
899
- label[disabled],
900
- button:disabled,
901
- input:disabled,
902
- input:disabled:after,
903
- input:disabled:before,
904
- input:disabled:checked,
905
- select:disabled,
906
- textarea:disabled,
907
- label:disabled,
908
- button[aria-disabled="true"],
909
- input[aria-disabled="true"],
910
- input[aria-disabled="true"]:after,
911
- input[aria-disabled="true"]:before,
912
- input[aria-disabled="true"]:checked,
913
- select[aria-disabled="true"],
914
- textarea[aria-disabled="true"],
915
- label[aria-disabled="true"] {
916
- cursor: default !important;
917
- cursor: not-allowed !important;
918
- pointer-events: none !important;
919
- -webkit-user-select: none !important;
920
- -moz-user-select: none !important;
921
- -ms-user-select: none !important;
922
- user-select: none !important;
923
- box-shadow: none !important;
924
- opacity: .5 !important;
925
- }
926
-
927
- select:not([size]):not([multiple]) {
928
- -webkit-appearance: none;
929
- -moz-appearance: none;
930
- appearance: none;
931
- }
932
-
933
- select::-ms-expand {
934
- display: none;
935
- }
936
-
937
- select:not([size]):not([multiple]) {
938
- background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.85rem center/8px 10px;
939
- padding-right: 20px;
940
- padding-right: 2rem;
941
- }
942
-
943
- *[dir='rtl'] select:not([size]):not([multiple]),
944
- select[dir='rtl']:not([size]):not([multiple]) {
945
- background-position: left .85rem top 50%;
946
- padding-right: 7.5px;
947
- padding-right: 0.75rem;
948
- padding-left: 20px;
949
- padding-left: 2rem;
950
- }
951
-
952
- @supports ((-webkit-appearance: none) or (-moz-appearance: none) or (appearance: none)) {
953
- [type='checkbox'],
954
- [type='radio'] {
955
- -webkit-appearance: none;
956
- -moz-appearance: none;
957
- appearance: none;
958
- height: 1.8rem;
959
- width: 1.8rem;
960
- vertical-align: top;
961
- position: relative;
962
- border: 1px solid #999;
963
- }
964
- [type='checkbox'] + label,
965
- [type='radio'] + label {
966
- line-height: 1.8rem;
967
- vertical-align: top;
968
- margin-left: 5px;
969
- margin-left: 0.5rem;
970
- }
971
- *[dir='rtl'] [type='checkbox'] + label,
972
- [type='checkbox'][dir='rtl'] + label, *[dir='rtl']
973
- [type='radio'] + label,
974
- [type='radio'][dir='rtl'] + label {
975
- margin-left: 0;
976
- margin-right: 5px;
977
- margin-right: 0.5rem;
978
- }
979
- [type='checkbox']:after,
980
- [type='radio']:after {
981
- content: '';
982
- display: block;
983
- position: absolute;
984
- }
985
- [type='checkbox']:checked,
986
- [type='radio']:checked {
987
- background-color: #007bff;
988
- border-color: #000;
989
- }
990
- [type='radio']:after {
991
- width: 1.8rem;
992
- height: 1.8rem;
993
- left: -.05rem;
994
- top: -.05rem;
995
- border-radius: 50%;
996
- background: #fff;
997
- -webkit-transform: scale(0.35);
998
- transform: scale(0.35);
999
- }
1000
- [type='checkbox']:after {
1001
- width: .6rem;
1002
- height: .8rem;
1003
- border: 2px solid #fff;
1004
- border-top: 0;
1005
- border-left: 0;
1006
- left: 35%;
1007
- top: 20%;
1008
- -webkit-transform: rotate(43deg);
1009
- transform: rotate(43deg);
1010
- }
1011
- }
1012
-
1013
- @supports ((-webkit-appearance: none) or (-moz-appearance: none) or (appearance: none)) {
1014
- [type='range'] {
1015
- -webkit-appearance: none;
1016
- -moz-appearance: none;
1017
- appearance: none;
1018
- width: 100%;
1019
- height: 1.4rem;
1020
- }
1021
- [type='range']::-webkit-slider-thumb {
1022
- border: 0;
1023
- -webkit-appearance: none;
1024
- appearance: none;
1025
- width: 1.5rem;
1026
- height: 1.5rem;
1027
- margin-top: -.25rem;
1028
- background-color: #007bff;
1029
- border-radius: 1.5rem;
1030
- -webkit-transition: background-color .15s ease-in-out,
1031
  border-color .15s ease-in-out, box-shadow .15s ease-in-out;
1032
- transition: background-color .15s ease-in-out,
1033
1
  border-color .15s ease-in-out, box-shadow .15s ease-in-out;
1034
- }
1035
- [type='range']::-webkit-slider-thumb:active {
1036
- background-color: #007bff;
1037
- }
1038
- [type='range']::-moz-range-thumb {
1039
- border: 0;
1040
- -moz-appearance: none;
1041
- appearance: none;
1042
- width: 1.5rem;
1043
- height: 1.5rem;
1044
- background-color: #007bff;
1045
- border-radius: 1.5rem;
1046
- -moz-transition: background-color .15s ease-in-out,
1047
2
  border-color .15s ease-in-out, box-shadow .15s ease-in-out;
1048
- transition: background-color .15s ease-in-out,
1049
3
  border-color .15s ease-in-out, box-shadow .15s ease-in-out;
1050
- }
1051
- [type='range']::-moz-range-thumb:active {
1052
- background-color: #007bff;
1053
- }
1054
- [type='range']::-webkit-slider-runnable-track {
1055
- color: transparent;
1056
- border-color: transparent;
1057
- width: 100%;
1058
- height: .65rem;
1059
- cursor: pointer;
1060
- background-color: #e9e9e9;
1061
- }
1062
- [type='range']::-moz-range-track {
1063
- color: transparent;
1064
- border-color: transparent;
1065
- width: 100%;
1066
- height: .65rem;
1067
- cursor: pointer;
1068
- background-color: #e9e9e9;
1069
- }
1070
- [type='range']:focus {
1071
- outline: none;
1072
- }
1073
- [type='range']:focus::-webkit-slider-thumb {
1074
- box-shadow: 0 0 0 0.1rem #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
1075
- }
1076
- [type='range']:focus::-moz-slider-thumb {
1077
- box-shadow: 0 0 0 0.1rem #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
1078
- }
1079
- [type='range']::-moz-focus-outer {
1080
- border: 0;
1081
- }
1082
- [type='range']:focus::-webkit-slider-thumb {
1083
- box-shadow: 0 0 0 0.1rem #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
1084
- }
1085
- [type='range']:focus::-moz-range-thumb {
1086
- box-shadow: 0 0 0 0.1rem #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
1087
- }
1088
- [type='range']:disabled {
1089
- pointer-events: none;
1090
- }
1091
- [type='range']:disabled::-webkit-slider-thumb {
1092
- background-color: #ccc;
1093
- }
1094
- [type='range']:disabled::-moz-slider-thumb {
1095
- background-color: #ccc;
1096
- }
1097
- }
1098
-
1099
- table {
1100
- max-width: 100%;
1101
- border-collapse: collapse;
1102
- }
1103
-
1104
- thead,
1105
- tbody,
1106
- tfoot,
1107
- tr,
1108
- td,
1109
- th {
1110
- border-color: inherit;
1111
- border-style: solid;
1112
- border-width: 0;
1113
- }
1114
-
1115
- thead th {
1116
- vertical-align: bottom;
1117
- }
1118
-
1119
- th,
1120
- td {
1121
- vertical-align: top;
1122
- }
1123
-
1124
- th {
1125
- text-align: inherit;
1126
- font-weight: 700;
1127
- }
1128
-
1129
- caption {
1130
- padding-top: 5px;
1131
- padding-top: 0.5rem;
1132
- padding-bottom: 5px;
1133
- padding-bottom: 0.5rem;
1134
- color: #999;
1135
- text-align: left;
1136
- caption-side: bottom;
1137
- line-height: 1.375;
1138
- font-size: 90%;
1139
- }
1140
-
1141
- .bf-container,
1142
- .bf-container--fluid {
1143
- box-sizing: content-box;
1144
- display: block;
1145
- margin-right: auto;
1146
- margin-left: auto;
1147
- padding-left: 15px;
1148
- padding-left: 1.5rem;
1149
- padding-right: 15px;
1150
- padding-right: 1.5rem;
1151
- }
1152
-
1153
- .bf-container:before, .bf-container:after,
1154
- .bf-container--fluid:before,
1155
- .bf-container--fluid:after {
1156
- display: table;
1157
- content: ' ';
1158
- }
1159
-
1160
- .bf-container:after,
1161
- .bf-container--fluid:after {
1162
- clear: both;
1163
- }
1164
-
1165
- .bf-container {
1166
- max-width: 1140px;
1167
- max-width: 114rem;
1168
- }
1169
-
1170
- .bf-row {
1171
- display: block;
1172
- margin-left: -15px;
1173
- margin-left: -1.5rem;
1174
- margin-right: -15px;
1175
- margin-right: -1.5rem;
1176
- }
1177
-
1178
- .bf-row:before, .bf-row:after {
1179
- content: ' ';
1180
- display: table;
1181
- }
1182
-
1183
- .bf-row:after {
1184
- clear: both;
1185
- }
1186
-
1187
- [class^='bf-col-'] {
1188
- float: left;
1189
- position: relative;
1190
- min-height: 1px;
1191
- padding-left: 15px;
1192
- padding-left: 1.5rem;
1193
- padding-right: 15px;
1194
- padding-right: 1.5rem;
1195
- }
1196
-
1197
- .bf-no-gutters {
1198
- margin-right: 0;
1199
- margin-left: 0;
1200
- }
1201
-
1202
- .bf-no-gutters > [class^='bf-col'] {
1203
- padding-right: 0;
1204
- padding-left: 0;
1205
- }
1206
-
1207
- .bf-col-12 {
1208
- width: 100%;
1209
- }
1210
-
1211
- .bf-col-11 {
1212
- width: 91.66666666666666%;
1213
- }
1214
-
1215
- .bf-col-10 {
1216
- width: 83.33333333333334%;
1217
- }
1218
-
1219
- .bf-col-9 {
1220
- width: 75%;
1221
- }
1222
-
1223
- .bf-col-8 {
1224
- width: 66.66666666666666%;
1225
- }
1226
-
1227
- .bf-col-7 {
1228
- width: 58.333333333333336%;
1229
- }
1230
-
1231
- .bf-col-6 {
1232
- width: 50%;
1233
- }
1234
-
1235
- .bf-col-5 {
1236
- width: 41.66666666666667%;
1237
- }
1238
-
1239
- .bf-col-4 {
1240
- width: 33.33333333333333%;
1241
- }
1242
-
1243
- .bf-col-3 {
1244
- width: 25%;
1245
- }
1246
-
1247
- .bf-col-2 {
1248
- width: 16.666666666666664%;
1249
- }
1250
-
1251
- .bf-col-1 {
1252
- width: 8.3333%;
1253
- }
1254
-
1255
- @media (max-width: 575px) {
1256
- .bf-container--break-xs .bf-row {
1257
- margin-left: 0;
1258
- margin-right: 0;
1259
- }
1260
- .bf-container--break-xs [class^='bf-col'] {
1261
- width: 100%;
1262
- float: none;
1263
- margin-left: 0;
1264
- padding-left: 0;
1265
- padding-right: 0;
1266
- }
1267
- }
1268
-
1269
- @media (max-width: 767px) {
1270
- .bf-container--break-md .bf-row {
1271
- margin-left: 0;
1272
- margin-right: 0;
1273
- }
1274
- .bf-container--break-md [class^='bf-col'] {
1275
- width: 100%;
1276
- float: none;
1277
- margin-left: 0;
1278
- padding-left: 0;
1279
- padding-right: 0;
1280
- }
1281
- }
1282
-
1283
- @media (max-width: 991px) {
1284
- .bf-container--break-lg .bf-row {
1285
- margin-left: 0;
1286
- margin-right: 0;
1287
- }
1288
- .bf-container--break-lg [class^='bf-col'] {
1289
- width: 100%;
1290
- float: none;
1291
- margin-left: 0;
1292
- padding-left: 0;
1293
- padding-right: 0;
1294
- }
1295
- }
1296
-
1297
- table td[class^='bf-col'],
1298
- table th[class^='bf-col'] {
1299
- position: static;
1300
- }
1301
-
1302
- .bf-clearfix:before,
1303
- .bf-clearfix:after {
1304
- content: ' ';
1305
- display: table;
1306
- }
1307
-
1308
- .bf-clearfix:after {
1309
- clear: both;
1310
- }
1311
-
1312
- .bf-hide {
1313
- display: none !important;
1314
- }
1315
-
1316
- .bf-hidden {
1317
- display: none !important;
1318
- visibility: hidden !important;
1319
- }
1320
-
1321
- .bf-text-hide {
1322
- font: 0/0 a !important;
1323
- color: transparent !important;
1324
- text-shadow: none !important;
1325
- background-color: transparent !important;
1326
- border: 0 !important;
1327
- margin: 0 !important;
1328
- padding: 0 !important;
1329
- }
1330
-
1331
- /*
1332
- // taken from https://github.com/h5bp/html5-boilerplate/blob/v7.3.0/dist/css/main.css
1333
- //
1334
- * Hide only visually, but have it available for screen readers:
1335
- * https://snook.ca/archives/html_and_css/hiding-content-for-accessibility
1336
- *
1337
- * 1. For long content, line feeds are not interpreted as spaces and small width
1338
- * causes content to wrap 1 word per line:
1339
- * https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe
1340
- */
1341
- .bf-sr-only {
1342
- border: 0 !important;
1343
- clip: rect(0, 0, 0, 0) !important;
1344
- height: 1px !important;
1345
- margin: -1px !important;
1346
- overflow: hidden !important;
1347
- padding: 0 !important;
1348
- position: absolute !important;
1349
- white-space: nowrap !important;
1350
- width: 1px !important;
1351
- }
1352
-
1353
- /*
1354
- // taken from https://github.com/h5bp/html5-boilerplate/blob/v7.3.0/dist/css/main.css
1355
- //
1356
- * Extends the .sr-only class to allow the element
1357
- * to be focusable when navigated to via the keyboard:
1358
- * https://www.drupal.org/node/897638
1359
- */
1360
- .bf-sr-only.focusable:active,
1361
- .bf-sr-only.focusable:focus {
1362
- clip: auto !important;
1363
- height: auto !important;
1364
- margin: 0 !important;
1365
- overflow: visible !important;
1366
- position: static !important;
1367
- white-space: inherit !important;
1368
- width: auto !important;
1369
- }
1370
-
1371
- .bf-invisible {
1372
- visibility: hidden !important;
1373
- }
1374
-
1375
- .bf-visible {
1376
- visibility: visible !important;
1377
- }
1378
-
1379
- .bf-display-block {
1380
- display: block !important;
1381
- }
1382
-
1383
- .bf-display-block-center {
1384
- display: block !important;
1385
- margin-left: auto !important;
1386
- margin-right: auto !important;
1387
- text-align: center !important;
1388
- }
1389
-
1390
- .bf-display-inline {
1391
- display: inline !important;
1392
- }
1393
-
1394
- .bf-display-inline-block {
1395
- display: inline-block !important;
1396
- }
1397
-
1398
- .bf-display-flex {
1399
- display: -webkit-flex !important;
1400
- display: flex !important;
1401
- }
1402
-
1403
- .bf-display-inline-flex {
1404
- display: -webkit-inline-flex !important;
1405
- display: inline-flex !important;
1406
- }
1407
-
1408
- .bf-display-flex--justify-start {
1409
- -webkit-justify-content: flex-start !important;
1410
- justify-content: flex-start !important;
1411
- }
1412
-
1413
- .bf-display-flex--justify-end {
1414
- -webkit-justify-content: flex-end !important;
1415
- justify-content: flex-end !important;
1416
- }
1417
-
1418
- .bf-display-flex--justify-center {
1419
- -webkit-justify-content: center !important;
1420
- justify-content: center !important;
1421
- }
1422
-
1423
- .bf-display-flex--wrap {
1424
- -webkit-flex-wrap: wrap !important;
1425
- flex-wrap: wrap !important;
1426
- }
1427
-
1428
- .bf-display-flex--nowrap {
1429
- -webkit-flex-wrap: nowrap !important;
1430
- flex-wrap: nowrap !important;
1431
- }
1432
-
1433
- .bf-float-left {
1434
- float: left !important;
1435
- }
1436
-
1437
- .bf-float-right {
1438
- float: right !important;
1439
- }
1440
-
1441
- .bf-position-fixed {
1442
- position: fixed !important;
1443
- }
1444
-
1445
- .bf-position-sticky {
1446
- position: -webkit-sticky !important;
1447
- position: sticky !important;
1448
- top: 0 !important;
1449
- }
1450
-
1451
- .bf-align-center-unknown {
1452
- position: relative !important;
1453
- }
1454
-
1455
- .bf-align-center-unknown--item {
1456
- position: absolute !important;
1457
- top: 50% !important;
1458
- left: 50% !important;
1459
- -webkit-transform: translate(-50%, -50%) !important;
1460
- transform: translate(-50%, -50%) !important;
1461
- }
1462
-
1463
- .bf-align-center-flex {
1464
- display: -webkit-flex;
1465
- display: flex;
1466
- -webkit-align-items: center;
1467
- align-items: center;
1468
- -webkit-justify-content: center;
1469
- justify-content: center;
1470
- }
1471
-
1472
- .bf-width-25 {
1473
- width: 25% !important;
1474
- }
1475
-
1476
- .bf-width-33 {
1477
- width: 33.33333333333333% !important;
1478
- }
1479
-
1480
- .bf-width-50 {
1481
- width: 50% !important;
1482
- }
1483
-
1484
- .bf-width-75 {
1485
- width: 75% !important;
1486
- }
1487
-
1488
- .bf-width-100 {
1489
- width: 100% !important;
1490
- }
1491
-
1492
- .bf-width-auto {
1493
- width: auto !important;
1494
- }
1495
-
1496
- .bf-z-index-1 {
1497
- z-index: 1;
1498
- }
1499
-
1500
- .bf-z-index-2 {
1501
- z-index: 2;
1502
- }
1503
-
1504
- .bf-z-index-3 {
1505
- z-index: 3;
1506
- }
1507
-
1508
- .bf-z-index-4 {
1509
- z-index: 4;
1510
- }
1511
-
1512
- .bf-z-index-5 {
1513
- z-index: 5;
1514
- }
1515
-
1516
- .bf-z-index-6 {
1517
- z-index: 6;
1518
- }
1519
-
1520
- .bf-z-index-7 {
1521
- z-index: 7;
1522
- }
1523
-
1524
- .bf-z-index-8 {
1525
- z-index: 8;
1526
- }
1527
-
1528
- .bf-z-index-9 {
1529
- z-index: 9;
1530
- }
1531
-
1532
- .bf-z-index-10 {
1533
- z-index: 10;
1534
- }
1535
-
1536
- .bf-z-index-20 {
1537
- z-index: 20;
1538
- }
1539
-
1540
- .bf-z-index-30 {
1541
- z-index: 30;
1542
- }
1543
-
1544
- .bf-z-index-40 {
1545
- z-index: 40;
1546
- }
1547
-
1548
- .bf-z-index-50 {
1549
- z-index: 50;
1550
- }
1551
-
1552
- .bf-z-index-60 {
1553
- z-index: 60;
1554
- }
1555
-
1556
- .bf-z-index-70 {
1557
- z-index: 70;
1558
- }
1559
-
1560
- .bf-z-index-80 {
1561
- z-index: 80;
1562
- }
1563
-
1564
- .bf-z-index-90 {
1565
- z-index: 90;
1566
- }
1567
-
1568
- .bf-z-index-100 {
1569
- z-index: 100;
1570
- }
1571
-
1572
- .bf-z-index-200 {
1573
- z-index: 200;
1574
- }
1575
-
1576
- .bf-z-index-300 {
1577
- z-index: 200;
1578
- }
1579
-
1580
- .bf-m-0 {
1581
- margin: 0 !important;
1582
- }
1583
-
1584
- .bf-m-t-0 {
1585
- margin-top: 0 !important;
1586
- }
1587
-
1588
- .bf-m-b-0 {
1589
- margin-bottom: 0 !important;
1590
- }
1591
-
1592
- .bf-m-l-0 {
1593
- margin-left: 0 !important;
1594
- }
1595
-
1596
- .bf-m-r-0 {
1597
- margin-right: 0 !important;
1598
- }
1599
-
1600
- .bf-m-1 {
1601
- margin-bottom: 5px !important;
1602
- margin-bottom: 0.5rem !important;
1603
- }
1604
-
1605
- .bf-m-2 {
1606
- margin-bottom: 10px !important;
1607
- margin-bottom: 1rem !important;
1608
- }
1609
-
1610
- .bf-m-3 {
1611
- margin-bottom: 20px !important;
1612
- margin-bottom: 2rem !important;
1613
- }
1614
-
1615
- .bf-m-4 {
1616
- margin-bottom: 30px !important;
1617
- margin-bottom: 3rem !important;
1618
- }
1619
-
1620
- .bf-m-b-1 {
1621
- margin-bottom: 5px !important;
1622
- margin-bottom: 0.5rem !important;
1623
- }
1624
-
1625
- .bf-m-b-2 {
1626
- margin-bottom: 10px !important;
1627
- margin-bottom: 1rem !important;
1628
- }
1629
-
1630
- .bf-m-b-3 {
1631
- margin-bottom: 20px !important;
1632
- margin-bottom: 2rem !important;
1633
- }
1634
-
1635
- .bf-m-b-4 {
1636
- margin-bottom: 30px !important;
1637
- margin-bottom: 3rem !important;
1638
- }
1639
-
1640
- .bf-p-0 {
1641
- padding: 0 !important;
1642
- }
1643
-
1644
- .bf-p-t-0 {
1645
- padding-top: 0 !important;
1646
- }
1647
-
1648
- .bf-p-b-0 {
1649
- padding-bottom: 0 !important;
1650
- }
1651
-
1652
- .bf-p-l-0 {
1653
- padding-left: 0 !important;
1654
- }
1655
-
1656
- .bf-p-r-0 {
1657
- padding-right: 0 !important;
1658
- }
1659
-
1660
- .bf-p-1 {
1661
- padding-bottom: 5px !important;
1662
- padding-bottom: 0.5rem !important;
1663
- }
1664
-
1665
- .bf-p-2 {
1666
- padding-bottom: 10px !important;
1667
- padding-bottom: 1rem !important;
1668
- }
1669
-
1670
- .bf-p-3 {
1671
- padding-bottom: 20px !important;
1672
- padding-bottom: 2rem !important;
1673
- }
1674
-
1675
- .bf-p-4 {
1676
- padding-bottom: 30px !important;
1677
- padding-bottom: 3rem !important;
1678
- }
1679
-
1680
- .bf-p-t-1 {
1681
- padding-top: 5px !important;
1682
- padding-top: 0.5rem !important;
1683
- }
1684
-
1685
- .bf-p-t-2 {
1686
- padding-top: 10px !important;
1687
- padding-top: 1rem !important;
1688
- }
1689
-
1690
- .bf-p-t-3 {
1691
- padding-top: 20px !important;
1692
- padding-top: 2rem !important;
1693
- }
1694
-
1695
- .bf-p-t-4 {
1696
- padding-top: 30px !important;
1697
- padding-top: 3rem !important;
1698
- }
1699
-
1700
- .bf-p-b-1 {
1701
- padding-bottom: 5px !important;
1702
- padding-bottom: 0.5rem !important;
1703
- }
1704
-
1705
- .bf-p-b-2 {
1706
- padding-bottom: 10px !important;
1707
- padding-bottom: 1rem !important;
1708
- }
1709
-
1710
- .bf-p-b-3 {
1711
- padding-bottom: 20px !important;
1712
- padding-bottom: 2rem !important;
1713
- }
1714
-
1715
- .bf-p-b-4 {
1716
- padding-bottom: 30px !important;
1717
- padding-bottom: 3rem !important;
1718
- }
1719
-
1720
- .bf-t-transform-uppercase {
1721
- text-transform: uppercase !important;
1722
- }
1723
-
1724
- .bf-t-transform-none {
1725
- text-transform: none !important;
1726
- }
1727
-
1728
- .bf-t-left {
1729
- text-align: left !important;
1730
- }
1731
-
1732
- .bf-t-center {
1733
- text-align: center !important;
1734
- }
1735
-
1736
- .bf-t-right {
1737
- text-align: right !important;
1738
- }
1739
-
1740
- .bf-t-shadow {
1741
- text-shadow: 0 0 2px #222 !important;
1742
- text-shadow: 0 0 0.2rem #222 !important;
1743
- }
1744
-
1745
- .bf-t-italic {
1746
- font-style: italic !important;
1747
- }
1748
-
1749
- .bf-t-style-normal {
1750
- font-style: normal !important;
1751
- }
1752
-
1753
- .bf-t-weight-300 {
1754
- font-weight: 300 !important;
1755
- }
1756
-
1757
- .bf-t-weight-400 {
1758
- font-weight: 400 !important;
1759
- }
1760
-
1761
- .bf-t-weight-500 {
1762
- font-weight: 500 !important;
1763
- }
1764
-
1765
- .bf-t-weight-600 {
1766
- font-weight: 600 !important;
1767
- }
1768
-
1769
- .bf-t-weight-700 {
1770
- font-weight: 700 !important;
1771
- }
1772
-
1773
- .bf-t-weight-800 {
1774
- font-weight: 800 !important;
1775
- }
1776
-
1777
- .bf-text-break {
1778
- word-wrap: break-word !important;
1779
- }
1780
-
1781
- .bf-t-truncate {
1782
- max-width: 100% !important;
1783
- overflow: hidden !important;
1784
- text-overflow: ellipsis !important;
1785
- white-space: nowrap !important;
1786
- word-wrap: normal !important;
1787
- }
1788
-
1789
- .bf-t-truncate--multiline-2 {
1790
- overflow: hidden !important;
1791
- text-overflow: ellipsis !important;
1792
- display: -webkit-box !important;
1793
- -webkit-line-clamp: 2 !important;
1794
- -webkit-box-orient: vertical !important;
1795
- }
1796
-
1797
- .bf-t-truncate--multiline-3 {
1798
- overflow: hidden !important;
1799
- text-overflow: ellipsis !important;
1800
- display: -webkit-box !important;
1801
- -webkit-line-clamp: 3 !important;
1802
- -webkit-box-orient: vertical !important;
1803
- }
1804
-
1805
- .bf-no-select {
1806
- -webkit-user-select: none !important;
1807
- -moz-user-select: none !important;
1808
- -ms-user-select: none !important;
1809
- user-select: none !important;
1810
- -webkit-touch-callout: none !important;
1811
- }
1812
-
1813
- .bf-font-sans-serif {
1814
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
1815
- }
1816
-
1817
- .bf-font-serif {
1818
- font-family: Georgia, Times, "Times New Roman", serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
1819
- }
1820
-
1821
- .bf-font-monospace {
1822
- font-family: "Menlo", "Consolas", "Roboto Mono", "Ubuntu Monospace", "Noto Mono", "Oxygen Mono", "Liberation Mono", monospace, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
1823
- }
1824
-
1825
- .bf-h1,
1826
- .bf-h2,
1827
- .bf-h3,
1828
- .bf-h4,
1829
- .bf-h5,
1830
- .bf-h6 {
1831
- font-weight: 700 !important;
1832
- font-weight: 600 !important;
1833
- margin-top: 0 !important;
1834
- line-height: 1.2 !important;
1835
- margin-bottom: 10px !important;
1836
- margin-bottom: 1rem !important;
1837
- }
1838
-
1839
- .bf-h1 {
1840
- font-size: 36px !important;
1841
- font-size: 3.6rem !important;
1842
- }
1843
-
1844
- .bf-h2 {
1845
- font-size: 30px !important;
1846
- font-size: 3rem !important;
1847
- }
1848
-
1849
- .bf-h3 {
1850
- font-size: 24px !important;
1851
- font-size: 2.4rem !important;
1852
- }
1853
-
1854
- .bf-h4 {
1855
- font-size: 20px !important;
1856
- font-size: 2rem !important;
1857
- }
1858
-
1859
- .bf-h5,
1860
- .bf-h6 {
1861
- font-size: 16px !important;
1862
- font-size: 1.6rem !important;
1863
- }
1864
-
1865
- p.bf-lead {
1866
- font-size: 120% !important;
1867
- }
1868
-
1869
- body.bf-responsive-typography {
1870
- --body-rt-font-size-flex: calc(1.6rem + 3 * ((100vw - 320px) / 680));
1871
- --body-rt-font-size-max: 1.9rem;
1872
- }
1873
-
1874
- @media (min-width: 320px) {
1875
- body.bf-responsive-typography {
1876
- font-size: var(--body-rt-font-size-flex);
1877
- }
1878
- }
1879
-
1880
- @media (min-width: 1000px) {
1881
- body.bf-responsive-typography {
1882
- font-size: var(--body-rt-font-size-max);
1883
- }
1884
- }
1885
-
1886
- .bf-btn {
1887
- display: inline-block;
1888
- cursor: pointer;
1889
- color: #222;
1890
- padding: 6.66667px 13.33333px;
1891
- padding: 0.66667rem 1.33333rem;
1892
- line-height: normal;
1893
- text-align: center;
1894
- margin: 0;
1895
- background-clip: padding-box;
1896
- vertical-align: baseline;
1897
- overflow: visible;
1898
- -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
1899
- -webkit-user-select: none;
1900
- -moz-user-select: none;
1901
- -ms-user-select: none;
1902
- user-select: none;
1903
- border-radius: 2.5px;
1904
- border-radius: 0.25rem;
1905
- border: 0;
1906
- background-image: none;
1907
- background: #ccc;
1908
- transition: all .2s;
1909
- }
1910
-
1911
- .bf-btn:hover, .bf-btn:active, .bf-btn:focus {
1912
- text-decoration: none;
1913
- color: #222;
1914
- background: #b3b3b3;
1915
- }
1916
-
1917
- .bf-btn:active, .bf-btn:focus {
1918
- box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.15);
1919
- }
1920
-
1921
- .bf-btn:focus {
1922
- outline: 0;
1923
- }
1924
-
1925
- .bf-btn.bf-btn--primary {
1926
- color: #fff;
1927
- background: #007bff;
1928
- }
1929
-
1930
- .bf-btn.bf-btn--primary:hover, .bf-btn.bf-btn--primary:active, .bf-btn.bf-btn--primary:focus {
1931
- color: #fff;
1932
- background: #0062cc;
1933
- }
1934
-
1935
- .bf-btn.bf-btn--primary:active, .bf-btn.bf-btn--primary:focus {
1936
- box-shadow: 0 0 0 3px rgba(0, 86, 179, 0.25);
1937
- }
1938
-
1939
- fieldset[disabled] .bf-btn,
1940
- .bf-btn[disabled],
1941
- .bf-btn:disabled,
1942
- .bf-btn[aria-disabled='true'] {
1943
- cursor: default !important;
1944
- cursor: not-allowed !important;
1945
- pointer-events: none !important;
1946
- -webkit-user-select: none !important;
1947
- -moz-user-select: none !important;
1948
- -ms-user-select: none !important;
1949
- user-select: none !important;
1950
- box-shadow: none !important;
1951
- opacity: .5 !important;
1952
- }
1953
-
1954
- .bf-focused {
1955
- transition: border .2s, background-color .2s, box-shadow .2s !important;
1956
- border-color: #007bff !important;
1957
- box-shadow: 0 0 0 3px rgba(0, 86, 179, 0.25) !important;
1958
- }
1959
-
1960
- .bf-disabled,
1961
- .bf-disabled:hover,
1962
- .bf-disabled:active,
1963
- .bf-disabled:focus,
1964
- .bf-disabled:after,
1965
- .bf-disabled:before,
1966
- .bf-disabled:invalid,
1967
- .bf-disabled:checked {
1968
- cursor: default !important;
1969
- cursor: not-allowed !important;
1970
- pointer-events: none !important;
1971
- -webkit-user-select: none !important;
1972
- -moz-user-select: none !important;
1973
- -ms-user-select: none !important;
1974
- user-select: none !important;
1975
- box-shadow: none !important;
1976
- opacity: .5 !important;
1977
- background-color: #fff;
1978
- border-color: #999;
1979
- }
1980
-
1981
- label.bf-disabled {
1982
- background-color: transparent;
1983
- border-color: transparent;
1984
- }
1985
-
1986
- button.bf-disabled,
1987
- [type='button'].bf-disabled,
1988
- [type='reset'].bf-disabled,
1989
- [type='submit'].bf-disabled,
1990
- .bf-btn.bf-disabled {
1991
- cursor: default;
1992
- cursor: not-allowed;
1993
- pointer-events: none;
1994
- -webkit-user-select: none;
1995
- -moz-user-select: none;
1996
- -ms-user-select: none;
1997
- user-select: none;
1998
- box-shadow: none;
1999
- opacity: .5;
2000
- color: #222;
2001
- background: #ccc;
2002
- }
2003
-
2004
- button.bf-disabled:hover, button.bf-disabled:active, button.bf-disabled:focus,
2005
- [type='button'].bf-disabled:hover,
2006
- [type='button'].bf-disabled:active,
2007
- [type='button'].bf-disabled:focus,
2008
- [type='reset'].bf-disabled:hover,
2009
- [type='reset'].bf-disabled:active,
2010
- [type='reset'].bf-disabled:focus,
2011
- [type='submit'].bf-disabled:hover,
2012
- [type='submit'].bf-disabled:active,
2013
- [type='submit'].bf-disabled:focus,
2014
- .bf-btn.bf-disabled:hover,
2015
- .bf-btn.bf-disabled:active,
2016
- .bf-btn.bf-disabled:focus {
2017
- box-shadow: none;
2018
- color: #222;
2019
- background: #ccc;
2020
- }
2021
-
2022
- .bf-btn--primary.bf-disabled {
2023
- cursor: default;
2024
- cursor: not-allowed;
2025
- pointer-events: none;
2026
- -webkit-user-select: none;
2027
- -moz-user-select: none;
2028
- -ms-user-select: none;
2029
- user-select: none;
2030
- box-shadow: none;
2031
- opacity: .5;
2032
- color: #fff;
2033
- background: #007bff;
2034
- }
2035
-
2036
- .bf-btn--primary.bf-disabled:hover, .bf-btn--primary.bf-disabled:active, .bf-btn--primary.bf-disabled:focus {
2037
- box-shadow: none;
2038
- color: #fff;
2039
- background: #007bff;
2040
- }
2041
-
2042
- .bf-invalid,
2043
- .bf-invalid:focus {
2044
- color: #ff0000 !important;
2045
- border-color: #ff0000 !important;
2046
- box-shadow: 0 0 0 3px rgba(255, 0, 0, 0.25) !important;
2047
- }
2048
-
2049
- .bf-list-unstyled,
2050
- menu ul.bf-list-unstyled,
2051
- menu ol.bf-list-unstyled,
2052
- ul.bf-list-unstyled ul,
2053
- ul.bf-list-unstyled ol,
2054
- ol.bf-list-unstyled ol,
2055
- ol.bf-list-unstyled ul,
2056
- dd.bf-list-unstyled {
2057
- margin: 0;
2058
- padding: 0;
2059
- list-style: none;
2060
- }
2061
-
2062
- dt {
2063
- font-weight: 700;
2064
- }
2065
-
2066
- .bf-embed-responsive {
2067
- position: relative;
2068
- display: block;
2069
- width: 100%;
2070
- padding: 0;
2071
- overflow: hidden;
2072
- }
2073
-
2074
- .bf-embed-responsive::before {
2075
- display: block;
2076
- content: '';
2077
- padding-top: 56.25%;
2078
- }
2079
-
2080
- .bf-embed-responsive .bf-embed-responsive--4-3::before {
2081
- padding-top: 75%;
2082
- }
2083
-
2084
- .bf-embed-responsive .bf-embed-responsive--item,
2085
- .bf-embed-responsive iframe,
2086
- .bf-embed-responsive embed,
2087
- .bf-embed-responsive object,
2088
- .bf-embed-responsive video {
2089
- position: absolute;
2090
- top: 0;
2091
- bottom: 0;
2092
- left: 0;
2093
- width: 100%;
2094
- height: 100%;
2095
- border: 0;
2096
- }
2097
-
2098
- .bf-table th,
2099
- .bf-table td {
2100
- padding: 10px;
2101
- padding: 1rem;
2102
- border-bottom: 1px solid #999;
2103
- margin-bottom: 5px;
2104
- margin-bottom: 0.5rem;
2105
- }
2106
-
2107
- .bf-table-responsive {
2108
- overflow-x: auto;
2109
- overflow-y: hidden;
2110
- -ms-overflow-style: scrollbar;
2111
- }
2112
-
2113
- .bf-table-responsive table {
2114
- width: 100%;
2115
- margin-bottom: 5px;
2116
- margin-bottom: 0.5rem;
2117
- }
2118
-
2119
- .bf-table-responsive.scrollbar {
2120
- -webkit-overflow-scrolling: auto;
2121
- }
2122
-
2123
- .bf-table--zebra tbody tr:nth-child(odd),
2124
- .bf-table-responsive--zebra tbody tr:nth-child(odd) {
2125
- background-color: #e9e9e9;
2126
- }
2127
-
2128
- /* main.css 2.1.0 | MIT License | https://github.com/h5bp/main.css#readme */
2129
- /* ==========================================================================
2130
- Print styles.
2131
- Inlined to avoid the additional HTTP request:
2132
- https://www.phpied.com/delay-loading-your-print-css/
2133
- ========================================================================== */
2134
- @media print {
2135
- *,
2136
- *::before,
2137
- *::after {
2138
- background: #fff !important;
2139
- color: #000 !important;
2140
- /* Black prints faster */
2141
- box-shadow: none !important;
2142
- text-shadow: none !important;
2143
- }
2144
- a,
2145
- a:visited {
2146
- text-decoration: underline;
2147
- }
2148
- a[href]::after {
2149
- content: " (" attr(href) ")";
2150
- }
2151
- abbr[title]::after {
2152
- content: " (" attr(title) ")";
2153
- }
2154
- /*
2155
- * Don't show links that are fragment identifiers,
2156
- * or use the `javascript:` pseudo protocol
2157
- */
2158
- a[href^='#']::after,
2159
- a[href^='javascript:']::after {
2160
- content: '';
2161
- }
2162
- pre {
2163
- white-space: pre-wrap !important;
2164
- }
2165
- pre,
2166
- blockquote {
2167
- border: 1px solid #999;
2168
- page-break-inside: avoid;
2169
- }
2170
- /*
2171
- * Printing Tables:
2172
- * https://web.archive.org/web/20180815150934/http://css-discuss.incutio.com/wiki/Printing_Tables
2173
- */
2174
- thead {
2175
- display: table-header-group;
2176
- }
2177
- tr,
2178
- img {
2179
- page-break-inside: avoid;
2180
- }
2181
- p,
2182
- h2,
2183
- h3 {
2184
- orphans: 3;
2185
- widows: 3;
2186
- }
2187
- h2,
2188
- h3 {
2189
- page-break-after: avoid;
2190
- }
2191
- }
2192
-
2193
- @media print {
2194
- body,
2195
- .bf-container {
2196
- min-width: 992px !important;
2197
- }
2198
- .bf-table-responsive {
2199
- overflow: auto;
2200
- }
2201
- .bf-table-responsive table {
2202
- width: auto;
2203
- }
2204
- .bf-table-responsive table,
2205
- .bf-table {
2206
- border-collapse: collapse !important;
2207
- }
2208
- }
2209
-
2210
- @media (prefers-reduced-motion: reduce) {
2211
- .bf-reduced-motion,
2212
- .bf-reduced-motion::before,
2213
- .bf-reduced-motion::after,
2214
- .bf-reduced-motion *,
2215
- .bf-reduced-motion *::before,
2216
- .bf-reduced-motion *::after {
2217
- -webkit-animation-delay: -1ms !important;
2218
- animation-delay: -1ms !important;
2219
- -webkit-animation-duration: 1ms !important;
2220
- animation-duration: 1ms !important;
2221
- -webkit-animation-iteration-count: 1 !important;
2222
- animation-iteration-count: 1 !important;
2223
- background-attachment: initial !important;
2224
- scroll-behavior: auto !important;
2225
- transition-delay: 0s !important;
2226
- transition-duration: 0s !important;
2227
- }
2228
- }
2229
-
2230
- /**
2231
- * Change the cursor on busy elements in all browsers (opinionated).
2232
- */
2233
- [aria-busy="true"] {
2234
- cursor: progress;
2235
- }
2236
-
2237
- /*
2238
- * Change the cursor on control elements in all browsers (opinionated).
2239
- */
2240
- [aria-controls] {
2241
- cursor: pointer;
2242
- }
2243
-
2244
- /*
2245
- * Change the cursor on disabled, not-editable, or otherwise
2246
- * inoperable elements in all browsers (opinionated).
2247
- */
2248
- [aria-disabled="true"],
2249
- [disabled] {
2250
- cursor: not-allowed;
2251
- }
2252
-
2253
- /*
2254
- * Change the display on visually hidden accessible elements
2255
- * in all browsers (opinionated).
2256
- */
2257
- [aria-hidden="false"][hidden] {
2258
- display: initial;
2259
- }
2260
-
2261
- [aria-hidden="false"][hidden]:not(:focus) {
2262
- clip: rect(0, 0, 0, 0);
2263
- position: absolute;
2264
- }
2265
-
2266
- @media (prefers-color-scheme: dark) {
2267
- html {
2268
- scrollbar-color: #595959 #111;
2269
- }
2270
- ::-webkit-scrollbar {
2271
- width: 1.5rem;
2272
- height: 1.5rem;
2273
- }
2274
- ::-webkit-scrollbar-thumb {
2275
- background-color: #595959;
2276
- }
2277
- ::-webkit-scrollbar-thumb:hover {
2278
- background-color: gray;
2279
- }
2280
- ::-webkit-scrollbar-track {
2281
- background-color: #111;
2282
- }
2283
- html {
2284
- color: #f0f0f0;
2285
- }
2286
- body {
2287
- background-color: #242424;
2288
- }
2289
- a {
2290
- color: #66b0ff;
2291
- }
2292
- a:hover, a:focus {
2293
- color: #1a88ff;
2294
- }
2295
- mark {
2296
- background-color: #cccc00;
2297
- }
2298
- ins {
2299
- background-color: #b3b300;
2300
- }
2301
- .bf-table th,
2302
- .bf-table td {
2303
- border-color: #666;
2304
- }
2305
- [type='email'],
2306
- [type='number'],
2307
- [type='password'],
2308
- [type='tel'],
2309
- [type='search'],
2310
- [type='text'],
2311
- [type='date'],
2312
- [type='datetime-local'],
2313
- [type='month'],
2314
- [type='time'],
2315
- [type='week'],
2316
- [type='time'],
2317
- [type='url'],
2318
- [type='range'],
2319
- input[list],
2320
- select,
2321
- select:not([size]):not([multiple]),
2322
- textarea {
2323
- background-color: #111;
2324
- border-color: #000;
2325
- color: #ccc;
2326
- }
2327
- [type='email']:active, [type='email']:focus,
2328
- [type='number']:active,
2329
- [type='number']:focus,
2330
- [type='password']:active,
2331
- [type='password']:focus,
2332
- [type='tel']:active,
2333
- [type='tel']:focus,
2334
- [type='search']:active,
2335
- [type='search']:focus,
2336
- [type='text']:active,
2337
- [type='text']:focus,
2338
- [type='date']:active,
2339
- [type='date']:focus,
2340
- [type='datetime-local']:active,
2341
- [type='datetime-local']:focus,
2342
- [type='month']:active,
2343
- [type='month']:focus,
2344
- [type='time']:active,
2345
- [type='time']:focus,
2346
- [type='week']:active,
2347
- [type='week']:focus,
2348
- [type='time']:active,
2349
- [type='time']:focus,
2350
- [type='url']:active,
2351
- [type='url']:focus,
2352
- [type='range']:active,
2353
- [type='range']:focus,
2354
- input[list]:active,
2355
- input[list]:focus,
2356
- select:active,
2357
- select:focus,
2358
- select:not([size]):not([multiple]):active,
2359
- select:not([size]):not([multiple]):focus,
2360
- textarea:active,
2361
- textarea:focus {
2362
- background-color: #111;
2363
- border-color: #3395ff;
2364
- }
2365
- [type='email']:active, [type='email']:focus,
2366
- [type='number']:active,
2367
- [type='number']:focus,
2368
- [type='password']:active,
2369
- [type='password']:focus,
2370
- [type='tel']:active,
2371
- [type='tel']:focus,
2372
- [type='search']:active,
2373
- [type='search']:focus,
2374
- [type='text']:active,
2375
- [type='text']:focus,
2376
- [type='date']:active,
2377
- [type='date']:focus,
2378
- [type='datetime-local']:active,
2379
- [type='datetime-local']:focus,
2380
- [type='month']:active,
2381
- [type='month']:focus,
2382
- [type='time']:active,
2383
- [type='time']:focus,
2384
- [type='week']:active,
2385
- [type='week']:focus,
2386
- [type='time']:active,
2387
- [type='time']:focus,
2388
- [type='url']:active,
2389
- [type='url']:focus,
2390
- input[list]:active,
2391
- input[list]:focus,
2392
- select:active,
2393
- select:focus,
2394
- select:not([size]):not([multiple]):active,
2395
- select:not([size]):not([multiple]):focus,
2396
- textarea:active,
2397
- textarea:focus {
2398
- box-shadow: 0 0 0 3px rgba(3, 102, 214, 0.5);
2399
- }
2400
- .bf-focused {
2401
- border-color: #3395ff;
2402
- box-shadow: 0 0 0 3px rgba(3, 102, 214, 0.5) !important;
2403
- }
2404
- .bf-invalid,
2405
- .bf-invalid:focus {
2406
- color: #ff2626 !important;
2407
- border-color: #ff2626 !important;
2408
- }
2409
- select:not([size]):not([multiple]) {
2410
- background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23f0f0f0' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e");
2411
- }
2412
- }
2413
-
2414
- @media screen and (prefers-color-scheme: dark) and (min-width: 0\0) and (min-resolution: 0.001dpcm) {
2415
- select:not([size]):not([multiple]),
2416
- *[dir="rtl"] select:not([size]):not([multiple]),
2417
- select[dir="rtl"]:not([size]):not([multiple]) {
2418
- background-image: none;
2419
- }
2420
- }
2421
-
2422
- @media (prefers-color-scheme: dark) {
2423
- @supports ((-webkit-appearance: none) or (-moz-appearance: none) or (appearance: none)) {
2424
- [type='range'] {
2425
- background-color: transparent;
2426
- }
2427
- [type='range']:focus {
2428
- background-color: transparent;
2429
- }
2430
- [type='range']::-webkit-slider-runnable-track {
2431
- background-color: #111;
2432
- }
2433
- [type='range']::-moz-range-track {
2434
- background-color: #111;
2435
- }
2436
- }
2437
- input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
2438
- color: #999;
2439
- }
2440
- input::-moz-placeholder, textarea::-moz-placeholder {
2441
- color: #999;
2442
- }
2443
- input:-ms-input-placeholder, textarea:-ms-input-placeholder {
2444
- color: #999;
2445
- }
2446
- input::placeholder,
2447
- textarea::placeholder {
2448
- color: #999;
2449
- }
2450
- button,
2451
- [type='button'],
2452
- [type='reset'],
2453
- [type='submit'],
2454
- .bf-btn,
2455
- button.bf-disabled,
2456
- [type='button'].bf-disabled,
2457
- [type='reset'].bf-disabled,
2458
- [type='submit'].bf-disabled,
2459
- .bf-btn.bf-disabled {
2460
- background: #ccc;
2461
- }
2462
- button:hover, button:active, button:focus,
2463
- [type='button']:hover,
2464
- [type='button']:active,
2465
- [type='button']:focus,
2466
- [type='reset']:hover,
2467
- [type='reset']:active,
2468
- [type='reset']:focus,
2469
- [type='submit']:hover,
2470
- [type='submit']:active,
2471
- [type='submit']:focus,
2472
- .bf-btn:hover,
2473
- .bf-btn:active,
2474
- .bf-btn:focus,
2475
- button.bf-disabled:hover,
2476
- button.bf-disabled:active,
2477
- button.bf-disabled:focus,
2478
- [type='button'].bf-disabled:hover,
2479
- [type='button'].bf-disabled:active,
2480
- [type='button'].bf-disabled:focus,
2481
- [type='reset'].bf-disabled:hover,
2482
- [type='reset'].bf-disabled:active,
2483
- [type='reset'].bf-disabled:focus,
2484
- [type='submit'].bf-disabled:hover,
2485
- [type='submit'].bf-disabled:active,
2486
- [type='submit'].bf-disabled:focus,
2487
- .bf-btn.bf-disabled:hover,
2488
- .bf-btn.bf-disabled:active,
2489
- .bf-btn.bf-disabled:focus {
2490
- background: #b3b3b3;
2491
- }
2492
- button:active, button:focus,
2493
- [type='button']:active,
2494
- [type='button']:focus,
2495
- [type='reset']:active,
2496
- [type='reset']:focus,
2497
- [type='submit']:active,
2498
- [type='submit']:focus,
2499
- .bf-btn:active,
2500
- .bf-btn:focus,
2501
- button.bf-disabled:active,
2502
- button.bf-disabled:focus,
2503
- [type='button'].bf-disabled:active,
2504
- [type='button'].bf-disabled:focus,
2505
- [type='reset'].bf-disabled:active,
2506
- [type='reset'].bf-disabled:focus,
2507
- [type='submit'].bf-disabled:active,
2508
- [type='submit'].bf-disabled:focus,
2509
- .bf-btn.bf-disabled:active,
2510
- .bf-btn.bf-disabled:focus {
2511
- box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.45);
2512
- }
2513
- button:active, button:focus,
2514
- [type='button']:active,
2515
- [type='button']:focus,
2516
- [type='reset']:active,
2517
- [type='reset']:focus,
2518
- [type='submit']:active,
2519
- [type='submit']:focus,
2520
- .bf-btn:active,
2521
- .bf-btn:focus {
2522
- box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.45);
2523
- }
2524
- .bf-btn--primary.bf-disabled,
2525
- .bf-btn.bf-btn--primary {
2526
- background: #007bff;
2527
- }
2528
- .bf-btn--primary.bf-disabled:hover, .bf-btn--primary.bf-disabled:active, .bf-btn--primary.bf-disabled:focus,
2529
- .bf-btn.bf-btn--primary:hover,
2530
- .bf-btn.bf-btn--primary:active,
2531
- .bf-btn.bf-btn--primary:focus {
2532
- background: #006fe6;
2533
- }
2534
- .bf-btn--primary.bf-disabled:active, .bf-btn--primary.bf-disabled:focus,
2535
- .bf-btn.bf-btn--primary:active,
2536
- .bf-btn.bf-btn--primary:focus {
2537
- box-shadow: 0 0 0 3px rgba(0, 86, 179, 0.75);
2538
- }
2539
- a:focus,
2540
- input:focus {
2541
- outline-color: #b37400;
2542
- }
2543
- :focus-visible {
2544
- outline-color: #b37400;
2545
- }
2546
- .bf-table th,
2547
- .bf-table td {
2548
- border-color: #666;
2549
- }
2550
- .bf-table--zebra tbody tr:nth-child(odd),
2551
- .bf-table-responsive--zebra tbody tr:nth-child(odd) {
2552
- background-color: #333;
2553
- }
2554
- }