]> jfr.im git - dlqueue.git/blame - static/bootstrap/css/bootstrap-reboot.css
update design docs
[dlqueue.git] / static / bootstrap / css / bootstrap-reboot.css
CommitLineData
28ed5e79
JR
1/*!
2 * Bootstrap Reboot v5.3.2 (https://getbootstrap.com/)
3 * Copyright 2011-2023 The Bootstrap Authors
4 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
5 */
6:root,
7[data-bs-theme=light] {
8 --bs-blue: #0d6efd;
9 --bs-indigo: #6610f2;
10 --bs-purple: #6f42c1;
11 --bs-pink: #d63384;
12 --bs-red: #dc3545;
13 --bs-orange: #fd7e14;
14 --bs-yellow: #ffc107;
15 --bs-green: #198754;
16 --bs-teal: #20c997;
17 --bs-cyan: #0dcaf0;
18 --bs-black: #000;
19 --bs-white: #fff;
20 --bs-gray: #6c757d;
21 --bs-gray-dark: #343a40;
22 --bs-gray-100: #f8f9fa;
23 --bs-gray-200: #e9ecef;
24 --bs-gray-300: #dee2e6;
25 --bs-gray-400: #ced4da;
26 --bs-gray-500: #adb5bd;
27 --bs-gray-600: #6c757d;
28 --bs-gray-700: #495057;
29 --bs-gray-800: #343a40;
30 --bs-gray-900: #212529;
31 --bs-primary: #0d6efd;
32 --bs-secondary: #6c757d;
33 --bs-success: #198754;
34 --bs-info: #0dcaf0;
35 --bs-warning: #ffc107;
36 --bs-danger: #dc3545;
37 --bs-light: #f8f9fa;
38 --bs-dark: #212529;
39 --bs-primary-rgb: 13, 110, 253;
40 --bs-secondary-rgb: 108, 117, 125;
41 --bs-success-rgb: 25, 135, 84;
42 --bs-info-rgb: 13, 202, 240;
43 --bs-warning-rgb: 255, 193, 7;
44 --bs-danger-rgb: 220, 53, 69;
45 --bs-light-rgb: 248, 249, 250;
46 --bs-dark-rgb: 33, 37, 41;
47 --bs-primary-text-emphasis: #052c65;
48 --bs-secondary-text-emphasis: #2b2f32;
49 --bs-success-text-emphasis: #0a3622;
50 --bs-info-text-emphasis: #055160;
51 --bs-warning-text-emphasis: #664d03;
52 --bs-danger-text-emphasis: #58151c;
53 --bs-light-text-emphasis: #495057;
54 --bs-dark-text-emphasis: #495057;
55 --bs-primary-bg-subtle: #cfe2ff;
56 --bs-secondary-bg-subtle: #e2e3e5;
57 --bs-success-bg-subtle: #d1e7dd;
58 --bs-info-bg-subtle: #cff4fc;
59 --bs-warning-bg-subtle: #fff3cd;
60 --bs-danger-bg-subtle: #f8d7da;
61 --bs-light-bg-subtle: #fcfcfd;
62 --bs-dark-bg-subtle: #ced4da;
63 --bs-primary-border-subtle: #9ec5fe;
64 --bs-secondary-border-subtle: #c4c8cb;
65 --bs-success-border-subtle: #a3cfbb;
66 --bs-info-border-subtle: #9eeaf9;
67 --bs-warning-border-subtle: #ffe69c;
68 --bs-danger-border-subtle: #f1aeb5;
69 --bs-light-border-subtle: #e9ecef;
70 --bs-dark-border-subtle: #adb5bd;
71 --bs-white-rgb: 255, 255, 255;
72 --bs-black-rgb: 0, 0, 0;
73 --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
74 --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
75 --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
76 --bs-body-font-family: var(--bs-font-sans-serif);
77 --bs-body-font-size: 1rem;
78 --bs-body-font-weight: 400;
79 --bs-body-line-height: 1.5;
80 --bs-body-color: #212529;
81 --bs-body-color-rgb: 33, 37, 41;
82 --bs-body-bg: #fff;
83 --bs-body-bg-rgb: 255, 255, 255;
84 --bs-emphasis-color: #000;
85 --bs-emphasis-color-rgb: 0, 0, 0;
86 --bs-secondary-color: rgba(33, 37, 41, 0.75);
87 --bs-secondary-color-rgb: 33, 37, 41;
88 --bs-secondary-bg: #e9ecef;
89 --bs-secondary-bg-rgb: 233, 236, 239;
90 --bs-tertiary-color: rgba(33, 37, 41, 0.5);
91 --bs-tertiary-color-rgb: 33, 37, 41;
92 --bs-tertiary-bg: #f8f9fa;
93 --bs-tertiary-bg-rgb: 248, 249, 250;
94 --bs-heading-color: inherit;
95 --bs-link-color: #0d6efd;
96 --bs-link-color-rgb: 13, 110, 253;
97 --bs-link-decoration: underline;
98 --bs-link-hover-color: #0a58ca;
99 --bs-link-hover-color-rgb: 10, 88, 202;
100 --bs-code-color: #d63384;
101 --bs-highlight-color: #212529;
102 --bs-highlight-bg: #fff3cd;
103 --bs-border-width: 1px;
104 --bs-border-style: solid;
105 --bs-border-color: #dee2e6;
106 --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
107 --bs-border-radius: 0.375rem;
108 --bs-border-radius-sm: 0.25rem;
109 --bs-border-radius-lg: 0.5rem;
110 --bs-border-radius-xl: 1rem;
111 --bs-border-radius-xxl: 2rem;
112 --bs-border-radius-2xl: var(--bs-border-radius-xxl);
113 --bs-border-radius-pill: 50rem;
114 --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
115 --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
116 --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
117 --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
118 --bs-focus-ring-width: 0.25rem;
119 --bs-focus-ring-opacity: 0.25;
120 --bs-focus-ring-color: rgba(13, 110, 253, 0.25);
121 --bs-form-valid-color: #198754;
122 --bs-form-valid-border-color: #198754;
123 --bs-form-invalid-color: #dc3545;
124 --bs-form-invalid-border-color: #dc3545;
125}
126
127[data-bs-theme=dark] {
128 color-scheme: dark;
129 --bs-body-color: #dee2e6;
130 --bs-body-color-rgb: 222, 226, 230;
131 --bs-body-bg: #212529;
132 --bs-body-bg-rgb: 33, 37, 41;
133 --bs-emphasis-color: #fff;
134 --bs-emphasis-color-rgb: 255, 255, 255;
135 --bs-secondary-color: rgba(222, 226, 230, 0.75);
136 --bs-secondary-color-rgb: 222, 226, 230;
137 --bs-secondary-bg: #343a40;
138 --bs-secondary-bg-rgb: 52, 58, 64;
139 --bs-tertiary-color: rgba(222, 226, 230, 0.5);
140 --bs-tertiary-color-rgb: 222, 226, 230;
141 --bs-tertiary-bg: #2b3035;
142 --bs-tertiary-bg-rgb: 43, 48, 53;
143 --bs-primary-text-emphasis: #6ea8fe;
144 --bs-secondary-text-emphasis: #a7acb1;
145 --bs-success-text-emphasis: #75b798;
146 --bs-info-text-emphasis: #6edff6;
147 --bs-warning-text-emphasis: #ffda6a;
148 --bs-danger-text-emphasis: #ea868f;
149 --bs-light-text-emphasis: #f8f9fa;
150 --bs-dark-text-emphasis: #dee2e6;
151 --bs-primary-bg-subtle: #031633;
152 --bs-secondary-bg-subtle: #161719;
153 --bs-success-bg-subtle: #051b11;
154 --bs-info-bg-subtle: #032830;
155 --bs-warning-bg-subtle: #332701;
156 --bs-danger-bg-subtle: #2c0b0e;
157 --bs-light-bg-subtle: #343a40;
158 --bs-dark-bg-subtle: #1a1d20;
159 --bs-primary-border-subtle: #084298;
160 --bs-secondary-border-subtle: #41464b;
161 --bs-success-border-subtle: #0f5132;
162 --bs-info-border-subtle: #087990;
163 --bs-warning-border-subtle: #997404;
164 --bs-danger-border-subtle: #842029;
165 --bs-light-border-subtle: #495057;
166 --bs-dark-border-subtle: #343a40;
167 --bs-heading-color: inherit;
168 --bs-link-color: #6ea8fe;
169 --bs-link-hover-color: #8bb9fe;
170 --bs-link-color-rgb: 110, 168, 254;
171 --bs-link-hover-color-rgb: 139, 185, 254;
172 --bs-code-color: #e685b5;
173 --bs-highlight-color: #dee2e6;
174 --bs-highlight-bg: #664d03;
175 --bs-border-color: #495057;
176 --bs-border-color-translucent: rgba(255, 255, 255, 0.15);
177 --bs-form-valid-color: #75b798;
178 --bs-form-valid-border-color: #75b798;
179 --bs-form-invalid-color: #ea868f;
180 --bs-form-invalid-border-color: #ea868f;
181}
182
183*,
184*::before,
185*::after {
186 box-sizing: border-box;
187}
188
189@media (prefers-reduced-motion: no-preference) {
190 :root {
191 scroll-behavior: smooth;
192 }
193}
194
195body {
196 margin: 0;
197 font-family: var(--bs-body-font-family);
198 font-size: var(--bs-body-font-size);
199 font-weight: var(--bs-body-font-weight);
200 line-height: var(--bs-body-line-height);
201 color: var(--bs-body-color);
202 text-align: var(--bs-body-text-align);
203 background-color: var(--bs-body-bg);
204 -webkit-text-size-adjust: 100%;
205 -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
206}
207
208hr {
209 margin: 1rem 0;
210 color: inherit;
211 border: 0;
212 border-top: var(--bs-border-width) solid;
213 opacity: 0.25;
214}
215
216h6, h5, h4, h3, h2, h1 {
217 margin-top: 0;
218 margin-bottom: 0.5rem;
219 font-weight: 500;
220 line-height: 1.2;
221 color: var(--bs-heading-color);
222}
223
224h1 {
225 font-size: calc(1.375rem + 1.5vw);
226}
227@media (min-width: 1200px) {
228 h1 {
229 font-size: 2.5rem;
230 }
231}
232
233h2 {
234 font-size: calc(1.325rem + 0.9vw);
235}
236@media (min-width: 1200px) {
237 h2 {
238 font-size: 2rem;
239 }
240}
241
242h3 {
243 font-size: calc(1.3rem + 0.6vw);
244}
245@media (min-width: 1200px) {
246 h3 {
247 font-size: 1.75rem;
248 }
249}
250
251h4 {
252 font-size: calc(1.275rem + 0.3vw);
253}
254@media (min-width: 1200px) {
255 h4 {
256 font-size: 1.5rem;
257 }
258}
259
260h5 {
261 font-size: 1.25rem;
262}
263
264h6 {
265 font-size: 1rem;
266}
267
268p {
269 margin-top: 0;
270 margin-bottom: 1rem;
271}
272
273abbr[title] {
274 -webkit-text-decoration: underline dotted;
275 text-decoration: underline dotted;
276 cursor: help;
277 -webkit-text-decoration-skip-ink: none;
278 text-decoration-skip-ink: none;
279}
280
281address {
282 margin-bottom: 1rem;
283 font-style: normal;
284 line-height: inherit;
285}
286
287ol,
288ul {
289 padding-left: 2rem;
290}
291
292ol,
293ul,
294dl {
295 margin-top: 0;
296 margin-bottom: 1rem;
297}
298
299ol ol,
300ul ul,
301ol ul,
302ul ol {
303 margin-bottom: 0;
304}
305
306dt {
307 font-weight: 700;
308}
309
310dd {
311 margin-bottom: 0.5rem;
312 margin-left: 0;
313}
314
315blockquote {
316 margin: 0 0 1rem;
317}
318
319b,
320strong {
321 font-weight: bolder;
322}
323
324small {
325 font-size: 0.875em;
326}
327
328mark {
329 padding: 0.1875em;
330 color: var(--bs-highlight-color);
331 background-color: var(--bs-highlight-bg);
332}
333
334sub,
335sup {
336 position: relative;
337 font-size: 0.75em;
338 line-height: 0;
339 vertical-align: baseline;
340}
341
342sub {
343 bottom: -0.25em;
344}
345
346sup {
347 top: -0.5em;
348}
349
350a {
351 color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));
352 text-decoration: underline;
353}
354a:hover {
355 --bs-link-color-rgb: var(--bs-link-hover-color-rgb);
356}
357
358a:not([href]):not([class]), a:not([href]):not([class]):hover {
359 color: inherit;
360 text-decoration: none;
361}
362
363pre,
364code,
365kbd,
366samp {
367 font-family: var(--bs-font-monospace);
368 font-size: 1em;
369}
370
371pre {
372 display: block;
373 margin-top: 0;
374 margin-bottom: 1rem;
375 overflow: auto;
376 font-size: 0.875em;
377}
378pre code {
379 font-size: inherit;
380 color: inherit;
381 word-break: normal;
382}
383
384code {
385 font-size: 0.875em;
386 color: var(--bs-code-color);
387 word-wrap: break-word;
388}
389a > code {
390 color: inherit;
391}
392
393kbd {
394 padding: 0.1875rem 0.375rem;
395 font-size: 0.875em;
396 color: var(--bs-body-bg);
397 background-color: var(--bs-body-color);
398 border-radius: 0.25rem;
399}
400kbd kbd {
401 padding: 0;
402 font-size: 1em;
403}
404
405figure {
406 margin: 0 0 1rem;
407}
408
409img,
410svg {
411 vertical-align: middle;
412}
413
414table {
415 caption-side: bottom;
416 border-collapse: collapse;
417}
418
419caption {
420 padding-top: 0.5rem;
421 padding-bottom: 0.5rem;
422 color: var(--bs-secondary-color);
423 text-align: left;
424}
425
426th {
427 text-align: inherit;
428 text-align: -webkit-match-parent;
429}
430
431thead,
432tbody,
433tfoot,
434tr,
435td,
436th {
437 border-color: inherit;
438 border-style: solid;
439 border-width: 0;
440}
441
442label {
443 display: inline-block;
444}
445
446button {
447 border-radius: 0;
448}
449
450button:focus:not(:focus-visible) {
451 outline: 0;
452}
453
454input,
455button,
456select,
457optgroup,
458textarea {
459 margin: 0;
460 font-family: inherit;
461 font-size: inherit;
462 line-height: inherit;
463}
464
465button,
466select {
467 text-transform: none;
468}
469
470[role=button] {
471 cursor: pointer;
472}
473
474select {
475 word-wrap: normal;
476}
477select:disabled {
478 opacity: 1;
479}
480
481[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {
482 display: none !important;
483}
484
485button,
486[type=button],
487[type=reset],
488[type=submit] {
489 -webkit-appearance: button;
490}
491button:not(:disabled),
492[type=button]:not(:disabled),
493[type=reset]:not(:disabled),
494[type=submit]:not(:disabled) {
495 cursor: pointer;
496}
497
498::-moz-focus-inner {
499 padding: 0;
500 border-style: none;
501}
502
503textarea {
504 resize: vertical;
505}
506
507fieldset {
508 min-width: 0;
509 padding: 0;
510 margin: 0;
511 border: 0;
512}
513
514legend {
515 float: left;
516 width: 100%;
517 padding: 0;
518 margin-bottom: 0.5rem;
519 font-size: calc(1.275rem + 0.3vw);
520 line-height: inherit;
521}
522@media (min-width: 1200px) {
523 legend {
524 font-size: 1.5rem;
525 }
526}
527legend + * {
528 clear: left;
529}
530
531::-webkit-datetime-edit-fields-wrapper,
532::-webkit-datetime-edit-text,
533::-webkit-datetime-edit-minute,
534::-webkit-datetime-edit-hour-field,
535::-webkit-datetime-edit-day-field,
536::-webkit-datetime-edit-month-field,
537::-webkit-datetime-edit-year-field {
538 padding: 0;
539}
540
541::-webkit-inner-spin-button {
542 height: auto;
543}
544
545[type=search] {
546 -webkit-appearance: textfield;
547 outline-offset: -2px;
548}
549
550/* rtl:raw:
551[type="tel"],
552[type="url"],
553[type="email"],
554[type="number"] {
555 direction: ltr;
556}
557*/
558::-webkit-search-decoration {
559 -webkit-appearance: none;
560}
561
562::-webkit-color-swatch-wrapper {
563 padding: 0;
564}
565
566::-webkit-file-upload-button {
567 font: inherit;
568 -webkit-appearance: button;
569}
570
571::file-selector-button {
572 font: inherit;
573 -webkit-appearance: button;
574}
575
576output {
577 display: inline-block;
578}
579
580iframe {
581 border: 0;
582}
583
584summary {
585 display: list-item;
586 cursor: pointer;
587}
588
589progress {
590 vertical-align: baseline;
591}
592
593[hidden] {
594 display: none !important;
595}
596
597/*# sourceMappingURL=bootstrap-reboot.css.map */