Gestionnaire de fichiers - Editer - /home/wwgoat/public_html/blog/wp-content/themes/foxiz/assets/css/woocommerce.css
Arrière
.wc-wrap { padding-top: 40px; } .shop-page { margin-bottom: 40px; } /** product columns */ .products[class*='wc-col'] { display: flex; display: -webkit-flex; align-items: flex-start; flex: 100%; flex-flow: row wrap; width: 100%; } .products > * { flex: 0 0 100%; max-width: 100%; } .product-thumb img { width: 100%; height: auto; } .wc-entry-content ul, .wc-entry-content ol { list-style: none; } .wc-entry-content li:not(:last-child) { margin-bottom: 5px; } .woocommerce .form-row:not(:last-child ) { margin-bottom: 15px; } .shipping-calculator-button { -webkit-transition: var(--effect); transition: var(--effect); text-decoration: underline dotted; } .shipping-calculator-button:hover { color: var(--g-color) } .woocommerce-form-login .button, .woocommerce-form-register .button, .return-to-shop .button { font-size: 1rem; margin-top: 12px; } .woocommerce-notices-wrapper ul { font-size: var(--rem-small); padding: 15px; list-style: none; border: 1px solid var(--flex-gray-15); border-radius: var(--round-3); } .woocommerce-notices-wrapper ul.woocommerce-error { border-color: #fcac56; } .woocommerce-notices-wrapper { padding-bottom: 20px; } /** mini cart */ .cart-icon { position: relative; display: flex; flex-flow: row nowrap; justify-content: flex-start; } .cart-link { display: flex; align-items: center; } .cart-counter { font-size: 10px; font-style: normal; z-index: 1; display: flex; align-items: center; justify-content: center; width: 16px; height: 16px; margin-top: -2px; margin-right: -5px; margin-left: -8px; text-align: center; color: var(--absolute-white); border-radius: 100%; background-color: var(--g-color); } .nav-mini-cart { min-width: 320px; padding: 25px 20px; } .woocommerce-mini-cart-item, .product_list_widget li { line-height: 1; position: relative; display: block; } .product_list_widget a { display: block; margin-bottom: 7px; } .woocommerce-mini-cart-item { padding-right: 25px; } .woocommerce-mini-cart-item:not(:last-child), .product_list_widget li:not(:last-child) { margin-bottom: 20px; } .woocommerce-mini-cart-item a:not(.remove), td.product-name, .product_list_widget .product-title { font-family: var(--product-family); font-size: var(--rem-mini); font-weight: var(--product-fweight); font-style: var(--product-fstyle); line-height: var(--product-fheight, 1.5); letter-spacing: var(--product-fspace); text-transform: var(--product-transform); } .woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img, .woocommerce-page ul.cart_list li img, .woocommerce-page ul.product_list_widget li img { float: left; max-width: 80px; margin-right: 15px; } a.remove { font-size: 0; position: absolute; top: 5px; right: 0; display: block; min-width: 15px; height: 20px; transition: var(--effect); --webkit-transition: var(--effect); } a.remove:hover { color: var(--g-color); } a.remove:before { font-family: 'ruby-icon' !important; font-size: 14px; position: absolute; top: 0; left: 0; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; content: '\e964'; color: inherit; } .woocommerce-NoticeGroup { margin-bottom: 15px; padding: 10px; border: 1px solid #ff826f50; border-radius: 3px; } .woocommerce-mini-cart-item .quantity { font-size: var(--rem-small); display: block; margin-top: 12px; } .woocommerce .product_list_widget .star-rating, .reviewer { display: block; margin-top: 7px; } .woocommerce-mini-cart__empty-message, .woocommerce-review-link, .reviewer { font-size: var(--rem-mini); opacity: .5; } .woocommerce-mini-cart__total { display: flex; align-items: center; justify-content: space-between; margin-top: 15px; padding-top: 10px; border-top: 3px solid var(--flex-gray-15); } .woocommerce-mini-cart__buttons { display: flex; flex-flow: column nowrap; margin-top: 20px; text-align: center; } .woocommerce-mini-cart__buttons .button { text-transform: uppercase; } .woocommerce-mini-cart__buttons .button:not(.checkout) { margin-bottom: 10px; color: inherit; border: 1px solid var(--flex-gray-15); background-color: transparent; } .woocommerce-mini-cart__buttons .button:not(.checkout):hover { border-color: currentColor; -webkit-box-shadow: none; box-shadow: none; } .woocommerce .button { line-height: 22px; padding: 10px 25px; white-space: normal; color: var(--absolute-white); border-radius: var(--round-3); background-color: var(--wc-add-cart-bg, #6ab662); } .woocommerce .button:hover { -webkit-box-shadow: 0 4px 15px var(--wc-add-cart-bg-90, #6ab662e6); box-shadow: 0 4px 15px var(--wc-add-cart-bg-90, #6ab662e6); } /** product */ .product { position: relative; margin-bottom: 30px; } .product-thumb { position: relative; overflow: hidden; border-radius: var(--round-3); } .product-loop-content > * { margin-top: 12px; } .product-loop-content { position: relative; display: block; padding-top: 3px; } .woocommerce-loop-product__title, .product_title { font-family: var(--product-family, inherit); font-size: var(--product-fsize, var(--rem-small)); font-weight: var(--product-fweight, inherit); font-style: var(--product-fstyle, inherit); line-height: 1.5; letter-spacing: var(--product-fspace, inherit); text-transform: var(--product-transform, inherit); } h1.product_title { font-size: var(--h2-fsize); line-height: 1.2; } .price, .total .woocommerce-Price-amount, .quantity, td.product-price, td.product-subtotal, td[data-title='Subtotal'], td[data-title='Total'], td.product-total, td.cart-subtotal, .cart-subtotal td, .woocommerce-MyAccount-content .shop_table .woocommerce-Price-amount, .product_list_widget .woocommerce-Price-amount, .woocommerce-grouped-product-list-item .woocommerce-Price-amount, .price_label .from, .price_label .to { font-family: var(--price-family, var(--h3-family)); font-size: var(--price-fsize, var(--h3-fsize)); font-weight: var(--price-fweight, var(--h3-fweight)); font-style: var(--price-fstyle, var(--h3-fstyle)); letter-spacing: var(--price-fspace, var(--h3-fspace)); text-transform: var(--price-transform, var(--h3-transform)); } .price ins, .product_list_widget ins { text-decoration: none; } .woocommerce-grouped-product-list-item td { vertical-align: middle; } .price > *:not(del), .total .woocommerce-Price-amount, [data-title='Total'], .order-total td { color: var(--wc-price-color, inherit); } .price del { font-size: var(--em-mini); display: block; opacity: .7; } .woocommerce-Price-currencySymbol { font-size: var(--em-mini); vertical-align: top; } .product .price { line-height: 1; display: flex; align-items: flex-end; flex-flow: row wrap; } .single-product .entry-summary .price { font-size: 2.5rem; } .product .price > *:not(:first-child) { padding-left: 3px; } .product .price > *:not(:last-child) { padding-right: 3px; } .woocommerce-grouped-product-list-item__label { font-size: var(--rem-small); } .woocommerce .star-rating { font-family: 'ruby-icon' !important; font-size: 1rem; line-height: 1; position: relative; display: inline-flex; overflow: hidden; width: 5em; height: 1em; color: var(--wc-star-color, #ffc56d); } .woocommerce .star-rating span { position: absolute; top: 0; left: 0; float: left; overflow: hidden; padding-top: 1.5em; } .woocommerce .star-rating span:before { font-size: 1em; position: absolute; top: 0; left: 0; content: '\e951\e951\e951\e951\e951'; } .product-loop-content .button { line-height: 1.2; display: inline-flex; align-items: center; } .woocommerce .star-rating:before { font-size: 1em; position: absolute; top: 0; left: 0; content: '\e94f\e94f\e94f\e94f\e94f'; } .product-top { display: flex; align-items: center; flex: 0 0 100%; width: 100%; } .product-top .star-rating { margin-left: auto; } .product-entry-categories, .product_list_widget del { color: var(--meta-fcolor); } .product-entry-categories > *:not(:last-child) { margin-right: 7px; } .product-entry-categories a, .woocommerce-breadcrumb a, .product_meta a { transition: var(--effect); --webkit-transition: var(--effect); } .product-entry-categories a:hover { color: var(--g-color); } .onsale { font-size: var(--rem-mini); font-weight: bold; font-style: normal; position: absolute; z-index: 10; top: 10px; left: 10px; display: flex; align-items: center; justify-content: center; padding: 7px 12px; white-space: nowrap; color: var(--absolute-white); border-radius: var(--round-5); background: var(--wc-sale-bg, var(--dark-accent)); } .added_to_cart { display: none; } .woocommerce #respond input#submit.loading, .woocommerce .button.loading { opacity: .25 !important; } .button.loading:after { font-family: 'ruby-icon' !important; font-weight: 400; line-height: 1; margin-left: 5px; content: '\e942'; -webkit-animation: spin 2s linear infinite; animation: spin 2s linear infinite; } .button.added:after { font-family: 'ruby-icon' !important; font-weight: 400; line-height: 1; margin-left: 5px; content: '\e960'; } /** shop page */ .woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering { margin-bottom: 20px; } .woocommerce-pagination .pagination-wrap { margin-top: 0; } .woocommerce .woocommerce-result-count, .woocommerce-page .woocommerce-result-count { padding-top: 15px; } .woocommerce-shop .woocommerce-breadcrumb, .woocommerce-shop .woocommerce-products-header { display: none; } /** wc page header */ .woocommerce-page .page-header { padding-bottom: 10px; text-align: center; background-color: var(--flex-gray-7); } .woocommerce-breadcrumb { margin-bottom: 7px; color: var(--meta-fcolor); } .woocommerce-breadcrumb a { color: var(--body-fcolor); } .woocommerce-breadcrumb a:hover { color: var(--g-color) } .woocommerce.archive .woocommerce-breadcrumb { padding-right: 20px; padding-left: 20px; } table.shop_table { margin-bottom: 0; border-right: 1px solid var(--flex-gray-15); } table.shop_table th, table.shop_table td { padding: 12px; vertical-align: middle; border-right: none; } table.shop_table td.product-quantity input { padding: 7px; } td.product-thumbnail, td.product-quantity { max-width: 80px; } td.product-subtotal { min-width: 100px; } table.cart td:not(.product-name) { text-align: center; } td.product-price, td.product-subtotal, td[data-title='Subtotal'], td.cart-subtotal, .woocommerce-MyAccount-content .shop_table .woocommerce-Price-amount, .price_label .from, .price_label .to { font-size: var(--rem-small); } table.cart .button { background-color: var(--dark-accent); } table.cart .button:hover { -webkit-box-shadow: 0 4px 15px var(--dark-accent-90); box-shadow: 0 4px 15px var(--dark-accent-90); } .woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals { float: none; width: 100%; } .cart-collaterals table.shop_table, .woocommerce-checkout-review-order-table { border: none !important; } .cart-collaterals table.shop_table td, .checkout-col th.product-total, .checkout-col td.product-total, .checkout-col .cart-subtotal td, .checkout-col .shipping td, .checkout-col .order-total td { text-align: right; } td.product-remove a.remove { position: relative; top: auto; height: auto; } input#coupon_code { min-width: 150px; } .woocommerce-page .cart-collaterals { padding: 30px 20px; border-radius: var(--round-5); -webkit-box-shadow: 0 5px 30px var(--shadow-12); box-shadow: 0 5px 30px var(--shadow-12); } .cart-collaterals h2, #order_review_heading { font-size: var(--h3-fsize); margin-bottom: 30px; } .cart-collaterals td[data-title='Subtotal'], td.product-total, .cart-subtotal td { font-size: 1rem; } .order-total { font-size: 1.25rem; border-top: 2px solid currentColor; } .recurring-total.order-total { font-size: 1rem; } .wc-proceed-to-checkout a.checkout-button { font-size: 1rem; display: block; width: 100%; padding: 15px; text-align: center; text-transform: uppercase; } .cross-sells > h2, .up-sells > h2, .related.products > h2 { font-size: var(--h3-fsize); display: block; margin-bottom: 20px; } .cross-sells, .up-sells, .related.products { display: block; padding-top: 20px; } .woocommerce-customer-details { margin-top: 30px; } p.cart-empty { margin-bottom: 20px; text-align: center; color: var(--meta-fcolor) } p.return-to-shop { display: block; text-align: center; } /** checkout page */ .checkout-col.col-right { padding: 30px 20px; border-radius: var(--round-5); -webkit-box-shadow: 0 5px 30px var(--shadow-12); box-shadow: 0 5px 30px var(--shadow-12); } .checkout-col.col-left .col2-set > * { width: 100%; margin-bottom: 20px; } .checkout-col.col-left .col2-set > *:last-child { margin-bottom: 0; } .checkout-col h3 span { font-size: inherit; } #ship-to-different-address { margin-bottom: 10px; } .checkout-col label, .woocommerce-form label { font-size: var(--rem-mini); margin-bottom: 5px; } .woocommerce-checkout-review-order-table .cart_item td { padding: 7px 15px; } .woocommerce-checkout-review-order-table .cart_item:not(:first-of-type) td { border: none; } .woocommerce-checkout-payment, .woocommerce-privacy-policy-text { padding-top: 15px; border-top: 1px solid var(--flex-gray-15); } ul.payment_methods .payment_box p { font-size: var(--rem-mini); line-height: 1.7; color: var(--meta-fcolor); } ul.payment_methods label { font-size: var(--rem-small); font-weight: 700; } .woocommerce-checkout-payment .payment_methods li { margin-bottom: 10px; } .woocommerce-privacy-policy-text * { font-size: var(--rem-mini); line-height: 1.7; } .woocommerce-checkout-payment #place_order { font-size: 1rem; float: none; width: 100%; margin-top: 15px; text-align: center; text-transform: uppercase; } .woocommerce-shipping-methods li { display: flex; align-items: center; flex-flow: row-reverse nowrap; white-space: nowrap; } .woocommerce-shipping-methods label { font-size: var(--meta-fsize); } .woocommerce-form-coupon-toggle, .woocommerce-notices-wrapper .woocommerce-info, .woocommerce-message { font-size: var(--rem-mini); position: relative; margin-bottom: 20px; padding: 12px 20px; border-radius: var(--round-5); background-color: var(--flex-gray-7); } .woocommerce-message { display: flex; align-items: center; } .woocommerce-message a { margin-right: 10px; } .woocommerce-form-coupon { overflow: hidden; padding-bottom: 15px; } .showcoupon { transition: var(--effect); text-decoration: underline dotted; --webkit-transition: var(--effect); } .showcoupon:hover { color: var(--g-color); } .woocommerce-form-coupon p { font-size: var(--rem-mini); margin-bottom: 5px; } .woocommerce form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last { width: 100%; } /** order received page */ .woocommerce-order-received .page-header { display: none; } .woocommerce-thankyou-order-received { font-family: var(--h3-family); font-size: var(--h3-fsize); font-weight: var(--h3-fweight); font-style: var(--h3-fstyle); line-height: var(--h3-fheight, 1.3); width: 100%; margin-top: 40px; margin-bottom: 20px; padding: 30px; text-align: center; letter-spacing: var(--h3-fspace); text-transform: var(--h3-transform); color: #8bc34a; border: 2px dashed currentColor; border-radius: var(--round-5); } ul.woocommerce-thankyou-order-details { font-size: var(--rem-small); display: flex; flex-direction: row; justify-content: space-between; box-sizing: border-box; margin-bottom: 40px; padding: 20px 30px; border-radius: var(--round-5); -webkit-box-shadow: 0 5px 30px var(--shadow-12); box-shadow: 0 5px 30px var(--shadow-12); } ul.woocommerce-thankyou-order-details li { display: flex; flex-flow: column nowrap; } h2.woocommerce-order-details__title, h2.woocommerce-column__title { font-size: var(--h3-fsize); margin-bottom: 20px; } .woocommerce-table--order-details tfoot th { font-weight: bold; } .woocommerce-cart-form thead th:not(.product-name) { text-align: center; } /** category page */ .woocommerce-products-header { margin-bottom: 10px; padding-right: 20px; padding-left: 20px; } /** single product */ .woocommerce div.quantity { display: inline-block; line-height: 40px; position: relative; width: 80px; height: 40px; padding-right: 30px; padding-left: 30px; border: 1px solid var(--flex-gray-15); border-radius: var(--round-3); } .woocommerce input[type='number']::-webkit-inner-spin-button, .woocommerce input[type='number']::-webkit-outer-spin-button { margin: 0; -webkit-appearance: none; } .woocommerce div.quantity .qty { font-family: inherit; font-weight: inherit; line-height: 34px; position: absolute; top: 0; right: 30px; bottom: 0; left: 30px; width: 20px; margin: auto; padding: 5px 0; text-align: center; border: none; background: transparent; } .woocommerce form.cart div.quantity { width: 100px; } .woocommerce form.cart div.quantity .qty { width: 40px; } .quantity-btn { line-height: 1; position: absolute; z-index: 10; top: 0; right: auto; bottom: 0; left: 0; display: block; width: 30px; height: 42px; cursor: pointer; transition: var(--effect); text-align: center; opacity: .7; --webkit-transition: var(--effect); } .quantity-btn:hover { opacity: 1; } .quantity-btn.up { right: 0; left: auto; } .quantity-btn:before { position: absolute; top: 50%; right: auto; bottom: auto; left: 10px; display: block; width: 10px; content: ''; border-top: 1px solid #555; } .quantity-btn.up:after { position: absolute; top: 50%; right: auto; bottom: auto; left: 10px; display: block; width: 10px; content: ''; -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); border-top: 1px solid #555; } .quantity-btn:hover:before, .quantity-btn:hover:after { border-color: #000; } /** my account */ .woocommerce-MyAccount-content p { margin-bottom: 1.5em; } .woocommerce-MyAccount-content a, .woocommerce-form a { -webkit-transition: var(--effect); transition: var(--effect); text-decoration: underline solid transparent; color: var(--g-color); } .woocommerce-MyAccount-content a:not(.button):hover, .woocommerce-form a:hover { text-decoration-color: var(--g-color); } .woocommerce-MyAccount-navigation li { margin-bottom: 15px !important; } .woocommerce-MyAccount-navigation ul { margin-right: 40px; padding: 30px; border-radius: var(--round-5); background-color: var(--flex-gray-7); } .woocommerce-MyAccount-navigation a { -webkit-transition: var(--effect); transition: var(--effect); } .product_meta { font-size: var(--meta-fsize); display: flex; flex-flow: column nowrap; } .product_meta .sku, .product_meta a { color: var(--body-fcolor); } .woocommerce-MyAccount-navigation a:hover, .product_meta a:hover { color: var(--g-color); } .woocommerce-MyAccount-content [data-title='Total'] { font-size: inherit; color: inherit; } .woocommerce-MyAccount-content [data-title='Date'], .woocommerce-MyAccount-content [data-title='Status'], .woocommerce-LostPassword, .cart-collaterals table, .checkout-col.col-left span, .woocommerce-tabs table, .woocommerce-Reviews .star-rating, strong.woocommerce-review__author { font-size: var(--rem-mini); } .woocommerce-EditAccountForm label, .product_list_widget .product-title, .product_list_widget .woocommerce-Price-amount { font-size: var(--rem-small); } .woocommerce-account h2, .woocommerce-account h3 { font-size: 1rem; margin-bottom: 15px; padding-bottom: 15px; text-transform: uppercase; border-bottom: 2px solid var(--flex-gray-15); } .woocommerce form .show-password-input, .woocommerce-page form .show-password-input { display: none; } /** single product */ .wc-tabs { font-family: var(--h3-family); font-size: var(--h3-fsize); font-weight: var(--h3-fweight); font-style: var(--h3-fstyle); line-height: var(--h3-fheight, 1.3); display: flex; flex-flow: row nowrap; margin-bottom: 15px; padding-bottom: 15px; letter-spacing: var(--h3-fspace); text-transform: var(--h3-transform); border-bottom: 1px solid var(--flex-gray-15); } .wc-tabs li { margin-right: 15px; opacity: .5; } .wc-tabs li.active, .wc-tabs li:hover { opacity: 1; } p.stars span { display: flex; flex-flow: row wrap; } p.stars a { font-family: 'ruby-icon' !important; font-size: 0; line-height: 1; position: relative; display: inline-block; margin-right: 5px; padding-right: 5px; -webkit-transition: var(--effect); transition: var(--effect); text-decoration: none !important; border-right: 1px solid var(--flex-gray-15); } p.stars a:hover, p.stars a.active { color: var(--wc-star-color, #ffc56d) !important; } p.stars a:before { font-size: var(--rem-small); position: relative; content: '\e94f'; text-indent: 0; } p.stars a:hover:before { content: '\e951'; } p.stars a.star-2:before { content: '\e94f\e94f'; } p.stars a.star-2.active:before, p.stars a.star-2:hover:before { content: '\e951\e951'; } p.stars a.star-3:before { content: '\e94f\e94f\e94f'; } p.stars a.star-3.active:before, p.stars a.star-3:hover:before { content: '\e951\e951\e951'; } p.stars .star-4:before { content: '\e94f\e94f\e94f\e94f'; } p.stars a.star-4.active:before, p.stars a.star-4:hover:before { content: '\e951\e951\e951\e951'; } p.stars a.star-5:before { content: '\e94f\e94f\e94f\e94f\e94f'; } p.stars a.star-5.active:before, p.stars a.star-5:hover:before { content: '\e951\e951\e951\e951\e951'; } .woocommerce-Reviews { font-size: var(--rem-small); } .woocommerce-Reviews ol.commentlist { margin-bottom: 20px; padding: 0; list-style: none; } .woocommerce-Reviews .comment_container { display: inline-flex; margin-top: 15px; margin-bottom: 15px; } .woocommerce-Reviews .avatar { width: 60px; height: 60px; margin-top: 0; margin-right: 15px; border-radius: 50%; } .woocommerce-Reviews .comment-text { width: 90%; } time.woocommerce-review__published-date { font-size: var(--rem-mini); text-decoration: none; color: var(--meta-fcolor); } .woocommerce-Reviews label { display: inline-block; margin-bottom: 7px; } h2.woocommerce-Reviews-title { font-size: 1.2rem; margin-bottom: 5px; } .woocommerce-Reviews span#reply-title { font-size: 1rem; display: block; margin-bottom: 30px; padding-bottom: 15px; border-bottom: 1px solid var(--flex-gray-15); } .woocommerce-noreviews { width: auto; margin-top: 20px; margin-bottom: 20px; padding: 10px; border-radius: var(--round-5); background: var(--flex-gray-7); } /** single product image */ .single-product .wc-wrap { padding-right: 20px; padding-left: 20px; } .single_variation_wrap > *:not(:last-child) { margin-bottom: 15px; } .woocommerce .flex-control-thumbs { display: flex; flex-flow: row nowrap; margin-top: 5px; } .woocommerce .flex-control-thumbs li { position: relative; display: block; overflow: hidden; width: 18%; height: 0; margin-right: 5px; padding-bottom: 18%; cursor: pointer; border: 1px solid var(--flex-gray-15); } .woocommerce .flex-control-thumbs img { position: absolute; display: block; width: 100%; height: 100%; padding: 5px; object-fit: cover; } .woocommerce-tabs { padding-top: 40px; } .product_meta > *:not(:last-child) { margin-bottom: 10px; } .single-product .cart { display: flex; flex-flow: row nowrap; } .single-product .cart.grouped_form, .single-product .cart.variations_form { flex-flow: column nowrap; } .single-product .cart .button { font-size: 1rem; margin-left: 15px; white-space: nowrap; } .single-product .variations_form .button { margin-top: 15px; margin-left: 0; } .single-product .variations_form select { width: 100%; } .single-product .entry-summary > *:not(:last-child) { margin-bottom: 25px; } .reset_variations { font-size: var(--rem-small); float: right; padding-top: 4px; color: #ff6d6d; } .woocommerce-product-rating { display: flex; align-items: center; flex-flow: row wrap; } .widget_price_filter .ui-widget-content { border: 0; border-radius: var(--round-5); background: var(--flex-gray-15); } .widget_price_filter .ui-slider-horizontal { height: 2px;; } .widget_price_filter .ui-slider { position: relative; text-align: left; } .widget_price_filter .price_slider { margin-bottom: 20px; } .widget_price_filter .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .widget_price_filter .ui-slider .ui-slider-range { font-size: .7em; position: absolute; z-index: 1; display: block; border-radius: var(--round-5); background-color: var(--dark-accent); } .widget_price_filter .ui-slider .ui-slider-handle { position: absolute; z-index: 2; top: auto; box-sizing: border-box; width: 15px; height: 15px; margin-top: -6px; margin-left: auto; cursor: ew-resize; opacity: 1; border: 3px solid var(--dark-accent); border-radius: 100%; background-color: #fff; } .widget_price_filter .ui-slider .ui-slider-handle { position: absolute; z-index: 2; top: auto; box-sizing: border-box; width: 15px; height: 15px; margin-top: -6px; margin-left: auto; cursor: ew-resize; opacity: 1; border: 3px solid var(--dark-accent); border-radius: 100%; background-color: #fff; } .widget_price_filter .ui-slider .ui-slider-handle:last-child { margin-left: -5px; } .widget_price_filter .button { width: 100%; margin-top: 15px; } .price_slider_amount { display: flex; flex-flow: column-reverse nowrap; } @media (min-width: 1025px) { .shop-page:not(.without-sidebar) .grid-container > *:nth-child(1) { flex: 0 0 70%; width: 70%; } .woocommerce-shop .grid-container > *:nth-child(2) { flex: 0 0 30%; width: 30%; } .wc-wrap { padding-top: 50px; } .shop-page { margin-bottom: 50px; } .product-loop-content { padding-bottom: 15px; } .product-loop-content > .button { margin-top: 0; } .product-loop-content .button { position: absolute; z-index: 10; top: 100%; margin-top: 0; padding-top: 12px; opacity: 0; } .products .product:before { position: absolute; top: -15px; right: 0; left: 0; display: block; height: calc(100% + 15px); content: ''; -webkit-transition: var(--effect); transition: var(--effect); pointer-events: none; opacity: 0; border: 1px solid transparent; border-radius: var(--round-3); background-color: var(--solid-white); -webkit-box-shadow: 0 5px 30px var(--shadow-12); box-shadow: 0 5px 30px var(--shadow-12); backface-visibility: hidden; } .products > .product:hover { z-index: 100; } .products > .product:hover .button { opacity: 1; } .products > .product:hover:before { height: calc(100% + 75px); opacity: 1; } [data-theme='dark'] .product:hover:before { background-color: var(--dark-accent); } /** cart page */ .woocommerce-page .woocommerce-cart-form, .woocommerce-page .cart-collaterals { display: block; float: left; } .woocommerce-page .woocommerce-cart-form { width: 66.7%; padding-right: 60px; } .woocommerce-page .cart-collaterals { width: 33%; padding-bottom: 50px; } .woocommerce-page .cross-sells { clear: both; width: 100%; } /** checkout */ .checkout-col { display: block; float: left; } .checkout-col.col-left { width: 65%; padding-right: 60px; } .checkout-col.col-right { width: 35%; padding-bottom: 50px; } .cross-sells, .up-sells, .related.products { padding-top: 30px; } .woocommerce-page .page-header { padding-bottom: 20px; } .woocommerce-tabs { padding-top: 50px; padding-bottom: 20px; } .woocommerce-products-header { margin-bottom: 10px; } .wc-tabs li { margin-right: 25px; } } @media (min-width: 768px) { .wc-col-2 > * { flex: 0 0 50%; max-width: 50%; } .wc-col-3 > * { flex: 0 0 33.333%; max-width: 33.333%; } .wc-col-4 > * { flex: 0 0 25%; max-width: 25%; } .wc-col-5 > * { flex: 0 0 20%; max-width: 20%; } .wc-col-6 > * { flex: 0 0 16.66%; max-width: 16.66%; } .wc-col-7 > * { flex: 0 0 14.28%; max-width: 14.28%; } ul.woocommerce-thankyou-order-details li { margin-bottom: 0 !important; } } @media (max-width: 1024px) and (min-width: 768px) { [class*='tablet-columns-'] .products { justify-content: center; } .tablet-columns-2 .products > * { flex: 0 0 50%; max-width: 50%; } .tablet-columns-3 .products > * { flex: 0 0 33.333%; max-width: 33.333%; } .tablet-columns-4 .products > * { flex: 0 0 25%; max-width: 25%; } .tablet-columns-5 .products > * { flex: 0 0 20%; max-width: 20%; } .tablet-columns-6 .products > * { flex: 0 0 16.66%; max-width: 16.66%; } .tablet-columns-7 .products > * { flex: 0 0 14.28%; max-width: 14.28%; } } @media (max-width: 767px) { ul.woocommerce-thankyou-order-details { flex-flow: column nowrap; } .woocommerce-column--2, .woocommerce-MyAccount-content, .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 { margin-top: 40px; } .woocommerce-MyAccount-navigation ul { margin-right: 0; } .single-product .entry-summary { margin-top: 20px; } .single-product .entry-summary > *:not(:last-child) { margin-bottom: 20px; } .mobile-columns-2 .products > * { flex: 0 0 50%; max-width: 50%; } .mobile-columns-2 .products-outer.gutter-n15 { margin-right: -10px; margin-left: -10px; } .mobile-columns-2 .product.gutter-p15 { padding-right: 10px; padding-left: 10px; } .mobile-columns-2 .products .button { padding: 7px 15px; } .woocommerce-page table.cart td.product-thumbnail, .woocommerce-page table.cart td.product-quantity { max-width: 100%; } .woocommerce-page table.cart .product-thumbnail:before { display: none; } .woocommerce-page table.cart .product-thumbnail { display: block; } .woocommerce-page table.cart td.product-thumbnail img { display: block; margin-left: 0; width: 120px; max-width: 120px; } .woocommerce-page table.cart td.product-remove { position: absolute; z-index: 10; top: 0; right: 0; background-color: var(--flex-gray-15); } .checkout-col.col-right { margin-top: 30px; } .woocommerce-thankyou-order-received { padding: 20px; } }
| ver. 1.4 |
Github
|
.
| PHP 8.0.30 | Génération de la page: 0 |
proxy
|
phpinfo
|
Réglages