commit 4537b085f2b813cfe9995dd407ab9ce2d5e33b6f
parent 27983a11eeac107c1e73a45f1f2bd7015cf75d06
Author: JayVii <jayvii[AT]posteo[DOT]de>
Date: Tue, 9 Dec 2025 14:13:27 +0100
feat: add shadows to top navigation
Diffstat:
6 files changed, 24 insertions(+), 34 deletions(-)
diff --git a/css/cards.css b/css/cards.css
@@ -16,15 +16,9 @@
margin-bottom: 1em;
}
-/* Style Navigation bars */
-nav {
- background-color: var(--bg-icon-menu) !important;
-}
-nav > div > a,
-nav > div > .right.menu > form > div > input,
-nav > div > span.link,
-nav > div > div.right > a
-{
- color: var(--text-primary) !important;
+/* Add Shadows to top navigation bar */
+nav.top,
+nav.bottom {
+ box-shadow: 3px 3px 10px #00000080;
}
diff --git a/css/cards.min.css b/css/cards.min.css
@@ -1 +1 @@
- section.ui.feed>turbo-frame{border-radius:10px;background-color:var(--bg-icon-menu) !important;margin-top:0.5em !important;margin-bottom:0.5em !important;padding:0.5em !important;box-shadow:3px 3px 10px #00000080;}.ui.secondary.pagination.menu>a{border-radius:5px;background-color:var(--bg-icon-menu) !important;box-shadow:3px 3px 10px #00000080;margin-bottom:1em;}nav{background-color:var(--bg-icon-menu) !important;}nav>div>a,nav>div>.right.menu>form>div>input,nav>div>span.link,nav>div>div.right>a{color:var(--text-primary) !important;}
-\ No newline at end of file
+ section.ui.feed>turbo-frame{border-radius:10px;background-color:var(--bg-icon-menu) !important;margin-top:0.5em !important;margin-bottom:0.5em !important;padding:0.5em !important;box-shadow:3px 3px 10px #00000080;}.ui.secondary.pagination.menu>a{border-radius:5px;background-color:var(--bg-icon-menu) !important;box-shadow:3px 3px 10px #00000080;margin-bottom:1em;}nav.top,nav.bottom{box-shadow:3px 3px 10px #00000080;}
+\ No newline at end of file
diff --git a/css/purpleish.css b/css/purpleish.css
@@ -46,3 +46,16 @@
--bg-icon-menu: #2b2b2b;
}
}
+
+/* Style Navigation bars */
+nav {
+ background-color: var(--bg-icon-menu) !important;
+}
+nav > div > a,
+nav > div > .right.menu > form > div > input,
+nav > div > span.link,
+nav > div > div.right > a
+{
+ color: var(--text-primary) !important;
+}
+
diff --git a/css/purpleish.min.css b/css/purpleish.min.css
@@ -1 +1 @@
-:root{--text-primary:#1d1e26;--text-primary-inverted:#dcdcdc;--text-secondary:#3f426c;--text-muted:#1d1e2699;--bg-primary:#fcfcfc;--bg-hover:#e3e3d9;--bg-transparent:#fcfcfc80;--bg-icon-menu:#f8f8f2;--bg-accent-code:var(--bg-icon-menu);--bg-accent-pre:var(--bg-accent-code);--bg-input:var(--bg-icon-menu);--bg-label:var(--bg-icon-menu);--semantic-primary:#7277cf;--semantic-affirmative:var(--semantic-primary);--semantic-negative:#ff0000;--semantic-dangerous:#ff0000;--semantic-dangerous-hover:#cc0000;--color-blue:var(--semantic-primary);--color-purple:var(--semantic-primary);--color-yellow:var(--semantic-primary);--border-color:var(--text-secondary);--anchor-color:var(--semantic-primary);}@media (prefers-color-scheme:dark){:root{color-scheme:dark;--text-primary:#dcdcdc;--text-primary-inverted:#1d1e26;--text-secondary:#dcdcdc99;--text-muted:#dcdcdc80;--bg-primary:#212121;--bg-hover:#21212120;--bg-transparent:#21212180;--bg-icon-menu:#2b2b2b;}}
-\ No newline at end of file
+:root{--text-primary:#1d1e26;--text-primary-inverted:#dcdcdc;--text-secondary:#3f426c;--text-muted:#1d1e2699;--bg-primary:#fcfcfc;--bg-hover:#e3e3d9;--bg-transparent:#fcfcfc80;--bg-icon-menu:#f8f8f2;--bg-accent-code:var(--bg-icon-menu);--bg-accent-pre:var(--bg-accent-code);--bg-input:var(--bg-icon-menu);--bg-label:var(--bg-icon-menu);--semantic-primary:#7277cf;--semantic-affirmative:var(--semantic-primary);--semantic-negative:#ff0000;--semantic-dangerous:#ff0000;--semantic-dangerous-hover:#cc0000;--color-blue:var(--semantic-primary);--color-purple:var(--semantic-primary);--color-yellow:var(--semantic-primary);--border-color:var(--text-secondary);--anchor-color:var(--semantic-primary);}@media (prefers-color-scheme:dark){:root{color-scheme:dark;--text-primary:#dcdcdc;--text-primary-inverted:#1d1e26;--text-secondary:#dcdcdc99;--text-muted:#dcdcdc80;--bg-primary:#212121;--bg-hover:#21212120;--bg-transparent:#21212180;--bg-icon-menu:#2b2b2b;}}nav{background-color:var(--bg-icon-menu) !important;}nav>div>a,nav>div>.right.menu>form>div>input,nav>div>span.link,nav>div>div.right>a{color:var(--text-primary) !important;}
+\ No newline at end of file
diff --git a/css/simple.css b/css/simple.css
@@ -48,24 +48,6 @@
--semantic-primary:#ffb300;
}
-/* Style Posts and Post Threads as Cards */
- section.ui.feed > turbo-frame {
- border-radius: 10px;
- background-color: var(--bg-icon-menu) !important;
- margin-top: 0.5em !important;
- margin-bottom: 0.5em !important;
- padding: 0.5em !important;
- box-shadow: 3px 3px 10px #00000080;
-}
-
-/* Style Pagination Buttons */
-.ui.secondary.pagination.menu > a {
- border-radius: 5px;
- background-color: var(--bg-icon-menu) !important;
- box-shadow: 3px 3px 10px #00000080;
- margin-bottom: 1em;
-}
-
/* Style Navigation bars */
nav {
background-color: var(--bg-icon-menu) !important;
@@ -77,3 +59,4 @@ nav > div > div.right > a
{
color: var(--text-primary) !important;
}
+
diff --git a/css/simple.min.css b/css/simple.min.css
@@ -1 +1 @@
-:root{--text-primary:#212121;--text-primary-inverted:#dcdcdc;--text-secondary:#585858;--text-muted:#444444;--bg-primary:#ffffff;--bg-hover:#f5f7ff;--bg-transparent:#ffffff80;--bg-icon-menu:#f5f7ff;--bg-accent-code:var(--bg-icon-menu);--bg-accent-pre:var(--bg-accent-code);--bg-input:var(--bg-icon-menu);--bg-label:var(--bg-icon-menu);--semantic-primary:#0d47a1;--semantic-affirmative:#1266e2;--semantic-negative:#d81b60;--semantic-dangerous:#ffdd33;--semantic-dangerous-hover:#ffdd3380;--color-blue:#0d47a1;--color-purple:#d81b60;--color-yellow:#ffdd33;--border-color:#898EA4;--anchor-color:var(--semantic-primary);}@media (prefers-color-scheme:dark){:root{color-scheme:dark;--text-primary:#dcdcdc;--text-primary-inverted:#212121;--text-secondary:#ababab;--text-muted:#cccccc;--bg-primary:#212121;--bg-hover:#2b2b2b;--bg-transparent:#21212180;--bg-icon-menu:#2b2b2b;--semantic-primary:#ffb300;}section.ui.feed>turbo-frame{border-radius:10px;background-color:var(--bg-icon-menu) !important;margin-top:0.5em !important;margin-bottom:0.5em !important;padding:0.5em !important;box-shadow:3px 3px 10px #00000080;}.ui.secondary.pagination.menu>a{border-radius:5px;background-color:var(--bg-icon-menu) !important;box-shadow:3px 3px 10px #00000080;margin-bottom:1em;}nav{background-color:var(--bg-icon-menu) !important;}nav>div>a,nav>div>.right.menu>form>div>input,nav>div>span.link,nav>div>div.right>a{color:var(--text-primary) !important;}
-\ No newline at end of file
+:root{--text-primary:#212121;--text-primary-inverted:#dcdcdc;--text-secondary:#585858;--text-muted:#444444;--bg-primary:#ffffff;--bg-hover:#f5f7ff;--bg-transparent:#ffffff80;--bg-icon-menu:#f5f7ff;--bg-accent-code:var(--bg-icon-menu);--bg-accent-pre:var(--bg-accent-code);--bg-input:var(--bg-icon-menu);--bg-label:var(--bg-icon-menu);--semantic-primary:#0d47a1;--semantic-affirmative:#1266e2;--semantic-negative:#d81b60;--semantic-dangerous:#ffdd33;--semantic-dangerous-hover:#ffdd3380;--color-blue:#0d47a1;--color-purple:#d81b60;--color-yellow:#ffdd33;--border-color:#898EA4;--anchor-color:var(--semantic-primary);}@media (prefers-color-scheme:dark){:root{color-scheme:dark;--text-primary:#dcdcdc;--text-primary-inverted:#212121;--text-secondary:#ababab;--text-muted:#cccccc;--bg-primary:#212121;--bg-hover:#2b2b2b;--bg-transparent:#21212180;--bg-icon-menu:#2b2b2b;--semantic-primary:#ffb300;}nav{background-color:var(--bg-icon-menu) !important;}nav>div>a,nav>div>.right.menu>form>div>input,nav>div>span.link,nav>div>div.right>a{color:var(--text-primary) !important;}
+\ No newline at end of file
