summaryrefslogtreecommitdiff
path: root/static/input.css
diff refs
from: back
to: back
| flip
diff options
context:
space:
mode:
Diffstat (limited to 'static/input.css')
-rw-r--r--static/input.css178
1 files changed, 30 insertions, 148 deletions
diff --git a/static/input.css b/static/input.css
index 739bea7..0d6e786 100644
--- a/static/input.css
+++ b/static/input.css
@@ -10,7 +10,6 @@
--main-medium-color: #8a9d8a;
--main-light-color: #a5b8a5;
--background-dark-color: #ffffdd;
- --background-medium-color: var(--background-dark-color);
--background-light-color: #fffff0;
--sidebar-text-color: var(--background-dark-color);
--sidebar-stroke-color: var(--main-dark-color);
@@ -32,7 +31,6 @@
--main-medium-color: #9bb665;
--main-light-color: #bbd095;
--background-dark-color: #f5eee2;
- --background-medium-color: var(--background-dark-color);
--background-light-color: #fff9ef;
--sidebar-text-color: var(--main-dark-color);
--sidebar-stroke-color: var(--background-dark-color);
@@ -54,7 +52,6 @@
--main-medium-color: var(--color-sky-200);
--main-light-color: var(--color-sky-300);
--background-dark-color: #13131b;
- --background-medium-color: var(--background-dark-color);
--background-light-color: #222230;
--sidebar-text-color: var(--main-dark-color);
--sidebar-stroke-color: var(--background-light-color);
@@ -76,7 +73,6 @@
--main-medium-color: #f6e4c5;
--main-light-color: #e8d4b8;
--background-dark-color: #413b34;
- --background-medium-color: #62584f;
--background-light-color: #6d6258;
--sidebar-text-color: var(--main-dark-color);
--sidebar-stroke-color: var(--background-light-color);
@@ -143,18 +139,10 @@ a:hover {
color: var(--main-medium-color);
}
-.text-main-light {
- color: var(--main-light-color);
-}
-
.text-background-dark {
color: var(--background-dark-color);
}
-.text-background-light {
- color: var(--background-dark-color);
-}
-
.text-secondary {
color: var(--secondary-color);
}
@@ -163,14 +151,6 @@ a:hover {
background-color: var(--main-dark-color);
}
-.bg-main-medium {
- background-color: var(--main-medium-color);
-}
-
-.bg-main-light {
- background-color: var(--main-light-color);
-}
-
.bg-background-dark {
background-color: var(--background-dark-color);
}
@@ -187,26 +167,6 @@ a:hover {
border-color: var(--main-medium-color);
}
-.border-main-light {
- border-color: var(--main-light-color);
-}
-
-.border-background-dark {
- border-color: var(--background-dark-color);
-}
-
-.border-background-light {
- border-color: var(--background-light-color);
-}
-
-.border-inset {
- border-style: inset;
-}
-
-.border-outset {
- border-style: outset;
-}
-
.desktop-sidebar-custom {
width: 5vw;
background-size: calc(var(--squares-and-triangles-background-size) * 1vw);
@@ -323,20 +283,6 @@ body:has(.lg-container:not([class~="lg-inline"])) #sidebar {
border: 0.3vmax outset var(--main-light-color);
}
-.custom-svg-marker {
- background: transparent;
- border: none;
-}
-
-.custom-svg-marker svg {
- filter: drop-shadow(2px 2px 2px rgba(0,0,0,0.3));
- transition: transform 0.2s;
-}
-
-.custom-svg-marker:hover svg {
- transform: scale(1.1);
-}
-
.lg-backdrop {
background-color: var(--background-light-color);
opacity: 0.8 !important;
@@ -377,25 +323,14 @@ body:has(.lg-container:not([class~="lg-inline"])) #sidebar {
}
.lg-content {
- top: 2.5vmax !important;
- bottom: calc(10vmin + 5vmax) !important;
-}
-
-.lg-outer[class~="lg-single-item"] .lg-content {
- bottom: 5vmax !important;
-}
-
-.lg-thumb-item {
- width: 10vmin !important;
- height: 10vmin !important;
+ top: 3vmax !important;
}
.lg-container:not([class~="lg-inline"]) .lg-content {
top: 4vmax !important;
}
-.lg-toolbar .lg-icon,
-.lg-content .lg-icon {
+.lg-toolbar .lg-icon {
padding: 0 0.7vmax;
font-size: 1.5vmax !important;
height: 1.5vmax;
@@ -403,20 +338,11 @@ body:has(.lg-container:not([class~="lg-inline"])) #sidebar {
color: var(--main-dark-color);
}
-.lg-container:not([class~="lg-inline"]) .lg-toolbar .lg-icon,
-.lg-container:not([class~="lg-inline"]) .lg-content .lg-icon {
+.lg-container:not([class~="lg-inline"]) .lg-toolbar .lg-icon {
font-size: 3vmax !important;
height: 3vmax;
}
-.lg-prev {
- left: 0 !important;
-}
-
-.lg-next {
- right: 0 !important;
-}
-
.lg-toolbar .lg-icon:hover {
color: var(--main-medium-color);
}
@@ -436,7 +362,7 @@ body:has(.lg-container:not([class~="lg-inline"])) #sidebar {
.inline-gallery-container {
width: 80%;
- height: 70vmin;
+ height: 60vmin;
}
.light-gallery-captions {
@@ -476,51 +402,42 @@ body:has(.lg-container:not([class~="lg-inline"])) #sidebar {
}
}
-.map-container .leaflet-container {
- width: 100% !important;
- height: 100% !important;
-}
-
body[data-theme~="night"] .leaflet-tile,
body[data-theme~="ram"] .leaflet-tile {
filter: invert(1) hue-rotate(190deg) contrast(1.1) brightness(1.2) !important;
}
-@media (min-aspect-ratio: 1.1/1) {
- .ar-gt-1\.1\:mr-\[1\.2vmin\] {
+@media (min-aspect-ratio: 0.8/1) {
+ .ar-gt-0\.8\:mr-\[1\.2vmin\] {
margin-right: 1.2vmin;
}
- .ar-gt-1\.1\:w-fit {
+ .ar-gt-0\.8\:w-fit {
width: fit-content;
}
- .ar-gt-1\.1\:w-\[100vh\] {
- width: 100vh;
- }
-
- .ar-gt-1\.1\:min-w-fit {
+ .ar-gt-0\.8\:min-w-fit {
min-width: fit-content;
}
- .ar-gt-1\.1\:min-w-\[10vh\] {
+ .ar-gt-0\.8\:min-w-\[10vh\] {
min-width: 10vh;
}
- .ar-gt-1\.1\:max-w-\[20vh\] {
+ .ar-gt-0\.8\:max-w-\[20vh\] {
max-width: 20vh;
}
- .ar-gt-1\.1\:max-w-\[100vh\] {
+ .ar-gt-0\.8\:max-w-\[100vh\] {
max-width: 100vh;
}
- .ar-gt-1\.1\:items-center {
+ .ar-gt-0\.8\:items-center {
align-items: center;
}
}
-@media (max-aspect-ratio: 1.1/1) {
+@media (max-aspect-ratio: 0.8/1) {
.bg-sidebar {
background-size: calc(var(--squares-and-triangles-background-width-coef) * 1.6vh) calc(var(--squares-and-triangles-background-height-coef) * 1.6vh);
}
@@ -550,91 +467,71 @@ body[data-theme~="ram"] .leaflet-tile {
background-size: 10vh;
}
- .ar-lt-1\.1\:grid {
+ .ar-lt-0\.8\:grid {
display: grid;
}
- .ar-lt-1\.1\:flex-col {
+ .ar-lt-0\.8\:flex-col {
flex-direction: column;
}
- .ar-lt-1\.1\:flex-row {
+ .ar-lt-0\.8\:flex-row {
flex-direction: row;
}
- .ar-lt-1\.1\:h-\[8vh\] {
+ .ar-lt-0\.8\:h-\[8vh\] {
height: 8vh;
}
- .ar-lt-1\.1\:h-\[10vh\] {
+ .ar-lt-0\.8\:h-\[10vh\] {
height: 10vh;
}
- .ar-lt-1\.1\:h-\[30vh\] {
+ .ar-lt-0\.8\:h-\[30vh\] {
height: 30vh;
}
- .ar-lt-1\.1\:h-\[90vh\] {
+ .ar-lt-0\.8\:h-\[90vh\] {
height: 90vh;
}
- .ar-lt-1\.1\:w-\[8vh\] {
+ .ar-lt-0\.8\:w-\[8vh\] {
width: 8vh;
}
- .ar-lt-1\.1\:w-\[80\%\] {
+ .ar-lt-0\.8\:w-\[80\%\] {
width: 80%;
}
- .ar-lt-1\.1\:w-\[90vw\] {
+ .ar-lt-0\.8\:w-\[90vw\] {
width: 90vw;
}
- .ar-lt-1\.1\:w-screen {
+ .ar-lt-0\.8\:w-screen {
width: 100vw;
}
- .ar-lt-1\.1\:max-h-\[25\%\] {
- max-height: 25%;
- }
-
- .ar-lt-1\.1\:max-h-\[80\%\] {
+ .ar-lt-0\.8\:max-h-\[80\%\] {
max-height: 80%;
}
- .ar-lt-1\.1\:max-h-\[calc\(100\%-25vh\)\] {
+ .ar-lt-0\.8\:max-h-\[calc\(100\%-25vh\)\] {
max-height: calc(100% - 25vh);
}
- .ar-lt-1\.1\:text-\[5vh\] {
+ .ar-lt-0\.8\:text-\[5vh\] {
font-size: 5vh;
}
- .ar-lt-1\.1\:ml-\[5vw\] {
+ .ar-lt-0\.8\:ml-\[5vw\] {
margin-left: 5vw;
}
- .ar-lt-1\.1\:hidden {
+ .ar-lt-0\.8\:hidden {
display: none;
}
}
-@media (min-aspect-ratio: 0.6/1) {
- .ar-gt-0\.6\:flex-3\/5 {
- flex: 60%;
- }
-
- .ar-gt-0\.6\:flex-2\/5 {
- flex: 40%;
- }
-}
-
-@media (max-aspect-ratio: 0.6/1) {
- .ar-lt-0\.6\:flex-col {
- flex-direction: column;
- }
-}
-
@media (max-aspect-ratio: 0.4/1) {
.ar-lt-0\.4\:w-\[100vw\] {
width: 100vw;
@@ -645,15 +542,7 @@ body[data-theme~="ram"] .leaflet-tile {
}
}
-.home-page-heart {
- position: absolute;
- color: var(--color-pink-700);
- user-select: none;
- pointer-events: none;
- font-family: serif;
-}
-
-.night-star {
+.star {
color: var(--color-yellow-100);
animation-name: blink;
animation-duration: 5s;
@@ -662,13 +551,6 @@ body[data-theme~="ram"] .leaflet-tile {
-webkit-user-select: none;
}
-.ram-frame {
- width: 20vmin;
- height: 20vmin;
- user-select: none;
- -webkit-user-select: none;
-}
-
@keyframes blink {
0% {
opacity: 1;
generated by cgitext v1.3.1+17 (git 2.54.0) at 2026-09-08 14:27:48 +0000