From d2756f3d6d5fd0df37d923c4b943708a97b98f18 Mon Sep 17 00:00:00 2001 From: Jaszmine DeFranco Date: Fri, 10 Nov 2023 02:30:33 -0600 Subject: [PATCH 1/3] Update wehack.css --- wehack.css | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/wehack.css b/wehack.css index edbe025..a7d5855 100644 --- a/wehack.css +++ b/wehack.css @@ -196,7 +196,8 @@ input[type=checkbox] { .menu li:hover { display: inline-block; - background-color: fff2ce; + /* background-color: fff2ce; */ + background-color: #FFFFFF; transition: 0.3s ease; } From 7cd10c26ce297df904d1320246fb47cecfcb7c97 Mon Sep 17 00:00:00 2001 From: Jaszmine DeFranco Date: Mon, 13 Nov 2023 13:48:56 -0600 Subject: [PATCH 2/3] test --- wehack.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/wehack.css b/wehack.css index 890428e..77045f8 100644 --- a/wehack.css +++ b/wehack.css @@ -198,7 +198,7 @@ input[type=checkbox] { .menu li:hover { display: inline-block; /* background-color: fff2ce; */ - background-color: #FFFFFF; + background-color: #000000; transition: 0.3s ease; } From 70fd3167e107114d253f97f17e1b7c0f408c470e Mon Sep 17 00:00:00 2001 From: Jaszmine DeFranco Date: Mon, 13 Nov 2023 14:56:24 -0600 Subject: [PATCH 3/3] - Navbar no longer fixed - Navbar underneath line animation - Fixed spacing between nabber menu items --- wehack.css | 53 +++++++++++++++++++++++++++++++++++++++++++++-------- 1 file changed, 45 insertions(+), 8 deletions(-) diff --git a/wehack.css b/wehack.css index 77045f8..eb60fe2 100644 --- a/wehack.css +++ b/wehack.css @@ -129,19 +129,58 @@ body { left: 0; } +.navmenu > ul +{ + margin: 0px; + padding: 0px; +} + +.navmenu > ul li +{ + display: inline-block; +} + +.navmenu > ul li a +{ + text-decoration: none; + color: #d24a32; + width: 120px; + display: inline-block; + text-shadow: 2px 2px 2px #fff2ce; + padding: 20px 0; + font-weight: bold; + position: relative; +} + +.navmenu > ul li a::before { +background: #fff2ce none repeat scroll 0 0; +bottom: -2px; +content: ""; +height: 3px; +left: 0; +position: absolute; +width: 0%; +transition: 0.5s; +} + +.navmenu > ul li a:hover::before +{ + width: 100%; +} + .menu { display: flex; - gap: 1em; + gap: 2em; font-size: 18px; } - -.menu li:hover { +/* can uncomment if background hover is prefferred */ +/* .menu li:hover { background-color: #fff2ce; border-radius: 5px; transition: 0.3s ease; -} +} */ .menu li { list-style: none; @@ -150,14 +189,13 @@ body { .menu li a { color: #d24a32; text-shadow: 2px 2px 2px #fff2ce; - text-align: left; + text-align: center; padding: 0.5vh 5vw; text-decoration: none; font-size: 20px; font-weight: bold; float: center; display: block; - } input[type=checkbox] { @@ -197,8 +235,7 @@ input[type=checkbox] { .menu li:hover { display: inline-block; - /* background-color: fff2ce; */ - background-color: #000000; + background-color: fff2ce; transition: 0.3s ease; }