mirror of
https://github.com/vladmandic/automatic
synced 2026-09-19 17:24:32 +02:00
@@ -77,8 +77,10 @@ button { max-width: 400px; white-space: nowrap; }
|
||||
img { background-color: var(--background-color); }
|
||||
|
||||
input[type='range'] { display: block; margin: 0; padding: 0; height: 0.8em; background-color: transparent; overflow: hidden; cursor: pointer; box-shadow: 0 0 0 0 transparent; -webkit-appearance: none; appearance: none; }
|
||||
/* eslint-disable-next-line css/no-invalid-properties */
|
||||
input[type='range']::-webkit-slider-thumb { height: .9em; width: .9em; background-color: hsl(180, 54%, 61%); box-shadow: var(--range-shadow); border-radius: var(--radius-xs); }
|
||||
input[type='range']::-webkit-slider-runnable-track, input[type='range']::-webkit-slider-thumb { -webkit-appearance: none; }
|
||||
/* eslint-disable-next-line css/no-invalid-properties */
|
||||
input[type='range']::-moz-range-thumb { height: .9em; width: .9em; background-color: hsl(180, 54%, 61%); box-shadow: var(--range-shadow); }
|
||||
input[type='range']::-moz-range-track, input[type='range']::-webkit-slider-runnable-track { border: none; background: none; width: 100%; height: 100%; }
|
||||
|
||||
|
||||
+23
-22
@@ -2031,42 +2031,43 @@ div:has(>#tab-gallery-folders) {
|
||||
|
||||
.loading {
|
||||
color: white;
|
||||
position: border-box;
|
||||
top: 85%;
|
||||
font-size: 1.5em;
|
||||
left: 50%;
|
||||
position: absolute;
|
||||
top: 20%;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
|
||||
.loader {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
animation: spin 4s linear infinite, hue 5s infinite alternate;
|
||||
border: var(--spacing-md) solid transparent;
|
||||
border-radius: 50%;
|
||||
border-top: var(--spacing-md) solid var(--primary-600);
|
||||
animation: spin 2s linear infinite, hue 5s infinite alternate;
|
||||
position: border-box;
|
||||
border-top: var(--spacing-md) solid var(--sd-main-accent-color);
|
||||
height: 300px;
|
||||
position: relative;
|
||||
width: 300px;
|
||||
}
|
||||
|
||||
.loader::before,
|
||||
.loader::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 6px;
|
||||
bottom: 6px;
|
||||
left: 6px;
|
||||
right: 6px;
|
||||
border-radius: 50%;
|
||||
.loader::before, .loader::after {
|
||||
border: var(--spacing-md) solid transparent;
|
||||
animation: hue 5s infinite alternate;
|
||||
border-radius: 50%;
|
||||
bottom: 6px;
|
||||
content: "";
|
||||
left: 6px;
|
||||
position: absolute;
|
||||
right: 6px;
|
||||
top: 6px;
|
||||
}
|
||||
|
||||
.loader::before {
|
||||
border-top-color: var(--primary-900);
|
||||
animation: spin 3s linear infinite;
|
||||
animation: 3s spin linear infinite, hue 5s infinite alternate;
|
||||
border-top-color: var(--sd-main-accent-color);
|
||||
filter: brightness(50%);
|
||||
}
|
||||
|
||||
.loader::after {
|
||||
border-top-color: var(--primary-300);
|
||||
animation: spin 1.5s linear infinite;
|
||||
animation: spin 1.5s linear infinite, hue 5s infinite alternate;
|
||||
border-top-color: var(--sd-main-accent-color);
|
||||
filter: brightness(150%);
|
||||
}
|
||||
|
||||
.docs-search textarea {
|
||||
|
||||
Reference in New Issue
Block a user