Increased Navbar item size, added scss customize file for bootstrap
This commit is contained in:
parent
5394d40dca
commit
573f800001
5 changed files with 171 additions and 163 deletions
304
motorradig2/motorradig/public/css/app.css
vendored
304
motorradig2/motorradig/public/css/app.css
vendored
|
|
@ -4597,12 +4597,12 @@ readers do not read off random characters that represent icons */
|
|||
--white: #fff;
|
||||
--gray: #6c757d;
|
||||
--gray-dark: #343a40;
|
||||
--primary: #3490dc;
|
||||
--primary: #de1c71;
|
||||
--secondary: #6c757d;
|
||||
--success: #38c172;
|
||||
--info: #6cb2eb;
|
||||
--warning: #ffed4a;
|
||||
--danger: #e3342f;
|
||||
--danger: #ff4136;
|
||||
--light: #f8f9fa;
|
||||
--dark: #343a40;
|
||||
--breakpoint-xs: 0;
|
||||
|
|
@ -4746,13 +4746,13 @@ sup {
|
|||
}
|
||||
|
||||
a {
|
||||
color: #3490dc;
|
||||
color: #de1c71;
|
||||
text-decoration: none;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
color: #1d68a7;
|
||||
color: #9a134e;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
|
|
@ -6404,23 +6404,23 @@ pre code {
|
|||
.table-primary,
|
||||
.table-primary > th,
|
||||
.table-primary > td {
|
||||
background-color: #c6e0f5;
|
||||
background-color: #f6bfd7;
|
||||
}
|
||||
|
||||
.table-primary th,
|
||||
.table-primary td,
|
||||
.table-primary thead th,
|
||||
.table-primary tbody + tbody {
|
||||
border-color: #95c5ed;
|
||||
border-color: #ee89b5;
|
||||
}
|
||||
|
||||
.table-hover .table-primary:hover {
|
||||
background-color: #b0d4f1;
|
||||
background-color: #f3a9c9;
|
||||
}
|
||||
|
||||
.table-hover .table-primary:hover > td,
|
||||
.table-hover .table-primary:hover > th {
|
||||
background-color: #b0d4f1;
|
||||
background-color: #f3a9c9;
|
||||
}
|
||||
|
||||
.table-secondary,
|
||||
|
|
@ -6514,23 +6514,23 @@ pre code {
|
|||
.table-danger,
|
||||
.table-danger > th,
|
||||
.table-danger > td {
|
||||
background-color: #f7c6c5;
|
||||
background-color: #ffcac7;
|
||||
}
|
||||
|
||||
.table-danger th,
|
||||
.table-danger td,
|
||||
.table-danger thead th,
|
||||
.table-danger tbody + tbody {
|
||||
border-color: #f09593;
|
||||
border-color: #ff9c96;
|
||||
}
|
||||
|
||||
.table-hover .table-danger:hover {
|
||||
background-color: #f4b0af;
|
||||
background-color: #ffb2ae;
|
||||
}
|
||||
|
||||
.table-hover .table-danger:hover > td,
|
||||
.table-hover .table-danger:hover > th {
|
||||
background-color: #f4b0af;
|
||||
background-color: #ffb2ae;
|
||||
}
|
||||
|
||||
.table-light,
|
||||
|
|
@ -6726,9 +6726,9 @@ pre code {
|
|||
.form-control:focus {
|
||||
color: #495057;
|
||||
background-color: #fff;
|
||||
border-color: #a1cbef;
|
||||
border-color: #f089b6;
|
||||
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 {
|
||||
|
|
@ -7020,7 +7020,7 @@ textarea.form-control.is-valid {
|
|||
width: 100%;
|
||||
margin-top: 0.25rem;
|
||||
font-size: 80%;
|
||||
color: #e3342f;
|
||||
color: #ff4136;
|
||||
}
|
||||
|
||||
.invalid-tooltip {
|
||||
|
|
@ -7035,7 +7035,7 @@ textarea.form-control.is-valid {
|
|||
font-size: 0.7875rem;
|
||||
line-height: 1.6;
|
||||
color: #fff;
|
||||
background-color: rgba(227, 52, 47, 0.9);
|
||||
background-color: rgba(255, 65, 54, 0.9);
|
||||
border-radius: 0.25rem;
|
||||
}
|
||||
|
||||
|
|
@ -7048,9 +7048,9 @@ textarea.form-control.is-valid {
|
|||
|
||||
.was-validated .form-control:invalid,
|
||||
.form-control.is-invalid {
|
||||
border-color: #e3342f;
|
||||
border-color: #ff4136;
|
||||
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-position: right calc(0.4em + 0.1875rem) center;
|
||||
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,
|
||||
.form-control.is-invalid:focus {
|
||||
border-color: #e3342f;
|
||||
box-shadow: 0 0 0 0.2rem rgba(227, 52, 47, 0.25);
|
||||
border-color: #ff4136;
|
||||
box-shadow: 0 0 0 0.2rem rgba(255, 65, 54, 0.25);
|
||||
}
|
||||
|
||||
.was-validated textarea.form-control:invalid,
|
||||
|
|
@ -7070,20 +7070,20 @@ textarea.form-control.is-invalid {
|
|||
|
||||
.was-validated .custom-select:invalid,
|
||||
.custom-select.is-invalid {
|
||||
border-color: #e3342f;
|
||||
border-color: #ff4136;
|
||||
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,
|
||||
.custom-select.is-invalid:focus {
|
||||
border-color: #e3342f;
|
||||
box-shadow: 0 0 0 0.2rem rgba(227, 52, 47, 0.25);
|
||||
border-color: #ff4136;
|
||||
box-shadow: 0 0 0 0.2rem rgba(255, 65, 54, 0.25);
|
||||
}
|
||||
|
||||
.was-validated .form-check-input:invalid ~ .form-check-label,
|
||||
.form-check-input.is-invalid ~ .form-check-label {
|
||||
color: #e3342f;
|
||||
color: #ff4136;
|
||||
}
|
||||
|
||||
.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,
|
||||
.custom-control-input.is-invalid ~ .custom-control-label {
|
||||
color: #e3342f;
|
||||
color: #ff4136;
|
||||
}
|
||||
|
||||
.was-validated .custom-control-input: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,
|
||||
.custom-control-input.is-invalid:checked ~ .custom-control-label::before {
|
||||
border-color: #e9605c;
|
||||
background-color: #e9605c;
|
||||
border-color: #ff7169;
|
||||
background-color: #ff7169;
|
||||
}
|
||||
|
||||
.was-validated .custom-control-input: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,
|
||||
.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,
|
||||
.custom-file-input.is-invalid ~ .custom-file-label {
|
||||
border-color: #e3342f;
|
||||
border-color: #ff4136;
|
||||
}
|
||||
|
||||
.was-validated .custom-file-input:invalid:focus ~ .custom-file-label,
|
||||
.custom-file-input.is-invalid:focus ~ .custom-file-label {
|
||||
border-color: #e3342f;
|
||||
box-shadow: 0 0 0 0.2rem rgba(227, 52, 47, 0.25);
|
||||
border-color: #ff4136;
|
||||
box-shadow: 0 0 0 0.2rem rgba(255, 65, 54, 0.25);
|
||||
}
|
||||
|
||||
.form-inline {
|
||||
|
|
@ -7230,7 +7230,7 @@ textarea.form-control.is-invalid {
|
|||
.btn:focus,
|
||||
.btn.focus {
|
||||
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,
|
||||
|
|
@ -7249,43 +7249,43 @@ fieldset:disabled a.btn {
|
|||
|
||||
.btn-primary {
|
||||
color: #fff;
|
||||
background-color: #3490dc;
|
||||
border-color: #3490dc;
|
||||
background-color: #de1c71;
|
||||
border-color: #de1c71;
|
||||
}
|
||||
|
||||
.btn-primary:hover {
|
||||
color: #fff;
|
||||
background-color: #227dc7;
|
||||
border-color: #2176bd;
|
||||
background-color: #bc1860;
|
||||
border-color: #b1165a;
|
||||
}
|
||||
|
||||
.btn-primary:focus,
|
||||
.btn-primary.focus {
|
||||
color: #fff;
|
||||
background-color: #227dc7;
|
||||
border-color: #2176bd;
|
||||
box-shadow: 0 0 0 0.2rem rgba(82, 161, 225, 0.5);
|
||||
background-color: #bc1860;
|
||||
border-color: #b1165a;
|
||||
box-shadow: 0 0 0 0.2rem rgba(227, 62, 134, 0.5);
|
||||
}
|
||||
|
||||
.btn-primary.disabled,
|
||||
.btn-primary:disabled {
|
||||
color: #fff;
|
||||
background-color: #3490dc;
|
||||
border-color: #3490dc;
|
||||
background-color: #de1c71;
|
||||
border-color: #de1c71;
|
||||
}
|
||||
|
||||
.btn-primary:not(:disabled):not(.disabled):active,
|
||||
.btn-primary:not(:disabled):not(.disabled).active,
|
||||
.show > .btn-primary.dropdown-toggle {
|
||||
color: #fff;
|
||||
background-color: #2176bd;
|
||||
border-color: #1f6fb2;
|
||||
background-color: #b1165a;
|
||||
border-color: #a51554;
|
||||
}
|
||||
|
||||
.btn-primary:not(:disabled):not(.disabled):active:focus,
|
||||
.btn-primary:not(:disabled):not(.disabled).active: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 {
|
||||
|
|
@ -7454,43 +7454,43 @@ fieldset:disabled a.btn {
|
|||
|
||||
.btn-danger {
|
||||
color: #fff;
|
||||
background-color: #e3342f;
|
||||
border-color: #e3342f;
|
||||
background-color: #ff4136;
|
||||
border-color: #ff4136;
|
||||
}
|
||||
|
||||
.btn-danger:hover {
|
||||
color: #fff;
|
||||
background-color: #d0211c;
|
||||
border-color: #c51f1a;
|
||||
background-color: #ff1d10;
|
||||
border-color: #ff1103;
|
||||
}
|
||||
|
||||
.btn-danger:focus,
|
||||
.btn-danger.focus {
|
||||
color: #fff;
|
||||
background-color: #d0211c;
|
||||
border-color: #c51f1a;
|
||||
box-shadow: 0 0 0 0.2rem rgba(231, 82, 78, 0.5);
|
||||
background-color: #ff1d10;
|
||||
border-color: #ff1103;
|
||||
box-shadow: 0 0 0 0.2rem rgba(255, 94, 84, 0.5);
|
||||
}
|
||||
|
||||
.btn-danger.disabled,
|
||||
.btn-danger:disabled {
|
||||
color: #fff;
|
||||
background-color: #e3342f;
|
||||
border-color: #e3342f;
|
||||
background-color: #ff4136;
|
||||
border-color: #ff4136;
|
||||
}
|
||||
|
||||
.btn-danger:not(:disabled):not(.disabled):active,
|
||||
.btn-danger:not(:disabled):not(.disabled).active,
|
||||
.show > .btn-danger.dropdown-toggle {
|
||||
color: #fff;
|
||||
background-color: #c51f1a;
|
||||
border-color: #b91d19;
|
||||
background-color: #ff1103;
|
||||
border-color: #f50d00;
|
||||
}
|
||||
|
||||
.btn-danger:not(:disabled):not(.disabled):active:focus,
|
||||
.btn-danger:not(:disabled):not(.disabled).active: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 {
|
||||
|
|
@ -7576,24 +7576,24 @@ fieldset:disabled a.btn {
|
|||
}
|
||||
|
||||
.btn-outline-primary {
|
||||
color: #3490dc;
|
||||
border-color: #3490dc;
|
||||
color: #de1c71;
|
||||
border-color: #de1c71;
|
||||
}
|
||||
|
||||
.btn-outline-primary:hover {
|
||||
color: #fff;
|
||||
background-color: #3490dc;
|
||||
border-color: #3490dc;
|
||||
background-color: #de1c71;
|
||||
border-color: #de1c71;
|
||||
}
|
||||
|
||||
.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 {
|
||||
color: #3490dc;
|
||||
color: #de1c71;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
|
|
@ -7601,14 +7601,14 @@ fieldset:disabled a.btn {
|
|||
.btn-outline-primary:not(:disabled):not(.disabled).active,
|
||||
.show > .btn-outline-primary.dropdown-toggle {
|
||||
color: #fff;
|
||||
background-color: #3490dc;
|
||||
border-color: #3490dc;
|
||||
background-color: #de1c71;
|
||||
border-color: #de1c71;
|
||||
}
|
||||
|
||||
.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 {
|
||||
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 {
|
||||
|
|
@ -7756,24 +7756,24 @@ fieldset:disabled a.btn {
|
|||
}
|
||||
|
||||
.btn-outline-danger {
|
||||
color: #e3342f;
|
||||
border-color: #e3342f;
|
||||
color: #ff4136;
|
||||
border-color: #ff4136;
|
||||
}
|
||||
|
||||
.btn-outline-danger:hover {
|
||||
color: #fff;
|
||||
background-color: #e3342f;
|
||||
border-color: #e3342f;
|
||||
background-color: #ff4136;
|
||||
border-color: #ff4136;
|
||||
}
|
||||
|
||||
.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 {
|
||||
color: #e3342f;
|
||||
color: #ff4136;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
|
|
@ -7781,14 +7781,14 @@ fieldset:disabled a.btn {
|
|||
.btn-outline-danger:not(:disabled):not(.disabled).active,
|
||||
.show > .btn-outline-danger.dropdown-toggle {
|
||||
color: #fff;
|
||||
background-color: #e3342f;
|
||||
border-color: #e3342f;
|
||||
background-color: #ff4136;
|
||||
border-color: #ff4136;
|
||||
}
|
||||
|
||||
.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 {
|
||||
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 {
|
||||
|
|
@ -7865,12 +7865,12 @@ fieldset:disabled a.btn {
|
|||
|
||||
.btn-link {
|
||||
font-weight: 400;
|
||||
color: #3490dc;
|
||||
color: #de1c71;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.btn-link:hover {
|
||||
color: #1d68a7;
|
||||
color: #9a134e;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
|
|
@ -8176,7 +8176,7 @@ input[type=button].btn-block {
|
|||
.dropdown-item:active {
|
||||
color: #fff;
|
||||
text-decoration: none;
|
||||
background-color: #3490dc;
|
||||
background-color: #de1c71;
|
||||
}
|
||||
|
||||
.dropdown-item.disabled,
|
||||
|
|
@ -8539,22 +8539,22 @@ input[type=button].btn-block {
|
|||
|
||||
.custom-control-input:checked ~ .custom-control-label::before {
|
||||
color: #fff;
|
||||
border-color: #3490dc;
|
||||
background-color: #3490dc;
|
||||
border-color: #de1c71;
|
||||
background-color: #de1c71;
|
||||
}
|
||||
|
||||
.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 {
|
||||
border-color: #a1cbef;
|
||||
border-color: #f089b6;
|
||||
}
|
||||
|
||||
.custom-control-input:not(:disabled):active ~ .custom-control-label::before {
|
||||
color: #fff;
|
||||
background-color: #cce3f6;
|
||||
border-color: #cce3f6;
|
||||
background-color: #f6b7d2;
|
||||
border-color: #f6b7d2;
|
||||
}
|
||||
|
||||
.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 {
|
||||
border-color: #3490dc;
|
||||
background-color: #3490dc;
|
||||
border-color: #de1c71;
|
||||
background-color: #de1c71;
|
||||
}
|
||||
|
||||
.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 {
|
||||
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 {
|
||||
background-color: rgba(52, 144, 220, 0.5);
|
||||
background-color: rgba(222, 28, 113, 0.5);
|
||||
}
|
||||
|
||||
.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 {
|
||||
background-color: rgba(52, 144, 220, 0.5);
|
||||
background-color: rgba(222, 28, 113, 0.5);
|
||||
}
|
||||
|
||||
.custom-switch {
|
||||
|
|
@ -8667,7 +8667,7 @@ input[type=button].btn-block {
|
|||
}
|
||||
|
||||
.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 {
|
||||
|
|
@ -8689,9 +8689,9 @@ input[type=button].btn-block {
|
|||
}
|
||||
|
||||
.custom-select:focus {
|
||||
border-color: #a1cbef;
|
||||
border-color: #f089b6;
|
||||
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 {
|
||||
|
|
@ -8754,8 +8754,8 @@ input[type=button].btn-block {
|
|||
}
|
||||
|
||||
.custom-file-input:focus ~ .custom-file-label {
|
||||
border-color: #a1cbef;
|
||||
box-shadow: 0 0 0 0.2rem rgba(52, 144, 220, 0.25);
|
||||
border-color: #f089b6;
|
||||
box-shadow: 0 0 0 0.2rem rgba(222, 28, 113, 0.25);
|
||||
}
|
||||
|
||||
.custom-file-input[disabled] ~ .custom-file-label,
|
||||
|
|
@ -8819,15 +8819,15 @@ input[type=button].btn-block {
|
|||
}
|
||||
|
||||
.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 {
|
||||
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 {
|
||||
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 {
|
||||
|
|
@ -8838,7 +8838,7 @@ input[type=button].btn-block {
|
|||
width: 1rem;
|
||||
height: 1rem;
|
||||
margin-top: -0.25rem;
|
||||
background-color: #3490dc;
|
||||
background-color: #de1c71;
|
||||
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;
|
||||
|
|
@ -8855,7 +8855,7 @@ input[type=button].btn-block {
|
|||
}
|
||||
|
||||
.custom-range::-webkit-slider-thumb:active {
|
||||
background-color: #cce3f6;
|
||||
background-color: #f6b7d2;
|
||||
}
|
||||
|
||||
.custom-range::-webkit-slider-runnable-track {
|
||||
|
|
@ -8871,7 +8871,7 @@ input[type=button].btn-block {
|
|||
.custom-range::-moz-range-thumb {
|
||||
width: 1rem;
|
||||
height: 1rem;
|
||||
background-color: #3490dc;
|
||||
background-color: #de1c71;
|
||||
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;
|
||||
|
|
@ -8888,7 +8888,7 @@ input[type=button].btn-block {
|
|||
}
|
||||
|
||||
.custom-range::-moz-range-thumb:active {
|
||||
background-color: #cce3f6;
|
||||
background-color: #f6b7d2;
|
||||
}
|
||||
|
||||
.custom-range::-moz-range-track {
|
||||
|
|
@ -8907,7 +8907,7 @@ input[type=button].btn-block {
|
|||
margin-top: 0;
|
||||
margin-right: 0.2rem;
|
||||
margin-left: 0.2rem;
|
||||
background-color: #3490dc;
|
||||
background-color: #de1c71;
|
||||
border: 0;
|
||||
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;
|
||||
|
|
@ -8923,7 +8923,7 @@ input[type=button].btn-block {
|
|||
}
|
||||
|
||||
.custom-range::-ms-thumb:active {
|
||||
background-color: #cce3f6;
|
||||
background-color: #f6b7d2;
|
||||
}
|
||||
|
||||
.custom-range::-ms-track {
|
||||
|
|
@ -9050,7 +9050,7 @@ input[type=button].btn-block {
|
|||
.nav-pills .nav-link.active,
|
||||
.nav-pills .show > .nav-link {
|
||||
color: #fff;
|
||||
background-color: #3490dc;
|
||||
background-color: #de1c71;
|
||||
}
|
||||
|
||||
.nav-fill > .nav-link,
|
||||
|
|
@ -9805,14 +9805,14 @@ input[type=button].btn-block {
|
|||
padding: 0.5rem 0.75rem;
|
||||
margin-left: -1px;
|
||||
line-height: 1.25;
|
||||
color: #3490dc;
|
||||
color: #de1c71;
|
||||
background-color: #fff;
|
||||
border: 1px solid #dee2e6;
|
||||
}
|
||||
|
||||
.page-link:hover {
|
||||
z-index: 2;
|
||||
color: #1d68a7;
|
||||
color: #9a134e;
|
||||
text-decoration: none;
|
||||
background-color: #e9ecef;
|
||||
border-color: #dee2e6;
|
||||
|
|
@ -9821,7 +9821,7 @@ input[type=button].btn-block {
|
|||
.page-link:focus {
|
||||
z-index: 3;
|
||||
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 {
|
||||
|
|
@ -9838,8 +9838,8 @@ input[type=button].btn-block {
|
|||
.page-item.active .page-link {
|
||||
z-index: 3;
|
||||
color: #fff;
|
||||
background-color: #3490dc;
|
||||
border-color: #3490dc;
|
||||
background-color: #de1c71;
|
||||
border-color: #de1c71;
|
||||
}
|
||||
|
||||
.page-item.disabled .page-link {
|
||||
|
|
@ -9923,19 +9923,19 @@ a.badge:focus {
|
|||
|
||||
.badge-primary {
|
||||
color: #fff;
|
||||
background-color: #3490dc;
|
||||
background-color: #de1c71;
|
||||
}
|
||||
|
||||
a.badge-primary:hover,
|
||||
a.badge-primary:focus {
|
||||
color: #fff;
|
||||
background-color: #2176bd;
|
||||
background-color: #b1165a;
|
||||
}
|
||||
|
||||
a.badge-primary:focus,
|
||||
a.badge-primary.focus {
|
||||
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 {
|
||||
|
|
@ -10008,19 +10008,19 @@ a.badge-warning.focus {
|
|||
|
||||
.badge-danger {
|
||||
color: #fff;
|
||||
background-color: #e3342f;
|
||||
background-color: #ff4136;
|
||||
}
|
||||
|
||||
a.badge-danger:hover,
|
||||
a.badge-danger:focus {
|
||||
color: #fff;
|
||||
background-color: #c51f1a;
|
||||
background-color: #ff1103;
|
||||
}
|
||||
|
||||
a.badge-danger:focus,
|
||||
a.badge-danger.focus {
|
||||
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 {
|
||||
|
|
@ -10105,17 +10105,17 @@ a.badge-dark.focus {
|
|||
}
|
||||
|
||||
.alert-primary {
|
||||
color: #1b4b72;
|
||||
background-color: #d6e9f8;
|
||||
border-color: #c6e0f5;
|
||||
color: #730f3b;
|
||||
background-color: #f8d2e3;
|
||||
border-color: #f6bfd7;
|
||||
}
|
||||
|
||||
.alert-primary hr {
|
||||
border-top-color: #b0d4f1;
|
||||
border-top-color: #f3a9c9;
|
||||
}
|
||||
|
||||
.alert-primary .alert-link {
|
||||
color: #113049;
|
||||
color: #460924;
|
||||
}
|
||||
|
||||
.alert-secondary {
|
||||
|
|
@ -10175,17 +10175,17 @@ a.badge-dark.focus {
|
|||
}
|
||||
|
||||
.alert-danger {
|
||||
color: #761b18;
|
||||
background-color: #f9d6d5;
|
||||
border-color: #f7c6c5;
|
||||
color: #85221c;
|
||||
background-color: #ffd9d7;
|
||||
border-color: #ffcac7;
|
||||
}
|
||||
|
||||
.alert-danger hr {
|
||||
border-top-color: #f4b0af;
|
||||
border-top-color: #ffb2ae;
|
||||
}
|
||||
|
||||
.alert-danger .alert-link {
|
||||
color: #4c110f;
|
||||
color: #5b1713;
|
||||
}
|
||||
|
||||
.alert-light {
|
||||
|
|
@ -10254,7 +10254,7 @@ a.badge-dark.focus {
|
|||
color: #fff;
|
||||
text-align: center;
|
||||
white-space: nowrap;
|
||||
background-color: #3490dc;
|
||||
background-color: #de1c71;
|
||||
transition: width 0.6s ease;
|
||||
}
|
||||
|
||||
|
|
@ -10345,8 +10345,8 @@ a.badge-dark.focus {
|
|||
.list-group-item.active {
|
||||
z-index: 2;
|
||||
color: #fff;
|
||||
background-color: #3490dc;
|
||||
border-color: #3490dc;
|
||||
background-color: #de1c71;
|
||||
border-color: #de1c71;
|
||||
}
|
||||
|
||||
.list-group-item + .list-group-item {
|
||||
|
|
@ -10519,20 +10519,20 @@ a.badge-dark.focus {
|
|||
}
|
||||
|
||||
.list-group-item-primary {
|
||||
color: #1b4b72;
|
||||
background-color: #c6e0f5;
|
||||
color: #730f3b;
|
||||
background-color: #f6bfd7;
|
||||
}
|
||||
|
||||
.list-group-item-primary.list-group-item-action:hover,
|
||||
.list-group-item-primary.list-group-item-action:focus {
|
||||
color: #1b4b72;
|
||||
background-color: #b0d4f1;
|
||||
color: #730f3b;
|
||||
background-color: #f3a9c9;
|
||||
}
|
||||
|
||||
.list-group-item-primary.list-group-item-action.active {
|
||||
color: #fff;
|
||||
background-color: #1b4b72;
|
||||
border-color: #1b4b72;
|
||||
background-color: #730f3b;
|
||||
border-color: #730f3b;
|
||||
}
|
||||
|
||||
.list-group-item-secondary {
|
||||
|
|
@ -10604,20 +10604,20 @@ a.badge-dark.focus {
|
|||
}
|
||||
|
||||
.list-group-item-danger {
|
||||
color: #761b18;
|
||||
background-color: #f7c6c5;
|
||||
color: #85221c;
|
||||
background-color: #ffcac7;
|
||||
}
|
||||
|
||||
.list-group-item-danger.list-group-item-action:hover,
|
||||
.list-group-item-danger.list-group-item-action:focus {
|
||||
color: #761b18;
|
||||
background-color: #f4b0af;
|
||||
color: #85221c;
|
||||
background-color: #ffb2ae;
|
||||
}
|
||||
|
||||
.list-group-item-danger.list-group-item-action.active {
|
||||
color: #fff;
|
||||
background-color: #761b18;
|
||||
border-color: #761b18;
|
||||
background-color: #85221c;
|
||||
border-color: #85221c;
|
||||
}
|
||||
|
||||
.list-group-item-light {
|
||||
|
|
@ -11533,14 +11533,14 @@ a.close.disabled {
|
|||
}
|
||||
|
||||
.bg-primary {
|
||||
background-color: #3490dc !important;
|
||||
background-color: #de1c71 !important;
|
||||
}
|
||||
|
||||
a.bg-primary:hover,
|
||||
a.bg-primary:focus,
|
||||
button.bg-primary:hover,
|
||||
button.bg-primary:focus {
|
||||
background-color: #2176bd !important;
|
||||
background-color: #b1165a !important;
|
||||
}
|
||||
|
||||
.bg-secondary {
|
||||
|
|
@ -11588,14 +11588,14 @@ button.bg-warning:focus {
|
|||
}
|
||||
|
||||
.bg-danger {
|
||||
background-color: #e3342f !important;
|
||||
background-color: #ff4136 !important;
|
||||
}
|
||||
|
||||
a.bg-danger:hover,
|
||||
a.bg-danger:focus,
|
||||
button.bg-danger:hover,
|
||||
button.bg-danger:focus {
|
||||
background-color: #c51f1a !important;
|
||||
background-color: #ff1103 !important;
|
||||
}
|
||||
|
||||
.bg-light {
|
||||
|
|
@ -11669,7 +11669,7 @@ button.bg-dark:focus {
|
|||
}
|
||||
|
||||
.border-primary {
|
||||
border-color: #3490dc !important;
|
||||
border-color: #de1c71 !important;
|
||||
}
|
||||
|
||||
.border-secondary {
|
||||
|
|
@ -11689,7 +11689,7 @@ button.bg-dark:focus {
|
|||
}
|
||||
|
||||
.border-danger {
|
||||
border-color: #e3342f !important;
|
||||
border-color: #ff4136 !important;
|
||||
}
|
||||
|
||||
.border-light {
|
||||
|
|
@ -15267,12 +15267,12 @@ button.bg-dark:focus {
|
|||
}
|
||||
|
||||
.text-primary {
|
||||
color: #3490dc !important;
|
||||
color: #de1c71 !important;
|
||||
}
|
||||
|
||||
a.text-primary:hover,
|
||||
a.text-primary:focus {
|
||||
color: #1d68a7 !important;
|
||||
color: #9a134e !important;
|
||||
}
|
||||
|
||||
.text-secondary {
|
||||
|
|
@ -15312,12 +15312,12 @@ a.text-warning:focus {
|
|||
}
|
||||
|
||||
.text-danger {
|
||||
color: #e3342f !important;
|
||||
color: #ff4136 !important;
|
||||
}
|
||||
|
||||
a.text-danger:hover,
|
||||
a.text-danger:focus {
|
||||
color: #ae1c17 !important;
|
||||
color: #e90d00 !important;
|
||||
}
|
||||
|
||||
.text-light {
|
||||
|
|
|
|||
11
motorradig2/motorradig/public/css/custom.css
vendored
11
motorradig2/motorradig/public/css/custom.css
vendored
|
|
@ -5,19 +5,18 @@ body, html {
|
|||
}
|
||||
.bg {
|
||||
/* The image used */
|
||||
|
||||
background-image: url("../images/motorcycle1_unsplash.jpg");
|
||||
|
||||
|
||||
|
||||
|
||||
/* Full height */
|
||||
height: 100%;
|
||||
|
||||
|
||||
/* background: #3df url('../images/motorcycle1_unsplash.jpg') no-repeat fixed center; */
|
||||
|
||||
/* Center and scale the image nicely */
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
|
||||
|
||||
background-attachment: fixed;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -6,4 +6,5 @@
|
|||
@import 'variables';
|
||||
|
||||
// Bootstrap
|
||||
@import 'custom_bootstrap.scss';
|
||||
@import '~bootstrap/scss/bootstrap';
|
||||
|
|
|
|||
4
motorradig2/motorradig/resources/sass/custom_bootstrap.scss
vendored
Normal file
4
motorradig2/motorradig/resources/sass/custom_bootstrap.scss
vendored
Normal file
|
|
@ -0,0 +1,4 @@
|
|||
$theme-colors: (
|
||||
"primary": #de1c71,
|
||||
"danger": #ff4136
|
||||
);
|
||||
|
|
@ -25,9 +25,11 @@
|
|||
|
||||
<nav class="navbar navbar-expand-md navbar-light bg-white shadow-sm">
|
||||
<div class="container">
|
||||
<!--
|
||||
<a class="navbar-brand" href="{{ url('/') }}">
|
||||
{{ config('app.name', 'Laravel') }}
|
||||
</a>
|
||||
-->
|
||||
<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>
|
||||
</button>
|
||||
|
|
@ -35,26 +37,28 @@
|
|||
<div class="collapse navbar-collapse" id="navbarSupportedContent">
|
||||
<!-- Left Side Of Navbar -->
|
||||
<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>
|
||||
</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>
|
||||
</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>
|
||||
</li>
|
||||
|
||||
@auth
|
||||
@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>
|
||||
</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>
|
||||
</li>
|
||||
@endif
|
||||
@endauth
|
||||
|
||||
|
||||
</ul>
|
||||
|
||||
<!-- Right Side Of Navbar -->
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue