diff --git a/src/media/css/template.css b/src/media/css/template.css index 9896052..45af99b 100644 --- a/src/media/css/template.css +++ b/src/media/css/template.css @@ -52,12 +52,12 @@ body { margin: 0; - font-family: var(--body-font-family); + font-family: var(--body-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif); font-size: var(--body-font-size, 1rem); font-weight: var(--body-font-weight, 400); line-height: var(--body-line-height, 1.5); color: var(--body-color, #22262a); - text-align: var(--body-text-align); + text-align: var(--body-text-align, start); background: var(--body-bg, #fff); -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); @@ -308,7 +308,7 @@ a { } a:active { - color: var(--link-active-color); + color: var(--link-active-color, #0d1f40); } a:not([href]):not([class]), @@ -321,7 +321,7 @@ pre, code, kbd, samp { - font-family: var(--font-monospace); + font-family: var(--font-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace); font-size: 1em; } @@ -719,8 +719,8 @@ progress { --gutter-x: 1em; --gutter-y: 0; width: 100%; - padding-right: calc(var(--gutter-x) * 0.5); - padding-left: calc(var(--gutter-x) * 0.5); + padding-right: calc(var(--gutter-x, 1.5rem) * 0.5); + padding-left: calc(var(--gutter-x, 1.5rem) * 0.5); margin-right: auto; margin-left: auto; } @@ -801,12 +801,12 @@ progress { flex-shrink: 0; width: 100%; max-width: 100%; - padding-right: calc(0.25 * var(--gutter-x)); - padding-left: calc(0.25 * var(--gutter-x)); + padding-right: calc(0.25 * var(--gutter-x, 1.5rem)); + padding-left: calc(0.25 * var(--gutter-x, 1.5rem)); } .latest-view { - margin-top: var(--gutter-x); + margin-top: var(--gutter-x, 1.5rem); } .col { @@ -2343,9 +2343,9 @@ progress { /* Values defined in light.standard.css / dark.standard.css */ width: 100%; margin-bottom: 1rem; - color: var(--table-color); + color: var(--table-color, #22262a); vertical-align: top; - border-color: var(--table-border-color); + border-color: var(--table-border-color, #dfe3e7); } .table> :not(caption)>*>* { @@ -2393,23 +2393,23 @@ progress { } .table-striped>tbody>tr:nth-of-type(odd)>* { - --table-accent-bg: var(--table-striped-bg, rgba(var(--white-rgb), var(--opacity-5))); - color: var(--table-striped-color); + --table-accent-bg: var(--table-striped-bg, rgba(var(--white-rgb, 255, 255, 255), var(--opacity-5, 0.05))); + color: var(--table-striped-color, #22262a); } .table-striped-columns> :not(caption)>tr> :nth-child(even) { - --table-accent-bg: var(--table-striped-bg, rgba(var(--white-rgb), var(--opacity-5))); - color: var(--table-striped-color); + --table-accent-bg: var(--table-striped-bg, rgba(var(--white-rgb, 255, 255, 255), var(--opacity-5, 0.05))); + color: var(--table-striped-color, #22262a); } .table-active { - --table-accent-bg: var(--table-active-bg, rgba(var(--white-rgb), 0.1)); - color: var(--table-active-color); + --table-accent-bg: var(--table-active-bg, rgba(var(--white-rgb, 255, 255, 255), 0.1)); + color: var(--table-active-color, #22262a); } .table-active>tbody>tr:active>* { - --table-accent-bg: var(--table-active-bg, rgba(var(--white-rgb), 0.1)); - color: var(--table-active-color); + --table-accent-bg: var(--table-active-bg, rgba(var(--white-rgb, 255, 255, 255), 0.1)); + color: var(--table-active-color, #22262a); } .table-primary { @@ -2422,8 +2422,8 @@ progress { --table-active-color: hsl(0, 0%, 0%); --table-active-bg: #bfc4cc; --table-active-color: hsl(0, 0%, 0%); - color: var(--table-color); - border-color: var(--table-border-color); + color: var(--table-color, #22262a); + border-color: var(--table-border-color, #dfe3e7); } .table-secondary { @@ -2436,8 +2436,8 @@ progress { --table-active-color: hsl(0, 0%, 0%); --table-active-bg: #d1d2d4; --table-active-color: hsl(0, 0%, 0%); - color: var(--table-color); - border-color: var(--table-border-color); + color: var(--table-color, #22262a); + border-color: var(--table-border-color, #dfe3e7); } .table-success { @@ -2450,8 +2450,8 @@ progress { --table-active-color: hsl(0, 0%, 0%); --table-active-bg: #cad5ca; --table-active-color: hsl(0, 0%, 0%); - color: var(--table-color); - border-color: var(--table-border-color); + color: var(--table-color, #22262a); + border-color: var(--table-border-color, #dfe3e7); } .table-info { @@ -2464,8 +2464,8 @@ progress { --table-active-color: hsl(0, 0%, 0%); --table-active-bg: #c6cfd7; --table-active-color: hsl(0, 0%, 0%); - color: var(--table-color); - border-color: var(--table-border-color); + color: var(--table-color, #22262a); + border-color: var(--table-border-color, #dfe3e7); } .table-warning { @@ -2478,8 +2478,8 @@ progress { --table-active-color: hsl(0, 0%, 0%); --table-active-bg: #ddcfbd; --table-active-color: hsl(0, 0%, 0%); - color: var(--table-color); - border-color: var(--table-border-color); + color: var(--table-color, #22262a); + border-color: var(--table-border-color, #dfe3e7); } .table-danger { @@ -2492,8 +2492,8 @@ progress { --table-active-color: hsl(0, 0%, 0%); --table-active-bg: #dbc2c1; --table-active-color: hsl(0, 0%, 0%); - color: var(--table-color); - border-color: var(--table-border-color); + color: var(--table-color, #22262a); + border-color: var(--table-border-color, #dfe3e7); } .table-light { @@ -2506,8 +2506,8 @@ progress { --table-active-color: hsl(0, 0%, 0%); --table-active-bg: #e6e7e8; --table-active-color: hsl(0, 0%, 0%); - color: var(--table-color); - border-color: var(--table-border-color); + color: var(--table-color, #22262a); + border-color: var(--table-border-color, #dfe3e7); } .table-dark { @@ -2520,8 +2520,8 @@ progress { --table-active-color: var(--body-color, #22262a); --table-active-bg: #444a4f; --table-active-color: var(--body-color, #22262a); - color: var(--table-color); - border-color: var(--table-border-color); + color: var(--table-color, #22262a); + border-color: var(--table-border-color, #dfe3e7); } .table-responsive { @@ -3689,31 +3689,31 @@ textarea.form-control.is-invalid { } .btn:active { - color: var(--btn-active-color); + color: var(--btn-active-color, hsl(0, 0%, 100%)); background-color: var(--btn-active-bg, hsl(210, 10%, 30%)); border-color: var(--btn-active-border-color, transparent); } .btn-check+.btn:active { - color: var(--btn-color); + color: var(--btn-color, hsl(210, 10%, 23%)); background-color: var(--btn-bg, transparent); border-color: var(--btn-border-color, transparent); } .btn:focus-visible { - color: var(--btn-active-color); + color: var(--btn-active-color, hsl(0, 0%, 100%)); background-color: var(--btn-active-bg, hsl(210, 10%, 30%)); border-color: var(--btn-active-border-color, transparent); outline: 0; - -webkit-box-shadow: var(--btn-focus-box-shadow, 0 0 0 0.25rem rgba(var(--btn-focus-shadow-rgb), .5)); - box-shadow: var(--btn-focus-box-shadow, 0 0 0 0.25rem rgba(var(--btn-focus-shadow-rgb), .5)); + -webkit-box-shadow: var(--btn-focus-box-shadow, 0 0 0 0.25rem rgba(var(--btn-focus-shadow-rgb, 39, 39, 111), .5)); + box-shadow: var(--btn-focus-box-shadow, 0 0 0 0.25rem rgba(var(--btn-focus-shadow-rgb, 39, 39, 111), .5)); } .btn-check:focus-visible+.btn { border-color: var(--btn-active-border-color, transparent); outline: 0; - -webkit-box-shadow: var(--btn-focus-box-shadow, 0 0 0 0.25rem rgba(var(--btn-focus-shadow-rgb), .5)); - box-shadow: var(--btn-focus-box-shadow, 0 0 0 0.25rem rgba(var(--btn-focus-shadow-rgb), .5)); + -webkit-box-shadow: var(--btn-focus-box-shadow, 0 0 0 0.25rem rgba(var(--btn-focus-shadow-rgb, 39, 39, 111), .5)); + box-shadow: var(--btn-focus-box-shadow, 0 0 0 0.25rem rgba(var(--btn-focus-shadow-rgb, 39, 39, 111), .5)); } .btn-check:checked+.btn, @@ -3721,7 +3721,7 @@ textarea.form-control.is-invalid { .btn:first-child:active, .btn.active, .btn.show { - color: var(--btn-active-color); + color: var(--btn-active-color, hsl(0, 0%, 100%)); background-color: var(--btn-active-bg, hsl(210, 10%, 30%)); border-color: var(--btn-active-border-color, transparent); } @@ -3731,8 +3731,8 @@ textarea.form-control.is-invalid { .btn:first-child:active:focus-visible, .btn.active:focus-visible, .btn.show:focus-visible { - -webkit-box-shadow: var(--btn-focus-box-shadow, 0 0 0 0.25rem rgba(var(--btn-focus-shadow-rgb), .5)); - box-shadow: var(--btn-focus-box-shadow, 0 0 0 0.25rem rgba(var(--btn-focus-shadow-rgb), .5)); + -webkit-box-shadow: var(--btn-focus-box-shadow, 0 0 0 0.25rem rgba(var(--btn-focus-shadow-rgb, 39, 39, 111), .5)); + box-shadow: var(--btn-focus-box-shadow, 0 0 0 0.25rem rgba(var(--btn-focus-shadow-rgb, 39, 39, 111), .5)); } .btn:disabled, @@ -3750,9 +3750,9 @@ fieldset:disabled .btn { --btn-color: var(--link-color, #224faa); --btn-bg: transparent; --btn-border-color: transparent; - --btn-active-color: var(--link-active-color); + --btn-active-color: var(--link-active-color, #0d1f40); --btn-active-border-color: transparent; - --btn-active-color: var(--link-active-color); + --btn-active-color: var(--link-active-color, #0d1f40); --btn-active-border-color: transparent; --btn-disabled-color: hsl(210, 7%, 46%); --btn-disabled-border-color: transparent; @@ -3762,11 +3762,11 @@ fieldset:disabled .btn { } .btn-link:focus-visible { - color: var(--btn-color); + color: var(--btn-color, hsl(210, 10%, 23%)); } .btn-link:active { - color: var(--btn-active-color); + color: var(--btn-active-color, hsl(0, 0%, 100%)); } .btn-lg, @@ -3876,12 +3876,12 @@ fieldset:disabled .btn { padding: var(--dropdown-padding-y, 0.5rem) var(--dropdown-padding-x, 0); margin: 0; font-size: var(--dropdown-font-size, 1rem); - color: var(--dropdown-color); + color: var(--dropdown-color, hsl(210, 11%, 15%)); text-align: left; list-style: none; - background-color: var(--dropdown-bg); + background-color: var(--dropdown-bg, #fff); background-clip: padding-box; - border: var(--dropdown-border-width, 1px) solid var(--dropdown-border-color); + border: var(--dropdown-border-width, 1px) solid var(--dropdown-border-color, rgba(0, 0, 0, 0.175)); border-radius: var(--dropdown-border-radius, 0.25rem); } @@ -4099,7 +4099,7 @@ fieldset:disabled .btn { height: 0; margin: var(--dropdown-divider-margin-y, 0.5rem) 0; overflow: hidden; - border-top: 1px solid var(--dropdown-divider-bg); + border-top: 1px solid var(--dropdown-divider-bg, #dfe3e7); opacity: 1; } @@ -4109,7 +4109,7 @@ fieldset:disabled .btn { padding: var(--dropdown-item-padding-y, 0.25rem) var(--dropdown-item-padding-x, 1rem); clear: both; font-weight: 400; - color: var(--dropdown-link-color); + color: var(--dropdown-link-color, hsl(210, 11%, 15%)); text-align: inherit; text-decoration: none; white-space: nowrap; @@ -4119,20 +4119,20 @@ fieldset:disabled .btn { .dropdown-item:active, .dropdown-item:focus { - color: var(--dropdown-link-active-color); + color: var(--dropdown-link-active-color, #fff); background-color: var(--dropdown-link-active-bg, hsl(240, 98%, 17%)); } .dropdown-item.active, .dropdown-item:active { - color: var(--dropdown-link-active-color); + color: var(--dropdown-link-active-color, #fff); text-decoration: none; background-color: var(--dropdown-link-active-bg, hsl(240, 98%, 17%)); } .dropdown-item.disabled, .dropdown-item:disabled { - color: var(--dropdown-link-disabled-color); + color: var(--dropdown-link-disabled-color, hsl(210, 11%, 71%)); pointer-events: none; background-color: transparent; } @@ -4146,14 +4146,14 @@ fieldset:disabled .btn { padding: var(--dropdown-header-padding-y, 0.5rem) var(--dropdown-header-padding-x, 1rem); margin-bottom: 0; font-size: 0.875rem; - color: var(--dropdown-header-color); + color: var(--dropdown-header-color, hsl(210, 7%, 46%)); white-space: nowrap; } .dropdown-item-text { display: block; padding: var(--dropdown-item-padding-y, 0.25rem) var(--dropdown-item-padding-x, 1rem); - color: var(--dropdown-link-color); + color: var(--dropdown-link-color, hsl(210, 11%, 15%)); } .dropdown-menu-dark { @@ -4318,9 +4318,9 @@ fieldset:disabled .btn { .nav-link { display: block; padding: var(--nav-link-padding-y, 0.5rem) var(--nav-link-padding-x, 1rem); - font-size: var(--nav-link-font-size); + font-size: var(--nav-link-font-size, 1rem); font-weight: var(--nav-link-font-weight, 400); - color: var(--nav-link-color); + color: var(--nav-link-color, #224FAA); text-decoration: none; -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out; -o-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out; @@ -4337,7 +4337,7 @@ fieldset:disabled .btn { .nav-link:active, .nav-link:focus { - color: var(--nav-link-active-color); + color: var(--nav-link-active-color, #0d1f40); } .nav-link.disabled { @@ -4348,7 +4348,7 @@ fieldset:disabled .btn { .nav-tabs { /* Values defined in light.standard.css / dark.standard.css */ - border-bottom: var(--nav-tabs-border-width, 1px) solid var(--nav-tabs-border-color); + border-bottom: var(--nav-tabs-border-width, 1px) solid var(--nav-tabs-border-color, hsl(210, 14%, 89%)); } .nav-tabs .nav-link { @@ -4362,7 +4362,7 @@ fieldset:disabled .btn { .nav-tabs .nav-link:active, .nav-tabs .nav-link:focus { isolation: isolate; - border-color: var(--nav-tabs-link-active-border-color); + border-color: var(--nav-tabs-link-active-border-color, hsl(210, 14%, 89%) hsl(210, 14%, 89%) var(--body-bg, #fff)); } .nav-tabs .nav-link.disabled, @@ -4374,9 +4374,9 @@ fieldset:disabled .btn { .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link { - color: var(--nav-tabs-link-active-color); - background-color: var(--nav-tabs-link-active-bg); - border-color: var(--nav-tabs-link-active-border-color); + color: var(--nav-tabs-link-active-color, hsl(210, 9%, 31%)); + background-color: var(--nav-tabs-link-active-bg, #fff); + border-color: var(--nav-tabs-link-active-border-color, hsl(210, 14%, 89%) hsl(210, 14%, 89%) var(--body-bg, #fff)); } .nav-tabs .dropdown-menu { @@ -4403,7 +4403,7 @@ fieldset:disabled .btn { .nav-pills .nav-link.active, .nav-pills .show>.nav-link { - color: var(--nav-pills-link-active-color); + color: var(--nav-pills-link-active-color, #fff); background-color: var(--nav-pills-link-active-bg, hsl(240, 98%, 17%)); } @@ -4479,14 +4479,14 @@ fieldset:disabled .btn { padding-bottom: var(--navbar-brand-padding-y, 0.3125rem); margin-right: var(--navbar-brand-margin-end, 1rem); font-size: var(--navbar-brand-font-size, 1.25rem); - color: var(--navbar-brand-color); + color: var(--navbar-brand-color, #22262a); text-decoration: none; white-space: nowrap; } .navbar-brand:active, .navbar-brand:focus { - color: var(--navbar-brand-active-color); + color: var(--navbar-brand-active-color, #22262a); } .navbar-nav { @@ -4504,7 +4504,7 @@ fieldset:disabled .btn { .navbar-nav .show>.nav-link, .navbar-nav .nav-link.active { - color: var(--navbar-active-color); + color: var(--navbar-active-color, #112855); } .navbar-nav .dropdown-menu { @@ -4514,13 +4514,13 @@ fieldset:disabled .btn { .navbar-text { padding-top: 0.5rem; padding-bottom: 0.5rem; - color: var(--navbar-color); + color: var(--navbar-color, #22262a); } .navbar-text a, .navbar-text a:active, .navbar-text a:focus { - color: var(--navbar-active-color); + color: var(--navbar-active-color, #112855); } .navbar-collapse { @@ -4538,7 +4538,7 @@ fieldset:disabled .btn { padding: var(--navbar-toggler-padding-y, 0.25rem) var(--navbar-toggler-padding-x, 0.75rem); font-size: var(--navbar-toggler-font-size, 1.25rem); line-height: 1; - color: var(--navbar-color); + color: var(--navbar-color, #22262a); background-color: transparent; border: 0; -webkit-transition: var(--navbar-toggler-transition, box-shadow 0.15s ease-in-out); @@ -5039,9 +5039,9 @@ fieldset:disabled .btn { min-width: 0; height: var(--card-height, auto); word-wrap: break-word; - background-color: var(--card-bg); + background-color: var(--card-bg, #fff); background-clip: border-box; - border: var(--card-border-width, 1px) solid var(--card-border-color); + border: var(--card-border-width, 1px) solid var(--card-border-color, #dfe3e7); border-radius: var(--card-border-radius, .25rem); } @@ -5057,14 +5057,14 @@ fieldset:disabled .btn { .card>.list-group:first-child { border-top-width: 0; - border-top-left-radius: var(--card-inner-border-radius, calc(var(--border-radius) - 1px)); - border-top-right-radius: var(--card-inner-border-radius, calc(var(--border-radius) - 1px)); + border-top-left-radius: var(--card-inner-border-radius, calc(var(--border-radius, .25rem) - 1px)); + border-top-right-radius: var(--card-inner-border-radius, calc(var(--border-radius, .25rem) - 1px)); } .card>.list-group:last-child { border-bottom-width: 0; - border-bottom-right-radius: var(--card-inner-border-radius, calc(var(--border-radius) - 1px)); - border-bottom-left-radius: var(--card-inner-border-radius, calc(var(--border-radius) - 1px)); + border-bottom-right-radius: var(--card-inner-border-radius, calc(var(--border-radius, .25rem) - 1px)); + border-bottom-left-radius: var(--card-inner-border-radius, calc(var(--border-radius, .25rem) - 1px)); } .card>.card-header+.list-group, @@ -5077,7 +5077,7 @@ fieldset:disabled .btn { -ms-flex: 1 1 auto; flex: 1 1 auto; padding: var(--card-spacer-y, 1rem) var(--card-spacer-x, 1rem); - color: var(--card-color); + color: var(--card-color, #22262a); } .card-title { @@ -5100,24 +5100,24 @@ fieldset:disabled .btn { .card-header { padding: var(--card-cap-padding-y, 0.5rem) var(--card-cap-padding-x, 1rem); margin-bottom: 0; - color: var(--card-cap-color); + color: var(--card-cap-color, #22262a); background-color: var(--card-cap-bg, rgba(255, 255, 255, 0.03)); - border-bottom: var(--card-border-width, 1px) solid var(--card-border-color); + border-bottom: var(--card-border-width, 1px) solid var(--card-border-color, #dfe3e7); } .card-header:first-child { - border-radius: var(--card-inner-border-radius, calc(var(--border-radius) - 1px)) var(--card-inner-border-radius, calc(var(--border-radius) - 1px)) 0 0; + border-radius: var(--card-inner-border-radius, calc(var(--border-radius, .25rem) - 1px)) var(--card-inner-border-radius, calc(var(--border-radius, .25rem) - 1px)) 0 0; } .card-footer { padding: var(--card-cap-padding-y, 0.5rem) var(--card-cap-padding-x, 1rem); - color: var(--card-cap-color); + color: var(--card-cap-color, #22262a); background-color: var(--card-cap-bg, rgba(255, 255, 255, 0.03)); - border-top: var(--card-border-width, 1px) solid var(--card-border-color); + border-top: var(--card-border-width, 1px) solid var(--card-border-color, #dfe3e7); } .card-footer:last-child { - border-radius: 0 0 var(--card-inner-border-radius, calc(var(--border-radius) - 1px)) var(--card-inner-border-radius, calc(var(--border-radius) - 1px)); + border-radius: 0 0 var(--card-inner-border-radius, calc(var(--border-radius, .25rem) - 1px)) var(--card-inner-border-radius, calc(var(--border-radius, .25rem) - 1px)); } .card-header-tabs { @@ -5128,8 +5128,8 @@ fieldset:disabled .btn { } .card-header-tabs .nav-link.active { - background-color: var(--card-bg); - border-bottom-color: var(--card-bg); + background-color: var(--card-bg, #fff); + border-bottom-color: var(--card-bg, #fff); } .card-header-pills { @@ -5144,7 +5144,7 @@ fieldset:disabled .btn { bottom: 0; left: 0; padding: var(--card-img-overlay-padding, 1rem); - border-radius: var(--card-inner-border-radius, calc(var(--border-radius) - 1px)); + border-radius: var(--card-inner-border-radius, calc(var(--border-radius, .25rem) - 1px)); } .card-img, @@ -5155,14 +5155,14 @@ fieldset:disabled .btn { .card-img, .card-img-top { - border-top-left-radius: var(--card-inner-border-radius, calc(var(--border-radius) - 1px)); - border-top-right-radius: var(--card-inner-border-radius, calc(var(--border-radius) - 1px)); + border-top-left-radius: var(--card-inner-border-radius, calc(var(--border-radius, .25rem) - 1px)); + border-top-right-radius: var(--card-inner-border-radius, calc(var(--border-radius, .25rem) - 1px)); } .card-img, .card-img-bottom { - border-bottom-right-radius: var(--card-inner-border-radius, calc(var(--border-radius) - 1px)); - border-bottom-left-radius: var(--card-inner-border-radius, calc(var(--border-radius) - 1px)); + border-bottom-right-radius: var(--card-inner-border-radius, calc(var(--border-radius, .25rem) - 1px)); + border-bottom-left-radius: var(--card-inner-border-radius, calc(var(--border-radius, .25rem) - 1px)); } .card-group>.card { @@ -5238,15 +5238,15 @@ fieldset:disabled .btn { width: 100%; padding: var(--accordion-btn-padding-y, 1rem) var(--accordion-btn-padding-x, 1.25rem); font-size: 1rem; - color: var(--accordion-btn-color); + color: var(--accordion-btn-color, hsl(210, 11%, 15%)); text-align: left; - background-color: var(--accordion-btn-bg); + background-color: var(--accordion-btn-bg, #fff); border: 0; border-radius: 0; overflow-anchor: none; - -webkit-transition: var(--accordion-transition); - -o-transition: var(--accordion-transition); - transition: var(--accordion-transition); + -webkit-transition: var(--accordion-transition, color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease); + -o-transition: var(--accordion-transition, color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease); + transition: var(--accordion-transition, color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease); } @media (prefers-reduced-motion: reduce) { @@ -5258,14 +5258,14 @@ fieldset:disabled .btn { } .accordion-button:not(.collapsed) { - color: var(--accordion-active-color); - background-color: var(--accordion-active-bg); - -webkit-box-shadow: inset 0 calc(-1 * var(--accordion-border-width, 1px)) 0 var(--accordion-border-color); - box-shadow: inset 0 calc(-1 * var(--accordion-border-width, 1px)) 0 var(--accordion-border-color); + color: var(--accordion-active-color, #0f244d); + background-color: var(--accordion-active-bg, #e7eaee); + -webkit-box-shadow: inset 0 calc(-1 * var(--accordion-border-width, 1px)) 0 var(--accordion-border-color, #dfe3e7); + box-shadow: inset 0 calc(-1 * var(--accordion-border-width, 1px)) 0 var(--accordion-border-color, #dfe3e7); } .accordion-button:not(.collapsed)::after { - background-image: var(--accordion-btn-active-icon); + background-image: var(--accordion-btn-active-icon, url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27 fill=%27%23112855%27%3e%3cpath fill-rule=%27evenodd%27 d=%27M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z%27/%3e%3c/svg%3e")); -webkit-transform: var(--accordion-btn-icon-transform, rotate(-180deg)); transform: var(--accordion-btn-icon-transform, rotate(-180deg)); } @@ -5299,7 +5299,7 @@ fieldset:disabled .btn { .accordion-button:focus { z-index: 3; - border-color: var(--accordion-btn-focus-border-color); + border-color: var(--accordion-btn-focus-border-color, #3f8ff0); outline: 0; -webkit-box-shadow: var(--accordion-btn-focus-box-shadow, 0 0 0 0.25rem rgba(84, 114, 255, 0.25)); box-shadow: var(--accordion-btn-focus-box-shadow, 0 0 0 0.25rem rgba(84, 114, 255, 0.25)); @@ -5310,9 +5310,9 @@ fieldset:disabled .btn { } .accordion-item { - color: var(--accordion-color); - background-color: var(--accordion-bg); - border: var(--accordion-border-width, 1px) solid var(--accordion-border-color); + color: var(--accordion-color, hsl(210, 11%, 15%)); + background-color: var(--accordion-bg, #fff); + border: var(--accordion-border-width, 1px) solid var(--accordion-border-color, #dfe3e7); } .accordion-item:first-of-type { @@ -5380,7 +5380,7 @@ fieldset:disabled .btn { flex-wrap: wrap; padding: var(--breadcrumb-padding-y, 0) var(--breadcrumb-padding-x, 0); margin-bottom: var(--breadcrumb-margin-bottom, 1rem); - font-size: var(--breadcrumb-font-size); + font-size: var(--breadcrumb-font-size, 0.875rem); list-style: none; background-color: var(--breadcrumb-bg, ); border-radius: var(--breadcrumb-border-radius, ); @@ -5393,13 +5393,13 @@ fieldset:disabled .btn { .breadcrumb-item+.breadcrumb-item::before { float: left; padding-right: var(--breadcrumb-item-padding-x, 0.5rem); - color: var(--breadcrumb-divider-color); + color: var(--breadcrumb-divider-color, hsl(210, 7%, 46%)); content: var(--breadcrumb-divider, "\00a0/\00a0"); ; } .breadcrumb-item.active { - color: var(--breadcrumb-item-active-color); + color: var(--breadcrumb-item-active-color, #6d757e); } .pagination { @@ -5416,10 +5416,10 @@ fieldset:disabled .btn { display: block; padding: var(--pagination-padding-y, 0.375rem) var(--pagination-padding-x, 0.75rem); font-size: var(--pagination-font-size, 1rem); - color: var(--pagination-color); + color: var(--pagination-color, #224FAA); text-decoration: none; - background-color: var(--pagination-bg); - border: var(--pagination-border-width, 1px) solid var(--pagination-border-color); + background-color: var(--pagination-bg, #fff); + border: var(--pagination-border-width, 1px) solid var(--pagination-border-color, hsl(210, 14%, 89%)); -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; -o-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; @@ -5437,15 +5437,15 @@ fieldset:disabled .btn { .page-link:active { z-index: 2; - color: var(--pagination-active-color); + color: var(--pagination-active-color, #fff); background-color: var(--pagination-active-bg, hsl(240, 98%, 17%)); border-color: var(--pagination-active-border-color, hsl(240, 98%, 17%)); } .page-link:focus { z-index: 3; - color: var(--pagination-focus-color); - background-color: var(--pagination-focus-bg); + color: var(--pagination-focus-color, #224FAA); + background-color: var(--pagination-focus-bg, hsl(210, 16%, 93%)); outline: 0; -webkit-box-shadow: var(--pagination-focus-box-shadow, 0 0 0 0.25rem rgba(84, 114, 255, 0.25)); box-shadow: var(--pagination-focus-box-shadow, 0 0 0 0.25rem rgba(84, 114, 255, 0.25)); @@ -5454,17 +5454,17 @@ fieldset:disabled .btn { .page-link.active, .active>.page-link { z-index: 3; - color: var(--pagination-active-color); + color: var(--pagination-active-color, #fff); background-color: var(--pagination-active-bg, hsl(240, 98%, 17%)); border-color: var(--pagination-active-border-color, hsl(240, 98%, 17%)); } .page-link.disabled, .disabled>.page-link { - color: var(--pagination-disabled-color); + color: var(--pagination-disabled-color, hsl(210, 7%, 46%)); pointer-events: none; - background-color: var(--pagination-disabled-bg); - border-color: var(--pagination-disabled-border-color); + background-color: var(--pagination-disabled-bg, #fff); + border-color: var(--pagination-disabled-border-color, hsl(210, 14%, 89%)); } .page-item:not(:first-child) .page-link { @@ -5502,7 +5502,7 @@ fieldset:disabled .btn { font-size: var(--badge-font-size, 0.75em); font-weight: var(--badge-font-weight, 700); line-height: 1; - color: var(--badge-color); + color: var(--badge-color, #fff); text-align: center; white-space: nowrap; vertical-align: baseline; @@ -5525,7 +5525,7 @@ fieldset:disabled .btn { margin-bottom: var(--alert-margin-bottom, 1rem); color: var(--alert-color, inherit); background-color: var(--alert-bg, transparent); - border: var(--alert-border, 1px solid var(--alert-border-color)); + border: var(--alert-border, 1px solid var(--alert-border-color, transparent)); border-radius: var(--alert-border-radius, 0.25rem); } @@ -5649,7 +5649,7 @@ fieldset:disabled .btn { height: var(--progress-height, 1rem); overflow: hidden; font-size: var(--progress-font-size, 0.75rem); - background-color: var(--progress-bg); + background-color: var(--progress-bg, hsl(210, 16%, 93%)); border-radius: var(--progress-border-radius, 0.25rem); } @@ -5665,7 +5665,7 @@ fieldset:disabled .btn { -ms-flex-pack: center; justify-content: center; overflow: hidden; - color: var(--progress-bar-color); + color: var(--progress-bar-color, #fff); text-align: center; white-space: nowrap; background-color: var(--progress-bar-bg, hsl(240, 98%, 40%)); @@ -5726,31 +5726,31 @@ fieldset:disabled .btn { .list-group-item-action { width: 100%; - color: var(--list-group-action-color); + color: var(--list-group-action-color, hsl(210, 9%, 31%)); text-align: inherit; } .list-group-item-action:active, .list-group-item-action:focus { z-index: 1; - color: var(--list-group-action-active-color); + color: var(--list-group-action-active-color, hsl(210, 11%, 15%)); text-decoration: none; - background-color: var(--list-group-action-active-bg); + background-color: var(--list-group-action-active-bg, hsl(210, 16%, 93%)); } .list-group-item-action:active { - color: var(--list-group-action-active-color); - background-color: var(--list-group-action-active-bg); + color: var(--list-group-action-active-color, hsl(210, 11%, 15%)); + background-color: var(--list-group-action-active-bg, hsl(210, 16%, 93%)); } .list-group-item { position: relative; display: block; padding: var(--list-group-item-padding-y, 0.5rem) var(--list-group-item-padding-x, 1rem); - color: var(--list-group-color); + color: var(--list-group-color, hsl(210, 11%, 15%)); text-decoration: none; - background-color: var(--list-group-bg); - border: var(--list-group-border-width, 1px) solid var(--list-group-border-color, rgba(var(--white-rgb), 0.125)); + background-color: var(--list-group-bg, #fff); + border: var(--list-group-border-width, 1px) solid var(--list-group-border-color, rgba(var(--white-rgb, 255, 255, 255), 0.125)); } .list-group-item:first-child { @@ -5765,14 +5765,14 @@ fieldset:disabled .btn { .list-group-item.disabled, .list-group-item:disabled { - color: var(--list-group-disabled-color); + color: var(--list-group-disabled-color, hsl(210, 7%, 46%)); pointer-events: none; - background-color: var(--list-group-disabled-bg); + background-color: var(--list-group-disabled-bg, #fff); } .list-group-item.active { z-index: 2; - color: var(--list-group-active-color); + color: var(--list-group-active-color, #fff); background-color: var(--list-group-active-bg, hsl(240, 98%, 17%)); border-color: var(--list-group-active-border-color, hsl(240, 98%, 17%)); } @@ -6179,9 +6179,9 @@ fieldset:disabled .btn { pointer-events: auto; background-color: var(--toast-bg, rgba(21, 27, 34, 0.9)); background-clip: padding-box; - border: var(--toast-border-width, 1px) solid var(--toast-border-color); - -webkit-box-shadow: var(--toast-box-shadow, 0 0.5rem 1rem var(--shadow-color-medium)); - box-shadow: var(--toast-box-shadow, 0 0.5rem 1rem var(--shadow-color-medium)); + border: var(--toast-border-width, 1px) solid var(--toast-border-color, rgba(0, 0, 0, 0.175)); + -webkit-box-shadow: var(--toast-box-shadow, 0 0.5rem 1rem var(--shadow-color-medium, rgba(var(--black-rgb, 0, 0, 0), var(--opacity-25, 0.25)))); + box-shadow: var(--toast-box-shadow, 0 0.5rem 1rem var(--shadow-color-medium, rgba(var(--black-rgb, 0, 0, 0), var(--opacity-25, 0.25)))); border-radius: var(--toast-border-radius, 0.25rem); } @@ -6216,10 +6216,10 @@ fieldset:disabled .btn { -ms-flex-align: center; align-items: center; padding: var(--toast-padding-y, 0.5rem) var(--toast-padding-x, 0.75rem); - color: var(--toast-header-color); + color: var(--toast-header-color, hsl(210, 7%, 46%)); background-color: var(--toast-header-bg, rgba(21, 27, 34, 0.85)); background-clip: padding-box; - border-bottom: var(--toast-border-width, 1px) solid var(--toast-header-border-color, rgba(var(--white-rgb), var(--opacity-10))); + border-bottom: var(--toast-border-width, 1px) solid var(--toast-header-border-color, rgba(var(--white-rgb, 255, 255, 255), var(--opacity-10, 0.1))); border-top-left-radius: calc(var(--toast-border-radius, 0.25rem) - var(--toast-border-width, 1px)); border-top-right-radius: calc(var(--toast-border-radius, 0.25rem) - var(--toast-border-width, 1px)); } @@ -6318,9 +6318,9 @@ fieldset:disabled .btn { width: 100%; color: var(--modal-color, ); pointer-events: auto; - background-color: var(--modal-bg); + background-color: var(--modal-bg, #fff); background-clip: padding-box; - border: var(--modal-border-width, 1px) solid var(--modal-border-color); + border: var(--modal-border-width, 1px) solid var(--modal-border-color, rgba(0, 0, 0, 0.175)); border-radius: var(--modal-border-radius, 0.3rem); outline: 0; } @@ -6357,7 +6357,7 @@ fieldset:disabled .btn { -ms-flex-pack: justify; justify-content: space-between; padding: var(--modal-header-padding, 1rem 1rem); - border-bottom: var(--modal-header-border-width, 1px) solid var(--modal-header-border-color); + border-bottom: var(--modal-header-border-width, 1px) solid var(--modal-header-border-color, #dfe3e7); border-top-left-radius: var(--modal-inner-border-radius, calc(0.3rem - 1px)); border-top-right-radius: var(--modal-inner-border-radius, calc(0.3rem - 1px)); } @@ -6396,7 +6396,7 @@ fieldset:disabled .btn { justify-content: flex-end; padding: calc(var(--modal-padding, 1rem) - var(--modal-footer-gap, 0.5rem) * 0.5); background-color: var(--modal-footer-bg, ); - border-top: var(--modal-footer-border-width, 1px) solid var(--modal-footer-border-color); + border-top: var(--modal-footer-border-width, 1px) solid var(--modal-footer-border-color, #dfe3e7); border-bottom-right-radius: var(--modal-inner-border-radius, calc(0.3rem - 1px)); border-bottom-left-radius: var(--modal-inner-border-radius, calc(0.3rem - 1px)); } @@ -6679,7 +6679,7 @@ fieldset:disabled .btn { .tooltip-inner { max-width: var(--tooltip-max-width, 200px); padding: var(--tooltip-padding-y, 0.25rem) var(--tooltip-padding-x, 0.5rem); - color: var(--tooltip-color); + color: var(--tooltip-color, #fff); text-align: center; background-color: var(--tooltip-bg, hsl(0, 0%, 0%)); border-radius: var(--tooltip-border-radius, 0.25rem); @@ -6706,9 +6706,9 @@ fieldset:disabled .btn { line-break: auto; font-size: var(--popover-font-size, 0.875rem); word-wrap: break-word; - background-color: var(--popover-bg); + background-color: var(--popover-bg, #fff); background-clip: padding-box; - border: var(--popover-border-width, 1px) solid var(--popover-border-color); + border: var(--popover-border-width, 1px) solid var(--popover-border-color, rgba(0, 0, 0, 0.175)); border-radius: var(--popover-border-radius, 0.3rem); } @@ -6743,13 +6743,13 @@ fieldset:disabled .btn { .bs-popover-top>.popover-arrow::before, .bs-popover-auto[data-popper-placement^=top]>.popover-arrow::before { bottom: 0; - border-top-color: var(--popover-arrow-border); + border-top-color: var(--popover-arrow-border, rgba(0, 0, 0, 0.25)); } .bs-popover-top>.popover-arrow::after, .bs-popover-auto[data-popper-placement^=top]>.popover-arrow::after { bottom: var(--popover-border-width, 1px); - border-top-color: var(--popover-bg); + border-top-color: var(--popover-bg, #fff); } /* rtl:begin:ignore */ @@ -6770,13 +6770,13 @@ fieldset:disabled .btn { .bs-popover-end>.popover-arrow::before, .bs-popover-auto[data-popper-placement^=right]>.popover-arrow::before { left: 0; - border-right-color: var(--popover-arrow-border); + border-right-color: var(--popover-arrow-border, rgba(0, 0, 0, 0.25)); } .bs-popover-end>.popover-arrow::after, .bs-popover-auto[data-popper-placement^=right]>.popover-arrow::after { left: var(--popover-border-width, 1px); - border-right-color: var(--popover-bg); + border-right-color: var(--popover-bg, #fff); } /* rtl:end:ignore */ @@ -6795,13 +6795,13 @@ fieldset:disabled .btn { .bs-popover-bottom>.popover-arrow::before, .bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::before { top: 0; - border-bottom-color: var(--popover-arrow-border); + border-bottom-color: var(--popover-arrow-border, rgba(0, 0, 0, 0.25)); } .bs-popover-bottom>.popover-arrow::after, .bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::after { top: var(--popover-border-width, 1px); - border-bottom-color: var(--popover-bg); + border-bottom-color: var(--popover-bg, #fff); } .bs-popover-bottom .popover-header::before, @@ -6813,7 +6813,7 @@ fieldset:disabled .btn { width: var(--popover-arrow-width, 1rem); margin-left: calc(-0.5 * var(--popover-arrow-width, 1rem)); content: ""; - border-bottom: var(--popover-border-width, 1px) solid var(--popover-header-bg); + border-bottom: var(--popover-border-width, 1px) solid var(--popover-header-bg, #f0f0f0); } /* rtl:begin:ignore */ @@ -6834,13 +6834,13 @@ fieldset:disabled .btn { .bs-popover-start>.popover-arrow::before, .bs-popover-auto[data-popper-placement^=left]>.popover-arrow::before { right: 0; - border-left-color: var(--popover-arrow-border); + border-left-color: var(--popover-arrow-border, rgba(0, 0, 0, 0.25)); } .bs-popover-start>.popover-arrow::after, .bs-popover-auto[data-popper-placement^=left]>.popover-arrow::after { right: var(--popover-border-width, 1px); - border-left-color: var(--popover-bg); + border-left-color: var(--popover-bg, #fff); } /* rtl:end:ignore */ @@ -6849,8 +6849,8 @@ fieldset:disabled .btn { margin-bottom: 0; font-size: var(--popover-header-font-size, 1rem); color: var(--popover-header-color, ); - background-color: var(--popover-header-bg); - border-bottom: var(--popover-border-width, 1px) solid var(--popover-border-color); + background-color: var(--popover-header-bg, #f0f0f0); + border-bottom: var(--popover-border-width, 1px) solid var(--popover-border-color, rgba(0, 0, 0, 0.175)); border-top-left-radius: var(--popover-inner-border-radius, calc(0.3rem - 1px)); border-top-right-radius: var(--popover-inner-border-radius, calc(0.3rem - 1px)); } @@ -6861,7 +6861,7 @@ fieldset:disabled .btn { .popover-body { padding: var(--popover-body-padding-y, 1rem) var(--popover-body-padding-x, 1rem); - color: var(--popover-body-color); + color: var(--popover-body-color, hsl(210, 11%, 15%)); } .carousel { @@ -7129,8 +7129,8 @@ fieldset:disabled .btn { height: var(--spinner-height, 2rem); vertical-align: var(--spinner-vertical-align, -0.125em); border-radius: 50%; - -webkit-animation: var(--spinner-animation-speed, 0.75s) linear infinite var(--spinner-animation-name); - animation: var(--spinner-animation-speed, 0.75s) linear infinite var(--spinner-animation-name); + -webkit-animation: var(--spinner-animation-speed, 0.75s) linear infinite var(--spinner-animation-name, spinner-border); + animation: var(--spinner-animation-speed, 0.75s) linear infinite var(--spinner-animation-name, spinner-border); } @-webkit-keyframes spinner-border { @@ -7236,9 +7236,9 @@ fieldset:disabled .btn { -ms-flex-direction: column; flex-direction: column; max-width: 100%; - color: var(--offcanvas-color); + color: var(--offcanvas-color, #22262a); visibility: hidden; - background-color: var(--offcanvas-bg); + background-color: var(--offcanvas-bg, #fff); background-clip: padding-box; outline: 0; -webkit-transition: -webkit-transform 0.3s ease-in-out; @@ -7262,7 +7262,7 @@ fieldset:disabled .btn { top: 0; left: 0; width: var(--offcanvas-width, 400px); - border-right: var(--offcanvas-border-width, 1px) solid var(--offcanvas-border-color); + border-right: var(--offcanvas-border-width, 1px) solid var(--offcanvas-border-color, rgba(0, 0, 0, 0.175)); -webkit-transform: translateX(-100%); transform: translateX(-100%); } @@ -7273,7 +7273,7 @@ fieldset:disabled .btn { top: 0; right: 0; width: var(--offcanvas-width, 400px); - border-left: var(--offcanvas-border-width, 1px) solid var(--offcanvas-border-color); + border-left: var(--offcanvas-border-width, 1px) solid var(--offcanvas-border-color, rgba(0, 0, 0, 0.175)); -webkit-transform: translateX(100%); transform: translateX(100%); } @@ -7286,7 +7286,7 @@ fieldset:disabled .btn { left: 0; height: var(--offcanvas-height, 30vh); max-height: 100%; - border-bottom: var(--offcanvas-border-width, 1px) solid var(--offcanvas-border-color); + border-bottom: var(--offcanvas-border-width, 1px) solid var(--offcanvas-border-color, rgba(0, 0, 0, 0.175)); -webkit-transform: translateY(-100%); transform: translateY(-100%); } @@ -7298,7 +7298,7 @@ fieldset:disabled .btn { left: 0; height: var(--offcanvas-height, 30vh); max-height: 100%; - border-top: var(--offcanvas-border-width, 1px) solid var(--offcanvas-border-color); + border-top: var(--offcanvas-border-width, 1px) solid var(--offcanvas-border-color, rgba(0, 0, 0, 0.175)); -webkit-transform: translateY(100%); transform: translateY(100%); } @@ -7359,9 +7359,9 @@ fieldset:disabled .btn { -ms-flex-direction: column; flex-direction: column; max-width: 100%; - color: var(--offcanvas-color); + color: var(--offcanvas-color, #22262a); visibility: hidden; - background-color: var(--offcanvas-bg); + background-color: var(--offcanvas-bg, #fff); background-clip: padding-box; outline: 0; -webkit-transition: -webkit-transform 0.3s ease-in-out; @@ -7385,7 +7385,7 @@ fieldset:disabled .btn { top: 0; left: 0; width: var(--offcanvas-width, 400px); - border-right: var(--offcanvas-border-width, 1px) solid var(--offcanvas-border-color); + border-right: var(--offcanvas-border-width, 1px) solid var(--offcanvas-border-color, rgba(0, 0, 0, 0.175)); -webkit-transform: translateX(-100%); transform: translateX(-100%); } @@ -7396,7 +7396,7 @@ fieldset:disabled .btn { top: 0; right: 0; width: var(--offcanvas-width, 400px); - border-left: var(--offcanvas-border-width, 1px) solid var(--offcanvas-border-color); + border-left: var(--offcanvas-border-width, 1px) solid var(--offcanvas-border-color, rgba(0, 0, 0, 0.175)); -webkit-transform: translateX(100%); transform: translateX(100%); } @@ -7409,7 +7409,7 @@ fieldset:disabled .btn { left: 0; height: var(--offcanvas-height, 30vh); max-height: 100%; - border-bottom: var(--offcanvas-border-width, 1px) solid var(--offcanvas-border-color); + border-bottom: var(--offcanvas-border-width, 1px) solid var(--offcanvas-border-color, rgba(0, 0, 0, 0.175)); -webkit-transform: translateY(-100%); transform: translateY(-100%); } @@ -7421,7 +7421,7 @@ fieldset:disabled .btn { left: 0; height: var(--offcanvas-height, 30vh); max-height: 100%; - border-top: var(--offcanvas-border-width, 1px) solid var(--offcanvas-border-color); + border-top: var(--offcanvas-border-width, 1px) solid var(--offcanvas-border-color, rgba(0, 0, 0, 0.175)); -webkit-transform: translateY(100%); transform: translateY(100%); } @@ -7482,9 +7482,9 @@ fieldset:disabled .btn { -ms-flex-direction: column; flex-direction: column; max-width: 100%; - color: var(--offcanvas-color); + color: var(--offcanvas-color, #22262a); visibility: hidden; - background-color: var(--offcanvas-bg); + background-color: var(--offcanvas-bg, #fff); background-clip: padding-box; outline: 0; -webkit-transition: -webkit-transform 0.3s ease-in-out; @@ -7508,7 +7508,7 @@ fieldset:disabled .btn { top: 0; left: 0; width: var(--offcanvas-width, 400px); - border-right: var(--offcanvas-border-width, 1px) solid var(--offcanvas-border-color); + border-right: var(--offcanvas-border-width, 1px) solid var(--offcanvas-border-color, rgba(0, 0, 0, 0.175)); -webkit-transform: translateX(-100%); transform: translateX(-100%); } @@ -7519,7 +7519,7 @@ fieldset:disabled .btn { top: 0; right: 0; width: var(--offcanvas-width, 400px); - border-left: var(--offcanvas-border-width, 1px) solid var(--offcanvas-border-color); + border-left: var(--offcanvas-border-width, 1px) solid var(--offcanvas-border-color, rgba(0, 0, 0, 0.175)); -webkit-transform: translateX(100%); transform: translateX(100%); } @@ -7532,7 +7532,7 @@ fieldset:disabled .btn { left: 0; height: var(--offcanvas-height, 30vh); max-height: 100%; - border-bottom: var(--offcanvas-border-width, 1px) solid var(--offcanvas-border-color); + border-bottom: var(--offcanvas-border-width, 1px) solid var(--offcanvas-border-color, rgba(0, 0, 0, 0.175)); -webkit-transform: translateY(-100%); transform: translateY(-100%); } @@ -7544,7 +7544,7 @@ fieldset:disabled .btn { left: 0; height: var(--offcanvas-height, 30vh); max-height: 100%; - border-top: var(--offcanvas-border-width, 1px) solid var(--offcanvas-border-color); + border-top: var(--offcanvas-border-width, 1px) solid var(--offcanvas-border-color, rgba(0, 0, 0, 0.175)); -webkit-transform: translateY(100%); transform: translateY(100%); } @@ -7605,9 +7605,9 @@ fieldset:disabled .btn { -ms-flex-direction: column; flex-direction: column; max-width: 100%; - color: var(--offcanvas-color); + color: var(--offcanvas-color, #22262a); visibility: hidden; - background-color: var(--offcanvas-bg); + background-color: var(--offcanvas-bg, #fff); background-clip: padding-box; outline: 0; -webkit-transition: -webkit-transform 0.3s ease-in-out; @@ -7631,7 +7631,7 @@ fieldset:disabled .btn { top: 0; left: 0; width: var(--offcanvas-width, 400px); - border-right: var(--offcanvas-border-width, 1px) solid var(--offcanvas-border-color); + border-right: var(--offcanvas-border-width, 1px) solid var(--offcanvas-border-color, rgba(0, 0, 0, 0.175)); -webkit-transform: translateX(-100%); transform: translateX(-100%); } @@ -7642,7 +7642,7 @@ fieldset:disabled .btn { top: 0; right: 0; width: var(--offcanvas-width, 400px); - border-left: var(--offcanvas-border-width, 1px) solid var(--offcanvas-border-color); + border-left: var(--offcanvas-border-width, 1px) solid var(--offcanvas-border-color, rgba(0, 0, 0, 0.175)); -webkit-transform: translateX(100%); transform: translateX(100%); } @@ -7655,7 +7655,7 @@ fieldset:disabled .btn { left: 0; height: var(--offcanvas-height, 30vh); max-height: 100%; - border-bottom: var(--offcanvas-border-width, 1px) solid var(--offcanvas-border-color); + border-bottom: var(--offcanvas-border-width, 1px) solid var(--offcanvas-border-color, rgba(0, 0, 0, 0.175)); -webkit-transform: translateY(-100%); transform: translateY(-100%); } @@ -7667,7 +7667,7 @@ fieldset:disabled .btn { left: 0; height: var(--offcanvas-height, 30vh); max-height: 100%; - border-top: var(--offcanvas-border-width, 1px) solid var(--offcanvas-border-color); + border-top: var(--offcanvas-border-width, 1px) solid var(--offcanvas-border-color, rgba(0, 0, 0, 0.175)); -webkit-transform: translateY(100%); transform: translateY(100%); } @@ -7728,9 +7728,9 @@ fieldset:disabled .btn { -ms-flex-direction: column; flex-direction: column; max-width: 100%; - color: var(--offcanvas-color); + color: var(--offcanvas-color, #22262a); visibility: hidden; - background-color: var(--offcanvas-bg); + background-color: var(--offcanvas-bg, #fff); background-clip: padding-box; outline: 0; -webkit-transition: -webkit-transform 0.3s ease-in-out; @@ -7754,7 +7754,7 @@ fieldset:disabled .btn { top: 0; left: 0; width: var(--offcanvas-width, 400px); - border-right: var(--offcanvas-border-width, 1px) solid var(--offcanvas-border-color); + border-right: var(--offcanvas-border-width, 1px) solid var(--offcanvas-border-color, rgba(0, 0, 0, 0.175)); -webkit-transform: translateX(-100%); transform: translateX(-100%); } @@ -7765,7 +7765,7 @@ fieldset:disabled .btn { top: 0; right: 0; width: var(--offcanvas-width, 400px); - border-left: var(--offcanvas-border-width, 1px) solid var(--offcanvas-border-color); + border-left: var(--offcanvas-border-width, 1px) solid var(--offcanvas-border-color, rgba(0, 0, 0, 0.175)); -webkit-transform: translateX(100%); transform: translateX(100%); } @@ -7778,7 +7778,7 @@ fieldset:disabled .btn { left: 0; height: var(--offcanvas-height, 30vh); max-height: 100%; - border-bottom: var(--offcanvas-border-width, 1px) solid var(--offcanvas-border-color); + border-bottom: var(--offcanvas-border-width, 1px) solid var(--offcanvas-border-color, rgba(0, 0, 0, 0.175)); -webkit-transform: translateY(-100%); transform: translateY(-100%); } @@ -7790,7 +7790,7 @@ fieldset:disabled .btn { left: 0; height: var(--offcanvas-height, 30vh); max-height: 100%; - border-top: var(--offcanvas-border-width, 1px) solid var(--offcanvas-border-color); + border-top: var(--offcanvas-border-width, 1px) solid var(--offcanvas-border-color, rgba(0, 0, 0, 0.175)); -webkit-transform: translateY(100%); transform: translateY(100%); } @@ -7850,9 +7850,9 @@ fieldset:disabled .btn { -ms-flex-direction: column; flex-direction: column; max-width: 100%; - color: var(--offcanvas-color); + color: var(--offcanvas-color, #22262a); visibility: hidden; - background-color: var(--offcanvas-bg); + background-color: var(--offcanvas-bg, #fff); background-clip: padding-box; outline: 0; -webkit-transition: -webkit-transform 0.3s ease-in-out; @@ -7874,7 +7874,7 @@ fieldset:disabled .btn { top: 0; left: 0; width: var(--offcanvas-width, 400px); - border-right: var(--offcanvas-border-width, 1px) solid var(--offcanvas-border-color); + border-right: var(--offcanvas-border-width, 1px) solid var(--offcanvas-border-color, rgba(0, 0, 0, 0.175)); -webkit-transform: translateX(-100%); transform: translateX(-100%); } @@ -7883,7 +7883,7 @@ fieldset:disabled .btn { top: 0; right: 0; width: var(--offcanvas-width, 400px); - border-left: var(--offcanvas-border-width, 1px) solid var(--offcanvas-border-color); + border-left: var(--offcanvas-border-width, 1px) solid var(--offcanvas-border-color, rgba(0, 0, 0, 0.175)); -webkit-transform: translateX(100%); transform: translateX(100%); } @@ -7894,7 +7894,7 @@ fieldset:disabled .btn { left: 0; height: var(--offcanvas-height, 30vh); max-height: 100%; - border-bottom: var(--offcanvas-border-width, 1px) solid var(--offcanvas-border-color); + border-bottom: var(--offcanvas-border-width, 1px) solid var(--offcanvas-border-color, rgba(0, 0, 0, 0.175)); -webkit-transform: translateY(-100%); transform: translateY(-100%); } @@ -7904,7 +7904,7 @@ fieldset:disabled .btn { left: 0; height: var(--offcanvas-height, 30vh); max-height: 100%; - border-top: var(--offcanvas-border-width, 1px) solid var(--offcanvas-border-color); + border-top: var(--offcanvas-border-width, 1px) solid var(--offcanvas-border-color, rgba(0, 0, 0, 0.175)); -webkit-transform: translateY(100%); transform: translateY(100%); } @@ -7958,7 +7958,7 @@ fieldset:disabled .btn { margin-right: calc(-0.5 * var(--offcanvas-padding-x, 1rem)); margin-bottom: calc(-0.5 * var(--offcanvas-padding-y, 1rem)); color: var(--mainmenu-nav-link-color, #fff); - background-color: var(--offcanvas-bg); + background-color: var(--offcanvas-bg, #fff); } .offcanvas-title { @@ -8624,47 +8624,47 @@ fieldset:disabled .btn { .border-primary { --border-opacity: 1; - border-color: rgba(var(--primary-rgb, 1,1,86), var(--border-opacity)) ; + border-color: rgba(var(--primary-rgb, 1,1,86), var(--border-opacity, 1)) ; } .border-secondary { --border-opacity: 1; - border-color: rgba(var(--secondary-rgb, 72,82,93), var(--border-opacity)) ; + border-color: rgba(var(--secondary-rgb, 72,82,93), var(--border-opacity, 1)) ; } .border-success { --border-opacity: 1; - border-color: rgba(var(--success-rgb, 74,166,100), var(--border-opacity)) ; + border-color: rgba(var(--success-rgb, 74,166,100), var(--border-opacity, 1)) ; } .border-info { --border-opacity: 1; - border-color: rgba(var(--info-rgb, 79,122,160), var(--border-opacity)) ; + border-color: rgba(var(--info-rgb, 79,122,160), var(--border-opacity, 1)) ; } .border-warning { --border-opacity: 1; - border-color: rgba(var(--warning-rgb, 199,122,0), var(--border-opacity)) ; + border-color: rgba(var(--warning-rgb, 199,122,0), var(--border-opacity, 1)) ; } .border-danger { --border-opacity: 1; - border-color: rgba(var(--danger-rgb, 194,58,49), var(--border-opacity)) ; + border-color: rgba(var(--danger-rgb, 194,58,49), var(--border-opacity, 1)) ; } .border-light { --border-opacity: 1; - border-color: rgba(var(--light-rgb, 27,32,39), var(--border-opacity)) ; + border-color: rgba(var(--light-rgb, 27,32,39), var(--border-opacity, 1)) ; } .border-dark { --border-opacity: 1; - border-color: rgba(var(--dark-rgb, 15,19,24), var(--border-opacity)) ; + border-color: rgba(var(--dark-rgb, 15,19,24), var(--border-opacity, 1)) ; } .border-white { --border-opacity: 1; - border-color: rgba(var(--white-rgb, 255, 255, 255), var(--border-opacity)) ; + border-color: rgba(var(--white-rgb, 255, 255, 255), var(--border-opacity, 1)) ; } .border-1 { @@ -9438,7 +9438,7 @@ fieldset:disabled .btn { } .font-monospace { - font-family: var(--font-monospace) ; + font-family: var(--font-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace) ; } .fs-1 { @@ -9566,57 +9566,57 @@ fieldset:disabled .btn { /* rtl:end:remove */ .text-primary { --text-opacity: 1; - color: rgba(var(--primary-rgb, 1,1,86), var(--text-opacity)) ; + color: rgba(var(--primary-rgb, 1,1,86), var(--text-opacity, 1)) ; } .text-secondary { --text-opacity: 1; - color: rgba(var(--secondary-rgb, 72,82,93), var(--text-opacity)) ; + color: rgba(var(--secondary-rgb, 72,82,93), var(--text-opacity, 1)) ; } .text-success { --text-opacity: 1; - color: rgba(var(--success-rgb, 74,166,100), var(--text-opacity)) ; + color: rgba(var(--success-rgb, 74,166,100), var(--text-opacity, 1)) ; } .text-info { --text-opacity: 1; - color: rgba(var(--info-rgb, 79,122,160), var(--text-opacity)) ; + color: rgba(var(--info-rgb, 79,122,160), var(--text-opacity, 1)) ; } .text-warning { --text-opacity: 1; - color: rgba(var(--warning-rgb, 199,122,0), var(--text-opacity)) ; + color: rgba(var(--warning-rgb, 199,122,0), var(--text-opacity, 1)) ; } .text-danger { --text-opacity: 1; - color: rgba(var(--danger-rgb, 194,58,49), var(--text-opacity)) ; + color: rgba(var(--danger-rgb, 194,58,49), var(--text-opacity, 1)) ; } .text-light { --text-opacity: 1; - color: rgba(var(--light-rgb, 27,32,39), var(--text-opacity)) ; + color: rgba(var(--light-rgb, 27,32,39), var(--text-opacity, 1)) ; } .text-dark { --text-opacity: 1; - color: rgba(var(--dark-rgb, 15,19,24), var(--text-opacity)) ; + color: rgba(var(--dark-rgb, 15,19,24), var(--text-opacity, 1)) ; } .text-black { --text-opacity: 1; - color: rgba(var(--black-rgb, 0, 0, 0), var(--text-opacity)) ; + color: rgba(var(--black-rgb, 0, 0, 0), var(--text-opacity, 1)) ; } .text-white { --text-opacity: 1; - color: rgba(var(--white-rgb, 255, 255, 255), var(--text-opacity)) ; + color: rgba(var(--white-rgb, 255, 255, 255), var(--text-opacity, 1)) ; } .text-body { --text-opacity: 1; - color: rgba(var(--body-color-rgb, 230, 235, 241), var(--text-opacity)) ; + color: rgba(var(--body-color-rgb, 230, 235, 241), var(--text-opacity, 1)) ; } .text-muted { @@ -9791,7 +9791,7 @@ fieldset:disabled .btn { } .rounded-5 { - border-radius: var(--border-radius-2xl) ; + border-radius: var(--border-radius-2xl, 1rem) ; } .rounded-circle { @@ -13621,11 +13621,11 @@ a:not([class]) { a:active, a:focus { - color: var(--color-active); + color: var(--color-active, #0d1f40); } a.navbar-brand { - color: var(--color-brand); + color: var(--color-brand, #112855); } .btn-primary { @@ -13636,8 +13636,8 @@ a.navbar-brand { .btn-primary:active, .btn-primary:focus { - background-color: var(--color-active); - border-color: var(--color-active); + background-color: var(--color-active, #0d1f40); + border-color: var(--color-active, #0d1f40); color: #000; } @@ -13873,7 +13873,7 @@ meter { .back-to-top-link:active, .back-to-top-link:focus { color: var(--white, var(--body-color, #22262a)); - background-color: var(--color-active); + background-color: var(--color-active, #0d1f40); border-color: var(--white, var(--body-color, #22262a)); } @@ -14008,7 +14008,7 @@ meter { .footer { color: var(--mainmenu-nav-link-color, #fff); - background-color: var(--nav-bg-color); + background-color: var(--nav-bg-color, #224FAA); padding-bottom: var(--footer-padding-bottom, 80px); } @@ -14329,7 +14329,7 @@ fieldset>* { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; - background-color: var(--nav-bg-color); + background-color: var(--nav-bg-color, #224FAA); border-width: var(--border-width, 1px); border-top: solid var(--accent-color-primary, #3f8ff0); border-bottom: solid var(--accent-color-secondary, #6fb3ff); @@ -14437,7 +14437,7 @@ li.current a { .container-header .mod-menu>li:active::after { right: 2px; left: 0; - background: var(--navbar-brand-color); + background: var(--navbar-brand-color, #22262a); } @media (max-width: 991.98px) { @@ -14484,7 +14484,7 @@ li.current a { .container-header .metismenu>li.active>button::before { right: 0; left: 0; - background: var(--navbar-color); + background: var(--navbar-color, #22262a); } .container-header .metismenu>li>button.mm-toggler-link:active::before, @@ -14968,15 +14968,15 @@ iframe { .container-top-b > .card:nth-child(1), .container-bottom-a > .card:nth-child(1), .container-bottom-b > .card:nth-child(1) { - background-color: var(--block-color-1); - color: var(--block-text-1); + background-color: var(--block-color-1, #112855); + color: var(--block-text-1, #fff); } .container-top-a > .card:nth-child(2), .container-top-b > .card:nth-child(2), .container-bottom-a > .card:nth-child(2), .container-bottom-b > .card:nth-child(2) { - background-color: var(--block-color-2); + background-color: var(--block-color-2, #3f8ff0); color: var(--block-text-2, #fff); } @@ -14985,7 +14985,7 @@ iframe { .container-bottom-a > .card:nth-child(3), .container-bottom-b > .card:nth-child(3) { background-color: var(--block-color-3, rgba(238, 194, 52, .15)); - color: var(--block-text-3); + color: var(--block-text-3, #22262a); } .container-top-a > .card:nth-child(4), @@ -14993,7 +14993,7 @@ iframe { .container-bottom-a > .card:nth-child(4), .container-bottom-b > .card:nth-child(4) { background-color: var(--block-color-4, rgba(74, 166, 100, .15)); - color: var(--block-text-4); + color: var(--block-text-4, #6d757e); } /* ── BLOCK COLOR — Named per-module overrides ── */ @@ -15001,7 +15001,7 @@ iframe { .container-top-b #block-highlight, .container-bottom-a #block-highlight, .container-bottom-b #block-highlight { - background-color: var(--block-highlight-bg); + background-color: var(--block-highlight-bg, #f9fafb); color: var(--block-highlight-text, #fff); } @@ -15009,7 +15009,7 @@ iframe { .container-top-b #block-cta, .container-bottom-a #block-cta, .container-bottom-b #block-cta { - background-color: var(--block-cta-bg); + background-color: var(--block-cta-bg, #112855); color: var(--block-cta-text, #f1f5f9); } @@ -15017,7 +15017,7 @@ iframe { .container-top-b #block-alert, .container-bottom-a #block-alert, .container-bottom-b #block-alert { - background-color: var(--block-alert-bg); + background-color: var(--block-alert-bg, #fbeea8); color: var(--block-alert-text, #fff); } @@ -15309,7 +15309,7 @@ iframe { } .boxed .blog-item { - background-color: var(--bs-body-bg); + background-color: var(--bs-body-bg, #fff); } .boxed .blog-item figure.item-image { @@ -15653,15 +15653,15 @@ joomla-alert { .subhead .btn>span { display: inline-block; - color: var(--subhead-btn-accent); + color: var(--subhead-btn-accent, #3f8ff0); } .subhead .btn:not([disabled]):active, .subhead .btn:not([disabled]):active, .subhead .btn:not([disabled]):focus { color: rgba(255, 255, 255, 0.9); - background-color: var(--subhead-btn-accent); - border-color: var(--subhead-btn-accent); + background-color: var(--subhead-btn-accent, #3f8ff0); + border-color: var(--subhead-btn-accent, #3f8ff0); } .subhead .btn:not([disabled]):active>span, @@ -16038,30 +16038,30 @@ body:not(.has-sidebar-right) .site-grid .container-component { } .btn-secondary { - color: var(--btn-color); + color: var(--btn-color, hsl(210, 10%, 23%)); background-color: var(--btn-bg, transparent); border-color: var(--btn-border-color, transparent); } .btn-secondary:active { - color: var(--btn-active-color); + color: var(--btn-active-color, hsl(0, 0%, 100%)); background-color: var(--btn-active-bg, hsl(210, 10%, 30%)); border-color: var(--btn-active-border-color, transparent); } .btn-secondary:focus, .btn-secondary:hover { - color: var(--btn-focus-color); - background-color: var(--btn-focus-bg); - border-color: var(--btn-focus-border-color); + color: var(--btn-focus-color, #22262a); + background-color: var(--btn-focus-bg, transparent); + border-color: var(--btn-focus-border-color, #3f8ff0); box-shadow: 1px 5px 100px 1px var(--btn-focus-shadow-rgb, 84, 114, 255); } .btn-secondary:active { - color: var(--btn-active-color); + color: var(--btn-active-color, hsl(0, 0%, 100%)); background-color: var(--btn-active-bg, hsl(210, 10%, 30%)); border-color: var(--btn-active-border-color, transparent); - box-shadow: 1px 5px 100px 1px var(--btn-active-shadow-rgb); + box-shadow: 1px 5px 100px 1px var(--btn-active-shadow-rgb, 0, 0, 0); } .article-info .association .btn-secondary, @@ -16828,7 +16828,7 @@ body:not(.has-sidebar-right) .site-grid .container-component { } :root { - --template-sidebar-bg: var(--template-bg-dark-80); + --template-sidebar-bg: var(--template-bg-dark-80, rgba(0, 0, 0, 0.8)); --template-sidebar-font-color: var(--body-color, #22262a); --template-sidebar-link-color: var(--body-color, #22262a); --template-bg-light: #f0f4fb; @@ -16837,22 +16837,22 @@ body:not(.has-sidebar-right) .site-grid .container-component { --template-link-color: #2a69b8; --template-link-active-color: #173a65; --template-contrast: #2a69b8; - --template-bg-dark: hsl(var(--hue), 40%, 20%); - --template-bg-dark-3: hsl(var(--hue), 40%, 97%); - --template-bg-dark-5: hsl(var(--hue), 40%, 95%); - --template-bg-dark-7: hsl(var(--hue), 40%, 93%); - --template-bg-dark-10: hsl(var(--hue), 40%, 90%); - --template-bg-dark-15: hsl(var(--hue), 40%, 85%); - --template-bg-dark-20: hsl(var(--hue), 40%, 80%); - --template-bg-dark-30: hsl(var(--hue), 40%, 70%); - --template-bg-dark-40: hsl(var(--hue), 40%, 60%); - --template-bg-dark-50: hsl(var(--hue), 40%, 50%); - --template-bg-dark-60: hsl(var(--hue), 40%, 40%); - --template-bg-dark-65: hsl(var(--hue), 40%, 35%); - --template-bg-dark-70: hsl(var(--hue), 40%, 30%); - --template-bg-dark-75: hsl(var(--hue), 40%, 25%); - --template-bg-dark-80: hsl(var(--hue), 40%, 20%); - --template-bg-dark-90: hsl(var(--hue), 40%, 10%); + --template-bg-dark: hsl(var(--hue, 220), 40%, 20%); + --template-bg-dark-3: hsl(var(--hue, 220), 40%, 97%); + --template-bg-dark-5: hsl(var(--hue, 220), 40%, 95%); + --template-bg-dark-7: hsl(var(--hue, 220), 40%, 93%); + --template-bg-dark-10: hsl(var(--hue, 220), 40%, 90%); + --template-bg-dark-15: hsl(var(--hue, 220), 40%, 85%); + --template-bg-dark-20: hsl(var(--hue, 220), 40%, 80%); + --template-bg-dark-30: hsl(var(--hue, 220), 40%, 70%); + --template-bg-dark-40: hsl(var(--hue, 220), 40%, 60%); + --template-bg-dark-50: hsl(var(--hue, 220), 40%, 50%); + --template-bg-dark-60: hsl(var(--hue, 220), 40%, 40%); + --template-bg-dark-65: hsl(var(--hue, 220), 40%, 35%); + --template-bg-dark-70: hsl(var(--hue, 220), 40%, 30%); + --template-bg-dark-75: hsl(var(--hue, 220), 40%, 25%); + --template-bg-dark-80: hsl(var(--hue, 220), 40%, 20%); + --template-bg-dark-90: hsl(var(--hue, 220), 40%, 10%); } .border-primary { @@ -17007,7 +17007,7 @@ body:not(.has-sidebar-right) .site-grid .container-component { .input-group .btn { font-size: 14px; - border-radius: var(--bs-border-radius); + border-radius: var(--bs-border-radius, 0.375rem); } .btn-primary { @@ -17060,7 +17060,7 @@ form .form-select { background-size: var(--container-below-topbar-bg-size, cover); -webkit-box-shadow: 0 5px 5px hsla(0, 0%, 0%, 0.03) inset; box-shadow: 0 5px 5px hsla(0, 0%, 0%, 0.03) inset; - background-repeat: var(--container-below-topbar-background-repeat); + background-repeat: var(--container-below-topbar-background-repeat, no-repeat); -webkit-border-radius: var(--container-below-topbar-border-radius, 0); -moz-border-radius: var(--container-below-topbar-border-radius, 0); border-radius: var(--container-below-topbar-border-radius, 0); @@ -17076,7 +17076,7 @@ form .form-select { background-size: var(--container-top-a-bg-size, cover); -webkit-box-shadow: 0 5px 5px hsla(0, 0%, 0%, 0.03) inset; box-shadow: 0 5px 5px hsla(0, 0%, 0%, 0.03) inset; - background-repeat: var(--container-top-a-background-repeat); + background-repeat: var(--container-top-a-background-repeat, no-repeat); -webkit-border-radius: var(--container-top-a-border-radius, 0); -moz-border-radius: var(--container-top-a-border-radius, 0); border-radius: var(--container-top-a-border-radius, 0); @@ -17091,7 +17091,7 @@ form .form-select { background-size: var(--container-top-b-bg-size, cover); -webkit-box-shadow: 0 5px 5px hsla(0, 0%, 0%, 0.03) inset; box-shadow: 0 5px 5px hsla(0, 0%, 0%, 0.03) inset; - background-repeat: var(--container-top-b-background-repeat); + background-repeat: var(--container-top-b-background-repeat, no-repeat); -webkit-border-radius: var(--container-top-b-border-radius, 0); -moz-border-radius: var(--container-top-b-border-radius, 0); border-radius: var(--container-top-b-border-radius, 0); @@ -17107,7 +17107,7 @@ form .form-select { background-size: var(--container-sidebar-bg-size, auto); -webkit-box-shadow: 0 5px 5px hsla(0, 0%, 0%, 0.03) inset; box-shadow: 0 5px 5px hsla(0, 0%, 0%, 0.03) inset; - background-repeat: var(--container-sidebar-background-repeat); + background-repeat: var(--container-sidebar-background-repeat, no-repeat); -webkit-border-radius: var(--container-sidebar-border-radius, 0); -moz-border-radius: var(--container-sidebar-border-radius, 0); border-radius: var(--container-sidebar-border-radius, 0); @@ -17122,7 +17122,7 @@ form .form-select { background-size: var(--container-bottom-a-bg-size, cover); -webkit-box-shadow: 0 5px 5px hsla(0, 0%, 0%, 0.03) inset; box-shadow: 0 5px 5px hsla(0, 0%, 0%, 0.03) inset; - background-repeat: var(--container-bottom-a-background-repeat); + background-repeat: var(--container-bottom-a-background-repeat, no-repeat); -webkit-border-radius: var(--container-bottom-a-border-radius, 5px); -moz-border-radius: var(--container-bottom-a-border-radius, 5px); border-radius: var(--container-bottom-a-border-radius, 5px); @@ -17137,7 +17137,7 @@ form .form-select { background-size: var(--container-bottom-b-bg-size, cover); -webkit-box-shadow: 0 5px 5px hsla(0, 0%, 0%, 0.03) inset; box-shadow: 0 5px 5px hsla(0, 0%, 0%, 0.03) inset; - background-repeat: var(--container-bottom-b-background-repeat); + background-repeat: var(--container-bottom-b-background-repeat, no-repeat); -webkit-border-radius: var(--container-bottom-b-border-radius, 0); -moz-border-radius: var(--container-bottom-b-border-radius, 0); border-radius: var(--container-bottom-b-border-radius, 0); @@ -17362,8 +17362,8 @@ body.site.error-page { .error-brand .brand-logo { background-color: invert(var(--body-bg, #fff)); - padding: var(--border-radius-sxl); - border-radius: var(--border-radius-2xl); + padding: var(--border-radius-sxl, 0.75rem); + border-radius: var(--border-radius-2xl, 1rem); } .error-brand .logo { @@ -17753,7 +17753,7 @@ html.component body{ left: -2px; width: 12px; height: 12px; - background-color: var(--indicator-success-bg); + background-color: var(--indicator-success-bg, #448344); border-radius: 6px; } @@ -17763,7 +17763,7 @@ html.component body{ left: 0px; width: 12px; height: 12px; - background-color: var(--indicator-success-bg); + background-color: var(--indicator-success-bg, #448344); border-radius: 6px; } @@ -17983,7 +17983,7 @@ html.component body{ font-size: 11px; font-weight: bold; text-align: center; - background-color: var(--notification-badge-bg); + background-color: var(--notification-badge-bg, #a51f18); border-radius: 9px; } @@ -17997,7 +17997,7 @@ html.component body{ font-size: 11px; font-weight: bold; text-align: center; - background-color: var(--notification-badge-bg); + background-color: var(--notification-badge-bg, #a51f18); border-radius: 9px; } @@ -18264,7 +18264,7 @@ nav[data-toggle=toc] .nav-link.active+ul{ width: 100%; padding: 0.625rem; border-bottom: 1px solid var(--choices-border-light, #48525d); - background-color: var(--choices-input-bg); + background-color: var(--choices-input-bg, #fff); margin: 0; } .choices[data-type*=select-one] .choices__button { @@ -18427,7 +18427,7 @@ nav[data-toggle=toc] .nav-link.active+ul{ z-index: 1; position: absolute; width: 100%; - background-color: var(--choices-dropdown-bg); + background-color: var(--choices-dropdown-bg, #fff); border: 1px solid var(--choices-border-light, #48525d); top: 100%; margin-top: -0.0625rem; @@ -18720,7 +18720,7 @@ nav[data-toggle=toc] .nav-link.active+ul{ .site-title { - color: var(--nav-bg-color); + color: var(--nav-bg-color, #224FAA); font-family: 'Osaka', sans-serif; font-weight: 600; font-size: 1.5rem; @@ -18729,7 +18729,7 @@ nav[data-toggle=toc] .nav-link.active+ul{ } .container-header .navbar-brand .site-title { - color: var(--nav-bg-color); + color: var(--nav-bg-color, #224FAA); text-decoration: none; } @@ -19340,15 +19340,15 @@ nav[data-toggle=toc] .nav-link.active+ul{ align-items: center; gap: 0.75rem; padding: 1rem; - background: var(--vm-surface); - border: 1px solid var(--vm-border); - border-radius: var(--vm-block-radius); + background: var(--vm-surface, #ffffff); + border: 1px solid var(--vm-border, #dfe3e7); + border-radius: var(--vm-block-radius, 0.5rem); margin-bottom: 1rem; } .mod-vm-cart__icon { font-size: 1.5rem; - color: var(--vm-btn-primary-bg); + color: var(--vm-btn-primary-bg, #112855); flex-shrink: 0; } @@ -19364,7 +19364,7 @@ nav[data-toggle=toc] .nav-link.active+ul{ } .mod-vm-cart__total { - color: var(--vm-price-color); + color: var(--vm-price-color, #112855); font-weight: 700; font-size: var(--vm-price-size, 1.5rem); margin-top: 0.25rem; @@ -19381,9 +19381,9 @@ nav[data-toggle=toc] .nav-link.active+ul{ display: flex; gap: 0.75rem; padding: 0.75rem; - background: var(--vm-surface-2); - border: 1px solid var(--vm-border); - border-radius: var(--vm-block-radius); + background: var(--vm-surface-2, #f8f9fa); + border: 1px solid var(--vm-border, #dfe3e7); + border-radius: var(--vm-block-radius, 0.5rem); align-items: flex-start; } @@ -19395,7 +19395,7 @@ nav[data-toggle=toc] .nav-link.active+ul{ .mod-vm-cart__product-image img { width: 100%; height: auto; - border-radius: var(--vm-input-radius); + border-radius: var(--vm-input-radius, 0.375rem); } .mod-vm-cart__product-details { @@ -19421,18 +19421,18 @@ nav[data-toggle=toc] .nav-link.active+ul{ .mod-vm-cart__product-quantity { font-size: 0.875rem; - color: var(--vm-text-muted); + color: var(--vm-text-muted, #6c757d); margin-bottom: 0.25rem; } .mod-vm-cart__quantity-value { font-weight: 600; - color: var(--vm-text); + color: var(--vm-text, #22262a); } .mod-vm-cart__product-price { font-weight: 700; - color: var(--vm-price-color); + color: var(--vm-price-color, #112855); margin-top: 0.25rem; } @@ -19447,8 +19447,8 @@ nav[data-toggle=toc] .nav-link.active+ul{ width: 32px; height: 32px; border-radius: 50%; - background: var(--vm-surface); - border: 1px solid var(--vm-border); + background: var(--vm-surface, #ffffff); + border: 1px solid var(--vm-border, #dfe3e7); color: var(--danger, #a51f18); text-decoration: none; transition: all 0.2s; @@ -19468,7 +19468,7 @@ nav[data-toggle=toc] .nav-link.active+ul{ .mod-vm-cart__btn { padding: var(--vm-btn-padding-y, 0.5rem) var(--vm-btn-padding-x, 1rem); - border-radius: var(--vm-btn-radius); + border-radius: var(--vm-btn-radius, 0.375rem); text-align: center; text-decoration: none; font-weight: 600; @@ -19482,20 +19482,20 @@ nav[data-toggle=toc] .nav-link.active+ul{ .mod-vm-cart__empty { text-align: center; padding: 2rem 1rem; - background: var(--vm-surface-2); - border: 1px solid var(--vm-border); - border-radius: var(--vm-block-radius); + background: var(--vm-surface-2, #f8f9fa); + border: 1px solid var(--vm-border, #dfe3e7); + border-radius: var(--vm-block-radius, 0.5rem); } .mod-vm-cart__empty-icon { font-size: 3rem; - color: var(--vm-text-muted); + color: var(--vm-text-muted, #6c757d); display: block; margin-bottom: 1rem; } .mod-vm-cart__empty-text { - color: var(--vm-text-muted); + color: var(--vm-text-muted, #6c757d); margin: 0; } @@ -19518,10 +19518,10 @@ nav[data-toggle=toc] .nav-link.active+ul{ } .mod-vm-product__item { - background: var(--vm-surface); - border: 1px solid var(--vm-border); - border-radius: var(--vm-block-radius); - box-shadow: var(--vm-block-shadow); + background: var(--vm-surface, #ffffff); + border: 1px solid var(--vm-border, #dfe3e7); + border-radius: var(--vm-block-radius, 0.5rem); + box-shadow: var(--vm-block-shadow, 0 1px 3px rgba(0,0,0,0.1)); overflow: hidden; transition: transform 0.2s, box-shadow 0.2s; } @@ -19547,9 +19547,9 @@ nav[data-toggle=toc] .nav-link.active+ul{ top: 0.5rem; right: 0.5rem; padding: 0.25rem 0.75rem; - background: var(--vm-availability-bg); - color: var(--vm-availability-text); - border-radius: var(--vm-alert-radius); + background: var(--vm-availability-bg, #448344); + color: var(--vm-availability-text, #fff); + border-radius: var(--vm-alert-radius, 0.375rem); font-size: 0.875rem; font-weight: 600; } @@ -19576,7 +19576,7 @@ nav[data-toggle=toc] .nav-link.active+ul{ } .mod-vm-product__description { - color: var(--vm-text-muted); + color: var(--vm-text-muted, #6c757d); font-size: 0.875rem; margin-bottom: 1rem; line-height: 1.6; @@ -19585,7 +19585,7 @@ nav[data-toggle=toc] .nav-link.active+ul{ .mod-vm-product__price { font-size: var(--vm-price-detail-size, 1.125rem); font-weight: 700; - color: var(--vm-price-color); + color: var(--vm-price-color, #112855); margin-bottom: 1rem; } @@ -19597,7 +19597,7 @@ nav[data-toggle=toc] .nav-link.active+ul{ .mod-vm-product__btn { padding: var(--vm-btn-padding-y, 0.5rem) var(--vm-btn-padding-x, 1rem); - border-radius: var(--vm-btn-radius); + border-radius: var(--vm-btn-radius, 0.375rem); text-align: center; text-decoration: none; font-weight: 600; @@ -19610,10 +19610,10 @@ nav[data-toggle=toc] .nav-link.active+ul{ .mod-vm-product__empty { text-align: center; padding: 2rem 1rem; - background: var(--vm-surface-2); - border: 1px solid var(--vm-border); - border-radius: var(--vm-block-radius); - color: var(--vm-text-muted); + background: var(--vm-surface-2, #f8f9fa); + border: 1px solid var(--vm-border, #dfe3e7); + border-radius: var(--vm-block-radius, 0.5rem); + color: var(--vm-text-muted, #6c757d); } /* === mod_virtuemart_currencies === */ @@ -19644,10 +19644,10 @@ nav[data-toggle=toc] .nav-link.active+ul{ padding: 0.5rem 2.5rem 0.5rem 0.75rem; font-size: 1rem; line-height: 1.5; - border: 1px solid var(--vm-border); - border-radius: var(--vm-input-radius); - background: var(--vm-surface); - color: var(--vm-text); + border: 1px solid var(--vm-border, #dfe3e7); + border-radius: var(--vm-input-radius, 0.375rem); + background: var(--vm-surface, #ffffff); + color: var(--vm-text, #22262a); min-height: 44px; appearance: none; -webkit-appearance: none; @@ -19664,19 +19664,19 @@ nav[data-toggle=toc] .nav-link.active+ul{ position: absolute; right: 0.75rem; pointer-events: none; - color: var(--vm-text-muted); + color: var(--vm-text-muted, #6c757d); } .mod-vm-currencies__submit { padding: var(--vm-btn-padding-y, 0.5rem) var(--vm-btn-padding-x, 1rem); - border-radius: var(--vm-btn-radius); + border-radius: var(--vm-btn-radius, 0.375rem); min-height: 44px; } .mod-vm-currencies__text-before, .mod-vm-currencies__text-after { font-size: 0.875rem; - color: var(--vm-text-muted); + color: var(--vm-text-muted, #6c757d); } /* === mod_virtuemart_category === */ @@ -19699,24 +19699,24 @@ nav[data-toggle=toc] .nav-link.active+ul{ align-items: center; gap: 0.75rem; padding: 0.75rem; - background: var(--vm-surface); - border: 1px solid var(--vm-border); - border-radius: var(--vm-input-radius); - color: var(--vm-text); + background: var(--vm-surface, #ffffff); + border: 1px solid var(--vm-border, #dfe3e7); + border-radius: var(--vm-input-radius, 0.375rem); + color: var(--vm-text, #22262a); text-decoration: none; transition: all 0.2s; min-height: 44px; } .mod-vm-category__link:hover { - background: var(--vm-surface-2); + background: var(--vm-surface-2, #f8f9fa); border-color: var(--color-primary, #112855); color: var(--color-primary, #112855); } .mod-vm-category__link--active { - background: var(--vm-btn-primary-bg); - border-color: var(--vm-btn-primary-bg); + background: var(--vm-btn-primary-bg, #112855); + border-color: var(--vm-btn-primary-bg, #112855); color: var(--vm-btn-primary-text, #ffffff); font-weight: 600; } @@ -19726,7 +19726,7 @@ nav[data-toggle=toc] .nav-link.active+ul{ width: 40px; height: 40px; overflow: hidden; - border-radius: var(--vm-input-radius); + border-radius: var(--vm-input-radius, 0.375rem); } .mod-vm-category__image img { @@ -19741,7 +19741,7 @@ nav[data-toggle=toc] .nav-link.active+ul{ } .mod-vm-category__count { - color: var(--vm-text-muted); + color: var(--vm-text-muted, #6c757d); font-size: 0.875rem; flex-shrink: 0; } @@ -19749,7 +19749,7 @@ nav[data-toggle=toc] .nav-link.active+ul{ .mod-vm-category__description { padding: 0.5rem 0.75rem; font-size: 0.875rem; - color: var(--vm-text-muted); + color: var(--vm-text-muted, #6c757d); line-height: 1.6; } @@ -19768,10 +19768,10 @@ nav[data-toggle=toc] .nav-link.active+ul{ align-items: center; justify-content: space-between; padding: 0.5rem 0.75rem; - background: var(--vm-surface-2); - border: 1px solid var(--vm-border); - border-radius: var(--vm-input-radius); - color: var(--vm-text); + background: var(--vm-surface-2, #f8f9fa); + border: 1px solid var(--vm-border, #dfe3e7); + border-radius: var(--vm-input-radius, 0.375rem); + color: var(--vm-text, #22262a); text-decoration: none; font-size: 0.875rem; transition: all 0.2s; @@ -19779,14 +19779,14 @@ nav[data-toggle=toc] .nav-link.active+ul{ } .mod-vm-category__sublink:hover { - background: var(--vm-surface); + background: var(--vm-surface, #ffffff); border-color: var(--color-primary, #112855); color: var(--color-primary, #112855); } .mod-vm-category__sublink--active { - background: var(--vm-btn-secondary-bg); - border-color: var(--vm-btn-secondary-bg); + background: var(--vm-btn-secondary-bg, #eaedf0); + border-color: var(--vm-btn-secondary-bg, #eaedf0); color: var(--vm-btn-secondary-text, #ffffff); font-weight: 600; } @@ -19794,10 +19794,10 @@ nav[data-toggle=toc] .nav-link.active+ul{ .mod-vm-category__empty { text-align: center; padding: 2rem 1rem; - background: var(--vm-surface-2); - border: 1px solid var(--vm-border); - border-radius: var(--vm-block-radius); - color: var(--vm-text-muted); + background: var(--vm-surface-2, #f8f9fa); + border: 1px solid var(--vm-border, #dfe3e7); + border-radius: var(--vm-block-radius, 0.5rem); + color: var(--vm-text-muted, #6c757d); } /* === mod_virtuemart_manufacturer === */ @@ -19819,22 +19819,22 @@ nav[data-toggle=toc] .nav-link.active+ul{ } .mod-vm-manufacturer__item { - background: var(--vm-surface); - border: 1px solid var(--vm-border); - border-radius: var(--vm-block-radius); + background: var(--vm-surface, #ffffff); + border: 1px solid var(--vm-border, #dfe3e7); + border-radius: var(--vm-block-radius, 0.5rem); overflow: hidden; transition: transform 0.2s, box-shadow 0.2s; } .mod-vm-manufacturer__item:hover { transform: translateY(-2px); - box-shadow: var(--vm-block-shadow); + box-shadow: var(--vm-block-shadow, 0 1px 3px rgba(0,0,0,0.1)); } .mod-vm-manufacturer__link { display: block; text-decoration: none; - color: var(--vm-text); + color: var(--vm-text, #22262a); min-height: 44px; } @@ -19842,7 +19842,7 @@ nav[data-toggle=toc] .nav-link.active+ul{ width: 100%; aspect-ratio: 16/9; overflow: hidden; - background: var(--vm-surface-2); + background: var(--vm-surface-2, #f8f9fa); display: flex; align-items: center; justify-content: center; @@ -19872,17 +19872,17 @@ nav[data-toggle=toc] .nav-link.active+ul{ .mod-vm-manufacturer__description { font-size: 0.875rem; - color: var(--vm-text-muted); + color: var(--vm-text-muted, #6c757d); line-height: 1.6; } .mod-vm-manufacturer__empty { text-align: center; padding: 2rem 1rem; - background: var(--vm-surface-2); - border: 1px solid var(--vm-border); - border-radius: var(--vm-block-radius); - color: var(--vm-text-muted); + background: var(--vm-surface-2, #f8f9fa); + border: 1px solid var(--vm-border, #dfe3e7); + border-radius: var(--vm-block-radius, 0.5rem); + color: var(--vm-text-muted, #6c757d); } /* === Mobile Responsive Adjustments === */ @@ -20074,7 +20074,7 @@ nav[data-toggle=toc] .nav-link.active+ul{ list-style: none; padding: 0.5rem 0; margin: 0; - background-color: var(--nav-bg-color); + background-color: var(--nav-bg-color, #224FAA); border: 1px solid var(--border-color, #dfe3e7); border-radius: var(--border-radius, .25rem); box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); @@ -21871,7 +21871,7 @@ display: inline-flex; align-items: center; gap: 0.5rem; padding: 0.5rem 1rem; -background: var(--success-bg); +background: var(--success-bg, #d4edda); color: var(--success, #448344); border-radius: 2rem; font-size: 0.875rem; @@ -21993,7 +21993,7 @@ transition: all 0.2s; .cb-userslist__search-input:focus { outline: none; border-color: var(--color-primary, #112855); -box-shadow: 0 0 0 3px rgba(var(--color-primary-rgb), 0.1); +box-shadow: 0 0 0 3px rgba(var(--color-primary-rgb, 17, 40, 85), 0.1); } .cb-userslist__search-btn { @@ -22211,7 +22211,7 @@ transition: all 0.2s; .cb-register__input-wrapper textarea:focus { outline: none; border-color: var(--color-primary, #112855); -box-shadow: 0 0 0 3px rgba(var(--color-primary-rgb), 0.1); +box-shadow: 0 0 0 3px rgba(var(--color-primary-rgb, 17, 40, 85), 0.1); } .cb-register__field--required .cb-register__input-wrapper input, @@ -22225,7 +22225,7 @@ color: var(--danger, #a51f18); font-size: 0.875rem; margin-top: 0.25rem; padding: 0.5rem; -background: var(--danger-bg); +background: var(--danger-bg, #f8d7da); border-radius: var(--border-radius, .25rem); } @@ -22341,7 +22341,7 @@ transition: all 0.2s; .cb-login__input:focus { outline: none; border-color: var(--color-primary, #112855); -box-shadow: 0 0 0 3px rgba(var(--color-primary-rgb), 0.1); +box-shadow: 0 0 0 3px rgba(var(--color-primary-rgb, 17, 40, 85), 0.1); } .cb-login__remember {