summaryrefslogtreecommitdiff
path: root/static
diff refs
from: back
to: back
| flip
diff options
context:
space:
mode:
Diffstat (limited to 'static')
-rw-r--r--static/input.css78
-rw-r--r--static/output.css103
2 files changed, 133 insertions, 48 deletions
diff --git a/static/input.css b/static/input.css
index dfa9219..3ab5028 100644
--- a/static/input.css
+++ b/static/input.css
@@ -27,7 +27,7 @@
--secondary-color: var(--main-light-color);
--interlocked-hexagons-background: url('https://f003.backblazeb2.com/file/sayana-static/themes/olive/interlocked-hexagons.svg');
--interlocked-hexagons-background-repeat: repeat;
- --interlocked-hexagons-background-size: 10vw;
+ --interlocked-hexagons-background-size: 10vh;
--squares-and-triangles-background: url('https://f003.backblazeb2.com/file/sayana-static/themes/olive/squares-and-triangles.svg');
--squares-and-triangles-background-repeat: repeat;
}
@@ -43,7 +43,7 @@
--secondary-color: var(--main-medium-color);
--interlocked-hexagons-background: url('https://f003.backblazeb2.com/file/sayana-static/themes/lettuce/interlocked-hexagons.svg');
--interlocked-hexagons-background-repeat: repeat;
- --interlocked-hexagons-background-size: 10vw;
+ --interlocked-hexagons-background-size: 10vh;
--squares-and-triangles-background: url('https://f003.backblazeb2.com/file/sayana-static/themes/lettuce/squares-and-triangles.svg');
--squares-and-triangles-background-repeat: repeat;
}
@@ -124,13 +124,21 @@
background-size: 10vw;
}
+body:has(.lg-container:not([class~="lg-inline"])) .desktop-sidebar-custom {
+ display: none !important;
+}
+
.mobile-topbar-custom {
width: 90vw;
- height: 10vh;
- background-size: 20vh;
+ height: 8%;
+ background-size: 16vh;
margin-left: 5vw;
}
+body:has(.lg-container:not([class~="lg-inline"])) .mobile-topbar-custom {
+ display: none !important;
+}
+
.logo-custom {
width: 3.5vw;
height: 20vw;
@@ -227,14 +235,34 @@
width: 90vw;
}
-.h-vh90 {
- height: 90vh;
+.w-p60 {
+ width: 60%;
}
.w-p80 {
width: 80%;
}
+.w-p100 {
+ width: 100%;
+}
+
+.w-vmax4 {
+ width: 4vmax;
+}
+
+.h-vh40 {
+ height: 40vh;
+}
+
+.h-vh90 {
+ height: 90vh;
+}
+
+.h-vmax4 {
+ height: 4vmax;
+}
+
.mt-vmin0-8 {
margin-top: 0.8vmin;
}
@@ -280,6 +308,10 @@
padding-right: 1.2vmin;
}
+.p-vmin0-8 {
+ padding: 0.8vmin;
+}
+
.p-vmin2-4 {
padding: 2.4vmin;
}
@@ -290,10 +322,18 @@
.lg-backdrop {
background-color: var(--background-light-color);
+ opacity: 0.8 !important;
+}
+
+.lg-container:not([class~="lg-inline"]) .lg-outer {
+ width: 90%;
+ height: 90%;
+ margin: 5vh 5vw;
}
.lg-thumb-outer {
background-color: var(--background-light-color) !important;
+ opacity: 0.8 !important;
}
.lg-prev {
@@ -314,6 +354,19 @@
height: 1vmax;
}
+.lg-container:not([class~="lg-inline"]) .lg-counter {
+ font-size: 2vmax;
+ height: 2vmax;
+}
+
+.lg-content {
+ top: 3vmax !important;
+}
+
+.lg-container:not([class~="lg-inline"]) .lg-content {
+ top: 4vmax !important;
+}
+
.lg-toolbar .lg-icon {
padding: 0 0.7vmax;
font-size: 1.5vmax !important;
@@ -322,6 +375,11 @@
color: var(--main-dark-color);
}
+.lg-container:not([class~="lg-inline"]) .lg-toolbar .lg-icon {
+ font-size: 3vmax !important;
+ height: 3vmax;
+}
+
.lg-toolbar .lg-icon:hover {
color: var(--main-medium-color);
}
@@ -407,16 +465,16 @@
}
.nav-icon-custom {
- font-size: 6vh !important;
+ font-size: 5vh !important;
-webkit-text-stroke: 0.1vh var(--sidebar-stroke-color);
- width: 10vh;
- height: 10vh;
+ width: 8vh;
+ height: 8vh;
align-content: center;
text-align: center;
}
.nav-icon-custom:hover {
- font-size: 8vh;
+ font-size: 7vh;
}
.bg-pattern-body {
diff --git a/static/output.css b/static/output.css
index 2ba01ad..1517e8d 100644
--- a/static/output.css
+++ b/static/output.css
@@ -12,8 +12,6 @@
--color-sky-200: oklch(90.1% 0.058 230.902);
--color-sky-300: oklch(82.8% 0.111 230.318);
--spacing: 0.25rem;
- --text-4xl: 2.25rem;
- --text-4xl--line-height: calc(2.5 / 2.25);
--font-weight-medium: 500;
--font-weight-bold: 700;
--font-weight-extrabold: 800;
@@ -183,6 +181,9 @@
.relative {
position: relative;
}
+ .sticky {
+ position: sticky;
+ }
.z-0 {
z-index: 0;
}
@@ -222,9 +223,6 @@
.my-auto {
margin-block: auto;
}
- .mt-2 {
- margin-top: calc(var(--spacing) * 2);
- }
.mt-auto {
margin-top: auto;
}
@@ -234,9 +232,6 @@
.mr-auto {
margin-right: auto;
}
- .mb-4 {
- margin-bottom: calc(var(--spacing) * 4);
- }
.mb-auto {
margin-bottom: auto;
}
@@ -249,11 +244,8 @@
.flex {
display: flex;
}
- .h-4\/12 {
- height: calc(4/12 * 100%);
- }
- .h-16 {
- height: calc(var(--spacing) * 16);
+ .h-\[92vh\] {
+ height: 92vh;
}
.h-auto {
height: auto;
@@ -261,17 +253,8 @@
.h-screen {
height: 100vh;
}
- .min-h-16 {
- min-height: calc(var(--spacing) * 16);
- }
- .w-6\/12 {
- width: calc(6/12 * 100%);
- }
- .w-10\/12 {
- width: calc(10/12 * 100%);
- }
- .w-16 {
- width: calc(var(--spacing) * 16);
+ .max-h-\[80\%\] {
+ max-height: 80%;
}
.max-w-full {
max-width: 100%;
@@ -285,6 +268,9 @@
.flex-5 {
flex: 5;
}
+ .flex-none {
+ flex: none;
+ }
.flex-grow {
flex-grow: 1;
}
@@ -394,10 +380,6 @@
.font-spectral {
font-family: var(--font-spectral);
}
- .text-4xl {
- font-size: var(--text-4xl);
- line-height: var(--tw-leading, var(--text-4xl--line-height));
- }
.font-bold {
--tw-font-weight: var(--font-weight-bold);
font-weight: var(--font-weight-bold);
@@ -455,7 +437,7 @@
--secondary-color: var(--main-light-color);
--interlocked-hexagons-background: url('https://f003.backblazeb2.com/file/sayana-static/themes/olive/interlocked-hexagons.svg');
--interlocked-hexagons-background-repeat: repeat;
- --interlocked-hexagons-background-size: 10vw;
+ --interlocked-hexagons-background-size: 10vh;
--squares-and-triangles-background: url('https://f003.backblazeb2.com/file/sayana-static/themes/olive/squares-and-triangles.svg');
--squares-and-triangles-background-repeat: repeat;
}
@@ -470,7 +452,7 @@
--secondary-color: var(--main-medium-color);
--interlocked-hexagons-background: url('https://f003.backblazeb2.com/file/sayana-static/themes/lettuce/interlocked-hexagons.svg');
--interlocked-hexagons-background-repeat: repeat;
- --interlocked-hexagons-background-size: 10vw;
+ --interlocked-hexagons-background-size: 10vh;
--squares-and-triangles-background: url('https://f003.backblazeb2.com/file/sayana-static/themes/lettuce/squares-and-triangles.svg');
--squares-and-triangles-background-repeat: repeat;
}
@@ -535,12 +517,18 @@
width: 5vw;
background-size: 10vw;
}
+body:has(.lg-container:not([class~="lg-inline"])) .desktop-sidebar-custom {
+ display: none !important;
+}
.mobile-topbar-custom {
width: 90vw;
- height: 10vh;
- background-size: 20vh;
+ height: 8%;
+ background-size: 16vh;
margin-left: 5vw;
}
+body:has(.lg-container:not([class~="lg-inline"])) .mobile-topbar-custom {
+ display: none !important;
+}
.logo-custom {
width: 3.5vw;
height: 20vw;
@@ -614,12 +602,27 @@
.w-vw90 {
width: 90vw;
}
-.h-vh90 {
- height: 90vh;
+.w-p60 {
+ width: 60%;
}
.w-p80 {
width: 80%;
}
+.w-p100 {
+ width: 100%;
+}
+.w-vmax4 {
+ width: 4vmax;
+}
+.h-vh40 {
+ height: 40vh;
+}
+.h-vh90 {
+ height: 90vh;
+}
+.h-vmax4 {
+ height: 4vmax;
+}
.mt-vmin0-8 {
margin-top: 0.8vmin;
}
@@ -654,6 +657,9 @@
.pr-vmin1-2 {
padding-right: 1.2vmin;
}
+.p-vmin0-8 {
+ padding: 0.8vmin;
+}
.p-vmin2-4 {
padding: 2.4vmin;
}
@@ -662,9 +668,16 @@
}
.lg-backdrop {
background-color: var(--background-light-color);
+ opacity: 0.8 !important;
+}
+.lg-container:not([class~="lg-inline"]) .lg-outer {
+ width: 90%;
+ height: 90%;
+ margin: 5vh 5vw;
}
.lg-thumb-outer {
background-color: var(--background-light-color) !important;
+ opacity: 0.8 !important;
}
.lg-prev {
background-color: var(--background-light-color);
@@ -681,6 +694,16 @@
padding-top: 0;
height: 1vmax;
}
+.lg-container:not([class~="lg-inline"]) .lg-counter {
+ font-size: 2vmax;
+ height: 2vmax;
+}
+.lg-content {
+ top: 3vmax !important;
+}
+.lg-container:not([class~="lg-inline"]) .lg-content {
+ top: 4vmax !important;
+}
.lg-toolbar .lg-icon {
padding: 0 0.7vmax;
font-size: 1.5vmax !important;
@@ -688,6 +711,10 @@
width: auto;
color: var(--main-dark-color);
}
+.lg-container:not([class~="lg-inline"]) .lg-toolbar .lg-icon {
+ font-size: 3vmax !important;
+ height: 3vmax;
+}
.lg-toolbar .lg-icon:hover {
color: var(--main-medium-color);
}
@@ -754,15 +781,15 @@
display: none;
}
.nav-icon-custom {
- font-size: 6vh !important;
+ font-size: 5vh !important;
-webkit-text-stroke: 0.1vh var(--sidebar-stroke-color);
- width: 10vh;
- height: 10vh;
+ width: 8vh;
+ height: 8vh;
align-content: center;
text-align: center;
}
.nav-icon-custom:hover {
- font-size: 8vh;
+ font-size: 7vh;
}
.bg-pattern-body {
background-size: 10vh;
generated by cgitext v1.3.1+17 (git 2.54.0) at 2026-09-14 17:33:19 +0000