diff --git a/views/pages/product.ejs b/views/pages/product.ejs index 61b6515..6bbc553 100644 --- a/views/pages/product.ejs +++ b/views/pages/product.ejs @@ -1,269 +1,10 @@ -<<<<<<< HEAD <%- include('../layouts/header.ejs', {title: 'Product', state: 'product'}); %> <%- include('../layouts/navbar.ejs', {types: 'v3', title: 'Product'}); %> -======= - .comp-color { - background-color: #212226; - } - - .nav-radius { - border-bottom-left-radius: 20px; - border-bottom-right-radius: 20px; - } - - .product { - font-family: 'Poppins', sans-serif; - display: flex; - justify-content: left; - text-align: left; - word-break: normal; - } - - .description { - color: #ffffff; - font-family: 'Poppins', sans-serif; - margin-top: 20px; - margin-left: 48px; - justify-content: center; - text-align: left; - } - - .button { - background-color: #c2f706; - border: none; - color: black; - padding: 10px 20px; - text-align: center; - text-decoration: none; - display: inline-block; - margin: 4px 2px; - margin-left: 20px; - cursor: pointer; - border-radius: 16px; - } - - .button-bag { - color: white; - background-color: darkred; - border-color: darkred; - border-radius: 100px; - } - - .button-bag:hover { - background-color: red; - border-color: red; - } - - .button-checkout_1 { - color: white; - background-color: darkred; - border-color: darkred; - border-radius: 100px; - } - - .button-checkout_2 { - color: white; - background-color: green; - border-color: green; - border-radius: 100px; - } - - .button-checkout_1:hover { - background-color: red; - border-color: red; - } - - .button-checkout_2:hover { - background-color: #0af211; - border-color: #0af211; - } - - .modall { - display: flex; - } - - .modal { - display: none; - position: fixed; - z-index: 1; - padding-top: 100px; - left: 0; - top: 0; - width: 100%; - height: 100%; - overflow: auto; - background-color: rgb(0, 0, 0); - background-color: rgba(0, 0, 0, 0.4); - } - - .modal-content { - background-color: #fefefe; - margin: auto; - padding: 20px; - border: 1px solid #888; - width: 80%; - } - - .close { - color: #aaaaaa; - float: right; - font-size: 28px; - font-weight: bold; - margin-left: 98%; - } - - .close:hover, - .close:focus { - color: #ffffff; - text-decoration: none; - cursor: pointer; - } - - .card { - background-color: #212226; - font-family: 'Poppins', sans-serif; - display: flex; - margin-left: 48px; - margin-right: 48px; - justify-content: left; - text-align: left; - border-radius: 10px; - margin-top: 20px; - } - - .sizeSepatu { - margin-left: 20px; - } - - .konten { - display: flex; - padding-top: 10px; - } - - .navbar-brand { - width: 5%; - } - - @media screen and (max-width: 500px) { - .navbar-brand { - width: 15vw; - height: 15vw; - } - } - - @media only screen and (max-width: 1000px) { - .product { - display: grid; - } - - .description { - margin-left: 0px; - word-break: normal; - } - } - - @media (max-width: 900px) { - .konten { - display: grid; - } - - .bodymodal { - border-top: 1px solid black; - border-left: none !important; - } - } - - @media (max-width: 601px) { - .konten { - display: grid; - } - - .titledes { - font-size: 25px; - } - - .card-body { - font-size: 12px; - } - } - - - @media (max-width: 361px) { - .konten { - display: grid; - } - - .titledes { - font-size: 20px; - } - - .card-body { - font-size: 10px; - } - } - - @media (max-width: 321px) { - .konten { - display: grid; - } - - .titledes { - font-size: 17px; - } - - .card-body { - font-size: 8px; - } - } - - @media (max-width: 376px) { - .konten { - display: grid; - } - - .titledes { - font-size: 22px; - } - - .card-body { - font-size: 11px; - } - } - - @media (max-width: 511px) { - .titlemodal { - font-size: 15px; - } - - .modall { - font-size: 10px; - } - - .titlee { - font-size: 17px; - } - } - - :focus { - outline: 0 !important; - box-shadow: 0 0 0 0 rgba(0, 0, 0, 0) !important; - } - .none{ - text-decoration: none !important; - color: white; - } - - - - - - <%- include('../layouts/navbar.ejs', {types: 'v1', state: 'product-list'}); %> ->>>>>>> b290a94b42343230384ada3e0d78163842a26420
@@ -315,4 +56,4 @@ - \ No newline at end of file +