wp_blog/wp-content/themes/New folder/pk2012_sold/css/pk_woocommerce.css
2020-01-02 23:15:16 +07:00

1353 lines
38 KiB
CSS

/*
GLOBAL
-------------------------------------------------------------------------------------------------------------------------------------*/
.clear{ clear: both; }
.nobr{ white-space: nowrap; }
.info {
padding: 15px;
-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;
-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}
.woocommerce_error, .woocommerce_message {
overflow: hidden;
margin: 0 0 20px 0;
padding: 15px;
-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;
-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}
.info a, .info a:hover,
.woocommerce_error a, .woocommerce_error a:hover,
.woocommerce_message a, .woocommerce_message a:hover{ text-decoration: underline; }
p.demo_store {
position: fixed;
top: 0;
left: 50%;
width: 450px;
margin-left: -225px;
padding: 8px 0;
font-size: 12px;
text-align: center;
z-index: 999999;
-moz-border-radius-bottomleft: 3px; -webkit-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px;
-moz-border-radius-bottomright: 3px; -webkit-border-bottom-right-radius: 3px; border-bottom-right-radius: 3px;
-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}
small.note {
display: block;
margin-top: 10px;
font-size: 11px;
line-height: 21px;
}
.page-title{ display: none; }
.woocommerce-cart #sidebar_after_page_content {
clear: both;
margin-top: 60px;
}
/*
PRODUCT PAGE
-------------------------------------------------------------------------------------------------------------------------------------*/
.products ul, ul.products {
float: left;
margin: 0 0 14px !important;
padding: 0 !important;
list-style: none;
}
ul.products { margin-top: 50px !important; }
ul.products.pk_clear_top { margin-top: 0 !important; }
.products { clear: both; }
.products li {
display: block;
position: relative;
overflow: hidden;
float: left;
margin: 0 20px 20px 0;
padding: 0 0 60px 0;
width: 180px;
-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}
.products li a { text-decoration: none; }
.products li a img {
display: block;
margin: 0 auto;
-moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;
-moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; border-top-left-radius: 3px;
-moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px; border-top-right-radius: 3px;
-ms-interpolation-mode: bicubic;
}
.products li h3 {
display: block;
max-width: 250px;
width: 150px;
margin: 15px 15px 0 15px;
word-wrap: break-word;
font: normal 18px/24px "Myriad Pro", "Helvetica Neue", Helvetica, Arial, Lucida Grande, sans-serif;
}
.products li .price {
display: block;
position: relative;
overflow: hidden;
padding: 0 15px 0 15px;
min-height: 40px;
font-size: 12px;
}
.products li.first{ clear: both; }
.products li.last{ margin-right: 0; }
.products li mark.count {
display: block;
position: absolute;
overflow: hidden;
top: 15px;
right: 15px;
padding: 1px 10px 0 9px;
font-size: 14px;
font-weight: normal;
line-height: 21px;
border: none;
-moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.21); -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.21); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.21);
}
.products li.pk_products_category {
padding-bottom: 0;
background-image: none !important;
}
.products li.pk_products_category h3{ margin-bottom: 15px; }
/* Ordering */
.woocommerce_ordering {
position: absolute;
top: 40px;
right: 0;
margin: 0;
width: 180px;
}
.woocommerce_ordering select {
margin-top: 2px;
width: 180px !important;
}
.pk_ordering {
top: 30px;
right: 20px;
width: 300px;
}
.pk_ordering select {
position: absolute;
top: 10px;
left: 0;
width: 300px !important;
z-index: 10;
cursor: pointer !important;
}
.pk_ordering span.pk_select {
display: block;
position: absolute;
left: 0;
padding: 10px 15px;
width: 270px;
z-index: 1;
cursor: pointer;
-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
/* Product Single Page */
.product{ position: relative; }
.product .images {
position: relative;
overflow: hidden;
-moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; border-top-left-radius: 3px;
-moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px; border-top-right-radius: 3px;
-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}
.product .images img {
display: block;
margin: 0 auto;
-moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; border-top-left-radius: 3px;
-moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px; border-top-right-radius: 3px;
}
.product .images .thumbnails {
overflow: hidden;
margin-bottom: 3px;
padding: 0 0 0 1px;
}
.product .images .thumbnails a {
float: left;
margin: 1px 1px 1px 0;
}
.product .images .thumbnails a img{ -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; }
.product .summary {
position: relative;
overflow: hidden;
margin-top: -3px;
padding: 77px 15px 0 15px;
z-index: 1;
-moz-border-radius-bottomleft: 3px; -webkit-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px;
-moz-border-radius-bottomright: 3px; -webkit-border-bottom-right-radius: 3px; border-bottom-right-radius: 3px;
-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}
.product .product_title {
display: none;
clear: none;
margin-bottom: 10px;
padding: 0;
font-size: 20px;
border: none;
}
.product p.price {
position: absolute;
top: 15px;
right: 15px;
padding: 5px 15px;
font-size: 15px;
-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
}
.product .product_meta, .product .variations_button{ float: none; }
.product .product_meta {
font-size: 12px;
margin-bottom: 25px;
}
.product .product_meta span { display: block; }
/*
.product .social{ text-align: right; margin: 0 0 1em; }
.product .social span{ margin: 0 0 0 2px; }
.product .stButton .chicklets{ padding-left: 16px; width: 0; }
.product .social iframe{ float: left; margin-top: 3px; }
*/
/* Products: Common Elements */
.onsale {
position: absolute;
top: 0;
left: 0;
margin: 0 0 0 15px;
padding: 5px 15px;
font-size: 12px;
text-transform: uppercase;
z-index: 10;
-moz-border-radius-bottomright: 3px; -webkit-border-bottom-right-radius: 3px; border-bottom-right-radius: 3px;
-moz-border-radius-bottomleft: 3px; -webkit-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px;
}
.product .price del {
float: left;
margin: 0 6px -5px 0;
font-size: 10px !important;
}
.product .price ins {
float: left;
border: none;
}
.product .price .from {
display: block;
float: left;
margin: 5px 6px 0 0;
line-height: 10px;
font-size: 10px !important;
}
.product .price .from + del {
position: absolute;
left: 49px;
}
.product .price .from + del + ins {
clear: both;
display: block;
}
.product .price .from + del{ position: relative; left: auto; }
.product p.price .from + del + ins{ clear: none; }
p.stock {
position: absolute;
display: block;
top: 20px;
float: none;
font-size: 12px;
padding: 2px 0 0 0;
}
.out-of-stock{ font-size: 14px; }
p.cart{ float: right; }
/*
PRODUCT PAGE FORM CART
-------------------------------------------------------------------------------------------------------------------------------------*/
form.cart {
position: relative;
margin-bottom: 40px;
float: right;
width: 100%;
clear: both;
}
.product .cart{ margin: 10px 0 30px 0; }
form.cart .quantity {
float: left;
margin: 0 25px 0 0;
}
form.cart table {
margin-bottom: 15px;
font-size: 13px;
border: none;
}
form.cart table td {
position: relative;
margin-bottom: 1px;
padding: 4px 0;
text-align: left;
border: none;
background: none;
}
form.cart table.quantity {
float: none;
margin: 0;
width: 72px;
}
form.cart table small.stock {
display: block;
float: none;
margin-top: -3px;
font-size: 11px;
}
form.cart .variations label{ font-weight: bold; }
form.cart .variations select {
float: left;
width: 100%;
}
form.track_order .form-row {
clear: both;
padding: 0;
width: 100%;
}
form.track_order input.button{ margin: 10px 0 5px 0; }
/*
PRODUCT PAGE FORM VARIATIONS
-------------------------------------------------------------------------------------------------------------------------------------*/
form.variations_form table { margin: 0; }
form.variations_form table td{ padding: 6px 0; }
form.variations_form td.value {
width: 50%;
}
form.variations_form .reset_variations {
clear: both;
display: block;
margin: 35px 0 -5px 0;
padding-top: 5px;
visibility: visible !important;
}
form.variations_form .single_variation {
padding: 15px 0;
margin-bottom: 38px;
}
form.variations_form .single_variation p.stock {
position: relative;
margin: 0;
top: 0;
}
form.variations_form .single_variation .price {
float: right;
display: block;
font-size: 15px;
padding: 0;
top: 0;
}
/*
SHOP NAVIGATION
-------------------------------------------------------------------------------------------------------------------------------------*/
.navigation {
overflow: hidden;
font-size: 12px;
}
.navigation .nav-previous{ float: left; }
.navigation .nav-next{ float: right; }
/*
PRODUCT PAGE TABS
-------------------------------------------------------------------------------------------------------------------------------------*/
.woocommerce_tabs {
overflow: hidden;
clear: both;
margin: 20px 0 1em 0;
padding: 0;
-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}
.woocommerce_tabs ul.tabs {
overflow: hidden;
margin: 1px 1px 0 1px;
padding: 5px 0 0 5px;
border-bottom: none !important;
list-style: none;
zoom: 1;
}
.woocommerce_tabs ul.tabs li {
float: left;
margin: 0 1px 0 0;
font-size: 13px;
}
.woocommerce_tabs ul.tabs li:first-child{ border-top: none !important; }
.woocommerce_tabs ul.tabs li.active, .woocommerce_tabs ul.tabs li:hover {
-moz-border-radius-topleft: 2px; -webkit-border-top-left-radius: 2px; border-top-left-radius: 2px;
-moz-border-radius-topright: 2px; -webkit-border-top-right-radius: 2px; border-top-right-radius: 2px;
-moz-box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.21); -webkit-box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.21); box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.21);
}
.woocommerce_tabs ul.tabs a {
float: left;
padding: 5px 10px 7px 10px;
text-decoration: none;
-webkit-transition: none;
-moz-transition: none;
-ms-transition: none;
-o-transition: none;
transition: none;
}
.woocommerce_tabs .panel {
overflow: hidden;
padding: 25px 15px 20px 15px;
-moz-border-radius-bottomleft: 2px; -webkit-border-bottom-left-radius: 2px; border-bottom-left-radius: 2px;
-moz-border-radius-bottomright: 2px; -webkit-border-bottom-right-radius: 2px; border-bottom-right-radius: 2px;
}
.woocommerce_tabs .panel h2{ font-size: 18px; }
.woocommerce_tabs #tab-customize form {
overflow: hidden;
padding-bottom: 5px;
}
.woocommerce_tabs #tab-customize form input[type=text] {
margin: 0 0 15px 0;
width: 100%;
}
/*
BUTTONS
-------------------------------------------------------------------------------------------------------------------------------------*/
a.button, button.button, input[type=submit].button, .button.alt, input[type=submit].button.alt, #review_form #submit, .woocommerce_login_widget input[type=submit] {
float: left;
margin: 1px 0 0 0;
padding: 0 22px;
height: 32px;
font-size: 13px;
line-height: 32px;
cursor: pointer;
text-decoration: none;
border: none;
-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.18); -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.18); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.18);
-webkit-transition: none;
-moz-transition: none;
-ms-transition: none;
-o-transition: none;
transition: none;
}
a.button:hover, button.button:hover, input[type=submit].button:hover, .button.alt:hover, input[type=submit].button.alt:hover, #review_form #submit:hover, .woocommerce_login_widget input[type=submit]:hover{ background-position: 0 -82px; }
.ie9 a.button, .ie9 button.button, .ie9 input[type=submit].button, .ie9 .button.alt, .ie9 input[type=submit].button.alt, .ie9 #review_form #submit, .ie9 .woocommerce_login_widget .ie9 input[type=submit]{ line-height:31px; }
/* Grid Product Button */
.products li a.button {
position: absolute;
overflow: hidden;
bottom: 15px;
right: 15px;
margin: 0;
padding: 0 15px;
height: 25px;
font-size: 12px;
line-height: 25px;
}
.products li a.button:hover{ background-position: 0 -25px; }
.ie8 .products li a.button{ line-height: 23px; }
.ie9 .products li a.button{ line-height: 26px; }
/* Cart Button */
td.actions .button {
float: right;
margin: 0 2px 15px 0;
}
td.actions .button.alt {
clear: both;
float: right;
margin: 0 0 25px 0;
}
td.actions .button.alt:hover, #place_order:hover{ background-position: 0 -32px; }
td.actions .coupon input.button {
position: absolute;
top: 1px;
right: 0;
margin: 0;
padding: 0 15px 2px 15px;
height: 25px;
font-size: 12px;
line-height: 25px;
}
td.actions .coupon input.button:hover{ background-position: 0 -25px; }
.ie8 td.actions .coupon input.button{ top: 2px; line-height: 23px; }
/* My account Button */
table.my_account_orders .button, .woocommerce_error a.button, .woocommerce_message a.button {
float: none;
margin: 0;
padding: 0;
font-size: 12px;
height: 18px;
line-height: 18px;
-moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;
-moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;
-webkit-transition:color .2s linear;
-moz-transition:color .2s linear;
-ms-transition:color .2s linear;
-o-transition:color .2s linear;
transition:color .2s linear;
border: none;
background: none;
}
/* Messages Button */
.woocommerce_error a.button, .woocommerce_message a.button {
float: right;
margin: 2px;
font-size: 13px;
background: none;
}
.woocommerce_error a.button,
.woocommerce_error a.button, .woocommerce_error a.button:hover,
.woocommerce_message a.button, .woocommerce_message a.button:hover{ text-decoration: underline; }
/*
REVIEWS - RATING
-------------------------------------------------------------------------------------------------------------------------------------*/
#reviews h2 small {
float: right;
margin: 10px 0 0 0;
font-size: 15px;
line-height: 21px;
}
#reviews h2 small a{ text-decoration: none; }
#reviews h3{ margin: 0; }
#reviews #comment{ height: 75px; }
#reviews #comments h2{ margin-bottom: 5px; }
#reviews #comments ol.commentlist {
overflow: hidden;
margin: 0 0 20px 0;
zoom: 1;
list-style: none;
}
#reviews #comments ol.commentlist li {
position: relative;
margin: 0;
padding: 15px 0px;
}
#reviews #comments ol.commentlist li img {
float: left;
margin: 0 20px 0 0;
padding: 0;
width: 35px;
height: auto;
}
#reviews #comments ol.commentlist li .comment-text {
overflow:hidden;
padding: 0;
}
#reviews #comments ol.commentlist li .comment-text p{ margin: 15px 0 0 0; }
#reviews #comments ol.commentlist li .comment-text p.meta {
margin: 0;
font-size: 12px;
}
.star-rating {
float: right;
margin: 10px 0 0 0;
}
.star-rating span {
height: 0;
padding-top: 16px;
overflow: hidden;
float: left;
}
.comment-text .star-rating {
float: none;
margin: 0 0 5px 0;
width: 80px;
height: 16px;
}
#review_form_wrapper, #review_form {
position: relative;
clear: both;
width: 100%;
}
#review_form #respond {
overflow: hidden;
margin: 0;
padding: 0;
}
#review_form #respond h3 {
margin: 30px 0 18px 0;
padding-bottom: 5px;
font-size: 15px;
line-height: 20px;
text-transform: uppercase;
}
#review_form #respond textarea{ height: 200px; }
#review_form #respond .comment-form-rating{ margin: 5px 0 15px 0 !important; }
#review_form #respond .comment-form-rating label{ display: none; }
p.stars {
overflow: hidden;
zoom: 1;
}
p.stars span {
position: relative;
float: left;
width: 80px;
height: 16px;
}
p.stars span a {
position: absolute;
overflow: hidden;
float: left;
left: 0;
top: 0;
padding-top: 16px;
width: 16px;
height: 0;
}
p.stars span a.star-1 { width: 16px; z-index: 10; }
p.stars span a.star-2 { width: 32px; z-index: 9; }
p.stars span a.star-3 { width: 48px; z-index: 8; }
p.stars span a.star-4 { width: 64px; z-index: 7; }
p.stars span a.star-5 { width: 80px; z-index: 6; }
/*
TABLES
-------------------------------------------------------------------------------------------------------------------------------------*/
/* Cart Page table */
table.shop_table {
overflow: hidden;
width: 100%;
margin: 0 0 20px 0;
-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}
table.shop_table th {
padding: 15px;
text-align: left;
font-size: 12px;
border: none;
background: none;
}
table.shop_table thead tr{ border: none; }
table.shop_table td {
padding: 6px 15px;
text-align: left;
vertical-align: middle;
border: none;
background: none;
}
table.shop_table td.actions {
overflow: hidden;
padding: 25px 15px 0 15px;
text-align: right;
background: none;
}
table.shop_attributes td {
margin: 0 !important;
padding: 0 0 0 15px;
}
table.shop_attributes td p {
margin: 0 !important;
padding: 8px;
}
table.shop_table tr.shipping select {
margin: 0;
width: 100%;
}
table.shop_table tr.shipping ul {
margin: 4px 0 0 0;
list-style: none;
}
table.shop_table tr.shipping li{ clear: both; margin: 0 0 4px 0; }
table.shop_table tr.shipping li input[type="radio"]{ float: left; margin: 6px 8px 0 0; }
table.shop_table tr.shipping li label{ display: block; overflow: hidden; }
/* Product Detail Page: Attributes (inside #tabs)
table.shop_attributes{ border: 0 !important; }
table.shop_attributes th{ margin: 0 !important; width: 150px; padding: 8px; }
table.shop_attributes td{ margin: 0 !important; padding: 0 0 0 15px; text-align: left; font-style: italic; }
table.shop_attributes td p{ margin: 0 !important; padding: 8px; }
table.shop_attributes .alt td, table.shop_attributes .alt th{ background: #000; }
*/
/* My Account / Order Page table */
table.my_account_orders {
overflow: hidden;
margin-bottom: 20px;
font-size: 12px;
line-height: 18px;
}
table.my_account_orders th, table.my_account_orders td {
padding: 6px 15px;
vertical-align: middle;
word-wrap: break-word;
}
table.my_account_orders th{ padding: 15px; }
table.my_account_orders td a{ display: block; }
/* Order Detail / Checkout Page table */
.woocommerce-account table.shop_table{ margin-bottom: 55px; }
.woocommerce-account table.shop_table th, #order_review table.shop_table th{ padding: 15px; }
.woocommerce-account table.shop_table td, #order_review table.shop_table td{ padding: 6px 15px; }
.woocommerce-account table.shop_table tfoot td, #order_review table.shop_table tfoot td {
padding: 10px 0;
text-align: left;
}
.woocommerce-account table.shop_table tfoot tr td:first-child, #order_review table.shop_table tfoot tr td:first-child{ text-align: right; }
.woocommerce-account table.shop_table tfoot .amount{ font-size: 14px; font-weight: bold; }
#order_review table.shop_table tfoot .total strong{ font-size: 15px; }
#order_review table.shop_table tfoot .total strong span{ font-size: 15px; font-weight: bold; }
.woocommerce-account table.shop_table tfoot td p, #order_review table.shop_table tfoot td p{ margin: 0; }
/*
CART
-------------------------------------------------------------------------------------------------------------------------------------*/
.woocommerce-cart .pk_without_sidebar{ padding-bottom: 20px; }
a.remove {
display: block;
margin: 0 5px 0 15px;
width: 16px;
height: 16px;
text-indent: -9999px;
}
td.product-remove{ padding: 0 !important; }
td.product-thumbnail { padding: 0 5px !important; }
td.product-thumbnail img {
position:relative;
top: 11px;
max-width: 40px;
height: auto;
}
td.product-name dl.variation{ margin: 0; }
td.product-name dl.variation dt {
font-weight: bold;
display: inline-block;
margin: 0 4px 0 0;
padding: 0;
}
td.product-name dl.variation dd {
display: inline;
margin: 0 12px 0 0;
padding: 0;
}
td.product-name dl.variation dt:after{ clear: both; }
td.product-price, td.product-subtotal{ font-size: 13px; }
td.product-subtotal{ padding-right: 15px; }
td.actions .coupon {
position: relative;
float: left;
margin: 5px 0 0 0;
padding-right: 135px;
width: 290px;
-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
td.actions .coupon label{ display: none; }
td.actions .coupon input.input-text {
margin: 0;
padding: 7px 5px;
min-width: none;
width: 100%;
font-size: 12px;
line-height: 16px;
border: none;
background: none;
-moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;
-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.18); -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.18); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.18);
-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
.ie8 td.actions .coupon, .ie9 td.actions .coupon{ padding-right: 130px; }
.quantity {
position: relative;
width: 57px;
height: 37px;
-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.18); -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.18); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.18);
}
.quantity input{ margin: 0; }
.quantity input.qty {
position: absolute;
margin: 5px 0 0 5px;
padding: 5px 10px;
width: 10px;
font-size: 13px;
min-width: 0 !important;
border: none !important;
background: none !important;
}
.quantity input.plus, .quantity input.minus {
position: absolute;
left: 40px;
padding: 0;
border: none;
width: 20px;
height: 19px;
cursor: pointer;
text-indent: -9999px;
z-index: 1;
-webkit-appearance: none;
-moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;
}
.quantity input.minus{ top: 19px; }
.ie8 .quantity input.plus,
.ie8 .quantity input.minus{ border: none !important; }
.cart-collaterals {
float: right;
padding-top: 25px;
width: 425px;
-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}
.cart-collaterals .cart_totals{ margin-bottom: 30px; }
.cart-collaterals .cart_totals h2 {
display: block;
margin-left: 15px;
font-size: 26px;
}
.cart-collaterals .cart_totals p{ margin: 0; }
.cart-collaterals .cart_totals table {
margin: 0 0 20px 0;
padding: 0;
}
.cart-collaterals .cart_totals tr th, .cart-collaterals .cart_totals tr td {
padding: 6px 0;
text-align: left;
border: none;
background: none;
}
.cart-collaterals .cart_totals table th, .cart-collaterals .cart_totals table td {
padding-left: 15px;
padding-right: 15px;
}
.cart-collaterals .cart_totals tr th{ width: 45%; }
.cart-collaterals .cart_totals tr.shipping select {
margin: 0;
width: 100%;
}
.cart-collaterals .cart_totals tr.shipping ul {
margin: 4px 0 0 0;
list-style: none;
}
.cart-collaterals .cart_totals tr.shipping li{ clear: both; margin: 0 0 4px 0; }
.cart-collaterals .cart_totals tr.shipping li input[type="radio"]{ float: left; margin: 6px 8px 0 0; }
.cart-collaterals .cart_totals tr.shipping li label{ display: block; overflow: hidden; }
.cart-collaterals .cart_totals tr.total td {
padding: 15px;
font-size: 18px;
}
.cart-collaterals .cart_totals tr.total .amount { font-weight: bold; }
.cart-collaterals .cart_totals table small{ display: block; }
.cart-collaterals .shipping_calculator{ margin: 0; }
.cart-collaterals .shipping_calculator h2 {
display: inline-block;
position: relative;
margin: 0 0 25px 15px;
padding-right: 23px;
font-size: 22px;
}
.cart-collaterals .shipping_calculator h2 span {
position: absolute;
display: block;
top: 12px;
right: 0;
width: 15px;
height: 15px;
text-indent: -9999px;
}
.cart-collaterals .shipping_calculator .shipping-calculator-form {
overflow: hidden;
padding: 0 15px 5px 15px;
}
.cart-collaterals .shipping_calculator .form-row select {
margin-top: 5px;
width: 100%;
}
.cart-collaterals .shipping_calculator button.button{ margin: 0; }
.cart-collaterals .related {
width: 310px;
float: left;
}
.cart-collaterals .cross-sells {
width: 314px;
float: left;
}
/*
FORMS
-------------------------------------------------------------------------------------------------------------------------------------*/
.form-row{ margin: 0 0 6px 0; }
.form-row p {
clear: both;
margin: 0;
}
.form-row input.input-text, .form-row textarea {
width: 100%;
font-size: 12px;
}
.form-row label {
display: block;
margin-bottom: 3px;
font-size: 12px;
}
.form-row label.hidden{ visibility: hidden; }
.form-row select {
width: 60%;
margin: 0 0 10px 0;
cursor: pointer;
}
.form-row .required {
font-weight: bold;
border: none;
}
.form-row .input-checkbox {
display: inline;
margin: -2px 8px 0 0;
text-align: center;
vertical-align: middle;
}
.form-row label.checkbox{ display: inline; }
.form-row-first, .form-row-last {
float: left;
overflow: visible;
width: 48%;
}
.form-row-last{ float: right; }
.ie8 input.input-text, .ie9 input.input-text{ line-height: 16px; }
/*
LOGIN
-------------------------------------------------------------------------------------------------------------------------------------*/
form.login {
overflow: hidden;
margin: 0;
padding: 15px;
-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}
form.login .form-row-first,
form.login .form-row-last{ width: 48%; margin: 0 !important;}
form.login input.input-text{ width: 100%; }
form.login .form-row{ margin-top: 10px; }
form.login .form-row a {
float: left;
margin: 8px 0 0 15px;
font-size: 13px;
}
.woocommerce-checkout form.login,
#customer_login .col-1 {
margin-bottom: 55px;
}
/*
CHECKOUT
-------------------------------------------------------------------------------------------------------------------------------------*/
.checkout_coupon .form-row-last { margin-top: -3px; }
.checkout #customer_details {
position: relative;
padding: 15px;
-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
.checkout h3 {
margin-bottom: 18px;
padding-bottom: 5px;
font-size: 15px;
line-height: 20px;
text-transform: uppercase;
}
.checkout .form-row,
.checkout .form-row input.input-text,
.checkout .col-2 .notes textarea{ width: 100%; }
.checkout .col-1{ margin-bottom: 30px; }
.checkout .col-2{ margin-right: 0; }
.checkout .col-2 h3{ margin-top: 0; }
.checkout .col-2 .notes {
float: none;
margin: 0;
}
.checkout .col-1 .form-row-first, .checkout .col-1 .form-row-last,
.checkout .col-2 .form-row-first, .checkout .col-2 .form-row-last{ width: 48%; }
.checkout .col-2 .notes textarea{ min-height: 130px; }
#shiptobilling {
float: right;
margin-bottom: 15px;
width: auto;
}
#shiptobilling label{ margin-left: -3px; }
#order_review_heading {
clear: both;
margin-top: 55px;
}
#payment {
overflow: hidden;
-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}
#payment ul.payment_methods {
clear: both;
margin: 0;
padding: 15px;
list-style: none;
}
#payment ul.payment_methods li {
overflow: hidden;
margin: 0 0 10px 0;
}
#payment ul.payment_methods li input{ margin: -3px 0 0 1px; }
#payment ul.payment_methods li label {
margin-left: 5px;
padding: 0;
}
#payment ul.payment_methods li label img {
display: block;
margin: 5px 0 0 22px;
padding: 0;
}
#payment .form-row {
overflow: hidden;
padding: 20px 0;
}
#payment #place_order {
float: right;
margin: 5px 15px 0 0;
}
#payment .cancel{ margin-left: 15px; }
#payment .terms {
padding: 10px 15px 0 15px;
margin: 0;
text-align: right;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#payment .terms label.checkbox { margin: 0 5px 0 0; }
#payment .terms .input-checkbox { margin: -1px 0 0 0; }
#payment .payment_box {
position: relative;
margin: 15px 0 10px 0;
padding: 15px;
}
#payment .payment_box #cc-expire-month, #payment .payment_box #cc-expire-year {
width: 48%;
float: left;
}
#payment .payment_box #cc-expire-year{ float: right; }
#payment .payment_box span.help {
font-size: 11px;
line-height: 13px;
font-weight: normal;
}
#payment .payment_box p, #payment .payment_box .form-row{ margin: 0; }
/*
ORDER PAGE (THANKYOU PAGE)
-------------------------------------------------------------------------------------------------------------------------------------*/
.woocommerce-thankyou .pk_page h2 {
clear: both;
margin: 50px 0 18px 0; /*55*/
padding-bottom: 5px;
font-size: 15px;
line-height: 20px;
text-transform: uppercase;
}
ul.order_details {
overflow: hidden;
margin: 30px 0 33px 0;
padding: 15px;
list-style: none;
-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}
ul.order_details li {
display: block;
padding: 5px 0;
}
ul.order_details li strong{ margin-left: 5px; }
ul.order_details li.method{ border: none; }
/*
ACCOUNT
-------------------------------------------------------------------------------------------------------------------------------------*/
.woocommerce-account .pk_page h2 {
clear: both;
margin: 0 0 18px 0; /*55*/
padding-bottom: 5px;
font-size: 15px;
line-height: 20px;
text-transform: uppercase;
}
.woocommerce-account .pk_page p:first-child:not(.form-row){ margin-bottom: 50px; }
.addresses {
position: relative;
overflow: hidden;
margin: 0 0 20px 0;
padding: 15px;
width: 100%;
-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
.addresses p{ margin: 0 !important; }
.addresses .col-1, .addresses .col-2 {
position: relative;
float: left;
width: 47%;
}
.addresses .col-2{ float: right; }
.addresses .title {
overflow: hidden;
margin-bottom: 15px;
zoom: 1;
}
.addresses .title h3 {
float: left;
margin-bottom: 10px;
font-size: 15px;
line-height: 20px;
text-transform: uppercase;
}
.addresses .title .edit {
float: right;
margin-top: -1px;
}
/* Order Detail */
.woocommerce-account mark,
.woocommerce-thankyou mark {
padding: 0;
border: none;
}
.woocommerce-account dl,
.woocommerce-thankyou dl {
padding: 15px;
-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}
.woocommerce-account dl dt,
.woocommerce-thankyou dl dt {
float: left;
margin-right: 10px;
}
.woocommerce-account dl dd,
.woocommerce-thankyou dl dd {
margin: 0 0 5px 0;
padding-top: 1px;
}
/*
RELATED PRODUCTS
-------------------------------------------------------------------------------------------------------------------------------------*/
.related.products{ margin-top: 55px; }
.related.products h2 {
margin-bottom: 18px;
padding-bottom: 5px;
font-size: 15px;
line-height: 20px;
text-transform: uppercase;
}
/*
OTHERS
-------------------------------------------------------------------------------------------------------------------------------------*/
td.alignright {
float: none; /*right*/
margin: 0;
}
/*
QUERIES
-------------------------------------------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 959px) {
.woocommerce_tabs ul.tabs{ padding: 0; }
.woocommerce_tabs ul.tabs li{ float: none; margin: 0; }
.woocommerce_tabs ul.tabs li.active, .woocommerce_tabs ul.tabs li:hover {
-moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;
-moz-box-shadow: none; -webkit-box-shadow:none; box-shadow: none;
}
.woocommerce_tabs ul.tabs a{ display: block; float: none; padding: 5px 15px; }
.star-rating{ float: none; margin-top: -5px; }
.star-rating + h2{ clear: both; display: block; padding-top: 25px; }
.comment-text .star-rating{ position: relative; bottom: 0; }
table.my_account_orders th:nth-child(1),
table.my_account_orders td:nth-child(1),
table.my_account_orders th:nth-child(2),
table.my_account_orders td:nth-child(2){ display: none; }
}
/* Tablet (portrait and landscape) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
.products li{ float: none; width: 400px; margin-right: 0; padding: 0; background-image: none !important; }
.products li a img { float: left; top: 0; margin: 15px; width: 160px;
border-bottom: none !important;
border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0;
border-top-left-radius: 3px; -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px;
border-bottom-left-radius: 3px; -moz-border-radius-bottomleft: 3px; -webkit-border-bottom-left-radius: 3px;
}
.products li .onsale{ left: 15px; }
.products li h3{ overflow: hidden; margin-bottom: 5px; padding-bottom: 3px; width: auto; }
.products li .price{ overflow: hidden; margin: 0; padding: 0; min-height: auto; }
.products li .price del{ float: none; display:block; margin: 0 0 -5px 0; }
.products li .price ins{ float: none; }
.products li .price .from{ display: block; float: none; margin: 6px 6px 0 0; line-height: 10px; }
.products li .price .from + del { position: relative; left: 0; }
.pk_call_to_action_content .woocommerce_ordering { width: 240px; }
.pk_call_to_action_content .woocommerce_ordering select { width: 240px !important; }
.pk_call_to_action_content .woocommerce_ordering span.pk_select { padding: 10px 15px; width: 210px; }
}
/* Mobile */
@media screen and (max-width: 767px) {
.products li{ float: none; width: 260px; margin-right: 0; }
.products li a img{ width: 100%; }
.woocommerce_ordering { top: 25px; left: 20px; right: auto; width: 260px; }
.woocommerce_ordering select { width: 260px !important; }
.pk_ordering { position: relative; top: 0; left: 0; right: auto; margin-top: 20px; width: 260px; height: 40px; }
.pk_ordering select { width: 260px !important; }
.pk_ordering span.pk_select { width: 230px; text-align: left; }
.product p.price { position: absolute; top: 15px; right: auto; left: 15px; }
p.stock { position: relative; top: 0; }
form.variations_form .single_variation{ text-align: center; }
form.variations_form .single_variation .price{ display: inline-block; float: none; }
.woocommerce-cart th.product-thumbnail, .woocommerce-cart td.product-thumbnail,
.woocommerce-cart th.product-price, .woocommerce-cart td.product-price,
.woocommerce-cart th.product-quantity, .woocommerce-cart td.product-quantity{ display: none; }
.woocommerce-cart td.actions .coupon{ width: 230px; margin-bottom: 30px; }
.woocommerce-cart .cart-collaterals{ width: 100%; margin: 0; }
.woocommerce-checkout table.shop_table tfoot td{ padding-right: 15px !important; }
table.my_account_orders th:nth-child(4),
table.my_account_orders td:nth-child(4){ display: none; }
.form-row-first, .form-row-last{ float: left; width: 100%; }
.form-row label.hidden{ display: none; }
form.login .form-row-first, form.login .form-row-last{ width: 100%; }
.checkout_coupon .form-row-last{ margin-bottom: 20px; }
.checkout_coupon .form-row-last .button{ float: right; }
.checkout .col-1 .form-row-first, .checkout .col-1 .form-row-last,
.checkout .col-2 .form-row-first, .checkout .col-2 .form-row-last{ width: 100%; }
#shiptobilling{ float: none; }
.addresses .col-1, .addresses .col-2{ float: none !important; width: 100%; margin: 0; }
.addresses .col-1{ margin-bottom: 30px; }
}
/* Mobile Landscape */
@media only screen and (min-width: 480px) and (max-width: 767px) {
.products li{ float: none; width: 420px; margin-right: 0; padding: 0; background-image: none !important; }
.products li a img { float: left; top: 0; margin: 15px; width: 160px;
border-bottom: none !important;
border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0;
border-top-left-radius: 3px; -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px;
border-bottom-left-radius: 3px; -moz-border-radius-bottomleft: 3px; -webkit-border-bottom-left-radius: 3px;
}
.products li .onsale{ left: 15px; }
.products li h3{ overflow: hidden; margin-bottom: 5px; padding-bottom: 3px; width: auto; }
.products li .price{ overflow: hidden; margin: 0; padding: 0; }
.products li .price del{ float: none; display:block; margin: 0 0 -5px 0; }
.products li .price ins{ float: none; }
.products li .price .from{ display: block; float: none; margin: 6px 6px 0 0; line-height: 10px; }
.products li .price .from + del { position: relative; left: 0; }
.woocommerce_ordering { left: auto; right: 20px; width: 180px; }
.woocommerce_ordering select { width: 180px !important; }
.pk_ordering { position: relative; top: 0; left: 0; right: auto; margin-top: 20px; width: 420px; height: 40px; }
.pk_ordering select { width: 420px !important; }
.pk_ordering span.pk_select { width: 390px; }
form.variations_form .single_variation{ text-align: left; }
form.variations_form .single_variation .price{ display: block; float: right; }
.woocommerce-cart td.actions .coupon{ width: 390px; }
#shiptobilling{ float: right; }
}