Increased Navbar item size, added scss customize file for bootstrap

This commit is contained in:
TorstenS 2020-09-14 10:23:38 +02:00
parent 5394d40dca
commit 573f800001
5 changed files with 171 additions and 163 deletions

View file

@ -4597,12 +4597,12 @@ readers do not read off random characters that represent icons */
--white: #fff; --white: #fff;
--gray: #6c757d; --gray: #6c757d;
--gray-dark: #343a40; --gray-dark: #343a40;
--primary: #3490dc; --primary: #de1c71;
--secondary: #6c757d; --secondary: #6c757d;
--success: #38c172; --success: #38c172;
--info: #6cb2eb; --info: #6cb2eb;
--warning: #ffed4a; --warning: #ffed4a;
--danger: #e3342f; --danger: #ff4136;
--light: #f8f9fa; --light: #f8f9fa;
--dark: #343a40; --dark: #343a40;
--breakpoint-xs: 0; --breakpoint-xs: 0;
@ -4746,13 +4746,13 @@ sup {
} }
a { a {
color: #3490dc; color: #de1c71;
text-decoration: none; text-decoration: none;
background-color: transparent; background-color: transparent;
} }
a:hover { a:hover {
color: #1d68a7; color: #9a134e;
text-decoration: underline; text-decoration: underline;
} }
@ -6404,23 +6404,23 @@ pre code {
.table-primary, .table-primary,
.table-primary > th, .table-primary > th,
.table-primary > td { .table-primary > td {
background-color: #c6e0f5; background-color: #f6bfd7;
} }
.table-primary th, .table-primary th,
.table-primary td, .table-primary td,
.table-primary thead th, .table-primary thead th,
.table-primary tbody + tbody { .table-primary tbody + tbody {
border-color: #95c5ed; border-color: #ee89b5;
} }
.table-hover .table-primary:hover { .table-hover .table-primary:hover {
background-color: #b0d4f1; background-color: #f3a9c9;
} }
.table-hover .table-primary:hover > td, .table-hover .table-primary:hover > td,
.table-hover .table-primary:hover > th { .table-hover .table-primary:hover > th {
background-color: #b0d4f1; background-color: #f3a9c9;
} }
.table-secondary, .table-secondary,
@ -6514,23 +6514,23 @@ pre code {
.table-danger, .table-danger,
.table-danger > th, .table-danger > th,
.table-danger > td { .table-danger > td {
background-color: #f7c6c5; background-color: #ffcac7;
} }
.table-danger th, .table-danger th,
.table-danger td, .table-danger td,
.table-danger thead th, .table-danger thead th,
.table-danger tbody + tbody { .table-danger tbody + tbody {
border-color: #f09593; border-color: #ff9c96;
} }
.table-hover .table-danger:hover { .table-hover .table-danger:hover {
background-color: #f4b0af; background-color: #ffb2ae;
} }
.table-hover .table-danger:hover > td, .table-hover .table-danger:hover > td,
.table-hover .table-danger:hover > th { .table-hover .table-danger:hover > th {
background-color: #f4b0af; background-color: #ffb2ae;
} }
.table-light, .table-light,
@ -6726,9 +6726,9 @@ pre code {
.form-control:focus { .form-control:focus {
color: #495057; color: #495057;
background-color: #fff; background-color: #fff;
border-color: #a1cbef; border-color: #f089b6;
outline: 0; outline: 0;
box-shadow: 0 0 0 0.2rem rgba(52, 144, 220, 0.25); box-shadow: 0 0 0 0.2rem rgba(222, 28, 113, 0.25);
} }
.form-control::-moz-placeholder { .form-control::-moz-placeholder {
@ -7020,7 +7020,7 @@ textarea.form-control.is-valid {
width: 100%; width: 100%;
margin-top: 0.25rem; margin-top: 0.25rem;
font-size: 80%; font-size: 80%;
color: #e3342f; color: #ff4136;
} }
.invalid-tooltip { .invalid-tooltip {
@ -7035,7 +7035,7 @@ textarea.form-control.is-valid {
font-size: 0.7875rem; font-size: 0.7875rem;
line-height: 1.6; line-height: 1.6;
color: #fff; color: #fff;
background-color: rgba(227, 52, 47, 0.9); background-color: rgba(255, 65, 54, 0.9);
border-radius: 0.25rem; border-radius: 0.25rem;
} }
@ -7048,9 +7048,9 @@ textarea.form-control.is-valid {
.was-validated .form-control:invalid, .was-validated .form-control:invalid,
.form-control.is-invalid { .form-control.is-invalid {
border-color: #e3342f; border-color: #ff4136;
padding-right: calc(1.6em + 0.75rem); padding-right: calc(1.6em + 0.75rem);
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23e3342f' viewBox='0 0 12 12'%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='%23e3342f' stroke='none'/%3e%3c/svg%3e"); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23ff4136' viewBox='0 0 12 12'%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='%23ff4136' stroke='none'/%3e%3c/svg%3e");
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: right calc(0.4em + 0.1875rem) center; background-position: right calc(0.4em + 0.1875rem) center;
background-size: calc(0.8em + 0.375rem) calc(0.8em + 0.375rem); background-size: calc(0.8em + 0.375rem) calc(0.8em + 0.375rem);
@ -7058,8 +7058,8 @@ textarea.form-control.is-valid {
.was-validated .form-control:invalid:focus, .was-validated .form-control:invalid:focus,
.form-control.is-invalid:focus { .form-control.is-invalid:focus {
border-color: #e3342f; border-color: #ff4136;
box-shadow: 0 0 0 0.2rem rgba(227, 52, 47, 0.25); box-shadow: 0 0 0 0.2rem rgba(255, 65, 54, 0.25);
} }
.was-validated textarea.form-control:invalid, .was-validated textarea.form-control:invalid,
@ -7070,20 +7070,20 @@ textarea.form-control.is-invalid {
.was-validated .custom-select:invalid, .was-validated .custom-select:invalid,
.custom-select.is-invalid { .custom-select.is-invalid {
border-color: #e3342f; border-color: #ff4136;
padding-right: calc(0.75em + 2.3125rem); padding-right: calc(0.75em + 2.3125rem);
background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23e3342f' viewBox='0 0 12 12'%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='%23e3342f' stroke='none'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(0.8em + 0.375rem) calc(0.8em + 0.375rem); background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23ff4136' viewBox='0 0 12 12'%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='%23ff4136' stroke='none'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(0.8em + 0.375rem) calc(0.8em + 0.375rem);
} }
.was-validated .custom-select:invalid:focus, .was-validated .custom-select:invalid:focus,
.custom-select.is-invalid:focus { .custom-select.is-invalid:focus {
border-color: #e3342f; border-color: #ff4136;
box-shadow: 0 0 0 0.2rem rgba(227, 52, 47, 0.25); box-shadow: 0 0 0 0.2rem rgba(255, 65, 54, 0.25);
} }
.was-validated .form-check-input:invalid ~ .form-check-label, .was-validated .form-check-input:invalid ~ .form-check-label,
.form-check-input.is-invalid ~ .form-check-label { .form-check-input.is-invalid ~ .form-check-label {
color: #e3342f; color: #ff4136;
} }
.was-validated .form-check-input:invalid ~ .invalid-feedback, .was-validated .form-check-input:invalid ~ .invalid-feedback,
@ -7095,39 +7095,39 @@ textarea.form-control.is-invalid {
.was-validated .custom-control-input:invalid ~ .custom-control-label, .was-validated .custom-control-input:invalid ~ .custom-control-label,
.custom-control-input.is-invalid ~ .custom-control-label { .custom-control-input.is-invalid ~ .custom-control-label {
color: #e3342f; color: #ff4136;
} }
.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .was-validated .custom-control-input:invalid ~ .custom-control-label::before,
.custom-control-input.is-invalid ~ .custom-control-label::before { .custom-control-input.is-invalid ~ .custom-control-label::before {
border-color: #e3342f; border-color: #ff4136;
} }
.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before,
.custom-control-input.is-invalid:checked ~ .custom-control-label::before { .custom-control-input.is-invalid:checked ~ .custom-control-label::before {
border-color: #e9605c; border-color: #ff7169;
background-color: #e9605c; background-color: #ff7169;
} }
.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before,
.custom-control-input.is-invalid:focus ~ .custom-control-label::before { .custom-control-input.is-invalid:focus ~ .custom-control-label::before {
box-shadow: 0 0 0 0.2rem rgba(227, 52, 47, 0.25); box-shadow: 0 0 0 0.2rem rgba(255, 65, 54, 0.25);
} }
.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before,
.custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before { .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before {
border-color: #e3342f; border-color: #ff4136;
} }
.was-validated .custom-file-input:invalid ~ .custom-file-label, .was-validated .custom-file-input:invalid ~ .custom-file-label,
.custom-file-input.is-invalid ~ .custom-file-label { .custom-file-input.is-invalid ~ .custom-file-label {
border-color: #e3342f; border-color: #ff4136;
} }
.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .was-validated .custom-file-input:invalid:focus ~ .custom-file-label,
.custom-file-input.is-invalid:focus ~ .custom-file-label { .custom-file-input.is-invalid:focus ~ .custom-file-label {
border-color: #e3342f; border-color: #ff4136;
box-shadow: 0 0 0 0.2rem rgba(227, 52, 47, 0.25); box-shadow: 0 0 0 0.2rem rgba(255, 65, 54, 0.25);
} }
.form-inline { .form-inline {
@ -7230,7 +7230,7 @@ textarea.form-control.is-invalid {
.btn:focus, .btn:focus,
.btn.focus { .btn.focus {
outline: 0; outline: 0;
box-shadow: 0 0 0 0.2rem rgba(52, 144, 220, 0.25); box-shadow: 0 0 0 0.2rem rgba(222, 28, 113, 0.25);
} }
.btn.disabled, .btn.disabled,
@ -7249,43 +7249,43 @@ fieldset:disabled a.btn {
.btn-primary { .btn-primary {
color: #fff; color: #fff;
background-color: #3490dc; background-color: #de1c71;
border-color: #3490dc; border-color: #de1c71;
} }
.btn-primary:hover { .btn-primary:hover {
color: #fff; color: #fff;
background-color: #227dc7; background-color: #bc1860;
border-color: #2176bd; border-color: #b1165a;
} }
.btn-primary:focus, .btn-primary:focus,
.btn-primary.focus { .btn-primary.focus {
color: #fff; color: #fff;
background-color: #227dc7; background-color: #bc1860;
border-color: #2176bd; border-color: #b1165a;
box-shadow: 0 0 0 0.2rem rgba(82, 161, 225, 0.5); box-shadow: 0 0 0 0.2rem rgba(227, 62, 134, 0.5);
} }
.btn-primary.disabled, .btn-primary.disabled,
.btn-primary:disabled { .btn-primary:disabled {
color: #fff; color: #fff;
background-color: #3490dc; background-color: #de1c71;
border-color: #3490dc; border-color: #de1c71;
} }
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle { .show > .btn-primary.dropdown-toggle {
color: #fff; color: #fff;
background-color: #2176bd; background-color: #b1165a;
border-color: #1f6fb2; border-color: #a51554;
} }
.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus { .show > .btn-primary.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(82, 161, 225, 0.5); box-shadow: 0 0 0 0.2rem rgba(227, 62, 134, 0.5);
} }
.btn-secondary { .btn-secondary {
@ -7454,43 +7454,43 @@ fieldset:disabled a.btn {
.btn-danger { .btn-danger {
color: #fff; color: #fff;
background-color: #e3342f; background-color: #ff4136;
border-color: #e3342f; border-color: #ff4136;
} }
.btn-danger:hover { .btn-danger:hover {
color: #fff; color: #fff;
background-color: #d0211c; background-color: #ff1d10;
border-color: #c51f1a; border-color: #ff1103;
} }
.btn-danger:focus, .btn-danger:focus,
.btn-danger.focus { .btn-danger.focus {
color: #fff; color: #fff;
background-color: #d0211c; background-color: #ff1d10;
border-color: #c51f1a; border-color: #ff1103;
box-shadow: 0 0 0 0.2rem rgba(231, 82, 78, 0.5); box-shadow: 0 0 0 0.2rem rgba(255, 94, 84, 0.5);
} }
.btn-danger.disabled, .btn-danger.disabled,
.btn-danger:disabled { .btn-danger:disabled {
color: #fff; color: #fff;
background-color: #e3342f; background-color: #ff4136;
border-color: #e3342f; border-color: #ff4136;
} }
.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled):active,
.btn-danger:not(:disabled):not(.disabled).active, .btn-danger:not(:disabled):not(.disabled).active,
.show > .btn-danger.dropdown-toggle { .show > .btn-danger.dropdown-toggle {
color: #fff; color: #fff;
background-color: #c51f1a; background-color: #ff1103;
border-color: #b91d19; border-color: #f50d00;
} }
.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled):active:focus,
.btn-danger:not(:disabled):not(.disabled).active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus,
.show > .btn-danger.dropdown-toggle:focus { .show > .btn-danger.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(231, 82, 78, 0.5); box-shadow: 0 0 0 0.2rem rgba(255, 94, 84, 0.5);
} }
.btn-light { .btn-light {
@ -7576,24 +7576,24 @@ fieldset:disabled a.btn {
} }
.btn-outline-primary { .btn-outline-primary {
color: #3490dc; color: #de1c71;
border-color: #3490dc; border-color: #de1c71;
} }
.btn-outline-primary:hover { .btn-outline-primary:hover {
color: #fff; color: #fff;
background-color: #3490dc; background-color: #de1c71;
border-color: #3490dc; border-color: #de1c71;
} }
.btn-outline-primary:focus, .btn-outline-primary:focus,
.btn-outline-primary.focus { .btn-outline-primary.focus {
box-shadow: 0 0 0 0.2rem rgba(52, 144, 220, 0.5); box-shadow: 0 0 0 0.2rem rgba(222, 28, 113, 0.5);
} }
.btn-outline-primary.disabled, .btn-outline-primary.disabled,
.btn-outline-primary:disabled { .btn-outline-primary:disabled {
color: #3490dc; color: #de1c71;
background-color: transparent; background-color: transparent;
} }
@ -7601,14 +7601,14 @@ fieldset:disabled a.btn {
.btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled).active,
.show > .btn-outline-primary.dropdown-toggle { .show > .btn-outline-primary.dropdown-toggle {
color: #fff; color: #fff;
background-color: #3490dc; background-color: #de1c71;
border-color: #3490dc; border-color: #de1c71;
} }
.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.btn-outline-primary:not(:disabled):not(.disabled).active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-primary.dropdown-toggle:focus { .show > .btn-outline-primary.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(52, 144, 220, 0.5); box-shadow: 0 0 0 0.2rem rgba(222, 28, 113, 0.5);
} }
.btn-outline-secondary { .btn-outline-secondary {
@ -7756,24 +7756,24 @@ fieldset:disabled a.btn {
} }
.btn-outline-danger { .btn-outline-danger {
color: #e3342f; color: #ff4136;
border-color: #e3342f; border-color: #ff4136;
} }
.btn-outline-danger:hover { .btn-outline-danger:hover {
color: #fff; color: #fff;
background-color: #e3342f; background-color: #ff4136;
border-color: #e3342f; border-color: #ff4136;
} }
.btn-outline-danger:focus, .btn-outline-danger:focus,
.btn-outline-danger.focus { .btn-outline-danger.focus {
box-shadow: 0 0 0 0.2rem rgba(227, 52, 47, 0.5); box-shadow: 0 0 0 0.2rem rgba(255, 65, 54, 0.5);
} }
.btn-outline-danger.disabled, .btn-outline-danger.disabled,
.btn-outline-danger:disabled { .btn-outline-danger:disabled {
color: #e3342f; color: #ff4136;
background-color: transparent; background-color: transparent;
} }
@ -7781,14 +7781,14 @@ fieldset:disabled a.btn {
.btn-outline-danger:not(:disabled):not(.disabled).active, .btn-outline-danger:not(:disabled):not(.disabled).active,
.show > .btn-outline-danger.dropdown-toggle { .show > .btn-outline-danger.dropdown-toggle {
color: #fff; color: #fff;
background-color: #e3342f; background-color: #ff4136;
border-color: #e3342f; border-color: #ff4136;
} }
.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled):active:focus,
.btn-outline-danger:not(:disabled):not(.disabled).active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-danger.dropdown-toggle:focus { .show > .btn-outline-danger.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(227, 52, 47, 0.5); box-shadow: 0 0 0 0.2rem rgba(255, 65, 54, 0.5);
} }
.btn-outline-light { .btn-outline-light {
@ -7865,12 +7865,12 @@ fieldset:disabled a.btn {
.btn-link { .btn-link {
font-weight: 400; font-weight: 400;
color: #3490dc; color: #de1c71;
text-decoration: none; text-decoration: none;
} }
.btn-link:hover { .btn-link:hover {
color: #1d68a7; color: #9a134e;
text-decoration: underline; text-decoration: underline;
} }
@ -8176,7 +8176,7 @@ input[type=button].btn-block {
.dropdown-item:active { .dropdown-item:active {
color: #fff; color: #fff;
text-decoration: none; text-decoration: none;
background-color: #3490dc; background-color: #de1c71;
} }
.dropdown-item.disabled, .dropdown-item.disabled,
@ -8539,22 +8539,22 @@ input[type=button].btn-block {
.custom-control-input:checked ~ .custom-control-label::before { .custom-control-input:checked ~ .custom-control-label::before {
color: #fff; color: #fff;
border-color: #3490dc; border-color: #de1c71;
background-color: #3490dc; background-color: #de1c71;
} }
.custom-control-input:focus ~ .custom-control-label::before { .custom-control-input:focus ~ .custom-control-label::before {
box-shadow: 0 0 0 0.2rem rgba(52, 144, 220, 0.25); box-shadow: 0 0 0 0.2rem rgba(222, 28, 113, 0.25);
} }
.custom-control-input:focus:not(:checked) ~ .custom-control-label::before { .custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
border-color: #a1cbef; border-color: #f089b6;
} }
.custom-control-input:not(:disabled):active ~ .custom-control-label::before { .custom-control-input:not(:disabled):active ~ .custom-control-label::before {
color: #fff; color: #fff;
background-color: #cce3f6; background-color: #f6b7d2;
border-color: #cce3f6; border-color: #f6b7d2;
} }
.custom-control-input[disabled] ~ .custom-control-label, .custom-control-input[disabled] ~ .custom-control-label,
@ -8606,8 +8606,8 @@ input[type=button].btn-block {
} }
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
border-color: #3490dc; border-color: #de1c71;
background-color: #3490dc; background-color: #de1c71;
} }
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {
@ -8615,11 +8615,11 @@ input[type=button].btn-block {
} }
.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { .custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
background-color: rgba(52, 144, 220, 0.5); background-color: rgba(222, 28, 113, 0.5);
} }
.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { .custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
background-color: rgba(52, 144, 220, 0.5); background-color: rgba(222, 28, 113, 0.5);
} }
.custom-radio .custom-control-label::before { .custom-radio .custom-control-label::before {
@ -8631,7 +8631,7 @@ input[type=button].btn-block {
} }
.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { .custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
background-color: rgba(52, 144, 220, 0.5); background-color: rgba(222, 28, 113, 0.5);
} }
.custom-switch { .custom-switch {
@ -8667,7 +8667,7 @@ input[type=button].btn-block {
} }
.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { .custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before {
background-color: rgba(52, 144, 220, 0.5); background-color: rgba(222, 28, 113, 0.5);
} }
.custom-select { .custom-select {
@ -8689,9 +8689,9 @@ input[type=button].btn-block {
} }
.custom-select:focus { .custom-select:focus {
border-color: #a1cbef; border-color: #f089b6;
outline: 0; outline: 0;
box-shadow: 0 0 0 0.2rem rgba(52, 144, 220, 0.25); box-shadow: 0 0 0 0.2rem rgba(222, 28, 113, 0.25);
} }
.custom-select:focus::-ms-value { .custom-select:focus::-ms-value {
@ -8754,8 +8754,8 @@ input[type=button].btn-block {
} }
.custom-file-input:focus ~ .custom-file-label { .custom-file-input:focus ~ .custom-file-label {
border-color: #a1cbef; border-color: #f089b6;
box-shadow: 0 0 0 0.2rem rgba(52, 144, 220, 0.25); box-shadow: 0 0 0 0.2rem rgba(222, 28, 113, 0.25);
} }
.custom-file-input[disabled] ~ .custom-file-label, .custom-file-input[disabled] ~ .custom-file-label,
@ -8819,15 +8819,15 @@ input[type=button].btn-block {
} }
.custom-range:focus::-webkit-slider-thumb { .custom-range:focus::-webkit-slider-thumb {
box-shadow: 0 0 0 1px #f8fafc, 0 0 0 0.2rem rgba(52, 144, 220, 0.25); box-shadow: 0 0 0 1px #f8fafc, 0 0 0 0.2rem rgba(222, 28, 113, 0.25);
} }
.custom-range:focus::-moz-range-thumb { .custom-range:focus::-moz-range-thumb {
box-shadow: 0 0 0 1px #f8fafc, 0 0 0 0.2rem rgba(52, 144, 220, 0.25); box-shadow: 0 0 0 1px #f8fafc, 0 0 0 0.2rem rgba(222, 28, 113, 0.25);
} }
.custom-range:focus::-ms-thumb { .custom-range:focus::-ms-thumb {
box-shadow: 0 0 0 1px #f8fafc, 0 0 0 0.2rem rgba(52, 144, 220, 0.25); box-shadow: 0 0 0 1px #f8fafc, 0 0 0 0.2rem rgba(222, 28, 113, 0.25);
} }
.custom-range::-moz-focus-outer { .custom-range::-moz-focus-outer {
@ -8838,7 +8838,7 @@ input[type=button].btn-block {
width: 1rem; width: 1rem;
height: 1rem; height: 1rem;
margin-top: -0.25rem; margin-top: -0.25rem;
background-color: #3490dc; background-color: #de1c71;
border: 0; border: 0;
border-radius: 1rem; 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; -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
@ -8855,7 +8855,7 @@ input[type=button].btn-block {
} }
.custom-range::-webkit-slider-thumb:active { .custom-range::-webkit-slider-thumb:active {
background-color: #cce3f6; background-color: #f6b7d2;
} }
.custom-range::-webkit-slider-runnable-track { .custom-range::-webkit-slider-runnable-track {
@ -8871,7 +8871,7 @@ input[type=button].btn-block {
.custom-range::-moz-range-thumb { .custom-range::-moz-range-thumb {
width: 1rem; width: 1rem;
height: 1rem; height: 1rem;
background-color: #3490dc; background-color: #de1c71;
border: 0; border: 0;
border-radius: 1rem; 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; -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
@ -8888,7 +8888,7 @@ input[type=button].btn-block {
} }
.custom-range::-moz-range-thumb:active { .custom-range::-moz-range-thumb:active {
background-color: #cce3f6; background-color: #f6b7d2;
} }
.custom-range::-moz-range-track { .custom-range::-moz-range-track {
@ -8907,7 +8907,7 @@ input[type=button].btn-block {
margin-top: 0; margin-top: 0;
margin-right: 0.2rem; margin-right: 0.2rem;
margin-left: 0.2rem; margin-left: 0.2rem;
background-color: #3490dc; background-color: #de1c71;
border: 0; border: 0;
border-radius: 1rem; border-radius: 1rem;
-ms-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; -ms-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
@ -8923,7 +8923,7 @@ input[type=button].btn-block {
} }
.custom-range::-ms-thumb:active { .custom-range::-ms-thumb:active {
background-color: #cce3f6; background-color: #f6b7d2;
} }
.custom-range::-ms-track { .custom-range::-ms-track {
@ -9050,7 +9050,7 @@ input[type=button].btn-block {
.nav-pills .nav-link.active, .nav-pills .nav-link.active,
.nav-pills .show > .nav-link { .nav-pills .show > .nav-link {
color: #fff; color: #fff;
background-color: #3490dc; background-color: #de1c71;
} }
.nav-fill > .nav-link, .nav-fill > .nav-link,
@ -9805,14 +9805,14 @@ input[type=button].btn-block {
padding: 0.5rem 0.75rem; padding: 0.5rem 0.75rem;
margin-left: -1px; margin-left: -1px;
line-height: 1.25; line-height: 1.25;
color: #3490dc; color: #de1c71;
background-color: #fff; background-color: #fff;
border: 1px solid #dee2e6; border: 1px solid #dee2e6;
} }
.page-link:hover { .page-link:hover {
z-index: 2; z-index: 2;
color: #1d68a7; color: #9a134e;
text-decoration: none; text-decoration: none;
background-color: #e9ecef; background-color: #e9ecef;
border-color: #dee2e6; border-color: #dee2e6;
@ -9821,7 +9821,7 @@ input[type=button].btn-block {
.page-link:focus { .page-link:focus {
z-index: 3; z-index: 3;
outline: 0; outline: 0;
box-shadow: 0 0 0 0.2rem rgba(52, 144, 220, 0.25); box-shadow: 0 0 0 0.2rem rgba(222, 28, 113, 0.25);
} }
.page-item:first-child .page-link { .page-item:first-child .page-link {
@ -9838,8 +9838,8 @@ input[type=button].btn-block {
.page-item.active .page-link { .page-item.active .page-link {
z-index: 3; z-index: 3;
color: #fff; color: #fff;
background-color: #3490dc; background-color: #de1c71;
border-color: #3490dc; border-color: #de1c71;
} }
.page-item.disabled .page-link { .page-item.disabled .page-link {
@ -9923,19 +9923,19 @@ a.badge:focus {
.badge-primary { .badge-primary {
color: #fff; color: #fff;
background-color: #3490dc; background-color: #de1c71;
} }
a.badge-primary:hover, a.badge-primary:hover,
a.badge-primary:focus { a.badge-primary:focus {
color: #fff; color: #fff;
background-color: #2176bd; background-color: #b1165a;
} }
a.badge-primary:focus, a.badge-primary:focus,
a.badge-primary.focus { a.badge-primary.focus {
outline: 0; outline: 0;
box-shadow: 0 0 0 0.2rem rgba(52, 144, 220, 0.5); box-shadow: 0 0 0 0.2rem rgba(222, 28, 113, 0.5);
} }
.badge-secondary { .badge-secondary {
@ -10008,19 +10008,19 @@ a.badge-warning.focus {
.badge-danger { .badge-danger {
color: #fff; color: #fff;
background-color: #e3342f; background-color: #ff4136;
} }
a.badge-danger:hover, a.badge-danger:hover,
a.badge-danger:focus { a.badge-danger:focus {
color: #fff; color: #fff;
background-color: #c51f1a; background-color: #ff1103;
} }
a.badge-danger:focus, a.badge-danger:focus,
a.badge-danger.focus { a.badge-danger.focus {
outline: 0; outline: 0;
box-shadow: 0 0 0 0.2rem rgba(227, 52, 47, 0.5); box-shadow: 0 0 0 0.2rem rgba(255, 65, 54, 0.5);
} }
.badge-light { .badge-light {
@ -10105,17 +10105,17 @@ a.badge-dark.focus {
} }
.alert-primary { .alert-primary {
color: #1b4b72; color: #730f3b;
background-color: #d6e9f8; background-color: #f8d2e3;
border-color: #c6e0f5; border-color: #f6bfd7;
} }
.alert-primary hr { .alert-primary hr {
border-top-color: #b0d4f1; border-top-color: #f3a9c9;
} }
.alert-primary .alert-link { .alert-primary .alert-link {
color: #113049; color: #460924;
} }
.alert-secondary { .alert-secondary {
@ -10175,17 +10175,17 @@ a.badge-dark.focus {
} }
.alert-danger { .alert-danger {
color: #761b18; color: #85221c;
background-color: #f9d6d5; background-color: #ffd9d7;
border-color: #f7c6c5; border-color: #ffcac7;
} }
.alert-danger hr { .alert-danger hr {
border-top-color: #f4b0af; border-top-color: #ffb2ae;
} }
.alert-danger .alert-link { .alert-danger .alert-link {
color: #4c110f; color: #5b1713;
} }
.alert-light { .alert-light {
@ -10254,7 +10254,7 @@ a.badge-dark.focus {
color: #fff; color: #fff;
text-align: center; text-align: center;
white-space: nowrap; white-space: nowrap;
background-color: #3490dc; background-color: #de1c71;
transition: width 0.6s ease; transition: width 0.6s ease;
} }
@ -10345,8 +10345,8 @@ a.badge-dark.focus {
.list-group-item.active { .list-group-item.active {
z-index: 2; z-index: 2;
color: #fff; color: #fff;
background-color: #3490dc; background-color: #de1c71;
border-color: #3490dc; border-color: #de1c71;
} }
.list-group-item + .list-group-item { .list-group-item + .list-group-item {
@ -10519,20 +10519,20 @@ a.badge-dark.focus {
} }
.list-group-item-primary { .list-group-item-primary {
color: #1b4b72; color: #730f3b;
background-color: #c6e0f5; background-color: #f6bfd7;
} }
.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:hover,
.list-group-item-primary.list-group-item-action:focus { .list-group-item-primary.list-group-item-action:focus {
color: #1b4b72; color: #730f3b;
background-color: #b0d4f1; background-color: #f3a9c9;
} }
.list-group-item-primary.list-group-item-action.active { .list-group-item-primary.list-group-item-action.active {
color: #fff; color: #fff;
background-color: #1b4b72; background-color: #730f3b;
border-color: #1b4b72; border-color: #730f3b;
} }
.list-group-item-secondary { .list-group-item-secondary {
@ -10604,20 +10604,20 @@ a.badge-dark.focus {
} }
.list-group-item-danger { .list-group-item-danger {
color: #761b18; color: #85221c;
background-color: #f7c6c5; background-color: #ffcac7;
} }
.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:hover,
.list-group-item-danger.list-group-item-action:focus { .list-group-item-danger.list-group-item-action:focus {
color: #761b18; color: #85221c;
background-color: #f4b0af; background-color: #ffb2ae;
} }
.list-group-item-danger.list-group-item-action.active { .list-group-item-danger.list-group-item-action.active {
color: #fff; color: #fff;
background-color: #761b18; background-color: #85221c;
border-color: #761b18; border-color: #85221c;
} }
.list-group-item-light { .list-group-item-light {
@ -11533,14 +11533,14 @@ a.close.disabled {
} }
.bg-primary { .bg-primary {
background-color: #3490dc !important; background-color: #de1c71 !important;
} }
a.bg-primary:hover, a.bg-primary:hover,
a.bg-primary:focus, a.bg-primary:focus,
button.bg-primary:hover, button.bg-primary:hover,
button.bg-primary:focus { button.bg-primary:focus {
background-color: #2176bd !important; background-color: #b1165a !important;
} }
.bg-secondary { .bg-secondary {
@ -11588,14 +11588,14 @@ button.bg-warning:focus {
} }
.bg-danger { .bg-danger {
background-color: #e3342f !important; background-color: #ff4136 !important;
} }
a.bg-danger:hover, a.bg-danger:hover,
a.bg-danger:focus, a.bg-danger:focus,
button.bg-danger:hover, button.bg-danger:hover,
button.bg-danger:focus { button.bg-danger:focus {
background-color: #c51f1a !important; background-color: #ff1103 !important;
} }
.bg-light { .bg-light {
@ -11669,7 +11669,7 @@ button.bg-dark:focus {
} }
.border-primary { .border-primary {
border-color: #3490dc !important; border-color: #de1c71 !important;
} }
.border-secondary { .border-secondary {
@ -11689,7 +11689,7 @@ button.bg-dark:focus {
} }
.border-danger { .border-danger {
border-color: #e3342f !important; border-color: #ff4136 !important;
} }
.border-light { .border-light {
@ -15267,12 +15267,12 @@ button.bg-dark:focus {
} }
.text-primary { .text-primary {
color: #3490dc !important; color: #de1c71 !important;
} }
a.text-primary:hover, a.text-primary:hover,
a.text-primary:focus { a.text-primary:focus {
color: #1d68a7 !important; color: #9a134e !important;
} }
.text-secondary { .text-secondary {
@ -15312,12 +15312,12 @@ a.text-warning:focus {
} }
.text-danger { .text-danger {
color: #e3342f !important; color: #ff4136 !important;
} }
a.text-danger:hover, a.text-danger:hover,
a.text-danger:focus { a.text-danger:focus {
color: #ae1c17 !important; color: #e90d00 !important;
} }
.text-light { .text-light {

View file

@ -5,19 +5,18 @@ body, html {
} }
.bg { .bg {
/* The image used */ /* The image used */
background-image: url("../images/motorcycle1_unsplash.jpg"); background-image: url("../images/motorcycle1_unsplash.jpg");
/* Full height */ /* Full height */
height: 100%; height: 100%;
/* background: #3df url('../images/motorcycle1_unsplash.jpg') no-repeat fixed center; */ /* background: #3df url('../images/motorcycle1_unsplash.jpg') no-repeat fixed center; */
/* Center and scale the image nicely */ /* Center and scale the image nicely */
background-position: center; background-position: center;
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: cover; background-size: cover;
background-attachment: fixed; background-attachment: fixed;
} }

View file

@ -6,4 +6,5 @@
@import 'variables'; @import 'variables';
// Bootstrap // Bootstrap
@import 'custom_bootstrap.scss';
@import '~bootstrap/scss/bootstrap'; @import '~bootstrap/scss/bootstrap';

View file

@ -0,0 +1,4 @@
$theme-colors: (
"primary": #de1c71,
"danger": #ff4136
);

View file

@ -25,9 +25,11 @@
<nav class="navbar navbar-expand-md navbar-light bg-white shadow-sm"> <nav class="navbar navbar-expand-md navbar-light bg-white shadow-sm">
<div class="container"> <div class="container">
<!--
<a class="navbar-brand" href="{{ url('/') }}"> <a class="navbar-brand" href="{{ url('/') }}">
{{ config('app.name', 'Laravel') }} {{ config('app.name', 'Laravel') }}
</a> </a>
-->
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="{{ __('Toggle navigation') }}"> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="{{ __('Toggle navigation') }}">
<span class="navbar-toggler-icon"></span> <span class="navbar-toggler-icon"></span>
</button> </button>
@ -35,26 +37,28 @@
<div class="collapse navbar-collapse" id="navbarSupportedContent"> <div class="collapse navbar-collapse" id="navbarSupportedContent">
<!-- Left Side Of Navbar --> <!-- Left Side Of Navbar -->
<ul class="navbar-nav mr-auto"> <ul class="navbar-nav mr-auto">
<li class="nav-item"> <li class="nav-item" style="font-size:1.5rem">
<a class="nav-link {{ Request::is('/') ? 'active' : '' }}" href="/">Startseite</a> <a class="nav-link {{ Request::is('/') ? 'active' : '' }}" href="/">Startseite</a>
</li> </li>
<li class="nav-item"> <li class="nav-item" style="font-size:1.5rem">
<a class="nav-link {{ Request::is('activities') ? 'active' : '' }}" href="/activities">Aktivitäten</a> <a class="nav-link {{ Request::is('activities') ? 'active' : '' }}" href="/activities">Aktivitäten</a>
</li> </li>
<li class="nav-item"> <li class="nav-item" style="font-size:1.5rem">
<a class="nav-link {{ Request::is('info') ? 'active' : '' }}" href="/become_member">Mitglied werden</a> <a class="nav-link {{ Request::is('info') ? 'active' : '' }}" href="/become_member">Mitglied werden</a>
</li> </li>
@auth @auth
@if(Auth::user()->role !='GUEST') @if(Auth::user()->role !='GUEST')
<li class="nav-item"> <li class="nav-item" style="font-size:1.5rem" >
<a class="nav-link {{ Request::is('memberlist') ? 'active' : '' }}" href="/memberlist">Mitgliederliste</a> <a class="nav-link {{ Request::is('memberlist') ? 'active' : '' }}" href="/memberlist">Mitgliederliste</a>
</li> </li>
<li class="nav-item"> <li class="nav-item" style="font-size:1.5rem">
<a class="nav-link {{ Request::is('tourplan') ? 'active' : '' }}" href="/tourplan">Tourenplan</a> <a class="nav-link {{ Request::is('tourplan') ? 'active' : '' }}" href="/tourplan">Tourenplan</a>
</li> </li>
@endif @endif
@endauth @endauth
</ul> </ul>
<!-- Right Side Of Navbar --> <!-- Right Side Of Navbar -->