1st commit
This commit is contained in:
371
css/woocommerce.css
Normal file
371
css/woocommerce.css
Normal file
@@ -0,0 +1,371 @@
|
||||
.woocommerce .page-title {
|
||||
padding: 0 0 20px;
|
||||
}
|
||||
|
||||
.kk-woo-shop .page-title, .single-product .kk-woo-shop h1.product_title {
|
||||
font-size: 52px;
|
||||
font-weight: 400;
|
||||
line-height: 60px;
|
||||
text-transform: uppercase;
|
||||
margin: 0;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.single-product .kk-woo-shop h1.product_title {
|
||||
margin: 0 0 20px 0;
|
||||
}
|
||||
|
||||
.woocommerce .kk-woo-shop-wrapper .woocommerce-ordering, .woocommerce-page .kk-woo-shop-wrapper .woocommerce-ordering {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.woocommerce .kk-woo-shop-wrapper .woocommerce-result-count, .woocommerce-page .kk-woo-shop-wrapper .woocommerce-result-count {
|
||||
float: right;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.woocommerce .kk-woo-shop-wrapper ul.products li.product, .woocommerce .kk-woo-related ul.products li.product {
|
||||
width: 31.3%;
|
||||
}
|
||||
|
||||
.woocommerce .kk-woo-shop-wrapper ul.products li.product, .woocommerce .kk-woo-related ul.products li.product {
|
||||
margin-right: 3%;
|
||||
}
|
||||
|
||||
.woocommerce .kk-woo-shop-wrapper ul.products li.last, .woocommerce .kk-woo-related ul.products li.last {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
.woocommerce .kk-woo-shop-wrapper ul.products li.product a img, .woocommerce-page .kk-woo-shop-wrapper ul.products li.product a img, .woocommerce .kk-woo-shop #content div.product div.images img, .woocommerce .kk-woo-shop div.product div.images img, .woocommerce-page .kk-woo-shop #content div.product div.images img, .woocommerce-page .kk-woo-shop div.product div.images img {
|
||||
box-shadow: none;
|
||||
-webkit-box-shadow: none;
|
||||
-moz-box-shadow: none;
|
||||
}
|
||||
|
||||
.woocommerce .kk-woo-shop-wrapper ul.products li.product h3, .woocommerce-page .kk-woo-shop-wrapper ul.products li.product h3, .woocommerce .kk-woo-related ul.products li.product h3, .woocommerce-page .kk-woo-related ul.products li.product h3, .woocommerce-cart .cart-collaterals .cross-sells ul.products h3 , .woocommerce .kk-woo-shop-wrapper ul.products li.product h2, .woocommerce-page .kk-woo-shop-wrapper ul.products li.product h2, .woocommerce .kk-woo-related ul.products li.product h2, .woocommerce-page .kk-woo-related ul.products li.product h2, .woocommerce-cart .cart-collaterals .cross-sells ul.products h2 {
|
||||
font-size: 16px;
|
||||
font-weight: 600;
|
||||
line-height: 22px;
|
||||
margin: 0;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.woocommerce-cart .cart-collaterals .cross-sells ul.products {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
.woocommerce .kk-woo-related ul.products li.product, .woocommerce-page .kk-woo-shop-wrapper ul.products li.product {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.woocommerce #content input.button, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce .kk-woo-shop-wrapperbutton .button, .woocommerce input.button, .woocommerce-page #content input.button, .woocommerce-page #respond input#submit, .woocommerce-page a.button, .woocommerce-page button.button, .woocommerce-page input.button, .woocommerce ul.products li.product a.added_to_cart, .woocommerce-page ul.products li.product a.added_to_cart {
|
||||
background: none;
|
||||
box-shadow: none;
|
||||
-webkit-box-shadow: none;
|
||||
-moz-box-shadow: none;
|
||||
color: #888888;
|
||||
border: 2px solid #ccc;
|
||||
display: block;
|
||||
float: left;
|
||||
margin: 12px 2px 2px 4px;
|
||||
padding: 10px 20px 9px 20px;
|
||||
text-decoration: none;
|
||||
text-transform: uppercase;
|
||||
width: auto;
|
||||
line-height: 12px;
|
||||
font-size: 11px;
|
||||
font-weight: 600;
|
||||
-moz-transition: all 0.1s linear;
|
||||
-o-transition: all 0.1s linear;
|
||||
-ms-transition: all 0.1s linear;
|
||||
-webkit-transition: all 0.1s linear;
|
||||
transition: all 0.1s linear;
|
||||
}
|
||||
|
||||
.woocommerce ul.products li.product .button {
|
||||
margin-top: 12px;
|
||||
}
|
||||
|
||||
.woocommerce .content a.button, .woocommerce .content button.button, .woocommerce .content input.button, .woocommerce .content #respond input#submit, .woocommerce .content #content input.button, .woocommerce-page .content a.button, .woocommerce-page .content button.button, .woocommerce-page .content input.button, .woocommerce-page .content #respond input#submit, .woocommerce-page .content #content input.button {
|
||||
background: none;
|
||||
border-radius: 0;
|
||||
-moz-border-radius: 0;
|
||||
-webkit-border-radius: 0;
|
||||
box-shadow: none;
|
||||
-webkit-box-shadow: none;
|
||||
-moz-box-shadow: none;
|
||||
color: #888888;
|
||||
border: 2px solid #ccc;
|
||||
display: inline-block;
|
||||
margin: 0px 2px 2px 0;
|
||||
padding: 10px 20px 9px 20px;
|
||||
text-decoration: none;
|
||||
text-transform: uppercase;
|
||||
width: auto;
|
||||
line-height: 12px;
|
||||
font-size: 11px;
|
||||
font-weight: 600;
|
||||
text-shadow: none;
|
||||
-moz-transition: all 0.1s linear;
|
||||
-o-transition: all 0.1s linear;
|
||||
-ms-transition: all 0.1s linear;
|
||||
-webkit-transition: all 0.1s linear;
|
||||
transition: all 0.1s linear;
|
||||
}
|
||||
|
||||
|
||||
.woocommerce #respond input#submit.loading:after,
|
||||
.woocommerce a.button.loading:after,
|
||||
.woocommerce button.button.loading:after,
|
||||
.woocommerce input.button.loading:after {
|
||||
font-family:WooCommerce;
|
||||
content:"\e01c";
|
||||
vertical-align:top;
|
||||
-webkit-font-smoothing:antialiased;
|
||||
font-weight:400;
|
||||
position:absolute;
|
||||
top:9px;
|
||||
right:5px;
|
||||
-webkit-animation:spin 2s linear infinite;
|
||||
-moz-animation:spin 2s linear infinite;
|
||||
animation:spin 2s linear infinite
|
||||
}
|
||||
|
||||
.kk-woo-shop .inner-content {
|
||||
box-sizing: border-box;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
width: 100%;
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.woocommerce .kk-woo-shop .kk-woo-shop-item .star-rating, .woocommerce-page .kk-woo-shop .kk-woo-shop-item .star-rating, .woocommerce .kk-woo-related .star-rating, .woocommerce-page .kk-woo-related .star-rating, .woocommerce-cart .cross-sells .star-rating {
|
||||
float: right;
|
||||
top: 15px;
|
||||
right: 10px;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.woocommerce .kk-woo-shop-wrapper ul.products li.product .price, .woocommerce-page .kk-woo-shop-wrapper ul.products li.product .price, .woocommerce .kk-woo-related ul.products li.product .price, .woocommerce-page .kk-woo-related ul.products li.product .price, .woocommerce ul.products li.product .price, .woocommerce-cart .cross-sells ul.product .price {
|
||||
font-size: 18px;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.woocommerce .kk-woo-shop-wrapper ul.products li.product .price del, .woocommerce-page .kk-woo-shop-wrapper ul.products li.product .price del, .woocommerce .kk-woo-related ul.products li.product .price del, .woocommerce-page .kk-woo-related ul.products li.product .price del, .woocommerce div.product span.price del, .woocommerce ul.products li.product .price del {
|
||||
font-size: 16px;
|
||||
font-weight: 600;
|
||||
text-decoration: none;
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
margin-left: 10px;
|
||||
margin: 0 10px 0 0;
|
||||
}
|
||||
|
||||
.woocommerce .kk-woo-shop-wrapper ul.products li.product .price del:before, .woocommerce-page .kk-woo-shop-wrapper ul.products li.product .price del:before, .woocommerce .kk-woo-related ul.products li.product .price del:before, .woocommerce-page .kk-woo-related ul.products li.product .price del:before, .woocommerce div.product span.price del:before, .woocommerce ul.products li.product .price del:before {
|
||||
position: absolute;
|
||||
content: '';
|
||||
left: -5px;
|
||||
right: -5px;
|
||||
top: 50%;
|
||||
border-width: 1px;
|
||||
border-bottom-style: solid;
|
||||
-webkit-transform: rotate(-12deg);
|
||||
-moz-transform: rotate(-12deg);
|
||||
-ms-transform: rotate(-12deg);
|
||||
-o-transform: rotate(-12deg);
|
||||
transform: rotate(-12deg);
|
||||
}
|
||||
|
||||
.woocommerce .kk-woo-shop span.onsale, .woocommerce-page .kk-woo-shop span.onsale, .woocommerce-cart .cross-sells ul.products li.product .onsale {
|
||||
background: none repeat scroll 0 0 #ed0e0e;
|
||||
box-shadow: none;
|
||||
-webkit-box-shadow: none;
|
||||
-moz-box-shadow: none;
|
||||
border-radius: 0;
|
||||
-moz-border-radius: 0;
|
||||
-moz-border-radius: 0;
|
||||
-webkit-border-radius: 0;
|
||||
color: #fff;
|
||||
font-weight: 600;
|
||||
line-height: 14px;
|
||||
min-height: 14px;
|
||||
text-transform: uppercase;
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
.woocommerce .kk-woo-shop ul.products li.product .onsale, .woocommerce-page .kk-woo-shop ul.products li.product .onsale, .woocommerce-cart .cross-sells ul.products li.product .onsale {
|
||||
right: auto;
|
||||
left: 10px;
|
||||
top: 10px;
|
||||
margin: 0;
|
||||
text-shadow: none;
|
||||
}
|
||||
|
||||
.woocommerce .star-rating, .woocommerce-page .star-rating {
|
||||
height: 1.1em;
|
||||
}
|
||||
|
||||
.woocommerce-cart .content .shop_table, .woocommerce-checkout table.shop_table {
|
||||
border: none;
|
||||
border-radius: 0;
|
||||
-moz-border-radius: 0;
|
||||
-moz-border-radius: 0;
|
||||
-webkit-border-radius: 0;
|
||||
}
|
||||
|
||||
.woocommerce .quantity .qty {
|
||||
padding: 7px 8px 8px 8px;
|
||||
}
|
||||
|
||||
.woocommerce .content table.shop_table th, .woocommerce-page .content table.shop_table th {
|
||||
font-size: 18px;
|
||||
padding: 15px 12px;
|
||||
}
|
||||
|
||||
.woocommerce-cart table.cart td.actions .coupon .input-text {
|
||||
border: 1px solid #DDDDDD;
|
||||
padding: 8px;
|
||||
color: #888;
|
||||
width: 150px;
|
||||
margin-bottom:15px;
|
||||
font-size: 13px;
|
||||
line-height: 18px;
|
||||
box-shadow: 0 1px 2px 0 rgba(180, 180, 180, 0.2);
|
||||
-webkit-box-shadow:: 0 1px 2px 0 rgba(180, 180, 180, 0.2);
|
||||
box-sizing:border-box;
|
||||
-ms-box-sizing:border-box;
|
||||
-moz-box-sizing:border-box;
|
||||
-webkit-box-sizing:border-box;
|
||||
}
|
||||
|
||||
.woocommerce .content .quantity, .woocommerce .quantity, .woocommerce-page .content .quantity, .woocommerce-page .content .quantity {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.woocommerce .content table.shop_table td, .woocommerce-page .content table.shop_table td {
|
||||
font-size: 14px;
|
||||
padding: 25px 12px;
|
||||
}
|
||||
|
||||
.woocommerce .kk-woo-related h2, .cart-collaterals h2, .woocommerce #reviews h3 {
|
||||
font-size: 20px;
|
||||
font-weight: 600;
|
||||
margin-bottom: 30px;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.woocommerce #comments {
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
|
||||
.woocommerce .kk-woo-related {
|
||||
margin-top: 40px;
|
||||
}
|
||||
|
||||
.woocommerce .woocommerce-checkout h3 {
|
||||
font-size: 20px;
|
||||
font-weight: 600;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.woocommerce #reviews #comments h2, .woocommerce-page #reviews #comments h2, .woocommerce .woocommerce-tabs #tab-additional_information h2, .woocommerce-page .woocommerce-tabs #tab-additional_information h2 {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.woocommerce div.product p.price del, .woocommerce div.product span.price del {
|
||||
display: inline-block;
|
||||
font-size: 18px;
|
||||
font-weight: 600;
|
||||
margin: 0 10px 0 0;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.woocommerce div.product .single_variation span.price {
|
||||
margin-bottom: 20px;
|
||||
display: inline-block;
|
||||
font-size: 22px;
|
||||
font-weight: 600;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.woocommerce div.product .entry-summary p.price ins, .woocommerce div.product .entry-summary span.price ins, .woocommerce div.product .summary p.price {
|
||||
font-size: 22px;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.woocommerce .entry-summary .product_meta .sku_wrapper .sku, .woocommerce .entry-summary .product_meta .posted_in a {
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.woocommerce .entry-summary .product_meta .sku_wrapper, .woocommerce .entry-summary .product_meta .posted_in {
|
||||
display: block;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.woocommerce-page .entry-summary .variations tbody td {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.woocommerce .woocommerce-shipping-calculator button {
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.woocommerce form .form-row {
|
||||
padding: 0 0 10px 0;
|
||||
}
|
||||
|
||||
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {
|
||||
line-height: 18px;
|
||||
}
|
||||
|
||||
.woocommerce .woocommerce-shipping-calculator >p {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.woocommerce .cart_totals tr.order-total span.amount {
|
||||
font-size: 16px;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.woocommerce .cart_totals table tr th {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.woocommerce .woocommerce-shipping-fields #ship-to-different-address-checkbox {
|
||||
float: left;
|
||||
margin-right: 10px;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.woocommerce .woocommerce-checkout-payment li > input {
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.woocommerce-checkout .content table.shop_table tfoot tr th {
|
||||
background: none;
|
||||
font-size: 14px;
|
||||
padding: 12px 12px;
|
||||
}
|
||||
|
||||
.woocommerce-checkout .content table.shop_table tfoot tr td {
|
||||
padding: 12px 12px;
|
||||
}
|
||||
|
||||
.woocommerce-checkout .content table.shop_table tbody tr td {
|
||||
padding: 12px 12px;
|
||||
}
|
||||
|
||||
.woocommerce-checkout #customer_details {
|
||||
margin-bottom: 50px;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 766px) {
|
||||
.woocommerce .kk-woo-shop-wrapper ul.products li.product, .woocommerce .kk-woo-related ul.products li.product {
|
||||
width: 100%;
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user