Changes 3
diff --git a/erpnext/public/css/website.css b/erpnext/public/css/website.css
index 77ce04b..a36a5db 100644
--- a/erpnext/public/css/website.css
+++ b/erpnext/public/css/website.css
@@ -10,9 +10,13 @@
text-align: center;
}
.product-image-wrapper {
- max-width: 300px;
- margin: auto;
+ max-width: 600px;
+ width: 187px;
+ margin: 31.5px;
border-radius: 4px;
+ border: 1px solid #EBEFF2;
+ padding-left: 0px;
+ padding-right: 0px;
}
@media (max-width: 767px) {
.product-image {
@@ -28,8 +32,7 @@
background-size: cover;
background-repeat: no-repeat;
background-position: center top;
- border-radius: 0.5em;
- border: 1px solid #EBEFF2;
+ border-bottom: 1px dashed #EBEFF2;
}
.product-image.missing-image {
width: 100%;
@@ -38,10 +41,8 @@
background-size: cover;
background-repeat: no-repeat;
background-position: center top;
- border-radius: 0.5em;
- border: 1px solid #EBEFF2;
- border: 1px dashed #d1d8dd;
position: relative;
+ border-bottom: 1px dashed #EBEFF2;
}
.product-image.missing-image .octicon {
font-size: 32px;
@@ -50,9 +51,24 @@
.product-text {
padding: 15px 0px;
}
+.product-label {
+ padding-bottom: 4px;
+ text-transform: uppercase;
+ font-size: 12px;
+}
@media (max-width: 767px) {
.product-search {
width: 100%;
margin-bottom: 13px;
}
}
+.borderless td,
+.borderless th {
+ border-bottom: 1px solid #EBEFF2;
+ padding-left: 0px !important;
+ line-height: 1.8em !important;
+}
+.item-desc {
+ border-top: 2px solid #EBEFF2;
+ padding-top: 10px;
+}
diff --git a/erpnext/public/js/shopping_cart.js b/erpnext/public/js/shopping_cart.js
index 666e104..a3f7d3f 100644
--- a/erpnext/public/js/shopping_cart.js
+++ b/erpnext/public/js/shopping_cart.js
@@ -45,10 +45,10 @@
if($(".cart-icon").length == 0) {
$('<div class="cart-icon small" style="float:right;padding:3px;border-radius:10px;\
- border: 1px solid #78D6FF;">\
- <a href="/cart" style="color:#78D6FF; text-decoration: none">\
+ border: 1px solid #7575ff;">\
+ <a href="/cart" style="color:#7575ff; text-decoration: none">\
Cart\
- <span style="color:#78D6FF;" class="badge" id="cart-count">5</span>\
+ <span style="color:#7575ff;" class="badge" id="cart-count">5</span>\
</a></div>').appendTo($('.shopping-cart'))
}
diff --git a/erpnext/public/less/website.less b/erpnext/public/less/website.less
index 96dd096..ffc338a 100644
--- a/erpnext/public/less/website.less
+++ b/erpnext/public/less/website.less
@@ -15,9 +15,13 @@
}
.product-image-wrapper {
- max-width: 300px;
- margin: auto;
+ max-width: 600px;
+ width: 187px;
+ margin: 31.5px;
border-radius: 4px;
+ border: 1px solid @light-border-color;
+ padding-left: 0px;
+ padding-right: 0px;
}
@media (max-width: 767px) {
@@ -35,14 +39,13 @@
background-size: cover;
background-repeat: no-repeat;
background-position: center top;
- border-radius: 0.5em;
- border: 1px solid @light-border-color;
+ border-bottom: 1px dashed @light-border-color;
}
.product-image.missing-image {
.product-image-square;
- border: 1px dashed @border-color;
position: relative;
+ border-bottom: 1px dashed @light-border-color;
}
.product-image.missing-image .octicon {
@@ -54,9 +57,26 @@
padding: 15px 0px;
}
+.product-label{
+ padding-bottom: 4px;
+ text-transform: uppercase;
+ font-size: 12px;
+}
+
@media (max-width: 767px) {
.product-search {
width: 100%;
margin-bottom: 13px;
}
}
+
+.borderless td, .borderless th {
+ border-bottom: 1px solid @light-border-color;
+ padding-left:0px !important;
+ line-height: 1.8em !important;
+}
+
+.item-desc {
+ border-top: 2px solid @light-border-color;
+ padding-top:10px;
+}