1 files changed, 106 insertions, 1 deletions
diff --git a/StoneIsland/www/css/products.css b/StoneIsland/www/css/products.css
index 4dace6ea..163c470c 100644
--- a/StoneIsland/www/css/products.css
+++ b/StoneIsland/www/css/products.css
@@ -63,4 +63,109 @@
   padding-bottom: 10px;
   text-align: center;
   width: 100%;
-}
-\ No newline at end of file
+}
+
+.product .content {
+  box-sizing:border-box;
+  width:calc(100vw - 40px);
+  position:relative;
+  margin:0 auto 40px;
+  padding:0;
+}
+
+.product .content h2 {
+  font-size:15px;
+  margin:15px 0 0px;
+
+  max-width:60%;
+  position:relative
+}
+
+#product::before {
+content:'';
+width:100%;
+  background: linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1));
+height:40px;
+z-index:2;
+position:absolute;
+bottom:0px;
+left:0
+}
+
+.product .style {
+padding:4px 9px;
+border:1px solid black;
+float:left
+}
+
+.product .share {
+float:right;
+padding:4px 9px;
+border:1px solid black;
+}
+
+.product .type {
+display:table-cell;
+font-size:12px;
+}
+
+.product .size {
+padding-right:16px;
+position:relative
+}
+
+.product .price {
+display:table-cell;
+font-size:14px;
+text-align:right
+}
+
+.product .price, .product .type {
+font-weight:bold;
+margin:0;
+padding:10px 0;
+}
+
+.type-price {
+display:table;
+position:relative;
+width:100%
+}
+
+.style-share {
+letter-spacing:0.5px;
+}
+
+.size-color {
+position:relative
+}
+
+.type-price, .style-share {
+clear:both;
+position:relative;
+box-sizing:border-box
+}
+
+
+.size-color::after {
+  content: '';
+  display: inline-block;
+  width: 1px;
+  height: calc(100% + 4px);
+  transform: translateY(-2px);
+  position: absolute;
+  top: 0;
+  left: 50%;
+  background: #999;
+}
+
+
+.product .fit {
+clear:both;
+font-size:10px;
+letter-spacing:0.5px;
+text-decoration:underline;
+text-transform:uppercase;
+padding:12px 0 4px;
+}
+