A simple test for maybe doing events in the backgrounds between pages in Blazor.
0
fork

Configure Feed

Select the types of activity you want to include in your feed.

at main 594 lines 12 kB view raw
1/*! 2 * Bootstrap Reboot v5.3.3 (https://getbootstrap.com/) 3 * Copyright 2011-2024 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-right: 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-right: 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: right; 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: right; 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: right; 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[type="tel"], 551[type="url"], 552[type="email"], 553[type="number"] { 554 direction: ltr; 555} 556::-webkit-search-decoration { 557 -webkit-appearance: none; 558} 559 560::-webkit-color-swatch-wrapper { 561 padding: 0; 562} 563 564::-webkit-file-upload-button { 565 font: inherit; 566 -webkit-appearance: button; 567} 568 569::file-selector-button { 570 font: inherit; 571 -webkit-appearance: button; 572} 573 574output { 575 display: inline-block; 576} 577 578iframe { 579 border: 0; 580} 581 582summary { 583 display: list-item; 584 cursor: pointer; 585} 586 587progress { 588 vertical-align: baseline; 589} 590 591[hidden] { 592 display: none !important; 593} 594/*# sourceMappingURL=bootstrap-reboot.rtl.css.map */