544 lines
17 KiB
CSS
544 lines
17 KiB
CSS
.clear {
|
|
clear: both;
|
|
}
|
|
.nobr {
|
|
white-space: nowrap;
|
|
}
|
|
/**
|
|
* Objects
|
|
*/
|
|
/* Primary colour for buttons (alt) */
|
|
/* Text on primary colour bg */
|
|
/* Secondary buttons */
|
|
/* Text on secondary colour bg */
|
|
/* Prices, In stock labels, sales flash */
|
|
/* Text on highlight colour bg */
|
|
/* Content BG - Tabs (active state) */
|
|
/* small, breadcrumbs etc *//* Contains base colours like @primary */
|
|
.woocommerce,
|
|
.woocommerce-page {
|
|
/* =General Layout Styles
|
|
-------------------------------------------------------------- */
|
|
|
|
/* =Product Page
|
|
-------------------------------------------------------------- */
|
|
|
|
/* =Product Loops
|
|
-------------------------------------------------------------- */
|
|
|
|
/* =Cart Page
|
|
-------------------------------------------------------------- */
|
|
|
|
/* =Cart Sidebar
|
|
-------------------------------------------------------------- */
|
|
|
|
/* =Forms
|
|
-------------------------------------------------------------- */
|
|
|
|
}
|
|
.woocommerce .col2-set,
|
|
.woocommerce-page .col2-set {
|
|
*zoom: 1;
|
|
width: 100%;
|
|
}
|
|
.woocommerce .col2-set:before,
|
|
.woocommerce-page .col2-set:before,
|
|
.woocommerce .col2-set:after,
|
|
.woocommerce-page .col2-set:after {
|
|
content: " ";
|
|
display: table;
|
|
}
|
|
.woocommerce .col2-set:after,
|
|
.woocommerce-page .col2-set:after {
|
|
clear: both;
|
|
}
|
|
.woocommerce .col2-set .col-1,
|
|
.woocommerce-page .col2-set .col-1 {
|
|
float: left;
|
|
width: 48%;
|
|
}
|
|
.woocommerce .col2-set .col-2,
|
|
.woocommerce-page .col2-set .col-2 {
|
|
float: right;
|
|
width: 48%;
|
|
}
|
|
.woocommerce img,
|
|
.woocommerce-page img {
|
|
height: auto;
|
|
max-width: 100%;
|
|
}
|
|
.woocommerce div.product,
|
|
.woocommerce-page div.product,
|
|
.woocommerce #content div.product,
|
|
.woocommerce-page #content div.product {
|
|
/* Tabs on the product page */
|
|
|
|
}
|
|
.woocommerce div.product div.images,
|
|
.woocommerce-page div.product div.images,
|
|
.woocommerce #content div.product div.images,
|
|
.woocommerce-page #content div.product div.images {
|
|
float: left;
|
|
width: 48%;
|
|
}
|
|
.woocommerce div.product div.thumbnails,
|
|
.woocommerce-page div.product div.thumbnails,
|
|
.woocommerce #content div.product div.thumbnails,
|
|
.woocommerce-page #content div.product div.thumbnails {
|
|
*zoom: 1;
|
|
}
|
|
.woocommerce div.product div.thumbnails:before,
|
|
.woocommerce-page div.product div.thumbnails:before,
|
|
.woocommerce #content div.product div.thumbnails:before,
|
|
.woocommerce-page #content div.product div.thumbnails:before,
|
|
.woocommerce div.product div.thumbnails:after,
|
|
.woocommerce-page div.product div.thumbnails:after,
|
|
.woocommerce #content div.product div.thumbnails:after,
|
|
.woocommerce-page #content div.product div.thumbnails:after {
|
|
content: " ";
|
|
display: table;
|
|
}
|
|
.woocommerce div.product div.thumbnails:after,
|
|
.woocommerce-page div.product div.thumbnails:after,
|
|
.woocommerce #content div.product div.thumbnails:after,
|
|
.woocommerce-page #content div.product div.thumbnails:after {
|
|
clear: both;
|
|
}
|
|
.woocommerce div.product div.thumbnails a,
|
|
.woocommerce-page div.product div.thumbnails a,
|
|
.woocommerce #content div.product div.thumbnails a,
|
|
.woocommerce-page #content div.product div.thumbnails a {
|
|
float: left;
|
|
width: 30.75%;
|
|
margin-right: 3.8%;
|
|
}
|
|
.woocommerce div.product div.thumbnails a.last,
|
|
.woocommerce-page div.product div.thumbnails a.last,
|
|
.woocommerce #content div.product div.thumbnails a.last,
|
|
.woocommerce-page #content div.product div.thumbnails a.last {
|
|
margin-right: 0;
|
|
}
|
|
.woocommerce div.product div.thumbnails a.first,
|
|
.woocommerce-page div.product div.thumbnails a.first,
|
|
.woocommerce #content div.product div.thumbnails a.first,
|
|
.woocommerce-page #content div.product div.thumbnails a.first {
|
|
clear: both;
|
|
}
|
|
.woocommerce div.product div.summary,
|
|
.woocommerce-page div.product div.summary,
|
|
.woocommerce #content div.product div.summary,
|
|
.woocommerce-page #content div.product div.summary {
|
|
float: right;
|
|
width: 48%;
|
|
}
|
|
.woocommerce div.product .woocommerce-tabs,
|
|
.woocommerce-page div.product .woocommerce-tabs,
|
|
.woocommerce #content div.product .woocommerce-tabs,
|
|
.woocommerce-page #content div.product .woocommerce-tabs {
|
|
clear: both;
|
|
}
|
|
.woocommerce div.product .woocommerce-tabs ul.tabs,
|
|
.woocommerce-page div.product .woocommerce-tabs ul.tabs,
|
|
.woocommerce #content div.product .woocommerce-tabs ul.tabs,
|
|
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs {
|
|
*zoom: 1;
|
|
}
|
|
.woocommerce div.product .woocommerce-tabs ul.tabs:before,
|
|
.woocommerce-page div.product .woocommerce-tabs ul.tabs:before,
|
|
.woocommerce #content div.product .woocommerce-tabs ul.tabs:before,
|
|
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs:before,
|
|
.woocommerce div.product .woocommerce-tabs ul.tabs:after,
|
|
.woocommerce-page div.product .woocommerce-tabs ul.tabs:after,
|
|
.woocommerce #content div.product .woocommerce-tabs ul.tabs:after,
|
|
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs:after {
|
|
content: " ";
|
|
display: table;
|
|
}
|
|
.woocommerce div.product .woocommerce-tabs ul.tabs:after,
|
|
.woocommerce-page div.product .woocommerce-tabs ul.tabs:after,
|
|
.woocommerce #content div.product .woocommerce-tabs ul.tabs:after,
|
|
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs:after {
|
|
clear: both;
|
|
}
|
|
.woocommerce div.product .woocommerce-tabs ul.tabs li,
|
|
.woocommerce-page div.product .woocommerce-tabs ul.tabs li,
|
|
.woocommerce #content div.product .woocommerce-tabs ul.tabs li,
|
|
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li {
|
|
display: inline;
|
|
}
|
|
.woocommerce div.product #reviews .comment,
|
|
.woocommerce-page div.product #reviews .comment,
|
|
.woocommerce #content div.product #reviews .comment,
|
|
.woocommerce-page #content div.product #reviews .comment {
|
|
*zoom: 1;
|
|
}
|
|
.woocommerce div.product #reviews .comment:before,
|
|
.woocommerce-page div.product #reviews .comment:before,
|
|
.woocommerce #content div.product #reviews .comment:before,
|
|
.woocommerce-page #content div.product #reviews .comment:before,
|
|
.woocommerce div.product #reviews .comment:after,
|
|
.woocommerce-page div.product #reviews .comment:after,
|
|
.woocommerce #content div.product #reviews .comment:after,
|
|
.woocommerce-page #content div.product #reviews .comment:after {
|
|
content: " ";
|
|
display: table;
|
|
}
|
|
.woocommerce div.product #reviews .comment:after,
|
|
.woocommerce-page div.product #reviews .comment:after,
|
|
.woocommerce #content div.product #reviews .comment:after,
|
|
.woocommerce-page #content div.product #reviews .comment:after {
|
|
clear: both;
|
|
}
|
|
.woocommerce div.product #reviews .comment img,
|
|
.woocommerce-page div.product #reviews .comment img,
|
|
.woocommerce #content div.product #reviews .comment img,
|
|
.woocommerce-page #content div.product #reviews .comment img {
|
|
float: right;
|
|
height: auto;
|
|
}
|
|
.woocommerce #quantity,
|
|
.woocommerce-page #quantity,
|
|
.woocommerce #content .quantity,
|
|
.woocommerce-page #content .quantity {
|
|
/* Disable input[type=number] buttons until the world is ready */
|
|
|
|
}
|
|
.woocommerce #quantity input::-webkit-outer-spin-button,
|
|
.woocommerce-page #quantity input::-webkit-outer-spin-button,
|
|
.woocommerce #content .quantity input::-webkit-outer-spin-button,
|
|
.woocommerce-page #content .quantity input::-webkit-outer-spin-button,
|
|
.woocommerce #quantity input::-webkit-inner-spin-button,
|
|
.woocommerce-page #quantity input::-webkit-inner-spin-button,
|
|
.woocommerce #content .quantity input::-webkit-inner-spin-button,
|
|
.woocommerce-page #content .quantity input::-webkit-inner-spin-button {
|
|
display: none;
|
|
}
|
|
.woocommerce .related,
|
|
.woocommerce-page .related,
|
|
.woocommerce .upsells.products,
|
|
.woocommerce-page .upsells.products {
|
|
*zoom: 1;
|
|
}
|
|
.woocommerce .related:before,
|
|
.woocommerce-page .related:before,
|
|
.woocommerce .upsells.products:before,
|
|
.woocommerce-page .upsells.products:before,
|
|
.woocommerce .related:after,
|
|
.woocommerce-page .related:after,
|
|
.woocommerce .upsells.products:after,
|
|
.woocommerce-page .upsells.products:after {
|
|
content: " ";
|
|
display: table;
|
|
}
|
|
.woocommerce .related:after,
|
|
.woocommerce-page .related:after,
|
|
.woocommerce .upsells.products:after,
|
|
.woocommerce-page .upsells.products:after {
|
|
clear: both;
|
|
}
|
|
.woocommerce .related ul.products,
|
|
.woocommerce-page .related ul.products,
|
|
.woocommerce .upsells.products ul.products,
|
|
.woocommerce-page .upsells.products ul.products,
|
|
.woocommerce .related ul,
|
|
.woocommerce-page .related ul,
|
|
.woocommerce .upsells.products ul,
|
|
.woocommerce-page .upsells.products ul {
|
|
float: none;
|
|
}
|
|
.woocommerce .related ul.products li.product,
|
|
.woocommerce-page .related ul.products li.product,
|
|
.woocommerce .upsells.products ul.products li.product,
|
|
.woocommerce-page .upsells.products ul.products li.product,
|
|
.woocommerce .related ul li.product,
|
|
.woocommerce-page .related ul li.product,
|
|
.woocommerce .upsells.products ul li.product,
|
|
.woocommerce-page .upsells.products ul li.product {
|
|
width: 48%;
|
|
}
|
|
.woocommerce .related ul.products li.product img,
|
|
.woocommerce-page .related ul.products li.product img,
|
|
.woocommerce .upsells.products ul.products li.product img,
|
|
.woocommerce-page .upsells.products ul.products li.product img,
|
|
.woocommerce .related ul li.product img,
|
|
.woocommerce-page .related ul li.product img,
|
|
.woocommerce .upsells.products ul li.product img,
|
|
.woocommerce-page .upsells.products ul li.product img {
|
|
width: 100%;
|
|
height: auto;
|
|
}
|
|
.woocommerce ul.products,
|
|
.woocommerce-page ul.products {
|
|
clear: both;
|
|
*zoom: 1;
|
|
}
|
|
.woocommerce ul.products:before,
|
|
.woocommerce-page ul.products:before,
|
|
.woocommerce ul.products:after,
|
|
.woocommerce-page ul.products:after {
|
|
content: " ";
|
|
display: table;
|
|
}
|
|
.woocommerce ul.products:after,
|
|
.woocommerce-page ul.products:after {
|
|
clear: both;
|
|
}
|
|
.woocommerce ul.products li.product,
|
|
.woocommerce-page ul.products li.product {
|
|
float: left;
|
|
margin: 0 3.8% 2.992em 0;
|
|
padding: 0;
|
|
position: relative;
|
|
width: 22.05%;
|
|
margin-left: 0;
|
|
}
|
|
.woocommerce ul.products li.first,
|
|
.woocommerce-page ul.products li.first {
|
|
clear: both;
|
|
}
|
|
.woocommerce ul.products li.last,
|
|
.woocommerce-page ul.products li.last {
|
|
margin-right: 0;
|
|
}
|
|
.woocommerce.columns-1 ul.products li.product,
|
|
.woocommerce-page.columns-1 ul.products li.product {
|
|
width: 100%;
|
|
margin-right: 0;
|
|
}
|
|
.woocommerce.columns-2 ul.products li.product,
|
|
.woocommerce-page.columns-2 ul.products li.product {
|
|
width: 48%;
|
|
}
|
|
.woocommerce.columns-3 ul.products li.product,
|
|
.woocommerce-page.columns-3 ul.products li.product {
|
|
width: 30.75%;
|
|
}
|
|
.woocommerce.columns-5 ul.products li.product,
|
|
.woocommerce-page.columns-5 ul.products li.product {
|
|
width: 16.95%;
|
|
}
|
|
.woocommerce.columns-6 ul.products li.product,
|
|
.woocommerce-page.columns-6 ul.products li.product {
|
|
width: 13.5%;
|
|
}
|
|
.woocommerce .woocommerce-result-count,
|
|
.woocommerce-page .woocommerce-result-count {
|
|
float: left;
|
|
}
|
|
.woocommerce .woocommerce-ordering,
|
|
.woocommerce-page .woocommerce-ordering {
|
|
float: right;
|
|
}
|
|
.woocommerce .woocommerce-pagination ul.page-numbers,
|
|
.woocommerce-page .woocommerce-pagination ul.page-numbers {
|
|
*zoom: 1;
|
|
}
|
|
.woocommerce .woocommerce-pagination ul.page-numbers:before,
|
|
.woocommerce-page .woocommerce-pagination ul.page-numbers:before,
|
|
.woocommerce .woocommerce-pagination ul.page-numbers:after,
|
|
.woocommerce-page .woocommerce-pagination ul.page-numbers:after {
|
|
content: " ";
|
|
display: table;
|
|
}
|
|
.woocommerce .woocommerce-pagination ul.page-numbers:after,
|
|
.woocommerce-page .woocommerce-pagination ul.page-numbers:after {
|
|
clear: both;
|
|
}
|
|
.woocommerce .woocommerce-pagination ul.page-numbers li,
|
|
.woocommerce-page .woocommerce-pagination ul.page-numbers li {
|
|
display: inline;
|
|
}
|
|
.woocommerce table.cart img,
|
|
.woocommerce-page table.cart img,
|
|
.woocommerce #content table.cart img,
|
|
.woocommerce-page #content table.cart img {
|
|
height: auto;
|
|
}
|
|
.woocommerce table.cart td.actions,
|
|
.woocommerce-page table.cart td.actions,
|
|
.woocommerce #content table.cart td.actions,
|
|
.woocommerce-page #content table.cart td.actions {
|
|
text-align: right;
|
|
}
|
|
.woocommerce table.cart td.actions .input-text,
|
|
.woocommerce-page table.cart td.actions .input-text,
|
|
.woocommerce #content table.cart td.actions .input-text,
|
|
.woocommerce-page #content table.cart td.actions .input-text {
|
|
width: 80px;
|
|
}
|
|
.woocommerce table.cart td.actions .coupon,
|
|
.woocommerce-page table.cart td.actions .coupon,
|
|
.woocommerce #content table.cart td.actions .coupon,
|
|
.woocommerce-page #content table.cart td.actions .coupon {
|
|
float: left;
|
|
}
|
|
.woocommerce table.cart td.actions .coupon label,
|
|
.woocommerce-page table.cart td.actions .coupon label,
|
|
.woocommerce #content table.cart td.actions .coupon label,
|
|
.woocommerce-page #content table.cart td.actions .coupon label {
|
|
display: none;
|
|
}
|
|
.woocommerce .cart-collaterals,
|
|
.woocommerce-page .cart-collaterals {
|
|
*zoom: 1;
|
|
width: 100%;
|
|
}
|
|
.woocommerce .cart-collaterals:before,
|
|
.woocommerce-page .cart-collaterals:before,
|
|
.woocommerce .cart-collaterals:after,
|
|
.woocommerce-page .cart-collaterals:after {
|
|
content: " ";
|
|
display: table;
|
|
}
|
|
.woocommerce .cart-collaterals:after,
|
|
.woocommerce-page .cart-collaterals:after {
|
|
clear: both;
|
|
}
|
|
.woocommerce .cart-collaterals .related,
|
|
.woocommerce-page .cart-collaterals .related {
|
|
width: 30.75%;
|
|
float: left;
|
|
}
|
|
.woocommerce .cart-collaterals .cross-sells,
|
|
.woocommerce-page .cart-collaterals .cross-sells {
|
|
width: 48%;
|
|
float: left;
|
|
}
|
|
.woocommerce .cart-collaterals .cross-sells ul.products,
|
|
.woocommerce-page .cart-collaterals .cross-sells ul.products {
|
|
float: none;
|
|
}
|
|
.woocommerce .cart-collaterals .cross-sells ul.products li,
|
|
.woocommerce-page .cart-collaterals .cross-sells ul.products li {
|
|
width: 48%;
|
|
}
|
|
.woocommerce .cart-collaterals .shipping_calculator,
|
|
.woocommerce-page .cart-collaterals .shipping_calculator {
|
|
width: 48%;
|
|
*zoom: 1;
|
|
clear: right;
|
|
float: right;
|
|
}
|
|
.woocommerce .cart-collaterals .shipping_calculator:before,
|
|
.woocommerce-page .cart-collaterals .shipping_calculator:before,
|
|
.woocommerce .cart-collaterals .shipping_calculator:after,
|
|
.woocommerce-page .cart-collaterals .shipping_calculator:after {
|
|
content: " ";
|
|
display: table;
|
|
}
|
|
.woocommerce .cart-collaterals .shipping_calculator:after,
|
|
.woocommerce-page .cart-collaterals .shipping_calculator:after {
|
|
clear: both;
|
|
}
|
|
.woocommerce .cart-collaterals .shipping_calculator .col2-set .col-1,
|
|
.woocommerce-page .cart-collaterals .shipping_calculator .col2-set .col-1,
|
|
.woocommerce .cart-collaterals .shipping_calculator .col2-set .col-2,
|
|
.woocommerce-page .cart-collaterals .shipping_calculator .col2-set .col-2 {
|
|
width: 47%;
|
|
}
|
|
.woocommerce .cart-collaterals .cart_totals,
|
|
.woocommerce-page .cart-collaterals .cart_totals {
|
|
float: right;
|
|
width: 48%;
|
|
text-align: right;
|
|
}
|
|
.woocommerce ul.cart_list li,
|
|
.woocommerce-page ul.cart_list li,
|
|
.woocommerce ul.product_list_widget li,
|
|
.woocommerce-page ul.product_list_widget li {
|
|
*zoom: 1;
|
|
}
|
|
.woocommerce ul.cart_list li:before,
|
|
.woocommerce-page ul.cart_list li:before,
|
|
.woocommerce ul.product_list_widget li:before,
|
|
.woocommerce-page ul.product_list_widget li:before,
|
|
.woocommerce ul.cart_list li:after,
|
|
.woocommerce-page ul.cart_list li:after,
|
|
.woocommerce ul.product_list_widget li:after,
|
|
.woocommerce-page ul.product_list_widget li:after {
|
|
content: " ";
|
|
display: table;
|
|
}
|
|
.woocommerce ul.cart_list li:after,
|
|
.woocommerce-page ul.cart_list li:after,
|
|
.woocommerce ul.product_list_widget li:after,
|
|
.woocommerce-page ul.product_list_widget li:after {
|
|
clear: both;
|
|
}
|
|
.woocommerce ul.cart_list li img,
|
|
.woocommerce-page ul.cart_list li img,
|
|
.woocommerce ul.product_list_widget li img,
|
|
.woocommerce-page ul.product_list_widget li img {
|
|
float: right;
|
|
height: auto;
|
|
}
|
|
.woocommerce form .form-row,
|
|
.woocommerce-page form .form-row {
|
|
*zoom: 1;
|
|
}
|
|
.woocommerce form .form-row:before,
|
|
.woocommerce-page form .form-row:before,
|
|
.woocommerce form .form-row:after,
|
|
.woocommerce-page form .form-row:after {
|
|
content: " ";
|
|
display: table;
|
|
}
|
|
.woocommerce form .form-row:after,
|
|
.woocommerce-page form .form-row:after {
|
|
clear: both;
|
|
}
|
|
.woocommerce form .form-row label,
|
|
.woocommerce-page form .form-row label {
|
|
display: block;
|
|
}
|
|
.woocommerce form .form-row label.checkbox,
|
|
.woocommerce-page form .form-row label.checkbox {
|
|
display: inline;
|
|
}
|
|
.woocommerce form .form-row select,
|
|
.woocommerce-page form .form-row select {
|
|
width: 100%;
|
|
}
|
|
.woocommerce form .form-row .input-text,
|
|
.woocommerce-page form .form-row .input-text {
|
|
-webkit-box-sizing: border-box;
|
|
/* Safari/Chrome, other WebKit */
|
|
|
|
-moz-box-sizing: border-box;
|
|
/* Firefox, other Gecko */
|
|
|
|
box-sizing: border-box;
|
|
/* Opera/IE 8+ */
|
|
|
|
width: 100%;
|
|
}
|
|
.woocommerce form .form-row-first,
|
|
.woocommerce-page form .form-row-first,
|
|
.woocommerce form .form-row-last,
|
|
.woocommerce-page form .form-row-last {
|
|
float: left;
|
|
width: 47%;
|
|
overflow: visible;
|
|
}
|
|
.woocommerce form .form-row-last,
|
|
.woocommerce-page form .form-row-last {
|
|
float: right;
|
|
}
|
|
.woocommerce form .form-row-wide,
|
|
.woocommerce-page form .form-row-wide {
|
|
clear: both;
|
|
}
|
|
.woocommerce #payment .form-row select,
|
|
.woocommerce-page #payment .form-row select {
|
|
width: auto;
|
|
}
|
|
.woocommerce #payment .terms,
|
|
.woocommerce-page #payment .terms {
|
|
text-align: right;
|
|
padding: 0 1em 0;
|
|
}
|
|
.woocommerce #payment #place_order,
|
|
.woocommerce-page #payment #place_order {
|
|
float: right;
|
|
}
|