From a0502b1d820b1b3230f8613f4194fa11b1771832 Mon Sep 17 00:00:00 2001
From: James Koster <james@jameskoster.co.uk>
Date: Tue, 13 Sep 2011 13:42:10 +0100
Subject: [PATCH] more % layout stuff and changed email header colour to woo
 blue

---
 assets/css/woocommerce.css        | 49 ++++++++++++++++++++-----------
 assets/css/woocommerce.less       | 28 +++++++++++++-----
 templates/emails/email_header.php |  8 ++---
 3 files changed, 57 insertions(+), 28 deletions(-)

diff --git a/assets/css/woocommerce.css b/assets/css/woocommerce.css
index 1fa503159d3..c3646a6ea8e 100644
--- a/assets/css/woocommerce.css
+++ b/assets/css/woocommerce.css
@@ -97,7 +97,6 @@ div.product p.price del {
 }
 div.product p.stock {
   font-size: 0.92em;
-  float: left;
   padding: 2px 0 0 0;
 }
 div.product div.images {
@@ -208,7 +207,6 @@ div.product .woocommerce_tabs .panel {
 }
 .stock {
   color: green;
-  float: left;
 }
 .out-of-stock {
   color: red;
@@ -263,9 +261,9 @@ span.onsale {
   position: absolute;
   text-align: center;
   line-height: 32px;
-  top: 0;
-  right: 320px;
-  margin: -6px 0 0 0;
+  top: 6px;
+  left: 6px;
+  margin: 0;
   -webkit-border-radius: 20px;
   -moz-border-radius: 20px;
   border-radius: 20px;
@@ -299,64 +297,67 @@ span.onsale {
   width: 100%;
   height: auto;
 }
-.products {
+ul.products {
   clear: both;
+  margin-left: 0;
+  padding-left: 0;
 }
-.products li {
+ul.products li {
   float: left;
   margin: 0 3.8% 20px 0;
   padding: 0;
   position: relative;
   width: 22.05%;
+  margin-left: 0;
 }
-.products li .onsale {
+ul.products li .onsale {
   top: 0;
   right: 0;
   left: auto;
   margin: -6px -6px 0 0;
 }
-.products li a {
+ul.products li a {
   text-decoration: none;
 }
-.products li a img {
+ul.products li a img {
   width: 100%;
   height: auto;
   display: block;
   margin: 0 0 8px;
   border: 1px solid #ddd;
 }
-.products li a:hover img {
+ul.products li a:hover img {
   border: 1px solid #bbb;
 }
-.products li strong {
+ul.products li strong {
   color: #555;
   display: block;
 }
-.products li .price {
+ul.products li .price {
   color: green;
   display: block;
   font-weight: normal;
   float: right;
   text-align: right;
 }
-.products li .price del {
+ul.products li .price del {
   font-size: 10px;
   line-height: 10px;
   margin: -2px 0 0 0;
   display: block;
   color: #ccc;
 }
-.products li .price .from {
+ul.products li .price .from {
   font-size: 10px;
   line-height: 10px;
   margin: -2px 0 0 0;
   display: block;
   color: #ccc;
 }
-.products li.first {
+ul.products li.first {
   clear: both;
 }
-.products li.last {
+ul.products li.last {
   margin-right: 0;
 }
 .woocommerce_ordering {
@@ -453,12 +454,19 @@ input.button:hover,
   overflow: hidden;
   zoom: 1;
   margin: 0;
+  width: 100%;
+  background: none;
+}
+#reviews #comments ol.commentlist * {
+  background: none;
 }
 #reviews #comments ol.commentlist li {
   padding: 00;
   margin: 0 0 20px;
   border: 0;
   position: relative;
+  background: 0;
+  border: 0;
 }
 #reviews #comments ol.commentlist li .meta {
   color: #999;
@@ -659,6 +667,8 @@ ul.cart_list li img, ul.product_list_widget li img {
   float: left;
   margin-right: 4px;
   border: 1px solid #ddd;
+  width: 32px;
+  height: auto;
 }
 .widget_shopping_cart .total {
   border-top: 3px double #ddd;
@@ -734,6 +744,7 @@ td.quantity {
   padding: 1px 5px 2px;
   line-height: 1em;
   vertical-align: middle;
+  margin: 0;
 }
 .quantity input.plus, .quantity input.minus {
   background: #ccc;
@@ -744,6 +755,9 @@ td.quantity {
   width: 20px;
   color: #fff;
   cursor: pointer;
+  margin: 0;
+  display: inline;
+  border: 0;
 }
 .quantity input.minus {
   -webkit-border-top-left-radius: 5px;
@@ -760,6 +774,7 @@ td.quantity {
   -moz-border-radius-bottomright: 5px;
   border-top-right-radius: 5px;
   border-bottom-right-radius: 5px;
+  float: none;
 }
 .quantity input.minus:hover, .quantity input.plus:hover {
   background: #f93;
diff --git a/assets/css/woocommerce.less b/assets/css/woocommerce.less
index 358ec2f8c6d..a2f51939008 100644
--- a/assets/css/woocommerce.less
+++ b/assets/css/woocommerce.less
@@ -166,7 +166,6 @@ div.product {
 	}
 	p.stock {
 		font-size: 0.92em;
-		float: left;
 		padding: 2px 0 0 0;
 	}
 	div.images {
@@ -264,7 +263,6 @@ div.product {
 
 .stock {
 	color: green;
-	float: left;
 }
 .out-of-stock {
 	color: red;
@@ -323,9 +321,9 @@ span.onsale {
 	position: absolute;
 	text-align: center;
 	line-height: 32px;
-	top:0;
-	right: 320px;
-	margin: -6px 0 0 0;
+	top:6px;
+	left: 6px;
+	margin:0;
 	.border_radius(20px);
 }
 
@@ -354,14 +352,17 @@ span.onsale {
 
 
 
-.products {
+ul.products {
 	clear: both;
+	margin-left:0;
+	padding-left:0;
 	li {
 		float: left;
 		margin: 0 3.8% 20px 0;
 		padding: 0;
 		position: relative;
 		width:22.05%;
+		margin-left:0;
 		.onsale {
 			top: 0;
 			right: 0;
@@ -506,11 +507,18 @@ a.button:hover, button.button:hover, input.button:hover, #review_form #submit:ho
 			overflow: hidden;
 			zoom: 1;
 			margin: 0;
+			width:100%;
+			background: none;
+			* {
+				background: none;
+			}
 			li {
 				padding: 00;
 				margin: 0 0 20px;
 				border: 0;
 				position: relative;
+				background: 0;
+				border:0;
 				.meta {
 					color: #999;
 					font-size: 0.75em;
@@ -709,6 +717,8 @@ ul.cart_list, ul.product_list_widget {
 			float: left;
 			margin-right: 4px;
 			border: 1px solid #ddd;
+			width:32px;
+			height: auto;
 		}
 	}
 }
@@ -791,6 +801,7 @@ td.quantity {
 	padding:1px 5px 2px;
 	line-height: 1em;
 	vertical-align: middle;
+	margin:0;
 }
 .quantity input.plus, .quantity input.minus {
 	background: #ccc;
@@ -800,9 +811,12 @@ td.quantity {
 	border:none; width:20px;
 	color:#fff;
 	cursor: pointer;
+	margin:0;
+	display:inline;
+	border:0;
 }
 .quantity input.minus { .border_radius_left(5px); }
-.quantity input.plus { .border_radius_right(5px); }
+.quantity input.plus { .border_radius_right(5px); float:none; }
 .quantity input.minus:hover, .quantity input.plus:hover { background: #f93; }
 
 .cart input {
diff --git a/templates/emails/email_header.php b/templates/emails/email_header.php
index 77b3e62128f..428af7d2b71 100644
--- a/templates/emails/email_header.php
+++ b/templates/emails/email_header.php
@@ -86,8 +86,8 @@
 			/* /\/\/\/\/\/\/\/\/\/\ STANDARD STYLING: HEADER /\/\/\/\/\/\/\/\/\/\ */
 
 			#templateHeader{
-				background-color:#89b655;
-				background: -webkit-linear-gradient(#95be67, #89b655);
+				background-color:#557da1;
+				background: -webkit-linear-gradient(#7496b5, #557da1);
 				border-bottom:0;
 				-webkit-border-top-left-radius:6px;
 				-webkit-border-top-right-radius:6px;
@@ -106,7 +106,7 @@
 			.headerContent h1.h1 {
 				color:#fff;
 				margin:0;
-				text-shadow:0 1px 0 #215a6b;
+				text-shadow:0 1px 0 #436380;
 			}
 
 			.headerContent a:link, .headerContent a:visited{
@@ -195,7 +195,7 @@
                         	<tr>
                             	<td align="center" valign="top">
                                     <!-- // Begin Template Header \\ -->
-                                	<table border="0" cellpadding="0" cellspacing="0" width="600" id="templateHeader" style="background-color:#89b655; -webkit-border-top-left-radius:6px; -webkit-border-top-right-radius:6px; color:#202020; font-family:Arial; font-weight:bold; line-height:100%; vertical-align:middle;">
+                                	<table border="0" cellpadding="0" cellspacing="0" width="600" id="templateHeader" style="background-color:#557da1; -webkit-border-top-left-radius:6px; -webkit-border-top-right-radius:6px; color:#202020; font-family:Arial; font-weight:bold; line-height:100%; vertical-align:middle;">
                                 	
                                         <tr>
                                             <td class="headerContent" style="padding:24px; ">