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