From cda2cbbf2a9a04b971046b22045d51aeaa2f80eb Mon Sep 17 00:00:00 2001
From: ch0ccyra1n <ch0ccyra1n@riseup.net>
Date: Mon, 17 Apr 2023 15:09:18 -0700
Subject: [PATCH] add cool navbar background
---
static/css/style.css | 12 +++++++-----
1 file changed, 7 insertions(+), 5 deletions(-)
diff --git a/static/css/style.css b/static/css/style.css
index fe18fb6..8e84bfd 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -102,10 +102,6 @@ footer {
}
/* For header.html */
-#nav {
- background-color: #A51D2D;
-}
-
#nav-list {
height: 100%;
margin: 0;
@@ -114,7 +110,6 @@ footer {
overflow: auto;
width: 25%;
list-style-type: none;
- background-color: #A51D2D;
}
.nav-button {
@@ -138,6 +133,10 @@ li:first-child {
footer {
padding-left: 25%;
}
+ #nav-list {
+ background: linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,0.7)), url("/images/bgs/nav-bg.png");
+ background-size: 100% 100%;
+ }
}
/* For super wide screens */
@@ -162,6 +161,8 @@ li:first-child {
position: relative;
display: flex;
flex-direction: column;
+ background: linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,0.7)), url("/images/bgs/nav-bg.png");
+ background-size: 100% 100%;
}
.nav-li {
width: 100%;
@@ -178,6 +179,7 @@ li:first-child {
align-self: flex-end;
display: flex;
cursor: pointer;
+ background: linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,0.7)), url("/images/bgs/nav-bg.png");
}
}