From a015cf02b35280fc7ed17f7c5b7141dd2d3a1f2d Mon Sep 17 00:00:00 2001 From: Michael Drury <mpdrury15@gmail.com> Date: Thu, 27 Apr 2023 15:45:51 +0100 Subject: [PATCH] attemped to change image on hover and cleaned up --- instance/app.db | Bin 20480 -> 20480 bytes shop/static/styles.css | 30 +++++++++++++++++------------- shop/templates/layout.html | 2 +- 3 files changed, 18 insertions(+), 14 deletions(-) diff --git a/instance/app.db b/instance/app.db index cc81819de219c5fe059ad95c3217ac0c331696e2..b922c6bc4ed10308bbd1c45d1e7b21323037a91f 100644 GIT binary patch delta 63 zcmZozz}T>Wae_3X_Cy(HM(vFWEBRSx@{96L*es~f#5;L{Y!&0A$=q^%oK=kM4APB} UqJonJ<<ci}%X4iOmVavi08|eW00000 delta 60 zcmZozz}T>Wae_3X)<hX+My-trEBRSx^NaFM*es~f#5;L{Y!%~_$=q^%T#<qmjO+~3 Rjgf+r7s?fF7L|W(001Xc5-I=y diff --git a/shop/static/styles.css b/shop/static/styles.css index 3abfb26..7ff5983 100644 --- a/shop/static/styles.css +++ b/shop/static/styles.css @@ -120,14 +120,14 @@ a:link { } .navbar { - list-style-type: none; - padding: 0; - overflow: hidden; - background-color: #505050; - position: sticky; - top: 0px; - margin: 0px; - z-index: 1; + list-style-type: none; + padding: 0; + overflow: hidden; + background-color: #F3F3F3; + position: sticky; + top: 0px; + margin: 0px; + z-index: 1; } .navbar_box { @@ -169,13 +169,13 @@ li { } .navbar_item:hover { - color: #8F3232; + color: #BD8730; font-weight: 550; } .navbar_item { display: block; - color: white; + color: grey; font-size: 200%; text-align: center; padding: 18px 16px; @@ -432,7 +432,7 @@ li { } .start_shopping_text:hover { - color: #8F3232; + color: #BD8730; } .slogan { @@ -482,6 +482,10 @@ li { .header { background-color: #202020; - text-align: center; margin:0px; -} \ No newline at end of file + text-align: center; +} + +.header_img { + height: 80px; +} diff --git a/shop/templates/layout.html b/shop/templates/layout.html index a194a1c..2df4f9f 100644 --- a/shop/templates/layout.html +++ b/shop/templates/layout.html @@ -30,7 +30,7 @@ <div id="page-container"> <div class = "header"> - <img style = "height:80px" src = "{{ url_for('static', filename='images/dark_logo.png') }}" alt="logo image"/> + <img class = "header_img" src = "{{ url_for('static', filename='images/dark_logo.png') }}" alt="logo image"/> </div> <ul class = "navbar"> -- GitLab