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.css41
1 files changed, 23 insertions, 18 deletions
diff --git a/static/input.css b/static/input.css
index 00ac12f..8c0069b 100644
--- a/static/input.css
+++ b/static/input.css
@@ -1,17 +1,6 @@
@import "tailwindcss";
@theme {
- --color-olive-dark: #4b513a;
- --color-olive-medium: #8a9d8a;
- --color-olive-light: #a5b8a5;
- --color-cream-dark: #ffffdd;
- --color-cream-light: #fffff0;
- --color-lettuce-dark: #384a0c;
- --color-lettuce-medium: #9bb665;
- --color-lettuce-light: #bbd095;
- --color-sunny-dark: #f5eee2;
- --color-sunny-light: #fff93f;
-
--font-spectral: Spectral, serif;
--font-patua: "Patua One", cursive;
}
@@ -109,16 +98,16 @@ a:hover {
color: var(--main-light-color) !important;
}
-#location-map {
+#map-container {
color: var(--leaflet-text-color) !important;
}
-#location-map a {
+#map-container a {
color: var(--leaflet-link-color) !important;
text-decoration: underline;
}
-#location-map a:hover {
+#map-container a:hover {
color: var(--leaflet-link-hover-color) !important;
text-decoration: underline;
}
@@ -334,14 +323,21 @@ body:has(.lg-container:not([class~="lg-inline"])) #sidebar {
}
.lg-content {
- top: 3vmax !important;
+ top: 2.5vmax !important;
+ bottom: calc(10vmin + 5vmax) !important;
+}
+
+.lg-thumb-item {
+ width: 10vmin !important;
+ height: 10vmin !important;
}
.lg-container:not([class~="lg-inline"]) .lg-content {
top: 4vmax !important;
}
-.lg-toolbar .lg-icon {
+.lg-toolbar .lg-icon,
+.lg-content .lg-icon {
padding: 0 0.7vmax;
font-size: 1.5vmax !important;
height: 1.5vmax;
@@ -349,11 +345,20 @@ 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-toolbar .lg-icon,
+.lg-container:not([class~="lg-inline"]) .lg-content .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);
}
@@ -373,7 +378,7 @@ body:has(.lg-container:not([class~="lg-inline"])) #sidebar {
.inline-gallery-container {
width: 80%;
- height: 60vmin;
+ height: 70vmin;
}
.light-gallery-captions {