From dce7183f51e69141d02d989f1e68e832744cf1ea Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?S=C5=82awomir=20=C5=81opata?= <slalop@st.amu.edu.pl>
Date: Wed, 1 Feb 2023 20:06:24 +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/home.css               |  28 ++++++++
 static/ css/koszyk.css             |  67 +++++++++++++++++++
 static/ css/productDescription.css |  34 ++++++++++
 static/ css/remove.css             |   8 +++
 static/ css/topStyle.css           | 102 +++++++++++++++++++++++++++++
 5 files changed, 239 insertions(+)
 create mode 100644 static/ css/home.css
 create mode 100644 static/ css/koszyk.css
 create mode 100644 static/ css/productDescription.css
 create mode 100644 static/ css/remove.css
 create mode 100644 static/ css/topStyle.css

diff --git a/static/ css/home.css b/static/ css/home.css
new file mode 100644
index 0000000..7410670
--- /dev/null
+++ b/static/ css/home.css	
@@ -0,0 +1,28 @@
+#itemImage {
+	height: 200px;
+	width: 150px;
+}
+
+.display {
+	margin-top: 20px;
+	margin-left: 20px;
+	margin-right: 20px;
+	margin-bottom: 20px;
+}
+
+table {
+	border-spacing: 20px;
+}
+
+#productName {
+	text-align: center;
+	font-weight: bold;
+}
+
+#productPrice {
+	text-align: center;
+}
+
+.displayCategory ul li {
+	font-size: 20px;
+}
diff --git a/static/ css/koszyk.css b/static/ css/koszyk.css
new file mode 100644
index 0000000..21ba509
--- /dev/null
+++ b/static/ css/koszyk.css	
@@ -0,0 +1,67 @@
+#tableItems {
+	margin-left: 20px;
+	margin-right: 20px;
+	margin-top: 20px;
+	margin-bottom: 20px;
+}
+
+#itemImage {
+	margin-left: 5px;
+	margin-right: 5px;
+	margin-top: 5px;
+	margin-bottom: 5px;
+	height: 100px;
+	float: left;
+}
+
+#itemName {
+	margin-left: 5px;
+	margin-right: 5px;
+	margin-top: 5px;
+	margin-bottom: 5px;
+	height: 100px;
+	width: 200px;
+	float: left;
+}
+
+#titleName {
+	width: 200px;
+	float: left;
+}
+
+#titlePrice {
+	float: left;
+}
+
+#itemPrice {
+	margin-left: 5px;
+	margin-right: 5px;
+	margin-top: 5px;
+	margin-bottom: 5px;
+	height: 100px;
+	display: inline-block;
+}
+
+#image {
+	height: 100px;
+	width: 80px;
+}
+
+#seperator {
+	margin: 0px;
+	max-width: 400px;
+}
+
+#total {
+	padding-left: 280px;
+}
+
+#itemNameTag {
+	font-weight: bold;
+}
+
+#subtotal {
+	font-weight: bold;
+	font-size: 20px;
+}
+
diff --git a/static/ css/productDescription.css b/static/ css/productDescription.css
new file mode 100644
index 0000000..ae0ba6a
--- /dev/null
+++ b/static/ css/productDescription.css	
@@ -0,0 +1,34 @@
+#display {
+	margin-top: 20px;
+	margin-left: 20px;
+	margin-right: 20px;
+	margin-bottom: 20px;
+}
+
+#productImage {
+	height: 250px;
+	width: 200px;
+	margin-left: 20px;
+	margin-right: 20px;
+	margin-top: 20px;
+	margin-bottom: 20px;
+	display: inline-block;
+	float: left;
+}
+
+#productDescription {
+	margin-left: 20px;
+	margin-right: 20px;
+	margin-top: 20px;
+	margin-bottom: 20px;
+	display: inline-block;
+	font-size: 19px;
+}
+
+#descriptionTable td {
+	width: 150px;
+}
+
+#addToCart {
+	font-size: 20px;
+}
diff --git a/static/ css/remove.css b/static/ css/remove.css
new file mode 100644
index 0000000..51baa4c
--- /dev/null
+++ b/static/ css/remove.css	
@@ -0,0 +1,8 @@
+table {
+	border-width: 10px;
+}
+
+#itemImage {
+	height: 100px;
+	width: 80px;
+}
diff --git a/static/ css/topStyle.css b/static/ css/topStyle.css
new file mode 100644
index 0000000..387315b
--- /dev/null
+++ b/static/ css/topStyle.css	
@@ -0,0 +1,102 @@
+body {
+	background-color: rgba(255, 247, 137, 0.781);
+}
+#logo {
+	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;
+	padding: 16px;
+	font-size: 15px;
+	border: none;
+	cursor: pointer;
+}
+
+.dropdown {
+	position: relative;
+	float: left;
+}
+
+.dropdown-content  {
+	display: none;
+	position: absolute;
+	background-color: #108516;
+	min-width: 160px;
+	box-shadow: 0px 8px 16px 0px rgba(16, 87, 4, 0.2);
+}
+
+.dropdown-content a {
+	font-size: 14px;
+	color: black;
+	padding: 12px 16px;
+	text-decoration: none;
+	display: block;
+}
+
+.dropdown-content a:hover {background-color: #f1f1f1}
+
+.dropdown:hover .dropdown-content {
+	display: block;
+}
+
+.dropdown:hover .dropbtn {
+	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;
+}
+
+#cartIcon {
+	height: 30px;
+	width: 30px;
+}
+
+
+