adjust primary hue and adjust footer links
This commit is contained in:
David Miller
parent
ca70462a27
commit
5af999ba7b
344
dist/css/styles.css
vendored
344
dist/css/styles.css
vendored
@ -17,18 +17,18 @@
|
||||
--bs-pink: #d63384;
|
||||
--bs-red: #dc3545;
|
||||
--bs-orange: #fd7e14;
|
||||
--bs-yellow: #fed136;
|
||||
--bs-yellow: #ffc800;
|
||||
--bs-green: #198754;
|
||||
--bs-teal: #20c997;
|
||||
--bs-cyan: #0dcaf0;
|
||||
--bs-white: #fff;
|
||||
--bs-gray: #6c757d;
|
||||
--bs-gray-dark: #343a40;
|
||||
--bs-primary: #fed136;
|
||||
--bs-primary: #ffc800;
|
||||
--bs-secondary: #6c757d;
|
||||
--bs-success: #198754;
|
||||
--bs-info: #0dcaf0;
|
||||
--bs-warning: #fed136;
|
||||
--bs-warning: #ffc800;
|
||||
--bs-danger: #dc3545;
|
||||
--bs-light: #f8f9fa;
|
||||
--bs-dark: #212529;
|
||||
@ -208,11 +208,11 @@ sup {
|
||||
}
|
||||
|
||||
a {
|
||||
color: #fed136;
|
||||
color: #ffc800;
|
||||
text-decoration: underline;
|
||||
}
|
||||
a:hover {
|
||||
color: #cba72b;
|
||||
color: #cca000;
|
||||
}
|
||||
|
||||
a:not([href]):not([class]), a:not([href]):not([class]):hover {
|
||||
@ -1990,15 +1990,15 @@ progress {
|
||||
}
|
||||
|
||||
.table-primary {
|
||||
--bs-table-bg: #fff6d7;
|
||||
--bs-table-striped-bg: #f2eacc;
|
||||
--bs-table-bg: #fff4cc;
|
||||
--bs-table-striped-bg: #f2e8c2;
|
||||
--bs-table-striped-color: #000;
|
||||
--bs-table-active-bg: #e6ddc2;
|
||||
--bs-table-active-bg: #e6dcb8;
|
||||
--bs-table-active-color: #000;
|
||||
--bs-table-hover-bg: #ece4c7;
|
||||
--bs-table-hover-bg: #ece2bd;
|
||||
--bs-table-hover-color: #000;
|
||||
color: #000;
|
||||
border-color: #e6ddc2;
|
||||
border-color: #e6dcb8;
|
||||
}
|
||||
|
||||
.table-secondary {
|
||||
@ -2006,9 +2006,9 @@ progress {
|
||||
--bs-table-striped-bg: #d7d8da;
|
||||
--bs-table-striped-color: #000;
|
||||
--bs-table-active-bg: #cbccce;
|
||||
--bs-table-active-color: #000;
|
||||
--bs-table-active-color: #fff;
|
||||
--bs-table-hover-bg: #d1d2d4;
|
||||
--bs-table-hover-color: #000;
|
||||
--bs-table-hover-color: #fff;
|
||||
color: #000;
|
||||
border-color: #cbccce;
|
||||
}
|
||||
@ -2018,9 +2018,9 @@ progress {
|
||||
--bs-table-striped-bg: #c7dbd2;
|
||||
--bs-table-striped-color: #000;
|
||||
--bs-table-active-bg: #bcd0c7;
|
||||
--bs-table-active-color: #000;
|
||||
--bs-table-active-color: #fff;
|
||||
--bs-table-hover-bg: #c1d6cc;
|
||||
--bs-table-hover-color: #000;
|
||||
--bs-table-hover-color: #fff;
|
||||
color: #000;
|
||||
border-color: #bcd0c7;
|
||||
}
|
||||
@ -2038,15 +2038,15 @@ progress {
|
||||
}
|
||||
|
||||
.table-warning {
|
||||
--bs-table-bg: #fff6d7;
|
||||
--bs-table-striped-bg: #f2eacc;
|
||||
--bs-table-bg: #fff4cc;
|
||||
--bs-table-striped-bg: #f2e8c2;
|
||||
--bs-table-striped-color: #000;
|
||||
--bs-table-active-bg: #e6ddc2;
|
||||
--bs-table-active-bg: #e6dcb8;
|
||||
--bs-table-active-color: #000;
|
||||
--bs-table-hover-bg: #ece4c7;
|
||||
--bs-table-hover-bg: #ece2bd;
|
||||
--bs-table-hover-color: #000;
|
||||
color: #000;
|
||||
border-color: #e6ddc2;
|
||||
border-color: #e6dcb8;
|
||||
}
|
||||
|
||||
.table-danger {
|
||||
@ -2054,9 +2054,9 @@ progress {
|
||||
--bs-table-striped-bg: #eccccf;
|
||||
--bs-table-striped-color: #000;
|
||||
--bs-table-active-bg: #dfc2c4;
|
||||
--bs-table-active-color: #000;
|
||||
--bs-table-active-color: #fff;
|
||||
--bs-table-hover-bg: #e5c7ca;
|
||||
--bs-table-hover-color: #000;
|
||||
--bs-table-hover-color: #fff;
|
||||
color: #000;
|
||||
border-color: #dfc2c4;
|
||||
}
|
||||
@ -2181,9 +2181,9 @@ progress {
|
||||
.form-control:focus {
|
||||
color: #212529;
|
||||
background-color: #fff;
|
||||
border-color: #ffe89b;
|
||||
border-color: #ffe480;
|
||||
outline: 0;
|
||||
box-shadow: 0 0 0 0.25rem rgba(254, 209, 54, 0.25);
|
||||
box-shadow: 0 0 0 0.25rem rgba(255, 200, 0, 0.25);
|
||||
}
|
||||
.form-control::-webkit-date-and-time-value {
|
||||
height: 1.5em;
|
||||
@ -2354,9 +2354,9 @@ textarea.form-control-lg {
|
||||
appearance: none;
|
||||
}
|
||||
.form-select:focus {
|
||||
border-color: #ffe89b;
|
||||
border-color: #ffe480;
|
||||
outline: 0;
|
||||
box-shadow: 0 0 0 0.25rem rgba(254, 209, 54, 0.25);
|
||||
box-shadow: 0 0 0 0.25rem rgba(255, 200, 0, 0.25);
|
||||
}
|
||||
.form-select[multiple], .form-select[size]:not([size="1"]) {
|
||||
padding-right: 0.75rem;
|
||||
@ -2421,13 +2421,13 @@ textarea.form-control-lg {
|
||||
filter: brightness(90%);
|
||||
}
|
||||
.form-check-input:focus {
|
||||
border-color: #ffe89b;
|
||||
border-color: #ffe480;
|
||||
outline: 0;
|
||||
box-shadow: 0 0 0 0.25rem rgba(254, 209, 54, 0.25);
|
||||
box-shadow: 0 0 0 0.25rem rgba(255, 200, 0, 0.25);
|
||||
}
|
||||
.form-check-input:checked {
|
||||
background-color: #fed136;
|
||||
border-color: #fed136;
|
||||
background-color: #ffc800;
|
||||
border-color: #ffc800;
|
||||
}
|
||||
.form-check-input:checked[type=checkbox] {
|
||||
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 10l3 3l6-6'/%3e%3c/svg%3e");
|
||||
@ -2436,8 +2436,8 @@ textarea.form-control-lg {
|
||||
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
|
||||
}
|
||||
.form-check-input[type=checkbox]:indeterminate {
|
||||
background-color: #fed136;
|
||||
border-color: #fed136;
|
||||
background-color: #ffc800;
|
||||
border-color: #ffc800;
|
||||
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");
|
||||
}
|
||||
.form-check-input:disabled {
|
||||
@ -2466,7 +2466,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='%23ffe89b'/%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='%23ffe480'/%3e%3c/svg%3e");
|
||||
}
|
||||
.form-switch .form-check-input:checked {
|
||||
background-position: right center;
|
||||
@ -2502,10 +2502,10 @@ textarea.form-control-lg {
|
||||
outline: 0;
|
||||
}
|
||||
.form-range:focus::-webkit-slider-thumb {
|
||||
box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(254, 209, 54, 0.25);
|
||||
box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(255, 200, 0, 0.25);
|
||||
}
|
||||
.form-range:focus::-moz-range-thumb {
|
||||
box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(254, 209, 54, 0.25);
|
||||
box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(255, 200, 0, 0.25);
|
||||
}
|
||||
.form-range::-moz-focus-outer {
|
||||
border: 0;
|
||||
@ -2514,7 +2514,7 @@ textarea.form-control-lg {
|
||||
width: 1rem;
|
||||
height: 1rem;
|
||||
margin-top: -0.25rem;
|
||||
background-color: #fed136;
|
||||
background-color: #ffc800;
|
||||
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;
|
||||
@ -2529,7 +2529,7 @@ textarea.form-control-lg {
|
||||
}
|
||||
}
|
||||
.form-range::-webkit-slider-thumb:active {
|
||||
background-color: #fff1c3;
|
||||
background-color: #ffefb3;
|
||||
}
|
||||
.form-range::-webkit-slider-runnable-track {
|
||||
width: 100%;
|
||||
@ -2543,7 +2543,7 @@ textarea.form-control-lg {
|
||||
.form-range::-moz-range-thumb {
|
||||
width: 1rem;
|
||||
height: 1rem;
|
||||
background-color: #fed136;
|
||||
background-color: #ffc800;
|
||||
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;
|
||||
@ -2558,7 +2558,7 @@ textarea.form-control-lg {
|
||||
}
|
||||
}
|
||||
.form-range::-moz-range-thumb:active {
|
||||
background-color: #fff1c3;
|
||||
background-color: #ffefb3;
|
||||
}
|
||||
.form-range::-moz-range-track {
|
||||
width: 100%;
|
||||
@ -2925,7 +2925,7 @@ textarea.form-control-lg {
|
||||
}
|
||||
.btn-check:focus + .btn, .btn:focus {
|
||||
outline: 0;
|
||||
box-shadow: 0 0 0 0.25rem rgba(254, 209, 54, 0.25);
|
||||
box-shadow: 0 0 0 0.25rem rgba(255, 200, 0, 0.25);
|
||||
}
|
||||
.btn:disabled, .btn.disabled, fieldset:disabled .btn {
|
||||
pointer-events: none;
|
||||
@ -2933,33 +2933,33 @@ textarea.form-control-lg {
|
||||
}
|
||||
|
||||
.btn-primary {
|
||||
color: #000;
|
||||
background-color: #fed136;
|
||||
border-color: #fed136;
|
||||
color: #fff;
|
||||
background-color: #ffc800;
|
||||
border-color: #ffc800;
|
||||
}
|
||||
.btn-primary:hover {
|
||||
color: #000;
|
||||
background-color: #fed854;
|
||||
border-color: #fed64a;
|
||||
color: #fff;
|
||||
background-color: #d9aa00;
|
||||
border-color: #cca000;
|
||||
}
|
||||
.btn-check:focus + .btn-primary, .btn-primary:focus {
|
||||
color: #000;
|
||||
background-color: #fed854;
|
||||
border-color: #fed64a;
|
||||
box-shadow: 0 0 0 0.25rem rgba(216, 178, 46, 0.5);
|
||||
color: #fff;
|
||||
background-color: #d9aa00;
|
||||
border-color: #cca000;
|
||||
box-shadow: 0 0 0 0.25rem rgba(255, 208, 38, 0.5);
|
||||
}
|
||||
.btn-check:checked + .btn-primary, .btn-check:active + .btn-primary, .btn-primary:active, .btn-primary.active, .show > .btn-primary.dropdown-toggle {
|
||||
color: #000;
|
||||
background-color: #feda5e;
|
||||
border-color: #fed64a;
|
||||
color: #fff;
|
||||
background-color: #cca000;
|
||||
border-color: #bf9600;
|
||||
}
|
||||
.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(216, 178, 46, 0.5);
|
||||
box-shadow: 0 0 0 0.25rem rgba(255, 208, 38, 0.5);
|
||||
}
|
||||
.btn-primary:disabled, .btn-primary.disabled {
|
||||
color: #000;
|
||||
background-color: #fed136;
|
||||
border-color: #fed136;
|
||||
color: #fff;
|
||||
background-color: #ffc800;
|
||||
border-color: #ffc800;
|
||||
}
|
||||
|
||||
.btn-secondary {
|
||||
@ -3023,63 +3023,63 @@ textarea.form-control-lg {
|
||||
}
|
||||
|
||||
.btn-info {
|
||||
color: #000;
|
||||
color: #fff;
|
||||
background-color: #0dcaf0;
|
||||
border-color: #0dcaf0;
|
||||
}
|
||||
.btn-info:hover {
|
||||
color: #000;
|
||||
background-color: #31d2f2;
|
||||
border-color: #25cff2;
|
||||
color: #fff;
|
||||
background-color: #0baccc;
|
||||
border-color: #0aa2c0;
|
||||
}
|
||||
.btn-check:focus + .btn-info, .btn-info:focus {
|
||||
color: #000;
|
||||
background-color: #31d2f2;
|
||||
border-color: #25cff2;
|
||||
box-shadow: 0 0 0 0.25rem rgba(11, 172, 204, 0.5);
|
||||
color: #fff;
|
||||
background-color: #0baccc;
|
||||
border-color: #0aa2c0;
|
||||
box-shadow: 0 0 0 0.25rem rgba(49, 210, 242, 0.5);
|
||||
}
|
||||
.btn-check:checked + .btn-info, .btn-check:active + .btn-info, .btn-info:active, .btn-info.active, .show > .btn-info.dropdown-toggle {
|
||||
color: #000;
|
||||
background-color: #3dd5f3;
|
||||
border-color: #25cff2;
|
||||
color: #fff;
|
||||
background-color: #0aa2c0;
|
||||
border-color: #0a98b4;
|
||||
}
|
||||
.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(11, 172, 204, 0.5);
|
||||
box-shadow: 0 0 0 0.25rem rgba(49, 210, 242, 0.5);
|
||||
}
|
||||
.btn-info:disabled, .btn-info.disabled {
|
||||
color: #000;
|
||||
color: #fff;
|
||||
background-color: #0dcaf0;
|
||||
border-color: #0dcaf0;
|
||||
}
|
||||
|
||||
.btn-warning {
|
||||
color: #000;
|
||||
background-color: #fed136;
|
||||
border-color: #fed136;
|
||||
color: #fff;
|
||||
background-color: #ffc800;
|
||||
border-color: #ffc800;
|
||||
}
|
||||
.btn-warning:hover {
|
||||
color: #000;
|
||||
background-color: #fed854;
|
||||
border-color: #fed64a;
|
||||
color: #fff;
|
||||
background-color: #d9aa00;
|
||||
border-color: #cca000;
|
||||
}
|
||||
.btn-check:focus + .btn-warning, .btn-warning:focus {
|
||||
color: #000;
|
||||
background-color: #fed854;
|
||||
border-color: #fed64a;
|
||||
box-shadow: 0 0 0 0.25rem rgba(216, 178, 46, 0.5);
|
||||
color: #fff;
|
||||
background-color: #d9aa00;
|
||||
border-color: #cca000;
|
||||
box-shadow: 0 0 0 0.25rem rgba(255, 208, 38, 0.5);
|
||||
}
|
||||
.btn-check:checked + .btn-warning, .btn-check:active + .btn-warning, .btn-warning:active, .btn-warning.active, .show > .btn-warning.dropdown-toggle {
|
||||
color: #000;
|
||||
background-color: #feda5e;
|
||||
border-color: #fed64a;
|
||||
color: #fff;
|
||||
background-color: #cca000;
|
||||
border-color: #bf9600;
|
||||
}
|
||||
.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(216, 178, 46, 0.5);
|
||||
box-shadow: 0 0 0 0.25rem rgba(255, 208, 38, 0.5);
|
||||
}
|
||||
.btn-warning:disabled, .btn-warning.disabled {
|
||||
color: #000;
|
||||
background-color: #fed136;
|
||||
border-color: #fed136;
|
||||
color: #fff;
|
||||
background-color: #ffc800;
|
||||
border-color: #ffc800;
|
||||
}
|
||||
|
||||
.btn-danger {
|
||||
@ -3173,27 +3173,27 @@ textarea.form-control-lg {
|
||||
}
|
||||
|
||||
.btn-outline-primary {
|
||||
color: #fed136;
|
||||
border-color: #fed136;
|
||||
color: #ffc800;
|
||||
border-color: #ffc800;
|
||||
}
|
||||
.btn-outline-primary:hover {
|
||||
color: #000;
|
||||
background-color: #fed136;
|
||||
border-color: #fed136;
|
||||
color: #fff;
|
||||
background-color: #ffc800;
|
||||
border-color: #ffc800;
|
||||
}
|
||||
.btn-check:focus + .btn-outline-primary, .btn-outline-primary:focus {
|
||||
box-shadow: 0 0 0 0.25rem rgba(254, 209, 54, 0.5);
|
||||
box-shadow: 0 0 0 0.25rem rgba(255, 200, 0, 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: #000;
|
||||
background-color: #fed136;
|
||||
border-color: #fed136;
|
||||
color: #fff;
|
||||
background-color: #ffc800;
|
||||
border-color: #ffc800;
|
||||
}
|
||||
.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(254, 209, 54, 0.5);
|
||||
box-shadow: 0 0 0 0.25rem rgba(255, 200, 0, 0.5);
|
||||
}
|
||||
.btn-outline-primary:disabled, .btn-outline-primary.disabled {
|
||||
color: #fed136;
|
||||
color: #ffc800;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
@ -3252,7 +3252,7 @@ textarea.form-control-lg {
|
||||
border-color: #0dcaf0;
|
||||
}
|
||||
.btn-outline-info:hover {
|
||||
color: #000;
|
||||
color: #fff;
|
||||
background-color: #0dcaf0;
|
||||
border-color: #0dcaf0;
|
||||
}
|
||||
@ -3260,7 +3260,7 @@ textarea.form-control-lg {
|
||||
box-shadow: 0 0 0 0.25rem rgba(13, 202, 240, 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: #000;
|
||||
color: #fff;
|
||||
background-color: #0dcaf0;
|
||||
border-color: #0dcaf0;
|
||||
}
|
||||
@ -3273,27 +3273,27 @@ textarea.form-control-lg {
|
||||
}
|
||||
|
||||
.btn-outline-warning {
|
||||
color: #fed136;
|
||||
border-color: #fed136;
|
||||
color: #ffc800;
|
||||
border-color: #ffc800;
|
||||
}
|
||||
.btn-outline-warning:hover {
|
||||
color: #000;
|
||||
background-color: #fed136;
|
||||
border-color: #fed136;
|
||||
color: #fff;
|
||||
background-color: #ffc800;
|
||||
border-color: #ffc800;
|
||||
}
|
||||
.btn-check:focus + .btn-outline-warning, .btn-outline-warning:focus {
|
||||
box-shadow: 0 0 0 0.25rem rgba(254, 209, 54, 0.5);
|
||||
box-shadow: 0 0 0 0.25rem rgba(255, 200, 0, 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: #000;
|
||||
background-color: #fed136;
|
||||
border-color: #fed136;
|
||||
color: #fff;
|
||||
background-color: #ffc800;
|
||||
border-color: #ffc800;
|
||||
}
|
||||
.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(254, 209, 54, 0.5);
|
||||
box-shadow: 0 0 0 0.25rem rgba(255, 200, 0, 0.5);
|
||||
}
|
||||
.btn-outline-warning:disabled, .btn-outline-warning.disabled {
|
||||
color: #fed136;
|
||||
color: #ffc800;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
@ -3374,11 +3374,11 @@ textarea.form-control-lg {
|
||||
|
||||
.btn-link {
|
||||
font-weight: 400;
|
||||
color: #fed136;
|
||||
color: #ffc800;
|
||||
text-decoration: underline;
|
||||
}
|
||||
.btn-link:hover {
|
||||
color: #cba72b;
|
||||
color: #cca000;
|
||||
}
|
||||
.btn-link:disabled, .btn-link.disabled {
|
||||
color: #6c757d;
|
||||
@ -3677,7 +3677,7 @@ textarea.form-control-lg {
|
||||
.dropdown-item.active, .dropdown-item:active {
|
||||
color: #fff;
|
||||
text-decoration: none;
|
||||
background-color: #fed136;
|
||||
background-color: #ffc800;
|
||||
}
|
||||
.dropdown-item.disabled, .dropdown-item:disabled {
|
||||
color: #adb5bd;
|
||||
@ -3718,7 +3718,7 @@ textarea.form-control-lg {
|
||||
}
|
||||
.dropdown-menu-dark .dropdown-item.active, .dropdown-menu-dark .dropdown-item:active {
|
||||
color: #fff;
|
||||
background-color: #fed136;
|
||||
background-color: #ffc800;
|
||||
}
|
||||
.dropdown-menu-dark .dropdown-item.disabled, .dropdown-menu-dark .dropdown-item:disabled {
|
||||
color: #adb5bd;
|
||||
@ -3893,7 +3893,7 @@ textarea.form-control-lg {
|
||||
.nav-pills .nav-link.active,
|
||||
.nav-pills .show > .nav-link {
|
||||
color: #fff;
|
||||
background-color: #fed136;
|
||||
background-color: #ffc800;
|
||||
}
|
||||
|
||||
.nav-fill > .nav-link,
|
||||
@ -4420,12 +4420,12 @@ textarea.form-control-lg {
|
||||
}
|
||||
}
|
||||
.accordion-button:not(.collapsed) {
|
||||
color: #e5bc31;
|
||||
background-color: #fffaeb;
|
||||
color: #e6b400;
|
||||
background-color: #fffae6;
|
||||
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='%23e5bc31'%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='%23e6b400'%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");
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
.accordion-button::after {
|
||||
@ -4449,9 +4449,9 @@ textarea.form-control-lg {
|
||||
}
|
||||
.accordion-button:focus {
|
||||
z-index: 3;
|
||||
border-color: #ffe89b;
|
||||
border-color: #ffe480;
|
||||
outline: 0;
|
||||
box-shadow: 0 0 0 0.25rem rgba(254, 209, 54, 0.25);
|
||||
box-shadow: 0 0 0 0.25rem rgba(255, 200, 0, 0.25);
|
||||
}
|
||||
|
||||
.accordion-header {
|
||||
@ -4537,7 +4537,7 @@ textarea.form-control-lg {
|
||||
.page-link {
|
||||
position: relative;
|
||||
display: block;
|
||||
color: #fed136;
|
||||
color: #ffc800;
|
||||
text-decoration: none;
|
||||
background-color: #fff;
|
||||
border: 1px solid #dee2e6;
|
||||
@ -4550,16 +4550,16 @@ textarea.form-control-lg {
|
||||
}
|
||||
.page-link:hover {
|
||||
z-index: 2;
|
||||
color: #cba72b;
|
||||
color: #cca000;
|
||||
background-color: #e9ecef;
|
||||
border-color: #dee2e6;
|
||||
}
|
||||
.page-link:focus {
|
||||
z-index: 3;
|
||||
color: #cba72b;
|
||||
color: #cca000;
|
||||
background-color: #e9ecef;
|
||||
outline: 0;
|
||||
box-shadow: 0 0 0 0.25rem rgba(254, 209, 54, 0.25);
|
||||
box-shadow: 0 0 0 0.25rem rgba(255, 200, 0, 0.25);
|
||||
}
|
||||
|
||||
.page-item:not(:first-child) .page-link {
|
||||
@ -4568,8 +4568,8 @@ textarea.form-control-lg {
|
||||
.page-item.active .page-link {
|
||||
z-index: 3;
|
||||
color: #fff;
|
||||
background-color: #fed136;
|
||||
border-color: #fed136;
|
||||
background-color: #ffc800;
|
||||
border-color: #ffc800;
|
||||
}
|
||||
.page-item.disabled .page-link {
|
||||
color: #6c757d;
|
||||
@ -4666,12 +4666,12 @@ textarea.form-control-lg {
|
||||
}
|
||||
|
||||
.alert-primary {
|
||||
color: #987d20;
|
||||
background-color: #fff6d7;
|
||||
border-color: #fff1c3;
|
||||
color: #997800;
|
||||
background-color: #fff4cc;
|
||||
border-color: #ffefb3;
|
||||
}
|
||||
.alert-primary .alert-link {
|
||||
color: #7a641a;
|
||||
color: #7a6000;
|
||||
}
|
||||
|
||||
.alert-secondary {
|
||||
@ -4702,12 +4702,12 @@ textarea.form-control-lg {
|
||||
}
|
||||
|
||||
.alert-warning {
|
||||
color: #987d20;
|
||||
background-color: #fff6d7;
|
||||
border-color: #fff1c3;
|
||||
color: #997800;
|
||||
background-color: #fff4cc;
|
||||
border-color: #ffefb3;
|
||||
}
|
||||
.alert-warning .alert-link {
|
||||
color: #7a641a;
|
||||
color: #7a6000;
|
||||
}
|
||||
|
||||
.alert-danger {
|
||||
@ -4720,12 +4720,12 @@ textarea.form-control-lg {
|
||||
}
|
||||
|
||||
.alert-light {
|
||||
color: #636464;
|
||||
color: #959596;
|
||||
background-color: #fefefe;
|
||||
border-color: #fdfdfe;
|
||||
}
|
||||
.alert-light .alert-link {
|
||||
color: #4f5050;
|
||||
color: #777778;
|
||||
}
|
||||
|
||||
.alert-dark {
|
||||
@ -4765,7 +4765,7 @@ textarea.form-control-lg {
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
white-space: nowrap;
|
||||
background-color: #fed136;
|
||||
background-color: #ffc800;
|
||||
transition: width 0.6s ease;
|
||||
}
|
||||
@media (prefers-reduced-motion: reduce) {
|
||||
@ -4848,8 +4848,8 @@ textarea.form-control-lg {
|
||||
.list-group-item.active {
|
||||
z-index: 2;
|
||||
color: #fff;
|
||||
background-color: #fed136;
|
||||
border-color: #fed136;
|
||||
background-color: #ffc800;
|
||||
border-color: #ffc800;
|
||||
}
|
||||
.list-group-item + .list-group-item {
|
||||
border-top-width: 0;
|
||||
@ -5013,17 +5013,17 @@ textarea.form-control-lg {
|
||||
}
|
||||
|
||||
.list-group-item-primary {
|
||||
color: #987d20;
|
||||
background-color: #fff6d7;
|
||||
color: #997800;
|
||||
background-color: #fff4cc;
|
||||
}
|
||||
.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
|
||||
color: #987d20;
|
||||
background-color: #e6ddc2;
|
||||
color: #997800;
|
||||
background-color: #e6dcb8;
|
||||
}
|
||||
.list-group-item-primary.list-group-item-action.active {
|
||||
color: #fff;
|
||||
background-color: #987d20;
|
||||
border-color: #987d20;
|
||||
background-color: #997800;
|
||||
border-color: #997800;
|
||||
}
|
||||
|
||||
.list-group-item-secondary {
|
||||
@ -5069,17 +5069,17 @@ textarea.form-control-lg {
|
||||
}
|
||||
|
||||
.list-group-item-warning {
|
||||
color: #987d20;
|
||||
background-color: #fff6d7;
|
||||
color: #997800;
|
||||
background-color: #fff4cc;
|
||||
}
|
||||
.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus {
|
||||
color: #987d20;
|
||||
background-color: #e6ddc2;
|
||||
color: #997800;
|
||||
background-color: #e6dcb8;
|
||||
}
|
||||
.list-group-item-warning.list-group-item-action.active {
|
||||
color: #fff;
|
||||
background-color: #987d20;
|
||||
border-color: #987d20;
|
||||
background-color: #997800;
|
||||
border-color: #997800;
|
||||
}
|
||||
|
||||
.list-group-item-danger {
|
||||
@ -5097,17 +5097,17 @@ textarea.form-control-lg {
|
||||
}
|
||||
|
||||
.list-group-item-light {
|
||||
color: #636464;
|
||||
color: #959596;
|
||||
background-color: #fefefe;
|
||||
}
|
||||
.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus {
|
||||
color: #636464;
|
||||
color: #959596;
|
||||
background-color: #e5e5e5;
|
||||
}
|
||||
.list-group-item-light.list-group-item-action.active {
|
||||
color: #fff;
|
||||
background-color: #636464;
|
||||
border-color: #636464;
|
||||
background-color: #959596;
|
||||
border-color: #959596;
|
||||
}
|
||||
|
||||
.list-group-item-dark {
|
||||
@ -5142,7 +5142,7 @@ textarea.form-control-lg {
|
||||
}
|
||||
.btn-close:focus {
|
||||
outline: 0;
|
||||
box-shadow: 0 0 0 0.25rem rgba(254, 209, 54, 0.25);
|
||||
box-shadow: 0 0 0 0.25rem rgba(255, 200, 0, 0.25);
|
||||
opacity: 1;
|
||||
}
|
||||
.btn-close:disabled, .btn-close.disabled {
|
||||
@ -6101,10 +6101,10 @@ textarea.form-control-lg {
|
||||
}
|
||||
|
||||
.link-primary {
|
||||
color: #fed136;
|
||||
color: #ffc800;
|
||||
}
|
||||
.link-primary:hover, .link-primary:focus {
|
||||
color: #feda5e;
|
||||
color: #cca000;
|
||||
}
|
||||
|
||||
.link-secondary {
|
||||
@ -6125,14 +6125,14 @@ textarea.form-control-lg {
|
||||
color: #0dcaf0;
|
||||
}
|
||||
.link-info:hover, .link-info:focus {
|
||||
color: #3dd5f3;
|
||||
color: #0aa2c0;
|
||||
}
|
||||
|
||||
.link-warning {
|
||||
color: #fed136;
|
||||
color: #ffc800;
|
||||
}
|
||||
.link-warning:hover, .link-warning:focus {
|
||||
color: #feda5e;
|
||||
color: #cca000;
|
||||
}
|
||||
|
||||
.link-danger {
|
||||
@ -6504,7 +6504,7 @@ textarea.form-control-lg {
|
||||
}
|
||||
|
||||
.border-primary {
|
||||
border-color: #fed136 !important;
|
||||
border-color: #ffc800 !important;
|
||||
}
|
||||
|
||||
.border-secondary {
|
||||
@ -6520,7 +6520,7 @@ textarea.form-control-lg {
|
||||
}
|
||||
|
||||
.border-warning {
|
||||
border-color: #fed136 !important;
|
||||
border-color: #ffc800 !important;
|
||||
}
|
||||
|
||||
.border-danger {
|
||||
@ -7333,7 +7333,7 @@ textarea.form-control-lg {
|
||||
|
||||
/* rtl:end:remove */
|
||||
.text-primary {
|
||||
color: #fed136 !important;
|
||||
color: #ffc800 !important;
|
||||
}
|
||||
|
||||
.text-secondary {
|
||||
@ -7349,7 +7349,7 @@ textarea.form-control-lg {
|
||||
}
|
||||
|
||||
.text-warning {
|
||||
color: #fed136 !important;
|
||||
color: #ffc800 !important;
|
||||
}
|
||||
|
||||
.text-danger {
|
||||
@ -7389,7 +7389,7 @@ textarea.form-control-lg {
|
||||
}
|
||||
|
||||
.bg-primary {
|
||||
background-color: #fed136 !important;
|
||||
background-color: #ffc800 !important;
|
||||
}
|
||||
|
||||
.bg-secondary {
|
||||
@ -7405,7 +7405,7 @@ textarea.form-control-lg {
|
||||
}
|
||||
|
||||
.bg-warning {
|
||||
background-color: #fed136 !important;
|
||||
background-color: #ffc800 !important;
|
||||
}
|
||||
|
||||
.bg-danger {
|
||||
@ -10897,7 +10897,7 @@ p {
|
||||
font-weight: 700;
|
||||
}
|
||||
#mainNav .navbar-brand {
|
||||
color: #fed136;
|
||||
color: #ffc800;
|
||||
font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
|
||||
font-weight: 700;
|
||||
letter-spacing: 0.0625em;
|
||||
@ -10913,7 +10913,7 @@ p {
|
||||
letter-spacing: 0.0625em;
|
||||
}
|
||||
#mainNav .navbar-nav .nav-item .nav-link.active, #mainNav .navbar-nav .nav-item .nav-link:hover {
|
||||
color: #fed136;
|
||||
color: #ffc800;
|
||||
}
|
||||
|
||||
@media (min-width: 992px) {
|
||||
@ -11010,7 +11010,7 @@ header.masthead .masthead-heading {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: rgba(254, 209, 54, 0.9);
|
||||
background: rgba(255, 200, 0, 0.9);
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
opacity: 0;
|
||||
@ -11136,7 +11136,7 @@ header.masthead .masthead-heading {
|
||||
color: white;
|
||||
border: 7px solid #e9ecef;
|
||||
border-radius: 100%;
|
||||
background-color: #fed136;
|
||||
background-color: #ffc800;
|
||||
}
|
||||
.timeline > li .timeline-image h4, .timeline > li .timeline-image .h4 {
|
||||
font-size: 10px;
|
||||
@ -11294,7 +11294,7 @@ section#contact form#contactForm p.help-block {
|
||||
margin: 0;
|
||||
}
|
||||
section#contact form#contactForm .form-control:focus {
|
||||
border-color: #fed136;
|
||||
border-color: #ffc800;
|
||||
box-shadow: none;
|
||||
}
|
||||
section#contact form#contactForm ::-webkit-input-placeholder {
|
||||
|
||||
4
dist/index.html
vendored
4
dist/index.html
vendored
@ -354,8 +354,8 @@
|
||||
<a class="btn btn-dark btn-social mx-2" href="#!"><i class="fab fa-linkedin-in"></i></a>
|
||||
</div>
|
||||
<div class="col-lg-4 text-lg-end">
|
||||
<a class="me-3" href="#!">Privacy Policy</a>
|
||||
<a href="#!">Terms of Use</a>
|
||||
<a class="link-dark text-decoration-none me-3" href="#!">Privacy Policy</a>
|
||||
<a class="link-dark text-decoration-none" href="#!">Terms of Use</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -311,8 +311,8 @@ html(lang='en')
|
||||
a.btn.btn-dark.btn-social.mx-2(href='#!')
|
||||
i.fab.fa-linkedin-in
|
||||
.col-lg-4.text-lg-end
|
||||
a.me-3(href='#!') Privacy Policy
|
||||
a(href='#!') Terms of Use
|
||||
a.link-dark.text-decoration-none.me-3(href='#!') Privacy Policy
|
||||
a.link-dark.text-decoration-none(href='#!') Terms of Use
|
||||
|
||||
// Portfolio Modals
|
||||
// Modal 1
|
||||
|
||||
@ -4,7 +4,7 @@
|
||||
|
||||
// Override Bootstrap color variables
|
||||
|
||||
$yellow: #fed136;
|
||||
$yellow: #ffc800;
|
||||
|
||||
// Override Bootstrap state colors variables
|
||||
|
||||
@ -12,7 +12,5 @@ $primary: $yellow;
|
||||
|
||||
// Override Bootstrap contrast ratio
|
||||
//
|
||||
// The contrast ratio to reach against white, to determine if color changes from "light" to "dark". Acceptable values for WCAG 2.0 are 3, 4.5 and 7.
|
||||
// See https://www.w3.org/TR/WCAG20/#visual-audio-contrast-contrast
|
||||
|
||||
$min-contrast-ratio: 3;
|
||||
$min-contrast-ratio: 1.5;
|
||||
|
||||
Loading…
Reference in New Issue
Block a user