2 files changed, 86 insertions, 5 deletions

diff --git a/static/favicon.ico b/static/favicon.ico
new file mode 100644
index 0000000..33eb226
--- /dev/null
+++ b/static/favicon.ico
diff --git a/static/input.css b/static/input.css
index 0d6e786..47e7d16 100644
--- a/static/input.css
+++ b/static/input.css
@@ -139,10 +139,18 @@ 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);
 }
@@ -151,6 +159,14 @@ 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);
 }
@@ -167,6 +183,26 @@ 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);
@@ -283,6 +319,20 @@ 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;
@@ -323,14 +373,25 @@ body:has(.lg-container:not([class~="lg-inline"])) #sidebar {
 }
 
 .lg-content {
-    top: 3vmax !important;
+    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;
 }
 
 .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;
@@ -338,11 +399,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);
 }
@@ -362,7 +432,7 @@ body:has(.lg-container:not([class~="lg-inline"])) #sidebar {
 
 .inline-gallery-container {
     width: 80%;
-    height: 60vmin;
+    height: 70vmin;
 }
 
 .light-gallery-captions {
@@ -511,6 +581,10 @@ body[data-theme~="ram"] .leaflet-tile {
         width: 100vw;
     }
 
+    .ar-lt-0\.8\:max-h-\[25\%\] {
+        max-height: 25%;
+    }
+
     .ar-lt-0\.8\:max-h-\[80\%\] {
         max-height: 80%;
     }
@@ -542,7 +616,7 @@ body[data-theme~="ram"] .leaflet-tile {
     }
 }
 
-.star {
+.night-star {
     color: var(--color-yellow-100);
     animation-name: blink;
     animation-duration: 5s;
@@ -551,6 +625,13 @@ 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;