Prześlij pliki do 'static/ css'
This commit is contained in:
parent
8440f2057c
commit
dce7183f51
28
static/ css/home.css
Normal file
28
static/ css/home.css
Normal 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
67
static/ css/koszyk.css
Normal 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;
|
||||||
|
}
|
||||||
|
|
34
static/ css/productDescription.css
Normal file
34
static/ css/productDescription.css
Normal 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
8
static/ css/remove.css
Normal file
@ -0,0 +1,8 @@
|
|||||||
|
table {
|
||||||
|
border-width: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#itemImage {
|
||||||
|
height: 100px;
|
||||||
|
width: 80px;
|
||||||
|
}
|
102
static/ css/topStyle.css
Normal file
102
static/ css/topStyle.css
Normal 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;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue
Block a user