Steve-Dee-Designs
/
woocommerce
mirror of https://github.com/woocommerce/woocommerce.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

more % layout stuff and changed email header colour to woo blue

This commit is contained in:
James Koster 2011-09-13 13:42:10 +01:00
parent 5ffe65afc9
commit a0502b1d82
3 changed files with 57 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

49
assets/css/woocommerce.css
View File

@ -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;

28
assets/css/woocommerce.less
View File

@ -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 {

8
templates/emails/email_header.php
View File

@ -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; ">