Prześlij pliki do 'static/ css'

This commit is contained in:
Sławomir Łopata 2023-02-01 20:06:24 +01:00
parent 8440f2057c
commit dce7183f51
5 changed files with 239 additions and 0 deletions

28
static/ css/home.css Normal file
View File

@ -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;
}

67
static/ css/koszyk.css Normal file
View File

@ -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;
}

View File

@ -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;
}

8
static/ css/remove.css Normal file
View File

@ -0,0 +1,8 @@
table {
border-width: 10px;
}
#itemImage {
height: 100px;
width: 80px;
}

102
static/ css/topStyle.css Normal file
View File

@ -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;
}