diff --git a/france/france_rsvp/static/css/bootstrap.css b/france/france_rsvp/static/css/bootstrap.css index 6364fd1..c8b0860 100644 --- a/france/france_rsvp/static/css/bootstrap.css +++ b/france/france_rsvp/static/css/bootstrap.css @@ -11,57 +11,58 @@ * Copyright 2011-2021 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) */ +@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;700&display=swap"); :root { - --bs-blue: #4582ec; + --bs-blue: #007bff; --bs-indigo: #6610f2; --bs-purple: #6f42c1; --bs-pink: #e83e8c; - --bs-red: #d9534f; + --bs-red: #ff7851; --bs-orange: #fd7e14; - --bs-yellow: #f0ad4e; - --bs-green: #02b875; + --bs-yellow: #ffce67; + --bs-green: #56cc9d; --bs-teal: #20c997; - --bs-cyan: #17a2b8; + --bs-cyan: #6cc3d5; --bs-white: #fff; - --bs-gray: #868e96; + --bs-gray: #888; --bs-gray-dark: #343a40; --bs-gray-100: #f8f9fa; - --bs-gray-200: #e9ecef; - --bs-gray-300: #ddd; + --bs-gray-200: #f7f7f9; + --bs-gray-300: #eceeef; --bs-gray-400: #ced4da; - --bs-gray-500: #adb5bd; - --bs-gray-600: #868e96; - --bs-gray-700: #495057; + --bs-gray-500: #aaa; + --bs-gray-600: #888; + --bs-gray-700: #5a5a5a; --bs-gray-800: #343a40; --bs-gray-900: #212529; - --bs-primary: #4582ec; - --bs-secondary: #adb5bd; - --bs-success: #02b875; - --bs-info: #17a2b8; - --bs-warning: #f0ad4e; - --bs-danger: #d9534f; + --bs-primary: #78c2ad; + --bs-secondary: #f3969a; + --bs-success: #56cc9d; + --bs-info: #6cc3d5; + --bs-warning: #ffce67; + --bs-danger: #ff7851; --bs-light: #f8f9fa; --bs-dark: #343a40; - --bs-primary-rgb: 69, 130, 236; - --bs-secondary-rgb: 173, 181, 189; - --bs-success-rgb: 2, 184, 117; - --bs-info-rgb: 23, 162, 184; - --bs-warning-rgb: 240, 173, 78; - --bs-danger-rgb: 217, 83, 79; + --bs-primary-rgb: 120, 194, 173; + --bs-secondary-rgb: 243, 150, 154; + --bs-success-rgb: 86, 204, 157; + --bs-info-rgb: 108, 195, 213; + --bs-warning-rgb: 255, 206, 103; + --bs-danger-rgb: 255, 120, 81; --bs-light-rgb: 248, 249, 250; --bs-dark-rgb: 52, 58, 64; --bs-white-rgb: 255, 255, 255; --bs-black-rgb: 0, 0, 0; - --bs-body-color-rgb: 52, 58, 64; + --bs-body-color-rgb: 136, 136, 136; --bs-body-bg-rgb: 255, 255, 255; - --bs-font-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; + --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0)); --bs-body-font-family: var(--bs-font-sans-serif); - --bs-body-font-size: 1.1rem; + --bs-body-font-size: 1rem; --bs-body-font-weight: 400; --bs-body-line-height: 1.5; - --bs-body-color: #343a40; + --bs-body-color: #888; --bs-body-bg: #fff; } @@ -105,62 +106,58 @@ hr:not([size]) { h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { margin-top: 0; margin-bottom: 0.5rem; - font-weight: 700; + font-family: Montserrat, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; + font-weight: 500; line-height: 1.2; + color: #5a5a5a; } h1, .h1 { - font-size: calc(1.4rem + 1.8vw); + font-size: calc(1.375rem + 1.5vw); } @media (min-width: 1200px) { h1, .h1 { - font-size: 2.75rem; + font-size: 2.5rem; } } h2, .h2 { - font-size: calc(1.345rem + 1.14vw); + font-size: calc(1.325rem + 0.9vw); } @media (min-width: 1200px) { h2, .h2 { - font-size: 2.2rem; + font-size: 2rem; } } h3, .h3 { - font-size: calc(1.3175rem + 0.81vw); + font-size: calc(1.3rem + 0.6vw); } @media (min-width: 1200px) { h3, .h3 { - font-size: 1.925rem; + font-size: 1.75rem; } } h4, .h4 { - font-size: calc(1.29rem + 0.48vw); + font-size: calc(1.275rem + 0.3vw); } @media (min-width: 1200px) { h4, .h4 { - font-size: 1.65rem; + font-size: 1.5rem; } } h5, .h5 { - font-size: calc(1.2625rem + 0.15vw); -} - -@media (min-width: 1200px) { - h5, .h5 { - font-size: 1.375rem; - } + font-size: 1.25rem; } h6, .h6 { - font-size: 1.1rem; + font-size: 1rem; } p { @@ -246,12 +243,12 @@ sup { } a { - color: #4582ec; + color: #78c2ad; text-decoration: underline; } a:hover { - color: #3768bd; + color: #609b8a; } a:not([href]):not([class]), a:not([href]):not([class]):hover { @@ -298,7 +295,7 @@ kbd { font-size: 0.875em; color: #fff; background-color: #212529; - border-radius: 0.2rem; + border-radius: 0.3rem; } kbd kbd { @@ -324,7 +321,7 @@ table { caption { padding-top: 0.5rem; padding-bottom: 0.5rem; - color: #868e96; + color: #888; text-align: left; } @@ -503,16 +500,10 @@ progress { } .lead { - font-size: calc(1.2625rem + 0.15vw); + font-size: 1.25rem; font-weight: 300; } -@media (min-width: 1200px) { - .lead { - font-size: 1.375rem; - } -} - .display-1 { font-size: calc(1.625rem + 4.5vw); font-weight: 300; @@ -610,13 +601,7 @@ progress { .blockquote { margin-bottom: 1rem; - font-size: calc(1.2625rem + 0.15vw); -} - -@media (min-width: 1200px) { - .blockquote { - font-size: 1.375rem; - } + font-size: 1.25rem; } .blockquote > :last-child { @@ -627,7 +612,7 @@ progress { margin-top: -1rem; margin-bottom: 1rem; font-size: 0.875em; - color: #868e96; + color: #888; } .blockquote-footer::before { @@ -642,8 +627,8 @@ progress { .img-thumbnail { padding: 0.25rem; background-color: #fff; - border: 1px solid #ddd; - border-radius: 0.25rem; + border: 1px solid #eceeef; + border-radius: 0.4rem; max-width: 100%; height: auto; } @@ -659,7 +644,7 @@ progress { .figure-caption { font-size: 0.875em; - color: #868e96; + color: #888; } .container, @@ -1915,17 +1900,17 @@ progress { .table { --bs-table-bg: transparent; --bs-table-accent-bg: transparent; - --bs-table-striped-color: #343a40; + --bs-table-striped-color: #888; --bs-table-striped-bg: rgba(0, 0, 0, 0.05); - --bs-table-active-color: #343a40; + --bs-table-active-color: #888; --bs-table-active-bg: rgba(0, 0, 0, 0.1); - --bs-table-hover-color: #343a40; + --bs-table-hover-color: #888; --bs-table-hover-bg: rgba(0, 0, 0, 0.075); width: 100%; margin-bottom: 1rem; - color: #343a40; + color: #888; vertical-align: top; - border-color: rgba(0, 0, 0, 0.1); + border-color: rgba(0, 0, 0, 0.05); } .table > :not(caption) > * > * { @@ -1987,75 +1972,75 @@ progress { } .table-primary { - --bs-table-bg: #4582ec; - --bs-table-striped-bg: #4e88ed; + --bs-table-bg: #78c2ad; + --bs-table-striped-bg: #7fc5b1; --bs-table-striped-color: #fff; - --bs-table-active-bg: #588fee; + --bs-table-active-bg: #86c8b5; --bs-table-active-color: #fff; - --bs-table-hover-bg: #538bed; + --bs-table-hover-bg: #82c7b3; --bs-table-hover-color: #fff; color: #fff; - border-color: #588fee; + border-color: #86c8b5; } .table-secondary { - --bs-table-bg: #adb5bd; - --bs-table-striped-bg: #b1b9c0; + --bs-table-bg: #f3969a; + --bs-table-striped-bg: #f49b9f; --bs-table-striped-color: #fff; - --bs-table-active-bg: #b5bcc4; + --bs-table-active-bg: #f4a1a4; --bs-table-active-color: #fff; - --bs-table-hover-bg: #b3bbc2; + --bs-table-hover-bg: #f49ea2; --bs-table-hover-color: #fff; color: #fff; - border-color: #b5bcc4; + border-color: #f4a1a4; } .table-success { - --bs-table-bg: #02b875; - --bs-table-striped-bg: #0fbc7c; + --bs-table-bg: #56cc9d; + --bs-table-striped-bg: #5ecfa2; --bs-table-striped-color: #fff; - --bs-table-active-bg: #1bbf83; + --bs-table-active-bg: #67d1a7; --bs-table-active-color: #fff; - --bs-table-hover-bg: #15bd7f; + --bs-table-hover-bg: #63d0a4; --bs-table-hover-color: #fff; color: #fff; - border-color: #1bbf83; + border-color: #67d1a7; } .table-info { - --bs-table-bg: #17a2b8; - --bs-table-striped-bg: #23a7bc; + --bs-table-bg: #6cc3d5; + --bs-table-striped-bg: #73c6d7; --bs-table-striped-color: #fff; - --bs-table-active-bg: #2eabbf; + --bs-table-active-bg: #7bc9d9; --bs-table-active-color: #fff; - --bs-table-hover-bg: #28a9bd; + --bs-table-hover-bg: #77c8d8; --bs-table-hover-color: #fff; color: #fff; - border-color: #2eabbf; + border-color: #7bc9d9; } .table-warning { - --bs-table-bg: #f0ad4e; - --bs-table-striped-bg: #f1b157; - --bs-table-striped-color: #fff; - --bs-table-active-bg: #f2b560; + --bs-table-bg: #ffce67; + --bs-table-striped-bg: #ffd06f; + --bs-table-striped-color: #000; + --bs-table-active-bg: #ffd376; --bs-table-active-color: #000; - --bs-table-hover-bg: #f1b35b; - --bs-table-hover-color: #fff; + --bs-table-hover-bg: #ffd272; + --bs-table-hover-color: #000; color: #fff; - border-color: #f2b560; + border-color: #ffd376; } .table-danger { - --bs-table-bg: #d9534f; - --bs-table-striped-bg: #db5c58; + --bs-table-bg: #ff7851; + --bs-table-striped-bg: #ff7f5a; --bs-table-striped-color: #fff; - --bs-table-active-bg: #dd6461; + --bs-table-active-bg: #ff8662; --bs-table-active-color: #fff; - --bs-table-hover-bg: #dc605c; + --bs-table-hover-bg: #ff825e; --bs-table-hover-color: #fff; color: #fff; - border-color: #dd6461; + border-color: #ff8662; } .table-light { @@ -2127,8 +2112,8 @@ progress { } .col-form-label { - padding-top: calc(0.5rem + 1px); - padding-bottom: calc(0.5rem + 1px); + padding-top: calc(0.375rem + 1px); + padding-bottom: calc(0.375rem + 1px); margin-bottom: 0; font-size: inherit; line-height: 1.5; @@ -2137,42 +2122,36 @@ progress { .col-form-label-lg { padding-top: calc(0.5rem + 1px); padding-bottom: calc(0.5rem + 1px); - font-size: calc(1.2625rem + 0.15vw); -} - -@media (min-width: 1200px) { - .col-form-label-lg { - font-size: 1.375rem; - } + font-size: 1.25rem; } .col-form-label-sm { padding-top: calc(0.25rem + 1px); padding-bottom: calc(0.25rem + 1px); - font-size: 0.9625rem; + font-size: 0.875rem; } .form-text { margin-top: 0.25rem; font-size: 0.875em; - color: #868e96; + color: #888; } .form-control { display: block; width: 100%; - padding: 0.5rem 1.1rem; - font-size: 1.1rem; + padding: 0.375rem 0.75rem; + font-size: 1rem; font-weight: 400; line-height: 1.5; - color: #343a40; + color: #888; background-color: #fff; background-clip: padding-box; - border: 1px solid rgba(0, 0, 0, 0.1); + border: 1px solid #ced4da; -webkit-appearance: none; -moz-appearance: none; appearance: none; - border-radius: 0.25rem; + border-radius: 0.4rem; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @@ -2191,11 +2170,11 @@ progress { } .form-control:focus { - color: #343a40; + color: #888; background-color: #fff; - border-color: #a2c1f6; + border-color: #bce1d6; outline: 0; - box-shadow: 0 0 0 0.25rem rgba(69, 130, 236, 0.25); + box-shadow: 0 0 0 0.25rem rgba(120, 194, 173, 0.25); } .form-control::-webkit-date-and-time-value { @@ -2203,43 +2182,43 @@ progress { } .form-control::-webkit-input-placeholder { - color: #868e96; + color: #888; opacity: 1; } .form-control::-moz-placeholder { - color: #868e96; + color: #888; opacity: 1; } .form-control:-ms-input-placeholder { - color: #868e96; + color: #888; opacity: 1; } .form-control::-ms-input-placeholder { - color: #868e96; + color: #888; opacity: 1; } .form-control::placeholder { - color: #868e96; + color: #888; opacity: 1; } .form-control:disabled, .form-control[readonly] { - background-color: #e9ecef; + background-color: #f7f7f9; opacity: 1; } .form-control::file-selector-button { - padding: 0.5rem 1.1rem; - margin: -0.5rem -1.1rem; - -webkit-margin-end: 1.1rem; - -moz-margin-end: 1.1rem; - margin-inline-end: 1.1rem; - color: #343a40; - background-color: #e9ecef; + padding: 0.375rem 0.75rem; + margin: -0.375rem -0.75rem; + -webkit-margin-end: 0.75rem; + -moz-margin-end: 0.75rem; + margin-inline-end: 0.75rem; + color: #888; + background-color: #f7f7f9; pointer-events: none; border-color: inherit; border-style: solid; @@ -2256,16 +2235,16 @@ progress { } .form-control:hover:not(:disabled):not([readonly])::file-selector-button { - background-color: #dde0e3; + background-color: #ebebed; } .form-control::-webkit-file-upload-button { - padding: 0.5rem 1.1rem; - margin: -0.5rem -1.1rem; - -webkit-margin-end: 1.1rem; - margin-inline-end: 1.1rem; - color: #343a40; - background-color: #e9ecef; + padding: 0.375rem 0.75rem; + margin: -0.375rem -0.75rem; + -webkit-margin-end: 0.75rem; + margin-inline-end: 0.75rem; + color: #888; + background-color: #f7f7f9; pointer-events: none; border-color: inherit; border-style: solid; @@ -2284,16 +2263,16 @@ progress { } .form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button { - background-color: #dde0e3; + background-color: #ebebed; } .form-control-plaintext { display: block; width: 100%; - padding: 0.5rem 0; + padding: 0.375rem 0; margin-bottom: 0; line-height: 1.5; - color: #343a40; + color: #888; background-color: transparent; border: solid transparent; border-width: 1px 0; @@ -2307,8 +2286,8 @@ progress { .form-control-sm { min-height: calc(1.5em + 0.5rem + 2px); padding: 0.25rem 0.5rem; - font-size: 0.9625rem; - border-radius: 0.2rem; + font-size: 0.875rem; + border-radius: 0.3rem; } .form-control-sm::file-selector-button { @@ -2329,14 +2308,8 @@ progress { .form-control-lg { min-height: calc(1.5em + 1rem + 2px); padding: 0.5rem 1rem; - font-size: calc(1.2625rem + 0.15vw); - border-radius: 0.3rem; -} - -@media (min-width: 1200px) { - .form-control-lg { - font-size: 1.375rem; - } + font-size: 1.25rem; + border-radius: 0.6rem; } .form-control-lg::file-selector-button { @@ -2355,7 +2328,7 @@ progress { } textarea.form-control { - min-height: calc(1.5em + 1rem + 2px); + min-height: calc(1.5em + 0.75rem + 2px); } textarea.form-control-sm { @@ -2369,7 +2342,7 @@ textarea.form-control-lg { .form-control-color { width: 3rem; height: auto; - padding: 0.5rem; + padding: 0.375rem; } .form-control-color:not(:disabled):not([readonly]) { @@ -2378,30 +2351,30 @@ textarea.form-control-lg { .form-control-color::-moz-color-swatch { height: 1.5em; - border-radius: 0.25rem; + border-radius: 0.4rem; } .form-control-color::-webkit-color-swatch { height: 1.5em; - border-radius: 0.25rem; + border-radius: 0.4rem; } .form-select { display: block; width: 100%; - padding: 0.5rem 3.3rem 0.5rem 1.1rem; - -moz-padding-start: calc(1.1rem - 3px); - font-size: 1.1rem; + padding: 0.375rem 2.25rem 0.375rem 0.75rem; + -moz-padding-start: calc(0.75rem - 3px); + font-size: 1rem; font-weight: 400; line-height: 1.5; - color: #343a40; + color: #888; background-color: #fff; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"); background-repeat: no-repeat; - background-position: right 1.1rem center; + background-position: right 0.75rem center; background-size: 16px 12px; - border: 1px solid rgba(0, 0, 0, 0.1); - border-radius: 0.25rem; + border: 1px solid #ced4da; + border-radius: 0.4rem; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; -webkit-appearance: none; -moz-appearance: none; @@ -2415,50 +2388,44 @@ textarea.form-control-lg { } .form-select:focus { - border-color: #a2c1f6; + border-color: #bce1d6; outline: 0; - box-shadow: 0 0 0 0.25rem rgba(69, 130, 236, 0.25); + box-shadow: 0 0 0 0.25rem rgba(120, 194, 173, 0.25); } .form-select[multiple], .form-select[size]:not([size="1"]) { - padding-right: 1.1rem; + padding-right: 0.75rem; background-image: none; } .form-select:disabled { - background-color: #e9ecef; + background-color: #f7f7f9; } .form-select:-moz-focusring { color: transparent; - text-shadow: 0 0 0 #343a40; + text-shadow: 0 0 0 #888; } .form-select-sm { padding-top: 0.25rem; padding-bottom: 0.25rem; padding-left: 0.5rem; - font-size: 0.9625rem; - border-radius: 0.2rem; + font-size: 0.875rem; + border-radius: 0.3rem; } .form-select-lg { padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 1rem; - font-size: calc(1.2625rem + 0.15vw); - border-radius: 0.3rem; -} - -@media (min-width: 1200px) { - .form-select-lg { - font-size: 1.375rem; - } + font-size: 1.25rem; + border-radius: 0.6rem; } .form-check { display: block; - min-height: 1.65rem; + min-height: 1.5rem; padding-left: 1.5em; margin-bottom: 0.125rem; } @@ -2499,14 +2466,14 @@ textarea.form-control-lg { } .form-check-input:focus { - border-color: #a2c1f6; + border-color: #bce1d6; outline: 0; - box-shadow: 0 0 0 0.25rem rgba(69, 130, 236, 0.25); + box-shadow: 0 0 0 0.25rem rgba(120, 194, 173, 0.25); } .form-check-input:checked { - background-color: #4582ec; - border-color: #4582ec; + background-color: #78c2ad; + border-color: #78c2ad; } .form-check-input:checked[type="checkbox"] { @@ -2518,8 +2485,8 @@ textarea.form-control-lg { } .form-check-input[type="checkbox"]:indeterminate { - background-color: #4582ec; - border-color: #4582ec; + background-color: #78c2ad; + border-color: #78c2ad; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e"); } @@ -2554,7 +2521,7 @@ textarea.form-control-lg { } .form-switch .form-check-input:focus { - background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23a2c1f6'/%3e%3c/svg%3e"); + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23bce1d6'/%3e%3c/svg%3e"); } .form-switch .form-check-input:checked { @@ -2595,11 +2562,11 @@ textarea.form-control-lg { } .form-range:focus::-webkit-slider-thumb { - box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(69, 130, 236, 0.25); + box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(120, 194, 173, 0.25); } .form-range:focus::-moz-range-thumb { - box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(69, 130, 236, 0.25); + box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(120, 194, 173, 0.25); } .form-range::-moz-focus-outer { @@ -2610,7 +2577,7 @@ textarea.form-control-lg { width: 1rem; height: 1rem; margin-top: -0.25rem; - background-color: #4582ec; + background-color: #78c2ad; border: 0; border-radius: 1rem; -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; @@ -2627,7 +2594,7 @@ textarea.form-control-lg { } .form-range::-webkit-slider-thumb:active { - background-color: #c7daf9; + background-color: #d7ede6; } .form-range::-webkit-slider-runnable-track { @@ -2635,7 +2602,7 @@ textarea.form-control-lg { height: 0.5rem; color: transparent; cursor: pointer; - background-color: #ddd; + background-color: #eceeef; border-color: transparent; border-radius: 1rem; } @@ -2643,7 +2610,7 @@ textarea.form-control-lg { .form-range::-moz-range-thumb { width: 1rem; height: 1rem; - background-color: #4582ec; + background-color: #78c2ad; border: 0; border-radius: 1rem; -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; @@ -2660,7 +2627,7 @@ textarea.form-control-lg { } .form-range::-moz-range-thumb:active { - background-color: #c7daf9; + background-color: #d7ede6; } .form-range::-moz-range-track { @@ -2668,7 +2635,7 @@ textarea.form-control-lg { height: 0.5rem; color: transparent; cursor: pointer; - background-color: #ddd; + background-color: #eceeef; border-color: transparent; border-radius: 1rem; } @@ -2678,11 +2645,11 @@ textarea.form-control-lg { } .form-range:disabled::-webkit-slider-thumb { - background-color: #adb5bd; + background-color: #aaa; } .form-range:disabled::-moz-range-thumb { - background-color: #adb5bd; + background-color: #aaa; } .form-floating { @@ -2700,7 +2667,7 @@ textarea.form-control-lg { top: 0; left: 0; height: 100%; - padding: 1rem 1.1rem; + padding: 1rem 0.75rem; pointer-events: none; border: 1px solid transparent; -webkit-transform-origin: 0 0; @@ -2717,7 +2684,7 @@ textarea.form-control-lg { } .form-floating > .form-control { - padding: 1rem 1.1rem; + padding: 1rem 0.75rem; } .form-floating > .form-control::-webkit-input-placeholder { @@ -2828,16 +2795,16 @@ textarea.form-control-lg { display: flex; -ms-flex-align: center; align-items: center; - padding: 0.5rem 1.1rem; - font-size: 1.1rem; + padding: 0.375rem 0.75rem; + font-size: 1rem; font-weight: 400; line-height: 1.5; - color: #343a40; + color: #888; text-align: center; white-space: nowrap; - background-color: #e9ecef; - border: 1px solid rgba(0, 0, 0, 0.1); - border-radius: 0.25rem; + background-color: #f7f7f9; + border: 1px solid #ced4da; + border-radius: 0.4rem; } .input-group-lg > .form-control, @@ -2845,17 +2812,8 @@ textarea.form-control-lg { .input-group-lg > .input-group-text, .input-group-lg > .btn { padding: 0.5rem 1rem; - font-size: calc(1.2625rem + 0.15vw); - border-radius: 0.3rem; -} - -@media (min-width: 1200px) { - .input-group-lg > .form-control, - .input-group-lg > .form-select, - .input-group-lg > .input-group-text, - .input-group-lg > .btn { - font-size: 1.375rem; - } + font-size: 1.25rem; + border-radius: 0.6rem; } .input-group-sm > .form-control, @@ -2863,13 +2821,13 @@ textarea.form-control-lg { .input-group-sm > .input-group-text, .input-group-sm > .btn { padding: 0.25rem 0.5rem; - font-size: 0.9625rem; - border-radius: 0.2rem; + font-size: 0.875rem; + border-radius: 0.3rem; } .input-group-lg > .form-select, .input-group-sm > .form-select { - padding-right: 4.4rem; + padding-right: 3rem; } .input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu), @@ -2895,7 +2853,7 @@ textarea.form-control-lg { width: 100%; margin-top: 0.25rem; font-size: 0.875em; - color: #02b875; + color: #56cc9d; } .valid-tooltip { @@ -2906,10 +2864,10 @@ textarea.form-control-lg { max-width: 100%; padding: 0.25rem 0.5rem; margin-top: .1rem; - font-size: 0.6875rem; + font-size: 0.875rem; color: #fff; - background-color: rgba(2, 184, 117, 0.9); - border-radius: 0.25rem; + background-color: rgba(86, 204, 157, 0.9); + border-radius: 0.4rem; } .was-validated :valid ~ .valid-feedback, @@ -2920,54 +2878,54 @@ textarea.form-control-lg { } .was-validated .form-control:valid, .form-control.is-valid { - border-color: #02b875; - padding-right: calc(1.5em + 1rem); - background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2302b875' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); + border-color: #56cc9d; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2356cc9d' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); background-repeat: no-repeat; - background-position: right calc(0.375em + 0.25rem) center; - background-size: calc(0.75em + 0.5rem) calc(0.75em + 0.5rem); + background-position: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .was-validated .form-control:valid:focus, .form-control.is-valid:focus { - border-color: #02b875; - box-shadow: 0 0 0 0.25rem rgba(2, 184, 117, 0.25); + border-color: #56cc9d; + box-shadow: 0 0 0 0.25rem rgba(86, 204, 157, 0.25); } .was-validated textarea.form-control:valid, textarea.form-control.is-valid { - padding-right: calc(1.5em + 1rem); - background-position: top calc(0.375em + 0.25rem) right calc(0.375em + 0.25rem); + padding-right: calc(1.5em + 0.75rem); + background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); } .was-validated .form-select:valid, .form-select.is-valid { - border-color: #02b875; + border-color: #56cc9d; } .was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"], .form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"] { - padding-right: 6.05rem; - background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2302b875' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); - background-position: right 1.1rem center, center right 3.3rem; - background-size: 16px 12px, calc(0.75em + 0.5rem) calc(0.75em + 0.5rem); + padding-right: 4.125rem; + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2356cc9d' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); + background-position: right 0.75rem center, center right 2.25rem; + background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .was-validated .form-select:valid:focus, .form-select.is-valid:focus { - border-color: #02b875; - box-shadow: 0 0 0 0.25rem rgba(2, 184, 117, 0.25); + border-color: #56cc9d; + box-shadow: 0 0 0 0.25rem rgba(86, 204, 157, 0.25); } .was-validated .form-check-input:valid, .form-check-input.is-valid { - border-color: #02b875; + border-color: #56cc9d; } .was-validated .form-check-input:valid:checked, .form-check-input.is-valid:checked { - background-color: #02b875; + background-color: #56cc9d; } .was-validated .form-check-input:valid:focus, .form-check-input.is-valid:focus { - box-shadow: 0 0 0 0.25rem rgba(2, 184, 117, 0.25); + box-shadow: 0 0 0 0.25rem rgba(86, 204, 157, 0.25); } .was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { - color: #02b875; + color: #56cc9d; } .form-check-inline .form-check-input ~ .valid-feedback { @@ -2991,7 +2949,7 @@ textarea.form-control-lg { width: 100%; margin-top: 0.25rem; font-size: 0.875em; - color: #d9534f; + color: #ff7851; } .invalid-tooltip { @@ -3002,10 +2960,10 @@ textarea.form-control-lg { max-width: 100%; padding: 0.25rem 0.5rem; margin-top: .1rem; - font-size: 0.6875rem; + font-size: 0.875rem; color: #fff; - background-color: rgba(217, 83, 79, 0.9); - border-radius: 0.25rem; + background-color: rgba(255, 120, 81, 0.9); + border-radius: 0.4rem; } .was-validated :invalid ~ .invalid-feedback, @@ -3016,54 +2974,54 @@ textarea.form-control-lg { } .was-validated .form-control:invalid, .form-control.is-invalid { - border-color: #d9534f; - padding-right: calc(1.5em + 1rem); - background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23d9534f'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23d9534f' stroke='none'/%3e%3c/svg%3e"); + border-color: #ff7851; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23ff7851'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23ff7851' stroke='none'/%3e%3c/svg%3e"); background-repeat: no-repeat; - background-position: right calc(0.375em + 0.25rem) center; - background-size: calc(0.75em + 0.5rem) calc(0.75em + 0.5rem); + background-position: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { - border-color: #d9534f; - box-shadow: 0 0 0 0.25rem rgba(217, 83, 79, 0.25); + border-color: #ff7851; + box-shadow: 0 0 0 0.25rem rgba(255, 120, 81, 0.25); } .was-validated textarea.form-control:invalid, textarea.form-control.is-invalid { - padding-right: calc(1.5em + 1rem); - background-position: top calc(0.375em + 0.25rem) right calc(0.375em + 0.25rem); + padding-right: calc(1.5em + 0.75rem); + background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); } .was-validated .form-select:invalid, .form-select.is-invalid { - border-color: #d9534f; + border-color: #ff7851; } .was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .form-select:invalid:not([multiple])[size="1"], .form-select.is-invalid:not([multiple]):not([size]), .form-select.is-invalid:not([multiple])[size="1"] { - padding-right: 6.05rem; - background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23d9534f'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23d9534f' stroke='none'/%3e%3c/svg%3e"); - background-position: right 1.1rem center, center right 3.3rem; - background-size: 16px 12px, calc(0.75em + 0.5rem) calc(0.75em + 0.5rem); + padding-right: 4.125rem; + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23ff7851'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23ff7851' stroke='none'/%3e%3c/svg%3e"); + background-position: right 0.75rem center, center right 2.25rem; + background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .was-validated .form-select:invalid:focus, .form-select.is-invalid:focus { - border-color: #d9534f; - box-shadow: 0 0 0 0.25rem rgba(217, 83, 79, 0.25); + border-color: #ff7851; + box-shadow: 0 0 0 0.25rem rgba(255, 120, 81, 0.25); } .was-validated .form-check-input:invalid, .form-check-input.is-invalid { - border-color: #d9534f; + border-color: #ff7851; } .was-validated .form-check-input:invalid:checked, .form-check-input.is-invalid:checked { - background-color: #d9534f; + background-color: #ff7851; } .was-validated .form-check-input:invalid:focus, .form-check-input.is-invalid:focus { - box-shadow: 0 0 0 0.25rem rgba(217, 83, 79, 0.25); + box-shadow: 0 0 0 0.25rem rgba(255, 120, 81, 0.25); } .was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { - color: #d9534f; + color: #ff7851; } .form-check-inline .form-check-input ~ .invalid-feedback { @@ -3084,10 +3042,9 @@ textarea.form-control-lg { .btn { display: inline-block; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-weight: 400; line-height: 1.5; - color: #343a40; + color: #888; text-align: center; text-decoration: none; vertical-align: middle; @@ -3098,9 +3055,9 @@ textarea.form-control-lg { user-select: none; background-color: transparent; border: 1px solid transparent; - padding: 0.5rem 1.1rem; - font-size: 0.875rem; - border-radius: 1.078em; + padding: 0.375rem 0.75rem; + font-size: 1rem; + border-radius: 0.4rem; 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; } @@ -3111,12 +3068,12 @@ textarea.form-control-lg { } .btn:hover { - color: #343a40; + color: #888; } .btn-check:focus + .btn, .btn:focus { outline: 0; - box-shadow: 0 0 0 0.25rem rgba(69, 130, 236, 0.25); + box-shadow: 0 0 0 0.25rem rgba(120, 194, 173, 0.25); } .btn:disabled, .btn.disabled, @@ -3127,236 +3084,236 @@ fieldset:disabled .btn { .btn-primary { color: #fff; - background-color: #4582ec; - border-color: #4582ec; + background-color: #78c2ad; + border-color: #78c2ad; } .btn-primary:hover { color: #fff; - background-color: #3b6fc9; - border-color: #3768bd; + background-color: #66a593; + border-color: #609b8a; } .btn-check:focus + .btn-primary, .btn-primary:focus { color: #fff; - background-color: #3b6fc9; - border-color: #3768bd; - box-shadow: 0 0 0 0.25rem rgba(97, 149, 239, 0.5); + background-color: #66a593; + border-color: #609b8a; + box-shadow: 0 0 0 0.25rem rgba(140, 203, 185, 0.5); } .btn-check:checked + .btn-primary, .btn-check:active + .btn-primary, .btn-primary:active, .btn-primary.active, .show > .btn-primary.dropdown-toggle { color: #fff; - background-color: #3768bd; - border-color: #3462b1; + background-color: #609b8a; + border-color: #5a9282; } .btn-check:checked + .btn-primary:focus, .btn-check:active + .btn-primary:focus, .btn-primary:active:focus, .btn-primary.active:focus, .show > .btn-primary.dropdown-toggle:focus { - box-shadow: 0 0 0 0.25rem rgba(97, 149, 239, 0.5); + box-shadow: 0 0 0 0.25rem rgba(140, 203, 185, 0.5); } .btn-primary:disabled, .btn-primary.disabled { color: #fff; - background-color: #4582ec; - border-color: #4582ec; + background-color: #78c2ad; + border-color: #78c2ad; } .btn-secondary { color: #fff; - background-color: #adb5bd; - border-color: #adb5bd; + background-color: #f3969a; + border-color: #f3969a; } .btn-secondary:hover { color: #fff; - background-color: #939aa1; - border-color: #8a9197; + background-color: #cf8083; + border-color: #c2787b; } .btn-check:focus + .btn-secondary, .btn-secondary:focus { color: #fff; - background-color: #939aa1; - border-color: #8a9197; - box-shadow: 0 0 0 0.25rem rgba(185, 192, 199, 0.5); + background-color: #cf8083; + border-color: #c2787b; + box-shadow: 0 0 0 0.25rem rgba(245, 166, 169, 0.5); } .btn-check:checked + .btn-secondary, .btn-check:active + .btn-secondary, .btn-secondary:active, .btn-secondary.active, .show > .btn-secondary.dropdown-toggle { color: #fff; - background-color: #8a9197; - border-color: #82888e; + background-color: #c2787b; + border-color: #b67174; } .btn-check:checked + .btn-secondary:focus, .btn-check:active + .btn-secondary:focus, .btn-secondary:active:focus, .btn-secondary.active:focus, .show > .btn-secondary.dropdown-toggle:focus { - box-shadow: 0 0 0 0.25rem rgba(185, 192, 199, 0.5); + box-shadow: 0 0 0 0.25rem rgba(245, 166, 169, 0.5); } .btn-secondary:disabled, .btn-secondary.disabled { color: #fff; - background-color: #adb5bd; - border-color: #adb5bd; + background-color: #f3969a; + border-color: #f3969a; } .btn-success { color: #fff; - background-color: #02b875; - border-color: #02b875; + background-color: #56cc9d; + border-color: #56cc9d; } .btn-success:hover { color: #fff; - background-color: #029c63; - border-color: #02935e; + background-color: #49ad85; + border-color: #45a37e; } .btn-check:focus + .btn-success, .btn-success:focus { color: #fff; - background-color: #029c63; - border-color: #02935e; - box-shadow: 0 0 0 0.25rem rgba(40, 195, 138, 0.5); + background-color: #49ad85; + border-color: #45a37e; + box-shadow: 0 0 0 0.25rem rgba(111, 212, 172, 0.5); } .btn-check:checked + .btn-success, .btn-check:active + .btn-success, .btn-success:active, .btn-success.active, .show > .btn-success.dropdown-toggle { color: #fff; - background-color: #02935e; - border-color: #028a58; + background-color: #45a37e; + border-color: #419976; } .btn-check:checked + .btn-success:focus, .btn-check:active + .btn-success:focus, .btn-success:active:focus, .btn-success.active:focus, .show > .btn-success.dropdown-toggle:focus { - box-shadow: 0 0 0 0.25rem rgba(40, 195, 138, 0.5); + box-shadow: 0 0 0 0.25rem rgba(111, 212, 172, 0.5); } .btn-success:disabled, .btn-success.disabled { color: #fff; - background-color: #02b875; - border-color: #02b875; + background-color: #56cc9d; + border-color: #56cc9d; } .btn-info { color: #fff; - background-color: #17a2b8; - border-color: #17a2b8; + background-color: #6cc3d5; + border-color: #6cc3d5; } .btn-info:hover { color: #fff; - background-color: #148a9c; - border-color: #128293; + background-color: #5ca6b5; + border-color: #569caa; } .btn-check:focus + .btn-info, .btn-info:focus { color: #fff; - background-color: #148a9c; - border-color: #128293; - box-shadow: 0 0 0 0.25rem rgba(58, 176, 195, 0.5); + background-color: #5ca6b5; + border-color: #569caa; + box-shadow: 0 0 0 0.25rem rgba(130, 204, 219, 0.5); } .btn-check:checked + .btn-info, .btn-check:active + .btn-info, .btn-info:active, .btn-info.active, .show > .btn-info.dropdown-toggle { color: #fff; - background-color: #128293; - border-color: #117a8a; + background-color: #569caa; + border-color: #5192a0; } .btn-check:checked + .btn-info:focus, .btn-check:active + .btn-info:focus, .btn-info:active:focus, .btn-info.active:focus, .show > .btn-info.dropdown-toggle:focus { - box-shadow: 0 0 0 0.25rem rgba(58, 176, 195, 0.5); + box-shadow: 0 0 0 0.25rem rgba(130, 204, 219, 0.5); } .btn-info:disabled, .btn-info.disabled { color: #fff; - background-color: #17a2b8; - border-color: #17a2b8; + background-color: #6cc3d5; + border-color: #6cc3d5; } .btn-warning { color: #fff; - background-color: #f0ad4e; - border-color: #f0ad4e; + background-color: #ffce67; + border-color: #ffce67; } .btn-warning:hover { color: #fff; - background-color: #cc9342; - border-color: #c08a3e; + background-color: #d9af58; + border-color: #cca552; } .btn-check:focus + .btn-warning, .btn-warning:focus { color: #fff; - background-color: #cc9342; - border-color: #c08a3e; - box-shadow: 0 0 0 0.25rem rgba(242, 185, 105, 0.5); + background-color: #d9af58; + border-color: #cca552; + box-shadow: 0 0 0 0.25rem rgba(255, 213, 126, 0.5); } .btn-check:checked + .btn-warning, .btn-check:active + .btn-warning, .btn-warning:active, .btn-warning.active, .show > .btn-warning.dropdown-toggle { color: #fff; - background-color: #c08a3e; - border-color: #b4823b; + background-color: #cca552; + border-color: #bf9b4d; } .btn-check:checked + .btn-warning:focus, .btn-check:active + .btn-warning:focus, .btn-warning:active:focus, .btn-warning.active:focus, .show > .btn-warning.dropdown-toggle:focus { - box-shadow: 0 0 0 0.25rem rgba(242, 185, 105, 0.5); + box-shadow: 0 0 0 0.25rem rgba(255, 213, 126, 0.5); } .btn-warning:disabled, .btn-warning.disabled { color: #fff; - background-color: #f0ad4e; - border-color: #f0ad4e; + background-color: #ffce67; + border-color: #ffce67; } .btn-danger { color: #fff; - background-color: #d9534f; - border-color: #d9534f; + background-color: #ff7851; + border-color: #ff7851; } .btn-danger:hover { color: #fff; - background-color: #b84743; - border-color: #ae423f; + background-color: #d96645; + border-color: #cc6041; } .btn-check:focus + .btn-danger, .btn-danger:focus { color: #fff; - background-color: #b84743; - border-color: #ae423f; - box-shadow: 0 0 0 0.25rem rgba(223, 109, 105, 0.5); + background-color: #d96645; + border-color: #cc6041; + box-shadow: 0 0 0 0.25rem rgba(255, 140, 107, 0.5); } .btn-check:checked + .btn-danger, .btn-check:active + .btn-danger, .btn-danger:active, .btn-danger.active, .show > .btn-danger.dropdown-toggle { color: #fff; - background-color: #ae423f; - border-color: #a33e3b; + background-color: #cc6041; + border-color: #bf5a3d; } .btn-check:checked + .btn-danger:focus, .btn-check:active + .btn-danger:focus, .btn-danger:active:focus, .btn-danger.active:focus, .show > .btn-danger.dropdown-toggle:focus { - box-shadow: 0 0 0 0.25rem rgba(223, 109, 105, 0.5); + box-shadow: 0 0 0 0.25rem rgba(255, 140, 107, 0.5); } .btn-danger:disabled, .btn-danger.disabled { color: #fff; - background-color: #d9534f; - border-color: #d9534f; + background-color: #ff7851; + border-color: #ff7851; } .btn-light { @@ -3438,194 +3395,194 @@ fieldset:disabled .btn { } .btn-outline-primary { - color: #4582ec; - border-color: #4582ec; + color: #78c2ad; + border-color: #78c2ad; } .btn-outline-primary:hover { color: #fff; - background-color: #4582ec; - border-color: #4582ec; + background-color: #78c2ad; + border-color: #78c2ad; } .btn-check:focus + .btn-outline-primary, .btn-outline-primary:focus { - box-shadow: 0 0 0 0.25rem rgba(69, 130, 236, 0.5); + box-shadow: 0 0 0 0.25rem rgba(120, 194, 173, 0.5); } .btn-check:checked + .btn-outline-primary, .btn-check:active + .btn-outline-primary, .btn-outline-primary:active, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show { color: #fff; - background-color: #4582ec; - border-color: #4582ec; + background-color: #78c2ad; + border-color: #78c2ad; } .btn-check:checked + .btn-outline-primary:focus, .btn-check:active + .btn-outline-primary:focus, .btn-outline-primary:active:focus, .btn-outline-primary.active:focus, .btn-outline-primary.dropdown-toggle.show:focus { - box-shadow: 0 0 0 0.25rem rgba(69, 130, 236, 0.5); + box-shadow: 0 0 0 0.25rem rgba(120, 194, 173, 0.5); } .btn-outline-primary:disabled, .btn-outline-primary.disabled { - color: #4582ec; + color: #78c2ad; background-color: transparent; } .btn-outline-secondary { - color: #adb5bd; - border-color: #adb5bd; + color: #f3969a; + border-color: #f3969a; } .btn-outline-secondary:hover { color: #fff; - background-color: #adb5bd; - border-color: #adb5bd; + background-color: #f3969a; + border-color: #f3969a; } .btn-check:focus + .btn-outline-secondary, .btn-outline-secondary:focus { - box-shadow: 0 0 0 0.25rem rgba(173, 181, 189, 0.5); + box-shadow: 0 0 0 0.25rem rgba(243, 150, 154, 0.5); } .btn-check:checked + .btn-outline-secondary, .btn-check:active + .btn-outline-secondary, .btn-outline-secondary:active, .btn-outline-secondary.active, .btn-outline-secondary.dropdown-toggle.show { color: #fff; - background-color: #adb5bd; - border-color: #adb5bd; + background-color: #f3969a; + border-color: #f3969a; } .btn-check:checked + .btn-outline-secondary:focus, .btn-check:active + .btn-outline-secondary:focus, .btn-outline-secondary:active:focus, .btn-outline-secondary.active:focus, .btn-outline-secondary.dropdown-toggle.show:focus { - box-shadow: 0 0 0 0.25rem rgba(173, 181, 189, 0.5); + box-shadow: 0 0 0 0.25rem rgba(243, 150, 154, 0.5); } .btn-outline-secondary:disabled, .btn-outline-secondary.disabled { - color: #adb5bd; + color: #f3969a; background-color: transparent; } .btn-outline-success { - color: #02b875; - border-color: #02b875; + color: #56cc9d; + border-color: #56cc9d; } .btn-outline-success:hover { color: #fff; - background-color: #02b875; - border-color: #02b875; + background-color: #56cc9d; + border-color: #56cc9d; } .btn-check:focus + .btn-outline-success, .btn-outline-success:focus { - box-shadow: 0 0 0 0.25rem rgba(2, 184, 117, 0.5); + box-shadow: 0 0 0 0.25rem rgba(86, 204, 157, 0.5); } .btn-check:checked + .btn-outline-success, .btn-check:active + .btn-outline-success, .btn-outline-success:active, .btn-outline-success.active, .btn-outline-success.dropdown-toggle.show { color: #fff; - background-color: #02b875; - border-color: #02b875; + background-color: #56cc9d; + border-color: #56cc9d; } .btn-check:checked + .btn-outline-success:focus, .btn-check:active + .btn-outline-success:focus, .btn-outline-success:active:focus, .btn-outline-success.active:focus, .btn-outline-success.dropdown-toggle.show:focus { - box-shadow: 0 0 0 0.25rem rgba(2, 184, 117, 0.5); + box-shadow: 0 0 0 0.25rem rgba(86, 204, 157, 0.5); } .btn-outline-success:disabled, .btn-outline-success.disabled { - color: #02b875; + color: #56cc9d; background-color: transparent; } .btn-outline-info { - color: #17a2b8; - border-color: #17a2b8; + color: #6cc3d5; + border-color: #6cc3d5; } .btn-outline-info:hover { color: #fff; - background-color: #17a2b8; - border-color: #17a2b8; + background-color: #6cc3d5; + border-color: #6cc3d5; } .btn-check:focus + .btn-outline-info, .btn-outline-info:focus { - box-shadow: 0 0 0 0.25rem rgba(23, 162, 184, 0.5); + box-shadow: 0 0 0 0.25rem rgba(108, 195, 213, 0.5); } .btn-check:checked + .btn-outline-info, .btn-check:active + .btn-outline-info, .btn-outline-info:active, .btn-outline-info.active, .btn-outline-info.dropdown-toggle.show { color: #fff; - background-color: #17a2b8; - border-color: #17a2b8; + background-color: #6cc3d5; + border-color: #6cc3d5; } .btn-check:checked + .btn-outline-info:focus, .btn-check:active + .btn-outline-info:focus, .btn-outline-info:active:focus, .btn-outline-info.active:focus, .btn-outline-info.dropdown-toggle.show:focus { - box-shadow: 0 0 0 0.25rem rgba(23, 162, 184, 0.5); + box-shadow: 0 0 0 0.25rem rgba(108, 195, 213, 0.5); } .btn-outline-info:disabled, .btn-outline-info.disabled { - color: #17a2b8; + color: #6cc3d5; background-color: transparent; } .btn-outline-warning { - color: #f0ad4e; - border-color: #f0ad4e; + color: #ffce67; + border-color: #ffce67; } .btn-outline-warning:hover { color: #fff; - background-color: #f0ad4e; - border-color: #f0ad4e; + background-color: #ffce67; + border-color: #ffce67; } .btn-check:focus + .btn-outline-warning, .btn-outline-warning:focus { - box-shadow: 0 0 0 0.25rem rgba(240, 173, 78, 0.5); + box-shadow: 0 0 0 0.25rem rgba(255, 206, 103, 0.5); } .btn-check:checked + .btn-outline-warning, .btn-check:active + .btn-outline-warning, .btn-outline-warning:active, .btn-outline-warning.active, .btn-outline-warning.dropdown-toggle.show { color: #fff; - background-color: #f0ad4e; - border-color: #f0ad4e; + background-color: #ffce67; + border-color: #ffce67; } .btn-check:checked + .btn-outline-warning:focus, .btn-check:active + .btn-outline-warning:focus, .btn-outline-warning:active:focus, .btn-outline-warning.active:focus, .btn-outline-warning.dropdown-toggle.show:focus { - box-shadow: 0 0 0 0.25rem rgba(240, 173, 78, 0.5); + box-shadow: 0 0 0 0.25rem rgba(255, 206, 103, 0.5); } .btn-outline-warning:disabled, .btn-outline-warning.disabled { - color: #f0ad4e; + color: #ffce67; background-color: transparent; } .btn-outline-danger { - color: #d9534f; - border-color: #d9534f; + color: #ff7851; + border-color: #ff7851; } .btn-outline-danger:hover { color: #fff; - background-color: #d9534f; - border-color: #d9534f; + background-color: #ff7851; + border-color: #ff7851; } .btn-check:focus + .btn-outline-danger, .btn-outline-danger:focus { - box-shadow: 0 0 0 0.25rem rgba(217, 83, 79, 0.5); + box-shadow: 0 0 0 0.25rem rgba(255, 120, 81, 0.5); } .btn-check:checked + .btn-outline-danger, .btn-check:active + .btn-outline-danger, .btn-outline-danger:active, .btn-outline-danger.active, .btn-outline-danger.dropdown-toggle.show { color: #fff; - background-color: #d9534f; - border-color: #d9534f; + background-color: #ff7851; + border-color: #ff7851; } .btn-check:checked + .btn-outline-danger:focus, .btn-check:active + .btn-outline-danger:focus, .btn-outline-danger:active:focus, .btn-outline-danger.active:focus, .btn-outline-danger.dropdown-toggle.show:focus { - box-shadow: 0 0 0 0.25rem rgba(217, 83, 79, 0.5); + box-shadow: 0 0 0 0.25rem rgba(255, 120, 81, 0.5); } .btn-outline-danger:disabled, .btn-outline-danger.disabled { - color: #d9534f; + color: #ff7851; background-color: transparent; } @@ -3695,34 +3652,28 @@ fieldset:disabled .btn { .btn-link { font-weight: 400; - color: #4582ec; + color: #78c2ad; text-decoration: underline; } .btn-link:hover { - color: #3768bd; + color: #609b8a; } .btn-link:disabled, .btn-link.disabled { - color: #868e96; + color: #888; } .btn-lg, .btn-group-lg > .btn { padding: 0.5rem 1rem; - font-size: calc(1.2625rem + 0.15vw); - border-radius: 2.688em; -} - -@media (min-width: 1200px) { - .btn-lg, .btn-group-lg > .btn { - font-size: 1.375rem; - } + font-size: 1.25rem; + border-radius: 0.6rem; } .btn-sm, .btn-group-sm > .btn { padding: 0.25rem 0.5rem; - font-size: 0.688rem; - border-radius: 0.844em; + font-size: 0.875rem; + border-radius: 0.3rem; } .fade { @@ -3800,14 +3751,14 @@ fieldset:disabled .btn { min-width: 10rem; padding: 0.5rem 0; margin: 0; - font-size: 1.1rem; - color: #343a40; + font-size: 1rem; + color: #888; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.15); - border-radius: 0.25rem; + border-radius: 0.4rem; } .dropdown-menu[data-bs-popper] { @@ -4027,18 +3978,18 @@ fieldset:disabled .btn { } .dropdown-item:hover, .dropdown-item:focus { - color: #1e2125; - background-color: #e9ecef; + color: #fff; + background-color: #f3969a; } .dropdown-item.active, .dropdown-item:active { color: #fff; text-decoration: none; - background-color: #4582ec; + background-color: #78c2ad; } .dropdown-item.disabled, .dropdown-item:disabled { - color: #adb5bd; + color: #aaa; pointer-events: none; background-color: transparent; } @@ -4051,8 +4002,8 @@ fieldset:disabled .btn { display: block; padding: 0.5rem 1rem; margin-bottom: 0; - font-size: 0.9625rem; - color: #868e96; + font-size: 0.875rem; + color: #888; white-space: nowrap; } @@ -4063,13 +4014,13 @@ fieldset:disabled .btn { } .dropdown-menu-dark { - color: #ddd; + color: #eceeef; background-color: #343a40; border-color: rgba(0, 0, 0, 0.15); } .dropdown-menu-dark .dropdown-item { - color: #ddd; + color: #eceeef; } .dropdown-menu-dark .dropdown-item:hover, .dropdown-menu-dark .dropdown-item:focus { @@ -4079,11 +4030,11 @@ fieldset:disabled .btn { .dropdown-menu-dark .dropdown-item.active, .dropdown-menu-dark .dropdown-item:active { color: #fff; - background-color: #4582ec; + background-color: #78c2ad; } .dropdown-menu-dark .dropdown-item.disabled, .dropdown-menu-dark .dropdown-item:disabled { - color: #adb5bd; + color: #aaa; } .dropdown-menu-dark .dropdown-divider { @@ -4091,11 +4042,11 @@ fieldset:disabled .btn { } .dropdown-menu-dark .dropdown-item-text { - color: #ddd; + color: #eceeef; } .dropdown-menu-dark .dropdown-header { - color: #adb5bd; + color: #aaa; } .btn-group, @@ -4160,8 +4111,8 @@ fieldset:disabled .btn { } .dropdown-toggle-split { - padding-right: 0.825rem; - padding-left: 0.825rem; + padding-right: 0.5625rem; + padding-left: 0.5625rem; } .dropdown-toggle-split::after, @@ -4228,7 +4179,7 @@ fieldset:disabled .btn { .nav-link { display: block; padding: 0.5rem 1rem; - color: #4582ec; + color: #78c2ad; text-decoration: none; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out; } @@ -4240,43 +4191,43 @@ fieldset:disabled .btn { } .nav-link:hover, .nav-link:focus { - color: #3768bd; + color: #609b8a; } .nav-link.disabled { - color: #868e96; + color: #888; pointer-events: none; cursor: default; } .nav-tabs { - border-bottom: 1px solid #ddd; + border-bottom: 1px solid #eceeef; } .nav-tabs .nav-link { margin-bottom: -1px; background: none; border: 1px solid transparent; - border-top-left-radius: 0.25rem; - border-top-right-radius: 0.25rem; + border-top-left-radius: 0.4rem; + border-top-right-radius: 0.4rem; } .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { - border-color: #e9ecef #e9ecef #ddd; + border-color: #f7f7f9 #f7f7f9 #eceeef; isolation: isolate; } .nav-tabs .nav-link.disabled { - color: #868e96; + color: #888; background-color: transparent; border-color: transparent; } .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link { - color: #495057; + color: #5a5a5a; background-color: #fff; - border-color: #ddd #ddd #fff; + border-color: #eceeef #eceeef #fff; } .nav-tabs .dropdown-menu { @@ -4288,13 +4239,13 @@ fieldset:disabled .btn { .nav-pills .nav-link { background: none; border: 0; - border-radius: 0.25rem; + border-radius: 0.4rem; } .nav-pills .nav-link.active, .nav-pills .show > .nav-link { color: #fff; - background-color: #4582ec; + background-color: #78c2ad; } .nav-fill > .nav-link, @@ -4353,20 +4304,14 @@ fieldset:disabled .btn { } .navbar-brand { - padding-top: 0.29375rem; - padding-bottom: 0.29375rem; + padding-top: 0.3125rem; + padding-bottom: 0.3125rem; margin-right: 1rem; - font-size: calc(1.2625rem + 0.15vw); + font-size: 1.25rem; text-decoration: none; white-space: nowrap; } -@media (min-width: 1200px) { - .navbar-brand { - font-size: 1.375rem; - } -} - .navbar-nav { display: -ms-flexbox; display: flex; @@ -4402,20 +4347,14 @@ fieldset:disabled .btn { .navbar-toggler { padding: 0.25rem 0.75rem; - font-size: calc(1.2625rem + 0.15vw); + font-size: 1.25rem; line-height: 1; background-color: transparent; border: 1px solid transparent; - border-radius: 1.078em; + border-radius: 0.4rem; transition: box-shadow 0.15s ease-in-out; } -@media (min-width: 1200px) { - .navbar-toggler { - font-size: 1.375rem; - } -} - @media (prefers-reduced-motion: reduce) { .navbar-toggler { transition: none; @@ -4834,47 +4773,47 @@ fieldset:disabled .btn { } .navbar-light .navbar-brand { - color: #343a40; + color: #5a5a5a; } .navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { - color: #343a40; + color: #5a5a5a; } .navbar-light .navbar-nav .nav-link { - color: rgba(0, 0, 0, 0.55); + color: rgba(0, 0, 0, 0.3); } .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { - color: #343a40; + color: #5a5a5a; } .navbar-light .navbar-nav .nav-link.disabled { - color: rgba(0, 0, 0, 0.3); + color: rgba(0, 0, 0, 0.1); } .navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .nav-link.active { - color: #343a40; + color: #5a5a5a; } .navbar-light .navbar-toggler { - color: rgba(0, 0, 0, 0.55); + color: rgba(0, 0, 0, 0.3); border-color: rgba(0, 0, 0, 0.1); } .navbar-light .navbar-toggler-icon { - background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.3%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } .navbar-light .navbar-text { - color: rgba(0, 0, 0, 0.55); + color: rgba(0, 0, 0, 0.3); } .navbar-light .navbar-text a, .navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { - color: #343a40; + color: #5a5a5a; } .navbar-dark .navbar-brand { @@ -4932,7 +4871,7 @@ fieldset:disabled .btn { background-color: #fff; background-clip: border-box; border: 1px solid rgba(0, 0, 0, 0.125); - border-radius: 0.25rem; + border-radius: 0.4rem; } .card > hr { @@ -4947,14 +4886,14 @@ fieldset:disabled .btn { .card > .list-group:first-child { border-top-width: 0; - border-top-left-radius: calc(0.25rem - 1px); - border-top-right-radius: calc(0.25rem - 1px); + border-top-left-radius: calc(0.4rem - 1px); + border-top-right-radius: calc(0.4rem - 1px); } .card > .list-group:last-child { border-bottom-width: 0; - border-bottom-right-radius: calc(0.25rem - 1px); - border-bottom-left-radius: calc(0.25rem - 1px); + border-bottom-right-radius: calc(0.4rem - 1px); + border-bottom-left-radius: calc(0.4rem - 1px); } .card > .card-header + .list-group, @@ -4993,7 +4932,7 @@ fieldset:disabled .btn { } .card-header:first-child { - border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; + border-radius: calc(0.4rem - 1px) calc(0.4rem - 1px) 0 0; } .card-footer { @@ -5003,7 +4942,7 @@ fieldset:disabled .btn { } .card-footer:last-child { - border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); + border-radius: 0 0 calc(0.4rem - 1px) calc(0.4rem - 1px); } .card-header-tabs { @@ -5025,7 +4964,7 @@ fieldset:disabled .btn { bottom: 0; left: 0; padding: 1rem; - border-radius: calc(0.25rem - 1px); + border-radius: calc(0.4rem - 1px); } .card-img, @@ -5036,14 +4975,14 @@ fieldset:disabled .btn { .card-img, .card-img-top { - border-top-left-radius: calc(0.25rem - 1px); - border-top-right-radius: calc(0.25rem - 1px); + border-top-left-radius: calc(0.4rem - 1px); + border-top-right-radius: calc(0.4rem - 1px); } .card-img, .card-img-bottom { - border-bottom-right-radius: calc(0.25rem - 1px); - border-bottom-left-radius: calc(0.25rem - 1px); + border-bottom-right-radius: calc(0.4rem - 1px); + border-bottom-left-radius: calc(0.4rem - 1px); } .card-group > .card { @@ -5100,8 +5039,8 @@ fieldset:disabled .btn { align-items: center; width: 100%; padding: 1rem 1.25rem; - font-size: 1.1rem; - color: #343a40; + font-size: 1rem; + color: #888; text-align: left; background-color: #fff; border: 0; @@ -5117,13 +5056,13 @@ fieldset:disabled .btn { } .accordion-button:not(.collapsed) { - color: #3e75d4; - background-color: #ecf3fd; + color: #6caf9c; + background-color: #f2f9f7; box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.125); } .accordion-button:not(.collapsed)::after { - background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%233e75d4'%3e%3cpath fill-rule='evenodd' d='M1.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'/%3e%3c/svg%3e"); + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236caf9c'%3e%3cpath fill-rule='evenodd' d='M1.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'/%3e%3c/svg%3e"); -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } @@ -5135,7 +5074,7 @@ fieldset:disabled .btn { height: 1.25rem; margin-left: auto; content: ""; - background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23343a40'%3e%3cpath fill-rule='evenodd' d='M1.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'/%3e%3c/svg%3e"); + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23888'%3e%3cpath fill-rule='evenodd' d='M1.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'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-size: 1.25rem; transition: -webkit-transform 0.2s ease-in-out; @@ -5155,9 +5094,9 @@ fieldset:disabled .btn { .accordion-button:focus { z-index: 3; - border-color: #a2c1f6; + border-color: #bce1d6; outline: 0; - box-shadow: 0 0 0 0.25rem rgba(69, 130, 236, 0.25); + box-shadow: 0 0 0 0.25rem rgba(120, 194, 173, 0.25); } .accordion-header { @@ -5170,13 +5109,13 @@ fieldset:disabled .btn { } .accordion-item:first-of-type { - border-top-left-radius: 0.25rem; - border-top-right-radius: 0.25rem; + border-top-left-radius: 0.4rem; + border-top-right-radius: 0.4rem; } .accordion-item:first-of-type .accordion-button { - border-top-left-radius: calc(0.25rem - 1px); - border-top-right-radius: calc(0.25rem - 1px); + border-top-left-radius: calc(0.4rem - 1px); + border-top-right-radius: calc(0.4rem - 1px); } .accordion-item:not(:first-of-type) { @@ -5184,18 +5123,18 @@ fieldset:disabled .btn { } .accordion-item:last-of-type { - border-bottom-right-radius: 0.25rem; - border-bottom-left-radius: 0.25rem; + border-bottom-right-radius: 0.4rem; + border-bottom-left-radius: 0.4rem; } .accordion-item:last-of-type .accordion-button.collapsed { - border-bottom-right-radius: calc(0.25rem - 1px); - border-bottom-left-radius: calc(0.25rem - 1px); + border-bottom-right-radius: calc(0.4rem - 1px); + border-bottom-left-radius: calc(0.4rem - 1px); } .accordion-item:last-of-type .accordion-collapse { - border-bottom-right-radius: 0.25rem; - border-bottom-left-radius: 0.25rem; + border-bottom-right-radius: 0.4rem; + border-bottom-left-radius: 0.4rem; } .accordion-body { @@ -5229,9 +5168,11 @@ fieldset:disabled .btn { display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; - padding: 0 0; + padding: 0.375rem 0.75rem; margin-bottom: 1rem; list-style: none; + background-color: #78c2ad; + border-radius: 0.25rem; } .breadcrumb-item + .breadcrumb-item { @@ -5241,12 +5182,12 @@ fieldset:disabled .btn { .breadcrumb-item + .breadcrumb-item::before { float: left; padding-right: 0.5rem; - color: #868e96; + color: #fff; content: var(--bs-breadcrumb-divider, "/") /* rtl: var(--bs-breadcrumb-divider, "/") */; } .breadcrumb-item.active { - color: #868e96; + color: #fff; } .pagination { @@ -5259,10 +5200,10 @@ fieldset:disabled .btn { .page-link { position: relative; display: block; - color: #4582ec; + color: #fff; text-decoration: none; - background-color: #fff; - border: 1px solid #ddd; + background-color: #78c2ad; + border: 1px solid #78c2ad; 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; } @@ -5274,17 +5215,17 @@ fieldset:disabled .btn { .page-link:hover { z-index: 2; - color: #3768bd; - background-color: #e9ecef; - border-color: #ddd; + color: #fff; + background-color: #f3969a; + border-color: #f3969a; } .page-link:focus { z-index: 3; - color: #3768bd; - background-color: #e9ecef; + color: #609b8a; + background-color: #f7f7f9; outline: 0; - box-shadow: 0 0 0 0.25rem rgba(69, 130, 236, 0.25); + box-shadow: 0 0 0 0.25rem rgba(120, 194, 173, 0.25); } .page-item:not(:first-child) .page-link { @@ -5294,15 +5235,15 @@ fieldset:disabled .btn { .page-item.active .page-link { z-index: 3; color: #fff; - background-color: #4582ec; - border-color: #4582ec; + background-color: #f3969a; + border-color: #f3969a; } .page-item.disabled .page-link { - color: #868e96; + color: #fff; pointer-events: none; - background-color: #fff; - border-color: #ddd; + background-color: #cce8e0; + border-color: #cce8e0; } .page-link { @@ -5310,62 +5251,56 @@ fieldset:disabled .btn { } .page-item:first-child .page-link { - border-top-left-radius: 0.25rem; - border-bottom-left-radius: 0.25rem; + border-top-left-radius: 0.4rem; + border-bottom-left-radius: 0.4rem; } .page-item:last-child .page-link { - border-top-right-radius: 0.25rem; - border-bottom-right-radius: 0.25rem; + border-top-right-radius: 0.4rem; + border-bottom-right-radius: 0.4rem; } .pagination-lg .page-link { padding: 0.75rem 1.5rem; - font-size: calc(1.2625rem + 0.15vw); -} - -@media (min-width: 1200px) { - .pagination-lg .page-link { - font-size: 1.375rem; - } + font-size: 1.25rem; } .pagination-lg .page-item:first-child .page-link { - border-top-left-radius: 0.3rem; - border-bottom-left-radius: 0.3rem; + border-top-left-radius: 0.6rem; + border-bottom-left-radius: 0.6rem; } .pagination-lg .page-item:last-child .page-link { - border-top-right-radius: 0.3rem; - border-bottom-right-radius: 0.3rem; + border-top-right-radius: 0.6rem; + border-bottom-right-radius: 0.6rem; } .pagination-sm .page-link { padding: 0.25rem 0.5rem; - font-size: 0.9625rem; + font-size: 0.875rem; } .pagination-sm .page-item:first-child .page-link { - border-top-left-radius: 0.2rem; - border-bottom-left-radius: 0.2rem; + border-top-left-radius: 0.3rem; + border-bottom-left-radius: 0.3rem; } .pagination-sm .page-item:last-child .page-link { - border-top-right-radius: 0.2rem; - border-bottom-right-radius: 0.2rem; + border-top-right-radius: 0.3rem; + border-bottom-right-radius: 0.3rem; } .badge { display: inline-block; - padding: 0.6em 1.2em; + padding: 0.35em 0.65em; font-size: 0.75em; - font-weight: 400; + font-weight: 700; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: baseline; - border-radius: 0.25rem; + border-radius: 0.4rem; } .badge:empty { @@ -5381,8 +5316,8 @@ fieldset:disabled .btn { position: relative; padding: 1rem 1rem; margin-bottom: 1rem; - border: 0 solid transparent; - border-radius: 0.25rem; + border: 1px solid transparent; + border-radius: 0.4rem; } .alert-heading { @@ -5406,83 +5341,83 @@ fieldset:disabled .btn { } .alert-primary { - color: #294e8e; - background-color: #dae6fb; - border-color: #c7daf9; + color: white; + background-color: #78c2ad; + border-color: #d7ede6; } .alert-primary .alert-link { - color: #213e72; + color: #cccccc; } .alert-secondary { - color: #686d71; - background-color: #eff0f2; - border-color: #e6e9eb; + color: white; + background-color: #f3969a; + border-color: #fbe0e1; } .alert-secondary .alert-link { - color: #53575a; + color: #cccccc; } .alert-success { - color: #016e46; - background-color: #ccf1e3; - border-color: #b3ead6; + color: white; + background-color: #56cc9d; + border-color: #ccf0e2; } .alert-success .alert-link { - color: #015838; + color: #cccccc; } .alert-info { - color: #0e616e; - background-color: #d1ecf1; - border-color: #b9e3ea; + color: white; + background-color: #6cc3d5; + border-color: #d3edf2; } .alert-info .alert-link { - color: #0b4e58; + color: #cccccc; } .alert-warning { - color: #90682f; - background-color: #fcefdc; - border-color: #fbe6ca; + color: white; + background-color: #ffce67; + border-color: #fff0d1; } .alert-warning .alert-link { - color: #735326; + color: #cccccc; } .alert-danger { - color: #82322f; - background-color: #f7dddc; - border-color: #f4cbca; + color: white; + background-color: #ff7851; + border-color: #ffd7cb; } .alert-danger .alert-link { - color: #682826; + color: #cccccc; } .alert-light { - color: #959596; - background-color: #fefefe; + color: black; + background-color: #f8f9fa; border-color: #fdfdfe; } .alert-light .alert-link { - color: #777778; + color: black; } .alert-dark { - color: #1f2326; - background-color: #d6d8d9; + color: white; + background-color: #343a40; border-color: #c2c4c6; } .alert-dark .alert-link { - color: #191c1e; + color: #cccccc; } @-webkit-keyframes progress-bar-stripes { @@ -5502,9 +5437,9 @@ fieldset:disabled .btn { display: flex; height: 1rem; overflow: hidden; - font-size: 0.825rem; - background-color: #e9ecef; - border-radius: 0.25rem; + font-size: 0.75rem; + background-color: #f7f7f9; + border-radius: 0.4rem; } .progress-bar { @@ -5518,7 +5453,7 @@ fieldset:disabled .btn { color: #fff; text-align: center; white-space: nowrap; - background-color: #4582ec; + background-color: #78c2ad; transition: width 0.6s ease; } @@ -5552,7 +5487,7 @@ fieldset:disabled .btn { flex-direction: column; padding-left: 0; margin-bottom: 0; - border-radius: 0.25rem; + border-radius: 0.4rem; } .list-group-numbered { @@ -5567,20 +5502,20 @@ fieldset:disabled .btn { .list-group-item-action { width: 100%; - color: #495057; + color: #5a5a5a; text-align: inherit; } .list-group-item-action:hover, .list-group-item-action:focus { z-index: 1; - color: #495057; + color: #5a5a5a; text-decoration: none; background-color: #f8f9fa; } .list-group-item-action:active { - color: #343a40; - background-color: #e9ecef; + color: #888; + background-color: #f7f7f9; } .list-group-item { @@ -5604,7 +5539,7 @@ fieldset:disabled .btn { } .list-group-item.disabled, .list-group-item:disabled { - color: #868e96; + color: #888; pointer-events: none; background-color: #fff; } @@ -5612,8 +5547,8 @@ fieldset:disabled .btn { .list-group-item.active { z-index: 2; color: #fff; - background-color: #4582ec; - border-color: #4582ec; + background-color: #78c2ad; + border-color: #78c2ad; } .list-group-item + .list-group-item { @@ -5631,12 +5566,12 @@ fieldset:disabled .btn { } .list-group-horizontal > .list-group-item:first-child { - border-bottom-left-radius: 0.25rem; + border-bottom-left-radius: 0.4rem; border-top-right-radius: 0; } .list-group-horizontal > .list-group-item:last-child { - border-top-right-radius: 0.25rem; + border-top-right-radius: 0.4rem; border-bottom-left-radius: 0; } @@ -5660,11 +5595,11 @@ fieldset:disabled .btn { flex-direction: row; } .list-group-horizontal-sm > .list-group-item:first-child { - border-bottom-left-radius: 0.25rem; + border-bottom-left-radius: 0.4rem; border-top-right-radius: 0; } .list-group-horizontal-sm > .list-group-item:last-child { - border-top-right-radius: 0.25rem; + border-top-right-radius: 0.4rem; border-bottom-left-radius: 0; } .list-group-horizontal-sm > .list-group-item.active { @@ -5686,11 +5621,11 @@ fieldset:disabled .btn { flex-direction: row; } .list-group-horizontal-md > .list-group-item:first-child { - border-bottom-left-radius: 0.25rem; + border-bottom-left-radius: 0.4rem; border-top-right-radius: 0; } .list-group-horizontal-md > .list-group-item:last-child { - border-top-right-radius: 0.25rem; + border-top-right-radius: 0.4rem; border-bottom-left-radius: 0; } .list-group-horizontal-md > .list-group-item.active { @@ -5712,11 +5647,11 @@ fieldset:disabled .btn { flex-direction: row; } .list-group-horizontal-lg > .list-group-item:first-child { - border-bottom-left-radius: 0.25rem; + border-bottom-left-radius: 0.4rem; border-top-right-radius: 0; } .list-group-horizontal-lg > .list-group-item:last-child { - border-top-right-radius: 0.25rem; + border-top-right-radius: 0.4rem; border-bottom-left-radius: 0; } .list-group-horizontal-lg > .list-group-item.active { @@ -5738,11 +5673,11 @@ fieldset:disabled .btn { flex-direction: row; } .list-group-horizontal-xl > .list-group-item:first-child { - border-bottom-left-radius: 0.25rem; + border-bottom-left-radius: 0.4rem; border-top-right-radius: 0; } .list-group-horizontal-xl > .list-group-item:last-child { - border-top-right-radius: 0.25rem; + border-top-right-radius: 0.4rem; border-bottom-left-radius: 0; } .list-group-horizontal-xl > .list-group-item.active { @@ -5764,11 +5699,11 @@ fieldset:disabled .btn { flex-direction: row; } .list-group-horizontal-xxl > .list-group-item:first-child { - border-bottom-left-radius: 0.25rem; + border-bottom-left-radius: 0.4rem; border-top-right-radius: 0; } .list-group-horizontal-xxl > .list-group-item:last-child { - border-top-right-radius: 0.25rem; + border-top-right-radius: 0.4rem; border-bottom-left-radius: 0; } .list-group-horizontal-xxl > .list-group-item.active { @@ -5797,99 +5732,99 @@ fieldset:disabled .btn { } .list-group-item-primary { - color: #294e8e; - background-color: #dae6fb; + color: #487468; + background-color: #e4f3ef; } .list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { - color: #294e8e; - background-color: #c4cfe2; + color: #487468; + background-color: #cddbd7; } .list-group-item-primary.list-group-item-action.active { color: #fff; - background-color: #294e8e; - border-color: #294e8e; + background-color: #487468; + border-color: #487468; } .list-group-item-secondary { - color: #686d71; - background-color: #eff0f2; + color: #925a5c; + background-color: #fdeaeb; } .list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { - color: #686d71; - background-color: #d7d8da; + color: #925a5c; + background-color: #e4d3d4; } .list-group-item-secondary.list-group-item-action.active { color: #fff; - background-color: #686d71; - border-color: #686d71; + background-color: #925a5c; + border-color: #925a5c; } .list-group-item-success { - color: #016e46; - background-color: #ccf1e3; + color: #347a5e; + background-color: #ddf5eb; } .list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { - color: #016e46; - background-color: #b8d9cc; + color: #347a5e; + background-color: #c7ddd4; } .list-group-item-success.list-group-item-action.active { color: #fff; - background-color: #016e46; - border-color: #016e46; + background-color: #347a5e; + border-color: #347a5e; } .list-group-item-info { - color: #0e616e; - background-color: #d1ecf1; + color: #417580; + background-color: #e2f3f7; } .list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { - color: #0e616e; - background-color: #bcd4d9; + color: #417580; + background-color: #cbdbde; } .list-group-item-info.list-group-item-action.active { color: #fff; - background-color: #0e616e; - border-color: #0e616e; + background-color: #417580; + border-color: #417580; } .list-group-item-warning { - color: #90682f; - background-color: #fcefdc; + color: #997c3e; + background-color: #fff5e1; } .list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { - color: #90682f; - background-color: #e3d7c6; + color: #997c3e; + background-color: #e6ddcb; } .list-group-item-warning.list-group-item-action.active { color: #fff; - background-color: #90682f; - border-color: #90682f; + background-color: #997c3e; + border-color: #997c3e; } .list-group-item-danger { - color: #82322f; - background-color: #f7dddc; + color: #994831; + background-color: #ffe4dc; } .list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { - color: #82322f; - background-color: #dec7c6; + color: #994831; + background-color: #e6cdc6; } .list-group-item-danger.list-group-item-action.active { color: #fff; - background-color: #82322f; - border-color: #82322f; + background-color: #994831; + border-color: #994831; } .list-group-item-light { @@ -5932,7 +5867,7 @@ fieldset:disabled .btn { color: #000; background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat; border: 0; - border-radius: 0.25rem; + border-radius: 0.4rem; opacity: 0.5; } @@ -5944,7 +5879,7 @@ fieldset:disabled .btn { .btn-close:focus { outline: 0; - box-shadow: 0 0 0 0.25rem rgba(69, 130, 236, 0.25); + box-shadow: 0 0 0 0.25rem rgba(120, 194, 173, 0.25); opacity: 1; } @@ -5971,7 +5906,7 @@ fieldset:disabled .btn { background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.1); box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); - border-radius: 0.25rem; + border-radius: 0.4rem; } .toast.showing { @@ -6000,12 +5935,12 @@ fieldset:disabled .btn { -ms-flex-align: center; align-items: center; padding: 0.5rem 0.75rem; - color: #868e96; + color: #888; background-color: rgba(255, 255, 255, 0.85); background-clip: padding-box; border-bottom: 1px solid rgba(0, 0, 0, 0.05); - border-top-left-radius: calc(0.25rem - 1px); - border-top-right-radius: calc(0.25rem - 1px); + border-top-left-radius: calc(0.4rem - 1px); + border-top-right-radius: calc(0.4rem - 1px); } .toast-header .btn-close { @@ -6094,7 +6029,7 @@ fieldset:disabled .btn { background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); - border-radius: 0.3rem; + border-radius: 0.6rem; outline: 0; } @@ -6126,9 +6061,9 @@ fieldset:disabled .btn { -ms-flex-pack: justify; justify-content: space-between; padding: 1rem 1rem; - border-bottom: 1px solid #ddd; - border-top-left-radius: calc(0.3rem - 1px); - border-top-right-radius: calc(0.3rem - 1px); + border-bottom: 1px solid #eceeef; + border-top-left-radius: calc(0.6rem - 1px); + border-top-right-radius: calc(0.6rem - 1px); } .modal-header .btn-close { @@ -6160,9 +6095,9 @@ fieldset:disabled .btn { -ms-flex-pack: end; justify-content: flex-end; padding: 0.75rem; - border-top: 1px solid #ddd; - border-bottom-right-radius: calc(0.3rem - 1px); - border-bottom-left-radius: calc(0.3rem - 1px); + border-top: 1px solid #eceeef; + border-bottom-right-radius: calc(0.6rem - 1px); + border-bottom-left-radius: calc(0.6rem - 1px); } .modal-footer > * { @@ -6357,7 +6292,7 @@ fieldset:disabled .btn { word-spacing: normal; white-space: normal; line-break: auto; - font-size: 0.6875rem; + font-size: 0.875rem; word-wrap: break-word; opacity: 0; } @@ -6446,7 +6381,7 @@ fieldset:disabled .btn { color: #fff; text-align: center; background-color: #000; - border-radius: 0.25rem; + border-radius: 0.4rem; } .popover { @@ -6470,12 +6405,12 @@ fieldset:disabled .btn { word-spacing: normal; white-space: normal; line-break: auto; - font-size: 0.9625rem; + font-size: 0.875rem; word-wrap: break-word; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); - border-radius: 0.3rem; + border-radius: 0.6rem; } .popover .popover-arrow { @@ -6575,11 +6510,12 @@ fieldset:disabled .btn { .popover-header { padding: 0.5rem 1rem; margin-bottom: 0; - font-size: 1.1rem; + font-size: 1rem; + color: #5a5a5a; background-color: #f0f0f0; border-bottom: 1px solid rgba(0, 0, 0, 0.2); - border-top-left-radius: calc(0.3rem - 1px); - border-top-right-radius: calc(0.3rem - 1px); + border-top-left-radius: calc(0.6rem - 1px); + border-top-right-radius: calc(0.6rem - 1px); } .popover-header:empty { @@ -6588,7 +6524,7 @@ fieldset:disabled .btn { .popover-body { padding: 1rem 1rem; - color: #343a40; + color: #888; } .carousel { @@ -7092,51 +7028,51 @@ fieldset:disabled .btn { } .link-primary { - color: #4582ec; + color: #78c2ad; } .link-primary:hover, .link-primary:focus { - color: #3768bd; + color: #609b8a; } .link-secondary { - color: #adb5bd; + color: #f3969a; } .link-secondary:hover, .link-secondary:focus { - color: #8a9197; + color: #c2787b; } .link-success { - color: #02b875; + color: #56cc9d; } .link-success:hover, .link-success:focus { - color: #02935e; + color: #45a37e; } .link-info { - color: #17a2b8; + color: #6cc3d5; } .link-info:hover, .link-info:focus { - color: #128293; + color: #569caa; } .link-warning { - color: #f0ad4e; + color: #ffce67; } .link-warning:hover, .link-warning:focus { - color: #c08a3e; + color: #cca552; } .link-danger { - color: #d9534f; + color: #ff7851; } .link-danger:hover, .link-danger:focus { - color: #ae423f; + color: #cc6041; } .link-light { @@ -7534,7 +7470,7 @@ fieldset:disabled .btn { } .border { - border: 1px solid #ddd !important; + border: 1px solid #eceeef !important; } .border-0 { @@ -7542,7 +7478,7 @@ fieldset:disabled .btn { } .border-top { - border-top: 1px solid #ddd !important; + border-top: 1px solid #eceeef !important; } .border-top-0 { @@ -7550,7 +7486,7 @@ fieldset:disabled .btn { } .border-end { - border-right: 1px solid #ddd !important; + border-right: 1px solid #eceeef !important; } .border-end-0 { @@ -7558,7 +7494,7 @@ fieldset:disabled .btn { } .border-bottom { - border-bottom: 1px solid #ddd !important; + border-bottom: 1px solid #eceeef !important; } .border-bottom-0 { @@ -7566,7 +7502,7 @@ fieldset:disabled .btn { } .border-start { - border-left: 1px solid #ddd !important; + border-left: 1px solid #eceeef !important; } .border-start-0 { @@ -7574,27 +7510,27 @@ fieldset:disabled .btn { } .border-primary { - border-color: #4582ec !important; + border-color: #78c2ad !important; } .border-secondary { - border-color: #adb5bd !important; + border-color: #f3969a !important; } .border-success { - border-color: #02b875 !important; + border-color: #56cc9d !important; } .border-info { - border-color: #17a2b8 !important; + border-color: #6cc3d5 !important; } .border-warning { - border-color: #f0ad4e !important; + border-color: #ffce67 !important; } .border-danger { - border-color: #d9534f !important; + border-color: #ff7851 !important; } .border-light { @@ -8327,27 +8263,27 @@ fieldset:disabled .btn { } .fs-1 { - font-size: calc(1.4rem + 1.8vw) !important; + font-size: calc(1.375rem + 1.5vw) !important; } .fs-2 { - font-size: calc(1.345rem + 1.14vw) !important; + font-size: calc(1.325rem + 0.9vw) !important; } .fs-3 { - font-size: calc(1.3175rem + 0.81vw) !important; + font-size: calc(1.3rem + 0.6vw) !important; } .fs-4 { - font-size: calc(1.29rem + 0.48vw) !important; + font-size: calc(1.275rem + 0.3vw) !important; } .fs-5 { - font-size: calc(1.2625rem + 0.15vw) !important; + font-size: 1.25rem !important; } .fs-6 { - font-size: 1.1rem !important; + font-size: 1rem !important; } .fst-italic { @@ -8502,7 +8438,7 @@ fieldset:disabled .btn { .text-muted { --bs-text-opacity: 1; - color: #868e96 !important; + color: #888 !important; } .text-black-50 { @@ -8649,7 +8585,7 @@ fieldset:disabled .btn { } .rounded { - border-radius: 0.25rem !important; + border-radius: 0.4rem !important; } .rounded-0 { @@ -8657,15 +8593,15 @@ fieldset:disabled .btn { } .rounded-1 { - border-radius: 0.2rem !important; + border-radius: 0.3rem !important; } .rounded-2 { - border-radius: 0.25rem !important; + border-radius: 0.4rem !important; } .rounded-3 { - border-radius: 0.3rem !important; + border-radius: 0.6rem !important; } .rounded-circle { @@ -8677,23 +8613,23 @@ fieldset:disabled .btn { } .rounded-top { - border-top-left-radius: 0.25rem !important; - border-top-right-radius: 0.25rem !important; + border-top-left-radius: 0.4rem !important; + border-top-right-radius: 0.4rem !important; } .rounded-end { - border-top-right-radius: 0.25rem !important; - border-bottom-right-radius: 0.25rem !important; + border-top-right-radius: 0.4rem !important; + border-bottom-right-radius: 0.4rem !important; } .rounded-bottom { - border-bottom-right-radius: 0.25rem !important; - border-bottom-left-radius: 0.25rem !important; + border-bottom-right-radius: 0.4rem !important; + border-bottom-left-radius: 0.4rem !important; } .rounded-start { - border-bottom-left-radius: 0.25rem !important; - border-top-left-radius: 0.25rem !important; + border-bottom-left-radius: 0.4rem !important; + border-top-left-radius: 0.4rem !important; } .visible { @@ -11416,19 +11352,16 @@ fieldset:disabled .btn { @media (min-width: 1200px) { .fs-1 { - font-size: 2.75rem !important; + font-size: 2.5rem !important; } .fs-2 { - font-size: 2.2rem !important; + font-size: 2rem !important; } .fs-3 { - font-size: 1.925rem !important; + font-size: 1.75rem !important; } .fs-4 { - font-size: 1.65rem !important; - } - .fs-5 { - font-size: 1.375rem !important; + font-size: 1.5rem !important; } } @@ -11468,117 +11401,127 @@ fieldset:disabled .btn { } .navbar { - font-size: 0.9625rem; + font-family: Montserrat, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; } -.navbar.bg-dark { - background-color: #02b875 !important; +.bg-dark { + background-color: #f3969a !important; } -.navbar.bg-light { - background-color: #fff !important; - border: 1px solid rgba(0, 0, 0, 0.1); +.border-dark { + border-color: #f3969a !important; } -.navbar.bg-light.navbar-fixed-top { - border-width: 0 0 1px; +.btn { + font-family: Montserrat, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; } -.navbar.bg-light.navbar-fixed-bottom { - border-width: 1px 0 0; +.btn, .btn:hover { + color: #fff; } -p { - font-family: Georgia, Cambria, "Times New Roman", Times, serif; +.btn-light, .btn-light:hover { + color: #5a5a5a; } -blockquote { - font-style: italic; +.btn-link, .btn-link:hover { + color: #78c2ad; } -footer { - font-size: 0.9625rem; +.btn-link.disabled:hover { + color: #888; } -.lead { - color: #868e96; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; +.btn-outline-primary { + color: #78c2ad; } -table, -.table { - font-size: 0.9625rem; +.btn-outline-secondary { + color: #f3969a; } -.nav, -.breadcrumb, -.pagination { - font-size: 0.9625rem; +.btn-outline-success { + color: #56cc9d; +} + +.btn-outline-info { + color: #6cc3d5; +} + +.btn-outline-warning { + color: #ffce67; +} + +.btn-outline-danger { + color: #ff7851; +} + +.btn-outline-dark { + color: #343a40; +} + +.btn-outline-light { + color: #f8f9fa; +} + +legend { + font-family: Montserrat, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; } .dropdown-menu { - font-size: 0.9625rem; + font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; } -.alert { +.breadcrumb a { + color: rgba(255, 255, 255, 0.6); +} + +.breadcrumb a:hover { color: #fff; - font-size: 0.9625rem; -} - -.alert, -.alert p { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; + text-decoration: none; } .alert a, .alert .alert-link { color: #fff; - font-weight: 400; - text-decoration: underline; -} - -.alert-primary { - background-color: #4582ec; -} - -.alert-secondary { - background-color: #adb5bd; -} - -.alert-success { - background-color: #02b875; -} - -.alert-info { - background-color: #17a2b8; -} - -.alert-warning { - background-color: #f0ad4e; -} - -.alert-danger { - background-color: #d9534f; -} - -.alert-light { - background-color: #f8f9fa; -} - -.alert-dark { - background-color: #343a40; } .alert-light, -.alert-light a, +.alert-light a:not(.btn), .alert-light .alert-link { - color: #343a40; + color: #888; +} + +.badge { + color: #fff; } .badge.bg-light { - color: #343a40; + color: #5a5a5a; } -.list-group { - font-size: 0.9625rem; +.card h1, .card .h1, +.card h2, +.card .h2, +.card h3, +.card .h3, +.card h4, +.card .h4, +.card h5, +.card .h5, +.card h6, +.card .h6, +.list-group-item h1, +.list-group-item .h1, +.list-group-item h2, +.list-group-item .h2, +.list-group-item h3, +.list-group-item .h3, +.list-group-item h4, +.list-group-item .h4, +.list-group-item h5, +.list-group-item .h5, +.list-group-item h6, +.list-group-item .h6 { + color: inherit; } diff --git a/france/france_rsvp/static/css/custom.css b/france/france_rsvp/static/css/custom.css index dd92184..53daad7 100644 --- a/france/france_rsvp/static/css/custom.css +++ b/france/france_rsvp/static/css/custom.css @@ -1,7 +1,7 @@ /* timeline from https://mdbootstrap.com/docs/standard/extended/timeline/ */ .timeline-with-icons { - border-left: 1px solid hsl(0, 0%, 90%); + border-left: 3px solid hsl(0, 0%, 90%); position: relative; list-style: none; margin-top:1.3rem; @@ -22,9 +22,9 @@ left: -48px; background-color: hsl(217, 88.2%, 90%); color: hsl(217, 88.8%, 35.1%); - border-radius: 50%; - height: 31px; - width: 31px; + border-radius: 60%; + height: 38px; + width: 38px; display: flex; align-items: center; justify-content: center;