From 663a63b505f5d09c7be1cf98444bd12fad4ce89d Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?S=C5=82awomir=20=C5=81opata?= Date: Sat, 4 Feb 2023 04:10:23 +0100 Subject: [PATCH] =?UTF-8?q?Prze=C5=9Blij=20pliki=20do=20'static/=20css'?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- static/ css/topStyle.css | 93 +++++++++++++++++++++++++++------------- 1 file changed, 64 insertions(+), 29 deletions(-) diff --git a/static/ css/topStyle.css b/static/ css/topStyle.css index 387315b..6fa4703 100644 --- a/static/ css/topStyle.css +++ b/static/ css/topStyle.css @@ -11,31 +11,62 @@ body { float: left; } +#mężczyzna { + height: 40px; + width: 50px; + margin-left: 20px; + margin-top: 10px; + margin-bottom: 10px; + margin-right: 20px; + float: left; +} + +#kobieta { + height: 40px; + width: 50px; + margin-left: 20px; + margin-top: 10px; + margin-bottom: 10px; + margin-right: 20px; + float: left; +} + +#akcesoria { + height: 40px; + width: 50px; + margin-left: 20px; + margin-top: 10px; + margin-bottom: 10px; + margin-right: 20px; + float: left; +} + +#biżuteria { + height: 40px; + width: 50px; + margin-left: 20px; + margin-top: 10px; + margin-bottom: 10px; + margin-right: 20px; + float: left; +} + +#buty { + height: 40px; + width: 50px; + margin-left: 20px; + margin-top: 10px; + margin-bottom: 10px; + margin-right: 20px; + float: left; +} + #title { background-color: rgb(67, 173, 6); display: inline-block; width: 100%; } -#searchBox { - height: 20px; - width: 800px; - margin-left: 20px; - margin-top: 20px; - margin-bottom: 20px; - margin-right: 20px; - float: left; - font-size: 1.5em; -} - -#searchButton { - height: 25px; - margin-top: 20px; - margin-bottom: 20px; - margin-right: 20px; - float: left; -} - .dropbtn { background-color: rgb(67, 173, 6); color: white; @@ -47,7 +78,7 @@ body { .dropdown { position: relative; - float: left; + float: right; } .dropdown-content { @@ -76,27 +107,31 @@ body { background-color: rgb(49, 240, 1); } -#signInButton { - color: yellow; - margin-top: 20px; - margin-bottom: 20px; - margin-left: 20px; - margin-right: 20px; - float: left; -} #kart { color: white; margin-top: 20px; margin-bottom: 20px; margin-left: 20px; margin-right: 20px; - float: left; + float: right; } #cartIcon { height: 30px; width: 30px; + float: right; +} + +#signInButton { + color: yellow; + margin-top: 50px; + margin-bottom: 20px; + margin-left: 20px; + margin-right: 5px; + float: right; + } +