Update css/js resources

This commit is contained in:
Gamerboy59 2023-08-06 11:09:08 +00:00
parent 72f22be781
commit fcb99b1e31
12 changed files with 6378 additions and 4135 deletions

106
public/css/app.css vendored

File diff suppressed because one or more lines are too long

139
public/css/dark.css vendored
View file

@ -458,10 +458,6 @@ legend + * {
padding: 0; padding: 0;
} }
::-webkit-file-upload-button {
font: inherit;
}
::file-selector-button { ::file-selector-button {
font: inherit; font: inherit;
} }
@ -2232,10 +2228,6 @@ progress {
color: #6c757d; color: #6c757d;
opacity: 1; opacity: 1;
} }
.form-control:-ms-input-placeholder {
color: #6c757d;
opacity: 1;
}
.form-control::placeholder { .form-control::placeholder {
color: #6c757d; color: #6c757d;
opacity: 1; opacity: 1;
@ -2244,26 +2236,9 @@ progress {
background-color: #e9ecef; background-color: #e9ecef;
opacity: 1; opacity: 1;
} }
.form-control::-webkit-file-upload-button {
padding: 0.375rem 0.75rem;
margin: -0.375rem -0.75rem;
-webkit-margin-end: 0.75rem;
margin-inline-end: 0.75rem;
color: #212529;
background-color: #e9ecef;
pointer-events: none;
border-color: inherit;
border-style: solid;
border-width: 0;
border-inline-end-width: 1px;
border-radius: 0;
-webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.form-control::file-selector-button { .form-control::file-selector-button {
padding: 0.375rem 0.75rem; padding: 0.375rem 0.75rem;
margin: -0.375rem -0.75rem; margin: -0.375rem -0.75rem;
-webkit-margin-end: 0.75rem;
margin-inline-end: 0.75rem; margin-inline-end: 0.75rem;
color: #212529; color: #212529;
background-color: #e9ecef; background-color: #e9ecef;
@ -2276,24 +2251,16 @@ progress {
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
} }
@media (prefers-reduced-motion: reduce) { @media (prefers-reduced-motion: reduce) {
.form-control::-webkit-file-upload-button {
-webkit-transition: none;
transition: none;
}
.form-control::file-selector-button { .form-control::file-selector-button {
transition: none; transition: none;
} }
} }
.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
background-color: #dde0e3;
}
.form-control:hover:not(:disabled):not([readonly])::file-selector-button { .form-control:hover:not(:disabled):not([readonly])::file-selector-button {
background-color: #dde0e3; background-color: #dde0e3;
} }
.form-control::-webkit-file-upload-button { .form-control::-webkit-file-upload-button {
padding: 0.375rem 0.75rem; padding: 0.375rem 0.75rem;
margin: -0.375rem -0.75rem; margin: -0.375rem -0.75rem;
-webkit-margin-end: 0.75rem;
margin-inline-end: 0.75rem; margin-inline-end: 0.75rem;
color: #212529; color: #212529;
background-color: #e9ecef; background-color: #e9ecef;
@ -2338,22 +2305,14 @@ progress {
font-size: 0.875rem; font-size: 0.875rem;
border-radius: 0.2rem; border-radius: 0.2rem;
} }
.form-control-sm::-webkit-file-upload-button {
padding: 0.25rem 0.5rem;
margin: -0.25rem -0.5rem;
-webkit-margin-end: 0.5rem;
margin-inline-end: 0.5rem;
}
.form-control-sm::file-selector-button { .form-control-sm::file-selector-button {
padding: 0.25rem 0.5rem; padding: 0.25rem 0.5rem;
margin: -0.25rem -0.5rem; margin: -0.25rem -0.5rem;
-webkit-margin-end: 0.5rem;
margin-inline-end: 0.5rem; margin-inline-end: 0.5rem;
} }
.form-control-sm::-webkit-file-upload-button { .form-control-sm::-webkit-file-upload-button {
padding: 0.25rem 0.5rem; padding: 0.25rem 0.5rem;
margin: -0.25rem -0.5rem; margin: -0.25rem -0.5rem;
-webkit-margin-end: 0.5rem;
margin-inline-end: 0.5rem; margin-inline-end: 0.5rem;
} }
@ -2363,22 +2322,14 @@ progress {
font-size: 1.25rem; font-size: 1.25rem;
border-radius: 0.3rem; border-radius: 0.3rem;
} }
.form-control-lg::-webkit-file-upload-button {
padding: 0.5rem 1rem;
margin: -0.5rem -1rem;
-webkit-margin-end: 1rem;
margin-inline-end: 1rem;
}
.form-control-lg::file-selector-button { .form-control-lg::file-selector-button {
padding: 0.5rem 1rem; padding: 0.5rem 1rem;
margin: -0.5rem -1rem; margin: -0.5rem -1rem;
-webkit-margin-end: 1rem;
margin-inline-end: 1rem; margin-inline-end: 1rem;
} }
.form-control-lg::-webkit-file-upload-button { .form-control-lg::-webkit-file-upload-button {
padding: 0.5rem 1rem; padding: 0.5rem 1rem;
margin: -0.5rem -1rem; margin: -0.5rem -1rem;
-webkit-margin-end: 1rem;
margin-inline-end: 1rem; margin-inline-end: 1rem;
} }
@ -2693,9 +2644,6 @@ textarea.form-control-lg {
.form-floating > .form-control::-moz-placeholder { .form-floating > .form-control::-moz-placeholder {
color: transparent; color: transparent;
} }
.form-floating > .form-control:-ms-input-placeholder {
color: transparent;
}
.form-floating > .form-control::placeholder { .form-floating > .form-control::placeholder {
color: transparent; color: transparent;
} }
@ -2703,10 +2651,6 @@ textarea.form-control-lg {
padding-top: 1.625rem; padding-top: 1.625rem;
padding-bottom: 0.625rem; padding-bottom: 0.625rem;
} }
.form-floating > .form-control:not(:-ms-input-placeholder) {
padding-top: 1.625rem;
padding-bottom: 0.625rem;
}
.form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown) { .form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown) {
padding-top: 1.625rem; padding-top: 1.625rem;
padding-bottom: 0.625rem; padding-bottom: 0.625rem;
@ -2723,10 +2667,6 @@ textarea.form-control-lg {
opacity: 0.65; opacity: 0.65;
transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
} }
.form-floating > .form-control:not(:-ms-input-placeholder) ~ label {
opacity: 0.65;
transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
.form-floating > .form-control:focus ~ label, .form-floating > .form-control:focus ~ label,
.form-floating > .form-control:not(:placeholder-shown) ~ label, .form-floating > .form-control:not(:placeholder-shown) ~ label,
.form-floating > .form-select ~ label { .form-floating > .form-select ~ label {
@ -3007,7 +2947,6 @@ textarea.form-control-lg {
cursor: pointer; cursor: pointer;
-webkit-user-select: none; -webkit-user-select: none;
-moz-user-select: none; -moz-user-select: none;
-ms-user-select: none;
user-select: none; user-select: none;
background-color: transparent; background-color: transparent;
border: 1px solid transparent; border: 1px solid transparent;
@ -5008,12 +4947,6 @@ textarea.form-control-lg {
color: #101214; color: #101214;
} }
@-webkit-keyframes progress-bar-stripes {
0% {
background-position-x: 1rem;
}
}
@keyframes progress-bar-stripes { @keyframes progress-bar-stripes {
0% { 0% {
background-position-x: 1rem; background-position-x: 1rem;
@ -5051,12 +4984,10 @@ textarea.form-control-lg {
} }
.progress-bar-animated { .progress-bar-animated {
-webkit-animation: 1s linear infinite progress-bar-stripes;
animation: 1s linear infinite progress-bar-stripes; animation: 1s linear infinite progress-bar-stripes;
} }
@media (prefers-reduced-motion: reduce) { @media (prefers-reduced-motion: reduce) {
.progress-bar-animated { .progress-bar-animated {
-webkit-animation: none;
animation: none; animation: none;
} }
} }
@ -5420,7 +5351,6 @@ textarea.form-control-lg {
pointer-events: none; pointer-events: none;
-webkit-user-select: none; -webkit-user-select: none;
-moz-user-select: none; -moz-user-select: none;
-ms-user-select: none;
user-select: none; user-select: none;
opacity: 0.25; opacity: 0.25;
} }
@ -5448,7 +5378,6 @@ textarea.form-control-lg {
} }
.toast-container { .toast-container {
width: -webkit-max-content;
width: -moz-max-content; width: -moz-max-content;
width: max-content; width: max-content;
max-width: 100%; max-width: 100%;
@ -6016,7 +5945,6 @@ textarea.form-control-lg {
float: left; float: left;
width: 100%; width: 100%;
margin-right: -100%; margin-right: -100%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden; backface-visibility: hidden;
transition: transform 0.6s ease-in-out; transition: transform 0.6s ease-in-out;
} }
@ -6198,12 +6126,6 @@ textarea.form-control-lg {
color: #000; color: #000;
} }
@-webkit-keyframes spinner-border {
to {
transform: rotate(360deg) /* rtl:ignore */;
}
}
@keyframes spinner-border { @keyframes spinner-border {
to { to {
transform: rotate(360deg) /* rtl:ignore */; transform: rotate(360deg) /* rtl:ignore */;
@ -6217,7 +6139,6 @@ textarea.form-control-lg {
border: 0.25em solid currentColor; border: 0.25em solid currentColor;
border-right-color: transparent; border-right-color: transparent;
border-radius: 50%; border-radius: 50%;
-webkit-animation: 0.75s linear infinite spinner-border;
animation: 0.75s linear infinite spinner-border; animation: 0.75s linear infinite spinner-border;
} }
@ -6227,16 +6148,6 @@ textarea.form-control-lg {
border-width: 0.2em; border-width: 0.2em;
} }
@-webkit-keyframes spinner-grow {
0% {
transform: scale(0);
}
50% {
opacity: 1;
transform: none;
}
}
@keyframes spinner-grow { @keyframes spinner-grow {
0% { 0% {
transform: scale(0); transform: scale(0);
@ -6254,7 +6165,6 @@ textarea.form-control-lg {
background-color: currentColor; background-color: currentColor;
border-radius: 50%; border-radius: 50%;
opacity: 0; opacity: 0;
-webkit-animation: 0.75s linear infinite spinner-grow;
animation: 0.75s linear infinite spinner-grow; animation: 0.75s linear infinite spinner-grow;
} }
@ -6266,7 +6176,6 @@ textarea.form-control-lg {
@media (prefers-reduced-motion: reduce) { @media (prefers-reduced-motion: reduce) {
.spinner-border, .spinner-border,
.spinner-grow { .spinner-grow {
-webkit-animation-duration: 1.5s;
animation-duration: 1.5s; animation-duration: 1.5s;
} }
} }
@ -6394,16 +6303,9 @@ textarea.form-control-lg {
} }
.placeholder-glow .placeholder { .placeholder-glow .placeholder {
-webkit-animation: placeholder-glow 2s ease-in-out infinite;
animation: placeholder-glow 2s ease-in-out infinite; animation: placeholder-glow 2s ease-in-out infinite;
} }
@-webkit-keyframes placeholder-glow {
50% {
opacity: 0.2;
}
}
@keyframes placeholder-glow { @keyframes placeholder-glow {
50% { 50% {
opacity: 0.2; opacity: 0.2;
@ -6414,17 +6316,9 @@ textarea.form-control-lg {
mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%); mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%);
-webkit-mask-size: 200% 100%; -webkit-mask-size: 200% 100%;
mask-size: 200% 100%; mask-size: 200% 100%;
-webkit-animation: placeholder-wave 2s linear infinite;
animation: placeholder-wave 2s linear infinite; animation: placeholder-wave 2s linear infinite;
} }
@-webkit-keyframes placeholder-wave {
100% {
-webkit-mask-position: -200% 0%;
mask-position: -200% 0%;
}
}
@keyframes placeholder-wave { @keyframes placeholder-wave {
100% { 100% {
-webkit-mask-position: -200% 0%; -webkit-mask-position: -200% 0%;
@ -6543,7 +6437,6 @@ textarea.form-control-lg {
} }
.sticky-top { .sticky-top {
position: -webkit-sticky;
position: sticky; position: sticky;
top: 0; top: 0;
z-index: 1020; z-index: 1020;
@ -6551,7 +6444,6 @@ textarea.form-control-lg {
@media (min-width: 576px) { @media (min-width: 576px) {
.sticky-sm-top { .sticky-sm-top {
position: -webkit-sticky;
position: sticky; position: sticky;
top: 0; top: 0;
z-index: 1020; z-index: 1020;
@ -6559,7 +6451,6 @@ textarea.form-control-lg {
} }
@media (min-width: 768px) { @media (min-width: 768px) {
.sticky-md-top { .sticky-md-top {
position: -webkit-sticky;
position: sticky; position: sticky;
top: 0; top: 0;
z-index: 1020; z-index: 1020;
@ -6567,7 +6458,6 @@ textarea.form-control-lg {
} }
@media (min-width: 992px) { @media (min-width: 992px) {
.sticky-lg-top { .sticky-lg-top {
position: -webkit-sticky;
position: sticky; position: sticky;
top: 0; top: 0;
z-index: 1020; z-index: 1020;
@ -6575,7 +6465,6 @@ textarea.form-control-lg {
} }
@media (min-width: 1200px) { @media (min-width: 1200px) {
.sticky-xl-top { .sticky-xl-top {
position: -webkit-sticky;
position: sticky; position: sticky;
top: 0; top: 0;
z-index: 1020; z-index: 1020;
@ -6583,7 +6472,6 @@ textarea.form-control-lg {
} }
@media (min-width: 1400px) { @media (min-width: 1400px) {
.sticky-xxl-top { .sticky-xxl-top {
position: -webkit-sticky;
position: sticky; position: sticky;
top: 0; top: 0;
z-index: 1020; z-index: 1020;
@ -6786,7 +6674,6 @@ textarea.form-control-lg {
} }
.position-sticky { .position-sticky {
position: -webkit-sticky !important;
position: sticky !important; position: sticky !important;
} }
@ -7907,14 +7794,12 @@ textarea.form-control-lg {
.user-select-auto { .user-select-auto {
-webkit-user-select: auto !important; -webkit-user-select: auto !important;
-moz-user-select: auto !important; -moz-user-select: auto !important;
-ms-user-select: auto !important;
user-select: auto !important; user-select: auto !important;
} }
.user-select-none { .user-select-none {
-webkit-user-select: none !important; -webkit-user-select: none !important;
-moz-user-select: none !important; -moz-user-select: none !important;
-ms-user-select: none !important;
user-select: none !important; user-select: none !important;
} }
@ -11535,28 +11420,17 @@ textarea.form-control-lg {
.form-control::-moz-placeholder { .form-control::-moz-placeholder {
color: #5a5a5a; color: #5a5a5a;
} }
.form-control:-ms-input-placeholder {
color: #5a5a5a;
}
.form-control::placeholder { .form-control::placeholder {
color: #5a5a5a; color: #5a5a5a;
} }
.form-control:disabled, .form-control[readonly] { .form-control:disabled, .form-control[readonly] {
background-color: #222; background-color: #222;
} }
.form-control::-webkit-file-upload-button {
color: #b1b1b1;
background-color: #3b3b3b;
border-color: inherit;
}
.form-control::file-selector-button { .form-control::file-selector-button {
color: #b1b1b1; color: #b1b1b1;
background-color: #3b3b3b; background-color: #3b3b3b;
border-color: inherit; border-color: inherit;
} }
.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
background-color: #383838;
}
.form-control:hover:not(:disabled):not([readonly])::file-selector-button { .form-control:hover:not(:disabled):not([readonly])::file-selector-button {
background-color: #383838; background-color: #383838;
} }
@ -11683,19 +11557,12 @@ textarea.form-control-lg {
color: transparent; color: transparent;
} }
.form-floating > .form-control:-ms-input-placeholder {
color: transparent;
}
.form-floating > .form-control::placeholder { .form-floating > .form-control::placeholder {
color: transparent; color: transparent;
} }
.form-floating > .form-control:not(:-moz-placeholder-shown) ~ label { .form-floating > .form-control:not(:-moz-placeholder-shown) ~ label {
opacity: 0.65; opacity: 0.65;
} }
.form-floating > .form-control:not(:-ms-input-placeholder) ~ label {
opacity: 0.65;
}
.form-floating > .form-control:focus ~ label, .form-floating > .form-control:focus ~ label,
.form-floating > .form-control:not(:placeholder-shown) ~ label, .form-floating > .form-control:not(:placeholder-shown) ~ label,
.form-floating > .form-select ~ label { .form-floating > .form-select ~ label {
@ -12994,12 +12861,6 @@ textarea.form-control-lg {
opacity: 0.5; opacity: 0.5;
} }
@-webkit-keyframes placeholder-glow {
50% {
opacity: 0.2;
}
}
@keyframes placeholder-glow { @keyframes placeholder-glow {
50% { 50% {
opacity: 0.2; opacity: 0.2;

2462
public/css/light.css vendored

File diff suppressed because it is too large Load diff

7614
public/js/app.js vendored

File diff suppressed because it is too large Load diff