FileXXXXXXXXXXX

File manager - Edit - /home/verseaumee/TF89388/wp-content/themes/noisa/css/woocommerce-theme-style-dark.css

Back
/** * Theme Name: Noisa * Theme Author: Mariusz Rek - Rascals Themes * Theme URI: http://rascalsthemes.com/noisa * Author URI: http://rascalsthemes.com * File: woocommerce-theme-style.css * ========================================================================================================================================= * * @package noisa * @since 1.0.0 / / ---------------------- SHOP PAGE ---------------------- / / WooCommerce -------------------------------- / .main.main-left ul.products li.product, .main.main-right ul.products li.product {width: 29.5%;} @media only screen and (max-width:767px) { .main.main-left ul.products li.product, .main.main-right ul.products li.product { width:48% } } / Sorting / .woocommerce .woocommerce-ordering select { margin-bottom: 20px; font-weight:600; } / On sale badge / .woocommerce span.onsale { min-height: 50px; min-width: 50px; line-height:50px; padding:0; font-weight: 600; top: -20px; left: -20px; background-color: #222; color: #fff; font-size: 12px; text-transform:uppercase; letter-spacing:0.1em; } .woocommerce ul.products li.product .onsale { margin:0; top:-10px; right:-10px; } / Title / .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-size:18px; font-weight:400; color:#fff; margin:5px; } / Ratting / .woocommerce .products .star-rating { display: none; } / Image / .woocommerce ul.products li.product a img { margin-bottom:0 } / Product / .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { text-align:center; } / Button / .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce div.product form.cart .button { padding: 8px 13px; color:#222; letter-spacing:0px; text-transform:uppercase; background-color:#eee; border:2px solid #eee; font-size:15px } .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce div.product form.cart .button:hover { color:#fff; background-color:transparent; border:2px solid #eee; } .woocommerce ul.products li.product .button { margin-top:5px; } .woocommerce ul.products li.product .button:before { font-family:"icomoon"; content: "\e60f"; margin-right:10px; font-weight:300; font-size:16px } @media only screen and (max-width:767px) { .woocommerce ul.products li.product .button { padding:4px 10px; font-size:14px } } / Price / .woocommerce ul.products li.product .price { color:#eee; font-size:16px; font-weight:600; margin-bottom:13px } .woocommerce ul.products li.product .price del { display:inline; } .woocommerce ul.products li.product .price ins { font-weight: 600; } / Pagination / .woocommerce nav.woocommerce-pagination ul { border: none; } .woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span { display: inline-block; font-size: 18px; font-weight: normal; margin-right: 0; text-transform: uppercase; border: none; margin: 0 6px; font-weight: 300; width: 45px; height: 45px; line-height: 45px; color: #fff; border: 1px solid #1D1D1F; padding: 0; } .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current { color: #FFF; background: #1D1D1F; } .woocommerce nav.woocommerce-pagination ul li { border-right: none; } / ---------------------- WIDGETS ---------------------- / / Product Cloud Widget / .widget_product_tag_cloud { overflow: hidden } .widget_product_tag_cloud .tagcloud a { padding: 6px 10px; margin: 3px; float: left; line-height: normal; color: #bbb; border: 1px solid #555; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; font-weight: 600; font-size: 13px !important; text-transform: uppercase; } .widget_product_tag_cloud .tagcloud a:before { content: "#"; } .widget_product_tag_cloud .tagcloud a:hover { text-decoration: none; line-height: normal; border: 1px solid transparent; color: #fff; background-color: #E82561; } / Cart Widget / .woocommerce .widget_shopping_cart .total, .woocommerce.widget_shopping_cart .total { border-color:rgba(255,255,255,0.3) } .woocommerce ul.cart_list li a, .woocommerce ul.product_list_widget li a { color:#fff; font-weight:400; } / Products / ul.product_list_widget li a span { color:#fff; font-weight:400; } ul.product_list_widget .woocommerce-Price-amount { font-weight:500; color:#999; } ul.product_list_widget del, ul.product_list_widget del .woocommerce-Price-amount { color:#666; } ul.product_list_widget ins { font-weight:500; background-color:transparent; color:#999; } .woocommerce ul.product_list_widget li img { width: 50px; } .woocommerce ul.product_list_widget li { margin-bottom:8px; overflow:hidden; border-bottom: 1px solid rgba(255,255,255,0.1); padding-bottom:10px; } .woocommerce ul.product_list_widget li:last-child { border:none; } / Search / .woocommerce-product-search input[type="submit"] { display:none; } / Price filter / .woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content { background-color:#666; } .woocommerce .widget_price_filter .ui-slider .ui-slider-range { background-color:#ddd; } .woocommerce .widget_price_filter .ui-slider .ui-slider-handle { background-color:#eee; } .woocommerce .widget_price_filter .price_label { color:#ddd; } .woocommerce .widget_price_filter .price_label span { font-weight: 600; } / Categories / .widget .product-categories li { padding: 6px 0; color: #ccc; line-height: 20px; } .widget .product-categories li:before { font-family: "icomoon"; content: "\f105"; display: inline-block; color: #666; margin-right: 8px; margin-left: 0px; } / ---------------------- SINGLE PRODUCT ---------------------- / / Price / .woocommerce div.product p.price, .woocommerce div.product span.price { font-weight:400; } .woocommerce div.product p.price del { color:#999; } .woocommerce div.product p.price, .woocommerce div.product span.price { color:#fff; font-size:18px; } .woocommerce div.product .woocommerce-variation-price .price { color:#fff; } / Title / .woocommerce div.product .product_title { font-size: 36px } / Quantity / .woocommerce .quantity .qty { margin-right: 10px; padding: 5px 0 5px 10px; border: 1px solid rgba(255, 255, 255, 0.26); background-color:transparent; } / Product Meta / .product_meta .posted_in, .product_meta .tagged_as { display:block; font-weight:600; color:#fff; } .product_meta { border-top: 1px solid #222; padding-top:20px } .product_meta .posted_in { margin-bottom:5px } .product_meta .posted_in a, .product_meta .tagged_as a { font-weight:300; color:#eee; } .woocommerce div.product .stock { color: #999; font-weight:600; } / Variations / .woocommerce div.product form.cart { border-top: 1px solid #222; padding-top:20px; } .woocommerce div.product form.cart .variations { background-color:transparent; } .woocommerce div.product form.cart .variations td { line-height:2em; padding:5px; } .woocommerce-variation-price { border-top: 1px solid #222; padding-top:20px; margin-bottom:15px; } .woocommerce div.product form.cart .reset_variations{ text-transform:uppercase; } / Tabs / .woocommerce div.product .woocommerce-tabs ul.tabs li { border: 1px solid #222; background-color: #232323; display: inline-block; position: relative; z-index: 0; border-radius: 0; margin:0 -5px -5px -5px; padding: 15px 20px; } .woocommerce div.product .woocommerce-tabs ul.tabs { list-style: none; margin: 0 0 -1px 0; overflow: hidden; position: relative; } .woocommerce div.product .woocommerce-tabs ul.tabs li.active { background: #0b0b0c; z-index: 2; border-bottom-color: #222; border-top: 1px solid #222; } .woocommerce div.product .woocommerce-tabs ul.tabs:before { position: absolute; content: " "; width: 100%; bottom: 0; left: 0; border-bottom: 1px solid #222; z-index: 1; } .woocommerce div.product .woocommerce-tabs ul.tabs li.active:before { box-shadow: 2px 2px 0 #222; } .woocommerce div.product .woocommerce-tabs ul.tabs li:before { display:none; } .woocommerce div.product .woocommerce-tabs ul.tabs li:after, .woocommerce div.product .woocommerce-tabs ul.tabs li:before { display:none; } .woocommerce div.product .woocommerce-tabs ul.tabs li a { font-weight: 700; color: #999; } .woocommerce div.product .woocommerce-tabs .panel h2:first-child { font-size: 22px; } .woocommerce div.product .woocommerce-tabs .panel { margin-bottom:40px; padding:30px; border: 1px solid #222; } .woocommerce #reviews h3 { font-size:18px; font-weight:400; } / Attributes / .woocommerce table.shop_attributes td, .woocommerce table.shop_attributes th { line-height: 2; border:none; border-bottom: 1px solid #222; border-top: 0; margin: 0; } table.shop_attributes { background-color:transparent; } table.shop_attributes th { color: #ddd; background-color:transparent; } table.shop_attributes td { } table.shop_attributes td p { color: #999; font-weight:400; } table.shop_attributes td { padding: 0; width: 50%; border-top: 0; border-bottom: 1px solid #333; margin: 0; padding: 1em; } / Ratting / .woocommerce .star-rating:before { color: #E82561; } .woocommerce-product-rating { color:#E82561; } .woocommerce-review-link, .woocommerce-review-link span { color:#999; } .woocommerce-review-link:hover, .woocommerce-review-link:hover span { color:#E82561; } / Reviews / .woocommerce #reviews #comments ol.commentlist { margin-bottom:40px; } .woocommerce #reviews #comments ol.commentlist li img.avatar { padding: 3px; width: 48px; height: auto; background: #222; border: none; } .woocommerce #reviews #comments ol.commentlist li .comment-text { margin: 0 0 0 60px; border: 1px solid #222; border-radius: 4px; padding: 1em 1em 0; } .woocommerce #reviews #comments ol.commentlist li .comment-text p.meta strong { color:#999; } .woocommerce .star-rating, .woocommerce p.stars a { color: #E82561; } / Related Products / .woocommerce .related h2 { margin-bottom: 30px; font-size: 24px; } / ---------------------- CART ---------------------- / .woocommerce table.shop_table { border: none; margin: 0 -1px 44px 0; border-radius: 0; background-color:transparent; } .cart-collaterals .shipping_calculator h2 a, .cart-collaterals .shipping_calculator h2 a span { color: #fff; } table.shop_table th, table.shop_table td { border:none; border-bottom: 1px solid #222; } .woocommerce table.shop_table td.actions { padding:20px; } .woocommerce table.shop_table th { background-color:transparent; padding:10px; border-bottom:4px double #333; color: #eee; } td.product-name a, td.product-name strong { color: #ccc; } .woocommerce ul.cart_list li dt, .woocommerce td.product-name dl.variation dt { font-weight: 300; color:#999; } .woocommerce ul.cart_list dd, .woocommerce td.product-name dl.variation dd { margin-top:0; color:#bbb; } .woocommerce td.product-name dl.variation dd, .woocommerce td.product-name dl.variation dt { margin-bottom:0; line-height:140%; font-size:14px; padding:0; } .woocommerce ul.cart_list li dl dt, .woocommerce ul.cart_list li dl dd { margin-bottom:0; line-height:140%; font-size:14px; padding:0; } .cart-collaterals .cart_totals table td { border-bottom: 1px solid #222; } .cart-collaterals .cart_totals table th { color: #ddd; } .cart-collaterals .shipping_calculator h2 a, .cart-collaterals .shipping_calculator h2 a { color: #fff; } form.login, form.checkout_coupon, form.register { border: 1px solid #222; background: #222; } .checkout #order_review { } .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt { background-color:#eee; color:#222; } .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover { background-color: transparent; color: #fff; } .woocommerce .cart-collaterals .cart_totals h2 { font-size:24px; } .cart-collaterals .cart_totals table th { color: #ddd; border-bottom: 1px solid #222; background-color:transparent; } #add_payment_method .cart-collaterals .cart_totals tr td, #add_payment_method .cart-collaterals .cart_totals tr th, .woocommerce-cart .cart-collaterals .cart_totals tr td, .woocommerce-cart .cart-collaterals .cart_totals tr th, .woocommerce-checkout .cart-collaterals .cart_totals tr td, .woocommerce-checkout .cart-collaterals .cart_totals tr th { border-top:none; } .cart-collaterals .cart_totals table th { border-bottom:1px solid #222; } .woocommerce #respond input#submit.disabled, .woocommerce #respond input#submit:disabled, .woocommerce #respond input#submit:disabled[disabled], .woocommerce a.button.disabled, .woocommerce a.button:disabled, .woocommerce a.button:disabled[disabled], .woocommerce button.button.disabled, .woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled], .woocommerce input.button.disabled, .woocommerce input.button:disabled, .woocommerce input.button:disabled[disabled] { opacity:0; } .woocommerce-cart table.cart td.actions .coupon .input-text { margin-right: 20px; padding: 9px; min-width:130px; border: 1px solid rgba(255, 255, 255, 0.26); background-color: transparent; } #add_payment_method #payment div.payment_box:before, .woocommerce-cart #payment div.payment_box:before, .woocommerce-checkout #payment div.payment_box:before { border: 1em solid #3e3e42; border-right-color: transparent; border-left-color: transparent; border-top-color: transparent; } / Block UI overlay / .woocommerce .blockUI.blockOverlay { background-color:#222 !important; } .woocommerce-thankyou-order-received { font-size:18px; } / ---------------------- CHECKOUT ---------------------- / .woocommerce form .form-row .required { text-decoration: none; } / Checkout table / .woocommerce-checkout table.shop_table { background-color:transparent; margin-bottom:40px; padding:10px; } .woocommerce-checkout table.shop_table th, .woocommerce-checkout table.shop_table td { color: #ddd; background-color:transparent; } .woocommerce-checkout td.product-name dl.variation dt, .woocommerce-checkout td.product-name dl.variation dd { color: #999; } .woocommerce-checkout table.shop_table th, .woocommerce-checkout table.shop_table .cart-subtotal td, .woocommerce-checkout table.shop_table .order-total td { border-bottom: 4px double #333; padding:15px 15px; } #payment div.payment_box { background: #333; color: #eee; } #payment ul li label { color: #ddd; } #payment div.payment_box:after { border: 8px solid #222; border-right-color: transparent; border-left-color: transparent; border-top-color: transparent; } #payment ul li input[type="radio"] { margin-right: 1em; margin-top: 0.2em; float: left; width: auto; height: 1.4em; width: 1.4em; } .woocommerce-checkout #payment ul.payment_methods li input { margin-top: 4px; margin-right: 12px; } / Order info / .order-info mark { color: #fff; } #add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment { margin-top:60px; background: #242427; border-radius: 5px; } #add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box { background-color: #3e3e42; color:#ccc; } #add_payment_method #payment ul.payment_methods, .woocommerce-cart #payment ul.payment_methods, .woocommerce-checkout #payment ul.payment_methods { border-bottom: 1px solid #333; } #order_review_heading { margin-top:40px; } .woocommerce form .form-row.woocommerce-validated .select2-container, .woocommerce form .form-row.woocommerce-validated input.input-text, .woocommerce form .form-row.woocommerce-validated select { border-color: #555; } / Select / .select2-results__option { margin:0; } .select2-container--default .select2-search--dropdown .select2-search__field { border: none; } .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #6e6e6e; color: #fff; } .select2-container--default .select2-results__option[aria-selected=true] { background-color: #2b2b2b; } .select2-container--default .select2-selection--single { border: 1px solid #555; color: #fff; background-color: rgba(255, 255, 255, 0.13); border-radius: 0px; height:40px; padding-top:5px; } .select2-dropdown { background-color: #1c1d1f; border: 1px solid #555; border-radius: 0px; } .select2-container--default .select2-selection--single .select2-selection__rendered { color: #fff; line-height: 28px; } .select2-container .select2-choice { border: 1px solid #444; color: #444; border-radius: 0px; background-color: transparent; font-weight: 400; padding:4px 8px; } .select2-search input { border: none; background-color: transparent; background-position: 20px -20px; } .select2-drop-active { border: 1px solid #666; border-top: none; } .select2-drop { background: #131415; color: #fff; } .select2-results { background: #131415; } .select2-dropdown-open .select2-choice { border-bottom-color: transparent; -webkit-box-shadow: none; border-radius: 0; } .select2-drop-active { border: 1px solid #444; } .select2-search { padding-left: 0px; padding-right: 0px; margin-top:0px } .select2-results .select2-highlighted { background: #666; color: #fff; border-radius: 3px; } / ---------------------- ORDER RECIVED ---------------------- / .woocommerce .order_details { margin: 0 0 1.5em; list-style: none; background-color: #3e3e42; padding:10px; } .woocommerce table.shop_table tfoot th, .woocommerce table.shop_table tfoot td { border-bottom: 4px double #333; background: transparent; } .woocommerce-checkout address, .woocommerce-account .woocommerce-MyAccount-content address { font-style:normal; } .woocommerce-MyAccount-content mark { background-color:transparent; color:#fff; font-style:normal; font-weight:bold; } .woocommerce-checkout h2, .woocommerce-account .woocommerce-MyAccount-content h2 { font-size:28px; } .woocommerce table.customer_details th, .woocommerce table.customer_details td { border-bottom: 1px double #222; } / ---------------------- MESSAGES ---------------------- / .woocommerce-error, .woocommerce-info, .woocommerce-message { background-color: #111; color: #eee; border-top: 3px solid #a46497; list-style: none!important; width: auto; word-wrap: break-word; } .woocommerce-info:before { color: #ddd; } / ---------------------- MY ACCOUNT ---------------------- */ .woocommerce-account .woocommerce-MyAccount-navigation { margin-bottom:40px; } .woocommerce-account .woocommerce-MyAccount-navigation ul { list-style:none; margin:0; padding:0; } .woocommerce-account .woocommerce-MyAccount-navigation ul li { margin:0; max-width:80%; position:relative; } .woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active:after { content: ""; display: block; border: 22px solid #2a2a2d; border-bottom-color: transparent; border-right-color: transparent; border-top-color: transparent; position: absolute; top: 0px; right: -44px; } .woocommerce-account .woocommerce-MyAccount-navigation ul li a { display:block; border-bottom: 1px solid #202023; background-color: #151517; margin:0; padding:10px 20px; color:#999; font-weight:500; } .woocommerce-account .woocommerce-MyAccount-navigation ul li:last-child a { border-bottom:0 } .woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover, .woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a { background-color: #2a2a2d; color:#fff; } .woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register { border: none; margin: 2em 0; text-align: left; border-radius: 0; padding:0; background-color:transparent; } .woocommerce form.login label.inline { margin-left:20px; } .woocommerce form.login label.inline input[type="checkbox"] { display:inline-block; width: auto; } .woocommerce form .form-row .input-checkbox { width:auto; }

| ver. 1.4 | Github | . | PHP 8.5.7 | Generation time: 0 | proxy | phpinfo | Settings