Fix File
•
/
home
/
sportsfe...
/
httpdocs
/
clone
/
wp-conte...
/
themes
/
herald
/
assets
/
css
•
File:
herald-woocommerce.css
•
Content:
.herald-woo-mod-right{ float: right; } .woocommerce a.button.loading:after, .woocommerce button.button.loading:after, .woocommerce input.button.loading:after, .woocommerce ul.products li.product .added_to_cart:after, .return-to-shop .button.wc-backward:before, .woocommerce .widget_shopping_cart_content .buttons .button:after, .woocommerce div.product form.cart .variations .reset_variations:before, .wcmenucart .fa { font-weight: normal; font-style: normal; letter-spacing: normal; text-rendering:auto; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; } .woocommerce .woocommerce-ordering select { vertical-align: top; height: 35px; padding: 5px 10px; } .woocommerce .woocommerce-ordering, .woocommerce .woocommerce-result-count{ margin: 0 0 30px; } .woocommerce ul.products li.product .button, .woocommerce ul.products li.product .added_to_cart, body.woocommerce .button, body.woocommerce-page .button, .woocommerce .widget_shopping_cart_content .buttons .button{ display: inline-block; font-size: 1.4rem; text-transform: uppercase; line-height: 3rem; min-width: 40px; height: 40px; padding:5px 30px; border-radius: 2px; max-width: 200px; border: none; text-align: center; color: #FFF; font-weight: normal; } .woocommerce ul.products li.product .button:hover, .woocommerce ul.products li.product .added_to_cart:hover, .woocommerce div.product form.cart .button:hover, body.woocommerce .button:hover, body.woocommerce-page .button:hover, .woocommerce a.button.alt:hover, .woocommerce-checkout #place_order:hover, .woocommerce .widget_shopping_cart_content .buttons .button:hover, .woocommerce #respond input#submit:hover{ cursor: pointer; text-decoration: none; background-image: -moz-linear-gradient(left,rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.1) 100%); background-image: -webkit-gradient(linear,left top,right top,color-stop(0%,rgba(0,0,0,0.1)),color-stop(100%,rgba(0,0,0,0.1))); background-image: -webkit-linear-gradient(left,rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.1) 100%); background-image: -o-linear-gradient(left,rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.1) 100%); background-image: -ms-linear-gradient(left,rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.1) 100%); background-image: linear-gradient(to right,rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.1) 100%); } /*-------------------------------------------------------------- - Globals --------------------------------------------------------------*/ .price, .amount{ color: #77a464; } .woocommerce del { opacity: .5; } .woocommerce ins { text-decoration: none; } .woocommerce select{border-radius: 2px;} /* star ratings*/ .woocommerce p.stars a, .woocommerce .star-rating { font-size: 1em; color: #F9CA63; } .woocommerce .star-rating:before { color: #dedede; } /* quantity arrows */ .quantity.buttons_added input { -webkit-appearance: none !important } .quantity.buttons_added { position: relative; overflow: hidden; zoom: 1; border: 1px solid #e4e4e4; float: left; } .quantity.buttons_added input[type=number] { float: left; height: 24px; line-height: 24px; -moz-appearance: textfield; } .quantity.buttons_added .minus, .quantity.buttons_added .plus, .quantity.buttons_added .qty { display: block; float: left; height: 24px; width: 24px; line-height: 24px; border: 0; margin: 0; padding: 0; text-align: center; vertical-align: middle; font-size: 0.923em; color: #777; cursor: pointer; outline: none; } .quantity.buttons_added .minus, .quantity.buttons_added .qty { border-right: 1px solid #e4e4e4 } .quantity.buttons_added .plus, .quantity.buttons_added .minus { background: #f7f7f7 } .quantity.buttons_added .minus:hover, .quantity.buttons_added .plus:hover { background: #f5f5f5; color: #000; } .quantity.buttons_added input::-webkit-outer-spin-button, .quantity.buttons_added input::-webkit-inner-spin-button { display: none } /* columns */ .col2-set:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; zoom: 1; } /* border colors */ .woocommerce-checkout #payment ul.payment_methods, .woocommerce table.shop_table, .woocommerce table.shop_table td, .woocommerce-cart .cart-collaterals .cart_totals tr td, .woocommerce-cart .cart-collaterals .cart_totals tr th, .woocommerce table.shop_table tbody th, .woocommerce table.shop_table tfoot td, .woocommerce table.shop_table tfoot th, .woocommerce .order_details, .woocommerce .cart-collaterals .cross-sells, .woocommerce-page .cart-collaterals .cross-sells, .woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals, .woocommerce .cart-collaterals h2, .woocommerce .cart-collaterals h2, .woocommerce ul.order_details, .woocommerce .shop_table.order_details tfoot th, .woocommerce .shop_table.customer_details th, .woocommerce-checkout #payment ul.payment_methods, .woocommerce .col2-set.addresses .col-1, .woocommerce .col2-set.addresses .col-2, .select2-container .select2-choice { border-color: rgba(0,0,0,0.1); } .entry-content div.select2-container .select2-choice{ border-bottom: 1px solid rgba(0,0,0,0.1); } /*-------------------------------------------------------------- - Buttons --------------------------------------------------------------*/ .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce ul.products li.product .added_to_cart{ color: #FFF; font-weight: normal; } .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce ul.products li.product .added_to_cart:hover{ color: #FFF; } /* Button > Loading*/ .woocommerce #respond input#submit.loading, .woocommerce a.button.loading, .woocommerce button.button.loading, .woocommerce input.button.loading { opacity: 1; padding-right: 1em; } .woocommerce #respond input#submit.loading:after, .woocommerce a.button.loading:after, .woocommerce button.button.loading:after, .woocommerce input.button.loading:after { font-family: "FontAwesome"; content: "\f021"; vertical-align: top; -webkit-font-smoothing: antialiased; font-weight: 400; position: inherit; top: auto; right: auto; margin-left: .53em; animation: spin 1s linear infinite; -webkit-animation: spin 1s linear infinite; -moz-animation: spin 1s linear infinite; display: inline-block; color: inherit; opacity: 1; } /* Button > Added to cart */ .woocommerce ul.products li.product .added_to_cart:after { font-family: "FontAwesome"; content: "\f07a"; margin-left: .53em; vertical-align: bottom; } /* Button > Alt */ .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt { color: #fff; -webkit-font-smoothing: inherit; text-transform: none; font-weight: normal; } /* Button > Disabled */ .woocommerce button.disabled, .woocommerce button.alt:disabled { background: #4a97c2 !important; } /* Button > Return to shop */ .return-to-shop .button.wc-backward:before { font-family: "FontAwesome"; content: "\f053"; margin-right: 8px; } .woocommerce #reviews #respond{ display: block; } /*-------------------------------------------------------------- - Store --------------------------------------------------------------*/ .woocommerce .products ul, .woocommerce ul.products { margin: 0; } .woocommerce ul.products li.product, .woocommerce-page ul.products li.product{ margin-bottom: 40px; } /* store > ordering & sorting */ .woocommerce .woocommerce-ordering, .woocommerce .woocommerce-result-count { margin: 0 10px 30px 0; } .woocommerce .woocommerce-ordering { margin: 0; float: right; margin-bottom: 20px; } .woocommerce .woocommerce-ordering select { vertical-align: top; border-radius: 4px; } .woocommerce .woocommerce-result-count { display: block; float: left; margin: 10px 10px 10px 0; font-size: 14px; } .woocommerce .woocommerce-result-count span.strong { font-weight: bold; font-weight: 600; } .woocommerce .woocommerce-ordering .orderby, .woocommerce .woocommerce-ordering .orderby span { width: auto !important } /* store > pagination */ .woocommerce nav.woocommerce-pagination ul { display: block; border: none; margin: 0; } .woocommerce nav.woocommerce-pagination ul li { display: block; border-right: none; margin: 0 4px 4px 0; } .woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span { padding: 0.4em 0.7em; font-size: 0.923em; } /*-------------------------------------------------------------- - Notices --------------------------------------------------------------*/ .woocommerce .woocommerce-error, .woocommerce .woocommerce-info, .woocommerce .woocommerce-message { background-color: #f7f7f7; border-left: 1px solid rgba(0,0,0,0.01); border-right: 1px solid rgba(0,0,0,0.01); border-bottom: 1px solid rgba(0,0,0,0.01); padding: 15px 15px 15px 40px !important; font-size: 14px; } .woocommerce .woocommerce-error:before, .woocommerce .woocommerce-info:before, .woocommerce .woocommerce-message:before { top: 15px; left: 15px; } .woocommerce .woocommerce-error:before { font-family: "FontAwesome"; content: "\f071"; } .woocommerce .woocommerce-message:before { font-family: "FontAwesome"; content:"\f00c"} .woocommerce .woocommerce-info:before { font-family: "FontAwesome"; content: "\f05a"; } .woocommerce .woocommerce-error .button, .woocommerce .woocommerce-info .button, .woocommerce .woocommerce-message .button { margin: -5px 0 0 0; } /*-------------------------------------------------------------- - Pagination --------------------------------------------------------------*/ .woocommerce-pagination{ float: left; width: 100%; position: relative; padding-top: 35px; text-align: center; margin-bottom: 35px; } .woocommerce nav.woocommerce-pagination ul{ display: inline-block; } .woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span{ display: inline-block; font-size: 1.4rem; line-height: 2.8rem; height: 40px; border-radius: 2px; text-transform: uppercase; min-width: 40px; padding: 5px; } /*-------------------------------------------------------------- - Product Entries --------------------------------------------------------------*/ .woocommerce .products .product { overflow: hidden; padding-bottom: 20px; } .woocommerce .products .product-inner { position: relative; text-align: center; } .woocommerce ul.products li.product a img.woo-entry-image-main { display: block; margin: 0 auto 20px; } .woo-product-entry-slider { margin-bottom: 20px; } .woo-product-entry-slider .sp-arrow { height: 40px; width: 25px; line-height: 40px; background: rgba(0,0,0,.3); } .woo-product-entry-slider .sp-arrow:hover { background: rgba(0,0,0,1); } .woo-product-entry-slider.wpex-slider .sp-buttons { left: auto; right: 0; top: 0; padding: 10px; } .woocommerce ul.products li.product h3 { font-size: 16px; font-weight: normal; font-weight: 400; margin: 0; padding: 0; } .woocommerce span.onsale { z-index: 9; color: #fff; font-size: 0.923em; padding: .6em .8em; line-height: 1; text-transform: uppercase; font-weight: normal; position: absolute; text-align: center; top: 15px; left: 15px; margin: 0; min-height: 0; min-width: 0; border-radius: 0; -webkit-font-smoothing: inherit; } .woocommerce ul.products li.product .onsale { top: 15px; right: 15px; margin: 0; border-radius: 2px; } .woocommerce ul.products li.product.outofstock .onsale { display: none; } .woocommerce ul.products li.product.outofstock .outofstock-badge { z-index: 9; color: #fff; font-size: 0.923em; padding: .6em .8em; line-height: 1; font-weight: normal; position: absolute; text-align: center; top: 15px; left: 15px; margin: 0; background: #000; background: rgba( 0,0,0, 0.75 ); } .woocommerce ul.products li.product .star-rating { float: none; display: block; margin: 3px 0 0; } .woocommerce ul.products li.product .price { display: block; font-size: 1.6rem; font-weight: normal; margin: 5px 0 0; } .woocommerce ul.products li.product .price del, .woocommerce ul.products li.product .price ins { font-weight: normal; display: inline-block; text-decoration: none; } .woocommerce ul.products li.product .price del .amount { font-weight: normal; text-decoration: line-through; } .woocommerce ul.products li.product .button { margin: 10px auto 0; display: inline-block; float: none; } .woocommerce ul.products li.product .added_to_cart { margin: 10px auto 0; } .woocommerce ul.products li.product .button.added { display: none !important; } .woocommerce-cart .woocommerce ul.products li.product .button { display: none; } /*-------------------------------------------------------------- - Single --------------------------------------------------------------*/ .woocommerce div.product .product_title { margin: 0; } .woocommerce div.product div.images { float: left; width: 52%; margin-bottom: 0; } .product-variation-thumbs { margin: 0 -3px; } .product-variation-thumbs a { display: block; float: left; cursor: pointer; height: auto; width: 20%; padding: 3px; margin: 0; } .woocommerce div.product div.summary { float: right; width: 44%; margin-bottom: 2em; } .woocommerce div.product form.cart { padding: 20px 0; margin: 0; } .woocommerce div.product div.summary .price { font-size: 1.615em; } .woocommerce div.product div.summary ins, .woocommerce div.product div.summary del { display: inline; } .woocommerce div.product div.summary ins { text-decoration: none; } .woocommerce div.product div.summary del { font-size: 0.667em; margin-right: 5px; } .woocommerce div.product p.price ins, .woocommerce div.product span.price ins { font-weight: normal; } .woocommerce div.product .woocommerce-product-rating { margin: 0 0 10px; } .woocommerce div.product form.cart .variations select{ width: 50%; height: 40px; padding: 10px; font-size: 1.4rem; } body.woocommerce div.product form.cart .variations .reset_variations{ font-size: 1.2rem; text-transform: uppercase; border: 1px solid; padding: 6px 20px; display: inline-block; vertical-align: top; -webkit-transition: all .2s ease; transition: all .2s ease; border-color: rgba(68,68,68,0.2); margin: 0 0 0 10px; } body.woocommerce div.product form.cart .variations .reset_variations:hover{ color:red; border:1px solid red; } .woocommerce div.product div.summary .single_add_to_cart_button { height: 40px; line-height: 36px; padding-top: 0; padding-bottom: 0; padding: 0 30px; } .woocommerce div.product div.summary .single_add_to_cart_button .fa { margin-left: 8px; } /* Single > Quantity */ .woocommerce div.product form.cart div.quantity { float: left; margin-right: 10px } .woocommerce div.product form.cart div.quantity .minus, .woocommerce div.product form.cart div.quantity .plus, .woocommerce div.product form.cart div.quantity .qty { height: 34px; line-height: 34px; width: 34px; -moz-appearance: textfield; padding: 0; } .woocommerce div.product form.cart div.quantity .qty { width: 65px; border-radius: 2px; height: 40px;} /* Single > Variations */ .woocommerce div.product form.cart .variations label { color: #000; font-weight: bold; font-weight: 600; } .woocommerce div.product form.cart .variations td.label { padding: 0 0 10px; width: 20%; } .woocommerce div.product form.cart .variations td.value { padding: 0 0 10px; } .woocommerce div.product form.cart .variations .reset_variations { display: block; float: left; margin-top: 10px; font-size: 0.923em; color: #989898; font-weight: normal; border: 2px solid #ededed; padding: 3px 10px; border-radius: 3px; text-decoration: none; } .woocommerce div.product form.cart .variations .reset_variations:before { display: inline-block; font-family: 'FontAwesome'; content:"\f00d"; margin-right: 5px; } .woocommerce div.product form.cart .variations .reset_variations:hover:before { color: red; } .single_variation { display: block; float: left; margin-bottom: 10px; } .variations_button { clear: both; } /* Single > Meta */ .product_meta { clear: both; font-size: 1.4rem; border-top: 1px solid rgba(0,0,0,0.01); border-bottom: 1px solid rgba(0,0,0,0.01); padding: 10px 0; } .product_meta span { display: block } .sku_wrapper { font-weight: bold; font-weight: 600;} .sku_wrapper span { display: inline; font-weight: 400; } .product_meta .posted_in, .product_meta .tagged_as { font-weight: bold; font-weight: 600; } .product_meta .posted_in a, .product_meta .tagged_as a { font-weight: 400 } .product_meta span.sku { display: inline } .product_meta .posted_in a:hover, .product_meta .tagged_as a:hover{ text-decoration: underline; } /* Single > Tabs */ .woocommerce div.product .woocommerce-tabs { padding-top: 20px; clear: both; } .woocommerce div.product .woocommerce-tabs ul.tabs { list-style: none; padding: 0; margin: 0 0 30px; height: 41px; overflow: visible; } .woocommerce div.product .woocommerce-tabs ul.tabs:before { display: none; } .woocommerce div.product .woocommerce-tabs ul.tabs li { display: block; float: left; height: 40px; line-height: 40px; position: relative; z-index: 0; margin: 0 20px 0 0; border: none; border-radius: 0; padding: 0; background: none; } .woocommerce div.product .woocommerce-tabs ul.tabs li:before, .woocommerce div.product .woocommerce-tabs ul.tabs li:after { display: none; } .woocommerce div.product .woocommerce-tabs ul.tabs li a { display: block; margin: 0; padding: 0; background: none; font-weight: normal; } .woocommerce div.product .woocommerce-tabs ul.tabs li a:hover { text-decoration: none; } .woocommerce div.product .woocommerce-tabs ul.tabs li.active { z-index: 2; background: none; } .woocommerce div.product .woocommerce-tabs ul.tabs li.active a { font-weight: bold; font-weight: 600; position: relative; margin-bottom: -1px; } .woocommerce-tabs .panel { margin: 0 0 2em; padding: 0; } .woocommerce-tabs .panel h2, .woocommerce .related h2{margin: 0 0 20px; font-size: 20px; line-height: 30px;} .woocommerce table.shop_attributes th { font-weight: 600; } .woocommerce.single-product .social-share-title.theme-heading span.text:after { display: none; } .woocommerce #reviews h3 { margin: 0 0 20px; } #reviews #commentform label { margin: 0 0 10px; } .woocommerce #review_form #respond p { padding: 0; margin:10px 0 15px; } #reviews .comment-form-author input, #reviews .comment-form-email input { width: 100%; } .woocommerce #reviews #commentform p.stars a { border-color: rgba(0,0,0,0.01); } .woocommerce .comment-form-rating{float: left;} .woocommerce #review_form #respond p.comment-form-author{margin-right: 15px;} .woocommerce #review_form #respond .stars span{ font-size: 24px; } /* Single > Comments > Entries */ .woocommerce #reviews #comments ol.commentlist { margin: 25px 0 -25px; position: relative; padding: 0; } .woocommerce #reviews #comments ol.commentlist li { border-bottom: 1px solid rgba(0,0,0,0.01); margin-bottom: 25px; padding-bottom: 25px; } .woocommerce #reviews #comments ol.commentlist li .description p:last-child { margin: 0; } .woocommerce #reviews #comments ol.commentlist li .comment-text { border: none; padding: 0; margin: 0 0 0 80px; } .woocommerce #reviews #comments ol.commentlist li img.avatar { border-radius: 50%; margin: 0 0 10px; width: 60px; height: 60px; padding: 0; background: transparent; } .woocommerce #reviews #comments ol.commentlist li .comment-text p.meta { font-size: 14px; } .woocommerce #reviews #comments ol.commentlist li .comment-text p.meta strong { font-weight: bold; font-weight: 600; } .woocommerce #review_form_wrapper{ width: 100%; float: left; margin-top: 30px; } .woocommerce #review_form #respond{ width: 100%; } .woocommerce #reviews #comment{ height: 150px; } .woocommerce .comment-form-author, .woocommerce .comment-form-email, .woocommerce .comment-form-url { width: 49%; } /*-------------------------------------------------------------- - Categories Listing --------------------------------------------------------------*/ .woocommerce .term-description { margin-bottom: 40px } .woocommerce .term-description p:last-child { margin-bottom: 0 } .woocommerce ul.products li.product-category a img { margin-bottom: 20px; } .woocommerce ul.products li.product h3, .woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3{ font-weight:inherit; margin: 0; padding: 0; font-size: 2.3rem; line-height: 3.2rem;} .woocommerce ul.products li.product .button{ display: inline-block; font-size: 1.4rem; text-transform: uppercase; line-height: 3rem; min-width: 40px; height: 40px; padding:5px 30px; border-radius: 2px; max-width: 200px; border: none; text-align: center; color: #FFF; font-weight: normal; } /*-------------------------------------------------------------- - Widgets --------------------------------------------------------------*/ /* Widgets > Filter */ .woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content { background: rgba(0,0,0,0.1); box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); } .woocommerce .widget_price_filter .price_slider_amount { font-weight: bold; font-weight: 600; font-size: 1em; } .woocommerce .widget_price_filter .price_slider_amount .price_label { float: left; padding: 0; height: 24px; line-height: 24px; text-align: left; margin: 7px 0 0 0; } .woocommerce .widget_price_filter .price_slider_amount .button { float: right;} /* Widgets > Cart & Products */ .woocommerce ul.product_list_widget { margin: 0 !important; padding: 0; } .widget_shopping_cart ul.product_list_widget{padding: 0;} .woocommerce ul.cart_list li a, .woocommerce ul.product_list_widget li a { font-weight: normal; } .woocommerce ul.product_list_widget li .remove { display: none; } .woocommerce ul.product_list_widget li, .woocommerce .widget_shopping_cart .cart_list li, .woocommerce.widget_shopping_cart .cart_list li { position: relative; border-bottom: 1px solid rgba(0,0,0,0.1); clear: both; padding: 0 0 10px 0; margin: 0 0 10px 0; min-height: 60px; } .woocommerce.widget_shopping_cart .cart_list li:last-child{ padding: 0; margin: 0; } .woocommerce ul.product_list_widget li.empty { min-height: 0; margin: 0; border: none; padding: 10px 0 0; text-align: center; } .woocommerce ul.product_list_widget li img { width: 50px; height: 50px;float: left; margin: 0 15px 0 0; } .woocommerce ul.product_list_widget li img:hover, .woocommerce ul.products li.product a img:hover { opacity: 0.8; } .woocommerce ul.product_list_widget li .quantity { display: block; margin: 5px 0 0; line-height: 1em; } .woocommerce ul.product_list_widget li:last-child{border-bottom: none; margin-bottom: 0; padding-bottom: 0;} .woocommerce .widget_shopping_cart_content .buttons { margin: 0; padding-top: 10px; } .woocommerce .widget_shopping_cart_content .buttons .button { float: left; width: 49%; text-align: center; color: #FFF; } .woocommerce .widget_shopping_cart_content .buttons .checkout { float: right; } .woocommerce .widget_shopping_cart_content .buttons .wc-forward:after, .woocommerce .widget_shopping_cart_content .buttons .checkout:after { font-family: "FontAwesome"; margin-left: 8px; } .woocommerce .widget_shopping_cart_content .buttons .wc-forward:after { content: "\f07a" } .woocommerce .widget_shopping_cart_content .buttons .checkout:after { content: "\f054" } .woocommerce .widget_shopping_cart .total, .woocommerce.widget_shopping_cart .total { margin: 0; border-top: none; padding-top: 15px; } .woocommerce ul.cart_list li .star-rating, .woocommerce ul.product_list_widget li .star-rating { display: block; margin: 5px 0; } .woocommerce ul.cart_list li dl, .woocommerce ul.product_list_widget li dl { display: none; } /* Widgets > Search */ .woocommerce-product-search label { display: none; } .woocommerce-product-search{ position: relative;} .woocommerce-product-search input[type="search"] { height: 40px; font-size: 1.4rem; width: 100%; padding: 0 30px 0 10px; box-sizing: border-box; } .woocommerce-product-search input[type="submit"] { position: absolute; top: 0; border-radius: 0; right: 0; height: 39px; width: 80px; min-width: 80px; } /* Widgets > Product Categories */ .widget_product_categories ul ul{ padding: 10px 0 0 20px; } .woocommerce .woocommerce-breadcrumb { border-bottom: 1px solid #eee; padding-bottom: 10px; margin-top: -3px; margin-bottom: 20px; } /*-------------------------------------------------------------- - Cart --------------------------------------------------------------*/ /* Cart > Paddings */ .woocommerce table.shop_table th, .woocommerce table.shop_table td { padding:10px; } .woocommerce table.shop_table td, .woocommerce-cart .cart-collaterals .cart_totals tr td{border-bottom: none;} .woocommerce-cart .cart_item td:last-child, .woocommerce table.cart td.actions, .woocommerce-page #content table.cart td.actions, .woocommerce-page table.cart td.actions{border-right: none;} .woocommerce table.shop_table td{border-top: none;} .woocommerce .quantity .qty{ height: 35px; padding: 5px; } .woocommerce table.shop_table.woocommerce-checkout-review-order-table tr{ border-bottom: 1px solid rgba(0,0,0,.1); } /* Cart > Table */ .woocommerce table.shop_table{ border-collapse: collapse; margin: 0 0 40px;} .woocommerce table.shop_table { border-radius: 0; } .woocommerce table.shop_table thead { background: rgba(0,0,0,0.01); } .woocommerce table.shop_table thead th { font-weight: bold; font-weight: 600; } /* Cart > Remove */ .woocommerce table.shop_table .product-remove { text-align: center; } .woocommerce table.shop_table a.remove { display: inline; display: inline-block; background: no-repeat; } .woocommerce table.shop_table a.remove:hover { color: red !important; } /* Cart > Variations */ .woocommerce td.product-name dl.variation dt { font-weight: bold; font-weight: 600;} /* Cart > Actions */ .woocommerce-cart table.cart td.actions input { padding-top: 0; padding-bottom: 0; height: 32px; line-height: 32px; padding: 0 1.5em; } .woocommerce-cart table.cart td.actions .coupon .input-text { line-height: 32px; padding: 0 .8em; margin: 0 8px 0 0; } .woocommerce-cart table.cart td.actions input[name="update_cart"] { float: right; line-height: 1; color:#FFF;} .woocommerce-cart table.cart td.actions .coupon { float: left; } .woocommerce-cart table.cart td.actions .coupon label { display: none; } /* Cart > Collaterals */ .woocommerce .cart-collaterals, .woocommerce-page .cart-collaterals { width: 100% } .woocommerce .cart-collaterals:after, .woocommerce .cart-collaterals:before, .woocommerce-page .cart-collaterals:after, .woocommerce-page .cart-collaterals:before { 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; padding: 0 20px; border-width: 1px; border-style: solid; } .woocommerce .cart-collaterals .shipping_calculator, .woocommerce-page .cart-collaterals .shipping_calculator { width: 48%; clear: right; float: right; } .woocommerce .cart-collaterals .shipping_calculator:after, .woocommerce .cart-collaterals .shipping_calculator:before, .woocommerce-page .cart-collaterals .shipping_calculator:after, .woocommerce-page .cart-collaterals .shipping_calculator:before { 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 .cart-collaterals .shipping_calculator .col2-set .col-2, .woocommerce-page .cart-collaterals .shipping_calculator .col2-set .col-1, .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%; padding: 0 20px 20px; border-width: 1px; border-style: solid; } .woocommerce .cart-collaterals h2 { border-bottom: 1px solid #eee; margin: 0 -20px 20px; padding: 10px; line-height: 28px; font-size: 18px; text-align: center; } .woocommerce .cart-collaterals li h2{ border-bottom: none; text-align: left; } .woocommerce table.cart td.actions .input-text, .woocommerce-page #content table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text{ width: 140px; font-size: 1.4rem; } .woocommerce .cart-collaterals .products .product { margin-bottom: 0; } .woocommerce-cart .cart-collaterals .cart_totals table { width: 100%; border-top: none; } .woocommerce-cart .cart-collaterals .cart_totals table td, .woocommerce-cart .cart-collaterals .cart_totals table th { padding: 12px 10px;} .woocommerce form .form-row { padding: 3px 0; } .woocommerce-cart .cart-collaterals .cart_totals table th { font-weight: bold; font-weight: 600; color: #444; } .woocommerce-cart .cart-collaterals .cart_totals table th {width: 30%;} .woocommerce-cart .cart-collaterals .cart_totals .order-total th, .woocommerce-cart .cart-collaterals .cart_totals .order-total td { border-bottom: none; } .woocommerce-cart .cart-collaterals .cart_totals .button[name="calc_shipping"] { width: 100%; margin-top: 10px; margin-bottom: 5px; } .woocommerce-cart .wc-proceed-to-checkout { padding-bottom: 0; } .woocommerce-cart .wc-proceed-to-checkout a.checkout-button { margin-bottom: 0; } /*-------------------------------------------------------------- - Checkout --------------------------------------------------------------*/ /* Checkout > Border Colors */ .woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register { border-color: transparent; margin: 20px 0; padding: 0; border-radius: 0; } /* Checkout > Coupon Code */ .woocommerce form.checkout_coupon .form-row-first { width: 68%; float: left; } .woocommerce form.checkout_coupon .form-row-last { width: 30%; float: right; } .woocommerce form.checkout_coupon input { width: 100%; border-radius: 0; padding-top: 0; padding-bottom: 0; height: 36px; line-height: 36px; } .woocommerce form.checkout_coupon p { margin: 0; } /* Checkout > Columns */ .woocommerce .woocommerce-checkout .col2-set .col-1 { float: left; width: 48%; } .woocommerce .woocommerce-checkout .col2-set .col-2 { float: right; width: 48%; } /* Checkout > Addresses */ .woocommerce .woocommerce-checkout #customer_details h3 { margin: 0 0 20px; font-size: 20px; line-height: 30px; } .woocommerce .woocommerce-checkout #customer_details p.form-row label { margin: 0 0 5px; display: inline-block; } /* Checkout > Your Order */ .woocommerce table.shop_table.woocommerce-checkout-review-order-table { float: left; width: 48%; } .woocommerce-checkout-payment { float: right; width: 48%; } .woocommerce table.shop_table tfoot td { font-weight: normal; } .woocommerce-checkout-review-order-table tfoot th { border-right: 1px solid rgba(0,0,0,0.01); background: rgba(0,0,0,0.05); } .woocommerce-checkout #payment { border: 1px solid #eee; background: rgba(0,0,0,0.01); border-radius: 0; } .woocommerce-checkout #payment div.payment_box { background: #fff; } .woocommerce-checkout #payment div.payment_box:after { border-bottom-color: #fff; } .woocommerce-checkout #place_order { width: 100%; padding: 0.9em; } .woocommerce-checkout .form-row.place-order { margin: 0; } .woocommerce #order_review_heading{ font-size: 20px; line-height: 30px; border-top: 1px solid rgba(0,0,0,0.05); margin: 30px 0; padding: 25px 0 0; } .woocommerce-page form #order_comments{ height: 200px; resize: vertical; } .woocommerce-page #payment #place_order{ width: 100%; max-width: 100%; line-height: 1rem; text-transform: uppercase; } .woocommerce-checkout #payment ul.payment_methods li{ line-height: 26px; text-align: left; margin: 0; font-weight: 400; font-size: 1.4rem; } /*-------------------------------------------------------------- - Checkout + Order Received --------------------------------------------------------------*/ .woocommerce ul.order_details { border: 1px solid rgba(0,0,0,0.01); padding: 20px; margin: 0 0 20px; } .woocommerce ul.order_details li { border-color: rgba(0,0,0,0.01); } .product-quantity { font-weight: normal; } .woocommerce .shop_table.order_details tfoot th, .woocommerce .shop_table.customer_details th { border-right: 1px solid rgba(0,0,0,0.01); background: #f7f7f7; font-weight: bold; font-weight: 600; color: #444; } /* Checkout > Addresses */ .woocommerce .col2-set.addresses { text-align: center; } .woocommerce .col2-set.addresses h3 { margin: 0 0 10px; } .woocommerce address { margin: 0; } .woocommerce .col2-set.addresses .col-1, .woocommerce .col2-set.addresses .col-2 { float: left; width: 48%; padding: 20px; border: 1px solid rgba(0,0,0,0.1); } .woocommerce .col2-set.addresses .col-2 { float: right; } .woocommerce-account .addresses .title h3{font-size: 20px; line-height:30px;} .woocommerce-account address{text-align: left;} .woocommerce form .form-row .select2-container{line-height: 4.4rem;} /*-------------------------------------------------------------- - My Account --------------------------------------------------------------*/ p.myaccount_user { padding: 20px; border: 1px solid rgba(0,0,0,0.01); } .woocommerce table.my_account_orders { font-size: 0.923em; } .woocommerce .order-info mark { background: none; color: #444; font-weight: bold; font-weight: 600; text-decoration: underline; } .my_account_orders .button.view { padding: 0.5em 0.95em; } /*-------------------------------------------------------------- - Header Shop Widget --------------------------------------------------------------*/ /* Header Shop Widget > Dropdown */ #current-shop-items-dropdown { position: absolute; top: 100%; right: 0; background: #fff; z-index: 10000; padding: 10px 20px 20px; border-top: 3px solid #3b86b0; box-shadow: 0 2px 7px rgba(0,0,0,0.1); -moz-box-shadow: 0 2px 7px rgba(0,0,0,0.1); -webkit-box-shadow: 0 2px 7px rgba(0,0,0,0.1); max-height: 350px; width: 260px; overflow-y: auto; visibility: hidden; opacity: 0; -moz-opacity: 0; -webkit-opacity: 0; transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -webkit-transition: all 0.25s ease-in-out; } #current-shop-items-dropdown.show { visibility: visible; opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; } .boxed-main-layout #current-shop-items-dropdown { right: 30px } #current-shop-items-dropdown .widgettitle { display: none !important } #current-shop-items-dropdown li:first-child { border-top: none; } /* Header Shop Widget > Overlay */ #current-shop-items-overlay { display: none; top: 120px; background: #fff; margin: 0; padding: 25px; overflow: hidden; border-radius: 4px; width: 400px; box-shadow: 0 0 4px rgba(0,0,0,0.7); -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.7); -moz-box-shadow: 0 0 4px rgba(0,0,0,0.7); z-index: 99999; } #current-shop-items-overlay .widgettitle { display: none !important; } #current-shop-items-overlay li.empty { padding: 0; color: #000; font-weight: bold; font-weight: 600; border: none; } /*position the cart icon far right on nav 2*/ .navbar-style-two .dropdown-menu { width: 100% } .navbar-style-two li.woo-menu-icon { float: right } .navbar-style-two li.woo-menu-icon { border-left: 1px solid rgba(0,0,0,0.01) } .woocommerce div.product .product_title{width: auto;} .upsells.products h2{ margin: 0 0 20px; font-size: 20px; line-height: 30px; } .woocommerce-cart .wc-proceed-to-checkout a.checkout-button{ display: inline-block; font-size: 1.4rem; text-transform: uppercase; line-height: 3rem; min-width: 40px; height: 40px; padding: 5px 30px; border-radius: 2px; max-width: 250px; border: none; text-align: center; color: #FFF; font-weight: normal; } .woocommerce div.product div.images .flex-control-thumbs li{ padding: 2px; } .woocommerce div.product div.images .flex-control-thumbs{ margin: 2px -2px; } body.woocommerce div.product form.cart .variations .reset_variations{ visibility: visible; display: inline-block; padding: 4px; float: none; width: 80px; margin: 0; height: 40px; font-size: 11px; text-align: center; } @media (max-width: 1249px) and (min-width: 768px){ .herald-lay-i.type-product{ max-width: 100%; } } @media (max-width: 767px){ .herald-lay-i.type-product{ max-width: 100%; width: 100%; } .woocommerce ul.products li.product .button{ width: 100%; max-width: 100%; padding: 4px 10px; height: 34px; } .woocommerce ul.products li.product h3, h2.woocommerce-loop-product__title{ font-size: 2rem; line-height: 3rem; } } @media (max-width: 767px){ .woocommerce ul.products li.product, .woocommerce-page ul.products li.product{ width: 100%; } } @media (max-width: 768px){ .woocommerce table.shop_table_responsive tr td, .woocommerce-page table.shop_table_responsive tr td { width: 100% !important; } .woocommerce .cart-collaterals .cross-sells, .woocommerce-page .cart-collaterals .cross-sells, .woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals{ width: 100%; margin-bottom: 20px; } .woocommerce table.cart td.actions .button, .woocommerce-page #content table.cart td.actions .button, .woocommerce-page table.cart td.actions .button { display: block; width: 100%; max-width: 100%; margin-bottom: 20px; } .woocommerce-cart .wc-proceed-to-checkout a.checkout-button{ width: 100%; line-height: 3.4rem; max-width: 100%; } .woocommerce ul.products li.product .button, .woocommerce ul.products li.product .added_to_cart, body.woocommerce .button, body.woocommerce-page .button, .woocommerce .widget_shopping_cart_content .buttons .button{ padding:5px 20px; } .woocommerce .woocommerce-checkout .col2-set .col-1, .woocommerce .woocommerce-checkout .col2-set .col-2, .woocommerce-checkout-payment { width: 100%; } .woocommerce-checkout-payment{ margin-bottom: 40px; } }
•
Search:
•
Replace:
Function
Edit by line
Download
Information
Rename
Copy
Move
Delete
Chmod
List