Файловый менеджер

Файловый менеджер - Редактировать - /home2/cocinasdalloway/public_html/tienda/wp-content/themes/kossy/sass/template/_woocommerce.scss

Назад
/------------------------------------------- Price -------------------------------------------/ // style overide woo .cart2{ text-align:center; .count{ font-size:12px; text-align:center; display:block; } } .pp_gallery ul{ height: auto; a{ height: auto; } } .woocommerce .shop_attributes{ tr{ th,td{ padding:15px; p{ padding:0; } } th{ color:$link-color; } } } .swatches-wrapper{ .label{ color:$link-color; padding:0; text-transform:uppercase; font-weight:500; font-size:$font-size-base; &:hover,&:active,&:focus{ color:$theme-color; } } } .cross-sells{ clear:both; overflow:hidden; > h2{ font-weight: 500; font-size: 18px; margin:0 0 20px; text-transform:uppercase; } } .woocommerce #respond input#submit.loading, .woocommerce a.button.loading, .woocommerce button.button.loading, .woocommerce input.button.loading{ @include opacity(0.8); padding-right:$padding-base-horizontal; &:after{ top: 50%; right: 50%; color:$link-color; margin:-16px -8px 0 0; z-index:2; } &:before{ content:''; position:absolute; top:0; left:0; @include size(100%,100%); background:rgba(255,255,255,0.9); z-index:1; @include transition(all 0.2s ease-in-out 0s); } } .woocommerce div.product div.images .woocommerce-product-gallery__trigger{ border:1px solid $theme-color; background:$theme-color; @include transition(all 0.2s ease-in-out 0s); &:hover,&:active{ background:darken($theme-color,5%); } &:before{ border-color:#fff; } &:after{ background:#fff; } } @media(min-width:1200px){ .woocommerce div.product div.images .flex-control-thumbs li{ width: 33.33%; &:nth-child(3n + 1){ clear: left; } } } .woocommerce div.product div.images .flex-control-thumbs{ margin-left: -10px; margin-right: -10px; margin-top: 20px; li{ padding-right:10px; padding-left:10px; margin-bottom: 20px; img{ border:1px solid #fff; @include opacity(0.8); @include transition(all 0.2s ease-in-out 0s); &:hover, &:active, &.flex-active{ border-color:$theme-color; } } } } .shop-pagination{ .apus-pagination{ margin:0; @include rtl-float-left(); } .woocommerce-result-count{ @include rtl-float-right(); margin:5px 0 0; } } .woocommerce div.product form.cart .variations{ margin-bottom: 0; } table.variations{ .tawcvs-swatches .swatch-color{ @include opacity(1); @include size(24px,24px); line-height: 24px; position:relative; border:none; @include rtl-margin-right(12px); &:before{ display:none !important; } &:after{ content:''; @include border-radius(50%); z-index:2; position:absolute; top:-1px; left:-1px; @include size(26px,26px); border:5px solid #fff; } &.selected{ @include box-shadow(none); &:after{ top:1px; left:1px; @include size(22px,22px); border:3px solid #fff; } } } .tawcvs-swatches .swatch-label{ font-size:14px; font-weight:500; color:#000; padding:8px 10px; line-height:1; border:1px solid $border-color; min-width:32px; text-align:center; background:transparent; height:auto; width:auto; @include border-radius(0); @include rtl-margin-right(8px); text-transform:uppercase; @include opacity(1); &.selected{ @include box-shadow(none); border-color:$theme-color; color:$theme-color; } } tr:last-child{ .tawcvs-swatches{ padding-bottom:10px !important; } } } .woocommerce div.product form.cart .variations td.label{ padding:5px 0; text-align: inherit; display: table-cell; } .woocommerce div.product form.cart .reset_variations{ color: $brand-danger; i{ font-size: 12px; @include rtl-margin-right(3px); color: #e23e1d; } } .woocommerce #respond input#submit.added:after, .woocommerce a.button.added:after, .woocommerce button.button.added:after, .woocommerce input.button.added:after{ display: none; } .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea{ line-height: $line-height-base; resize: none; border:1px solid $border-color; @include transition(all 0.2s ease-in-out 0s); @include box-shadow(none !important); &:focus{ border-color:darken(#b7b7b7, 20%); } } .woocommerce table.wishlist_table thead th{ padding:15px 0px; } .woocommerce .wishlist_table td.product-add-to-cart a{ @extend .btn; @extend .btn-theme; display: inline-block !important; background-image: none !important; min-width: 200px; } .woocommerce table.wishlist_table td{ padding:30px 0 !important; text-align: inherit; } .woocommerce table.wishlist_table{ font-size: 14px; max-width:900px; margin:auto; .media-body{ width:auto; } .product-thumbnail{ img{ width: 100px; } } } .woocommerce table.wishlist_table thead th, .woocommerce table.wishlist_table td{ @include rtl-padding-right($theme-padding / 2 !important); border-bottom:1px solid $border-color; } .yith-wcwl-share{ margin: 20px 0; > { vertical-align: middle; display: inline-block; } .yith-wcwl-share-title{ font-size: 18px; color: #4c4c4c; margin: 0; } ul{ li{ + li{ @include rtl-margin-left(5px); } } } } #yith-wcwl-popup-message{ line-height: inherit; color: $brand-success; } #yith-wcwl-popup-message{ border:1px solid $brand-success; } .select2-container .select2-selection--single .select2-selection__rendered{ padding-top:8px; padding-bottom:8px; border:1px solid $border-color; } .select2-container .select2-selection--single{ height: 46px; } .select2-container--default .select2-selection--single .select2-selection__arrow{ top:9px; } .woocommerce .return-to-shop .button , .woocommerce #respond input#submit{ @extend .btn; @extend .btn-theme; } .woocommerce-message{ line-height: 2.5; } form.track_order{ max-width:750px; margin:auto; .form-row{ width:100%; label{ font-size:16px; font-weight:400; color:$link-color; } } .track-inner{ max-width:570px; margin:30px auto; } } .woocommerce-column__title{ font-size:28px; font-weight:400; margin:30px 0; } .apus-filter{ .woocommerce-message{ display: none; } } .woocommerce-page .cart-collaterals{ margin: 15px 0 30px; .cart_totals{ max-width:400px; @include rtl-float-left(); } } #add_payment_method #payment ul.payment_methods, .woocommerce-cart #payment ul.payment_methods, .woocommerce-checkout #payment ul.payment_methods{ border:0; padding:0; li{ padding:0; margin-bottom: 15px; .payment_box{ padding:20px; border:1px solid $border-color; margin: 0; } label{ font-size: 14px; cursor: pointer; font-weight: 500; display: inline; } &:last-child{ margin-bottom: 0; } .about_paypal{ display: block; line-height: inherit; font-size: 12px; font-weight: 400; float: none; color: $theme-color; } } } #add_payment_method #payment ul.payment_methods li input, .woocommerce-cart #payment ul.payment_methods li input, .woocommerce-checkout #payment ul.payment_methods li input{ @include rtl-margin-right(10px); } .woocommerce table.shop_table{ border:0; @include border-radius(0); th{ border-top:1px solid $border-color; padding:15px 0; } .reader-text{ display: none; } td{ border:none; border-top:1px solid $border-color; overflow: hidden; @media(min-width:1200px){ padding:$theme-margin 0; } &.product-price{ color: $theme-color; font-weight: 500; font-size: 16px; } input{ line-height: inherit; } } .product-remove{ .remove{ display: inline-block; text-align: center; font-size: 14px; color:$brand-danger; @include transition(all 0.2s ease-in-out 0s); &:hover,&:active{ color:darken($theme-color, 10%); } } } tbody{ .actions{ padding: 20px 0; p{ margin: 0; } } .product-subtotal{ font-family: $font-family-base; font-size: 16px; font-weight: 500; color: $theme-color; } .order-total{ .woocommerce-Price-amount{ color: #222; font-weight:600; font-size: 15px; } } .product-name{ color: #232530; } .cart-subtotal, .order-total{ .woocommerce-Price-amount{ font-size: 20px; font-weight: 400; } } } th{ border:none; color: $headings-color; font-size: 16px; font-weight: 500; font-family: $font-family-base; } .list-bundles{ font-size:14px; list-style:none; @include rtl-padding-left(25px); strong{ font-weight:500; } ul{ list-style:inside none disc; padding:0; margin:0; } } } .woocommerce .cart_totals{ > h2{ font-family: $font-family-base; margin: 0; font-weight: 500; font-size: 18px; position:relative; text-transform:uppercase; border-bottom:1px solid $border-color; padding:0 0 25px 0; } table.shop_table{ border:none; th,td{ padding:25px 0px; border-width:0 0 1px; border-bottom:1px solid $border-color !important; .woocommerce-Price-amount{ color: $theme-color; } } th{ font-weight: 400; color: $link-color; } } li label{ font-weight:400; .amount{ font-weight:400; } } } .woocommerce-table--order-details{ tfoot .woocommerce-Price-amount{ font-size: 24px; font-weight:400; } } .woocommerce-error li, .woocommerce-info li, .woocommerce-message li{ font-weight: 400; } #add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment{ background:#fff; .place-order{ padding:30px 0 10px !important; #place_order{ text-transform: uppercase; } } } #add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box{ background:#ffffff; } #add_payment_method #payment div.payment_box::before, .woocommerce-cart #payment div.payment_box::before, .woocommerce-checkout #payment div.payment_box::before{ border-bottom-color:#fff; } .woocommerce form .form-row textarea{ height: 150px; } .woocommerce #customer_details{ .woocommerce-shipping-fields, .woocommerce-account-fields{ margin-top: $theme-margin; input.input-text{ border-width: 0 0 1px; @include border-radius(0 !important); padding:10px 0; } } h3.form-row{ font-size: 16px; font-weight: 500; text-transform: uppercase; text-align: center; margin: 0; padding:15px; border-bottom:1px solid $border-color; } .woocommerce-shipping-fields{ border:1px solid $border-color; padding:0 $theme-margin $theme-margin; h3.form-row{ margin:0 (-$theme-margin) $theme-margin; } textarea { border-width: 0 0 1px; @include border-radius(0 !important); height: 60px; resize: none; padding:10px 0; } } .shipping_address{ > { display: block; width: 100% !important; > label{ min-width: 200px; @include rtl-float-left(); font-weight: 400; margin-top: 8px; text-transform: uppercase; } > .select2-container, > select, > input{ overflow: hidden; width: calc(100% - 200px) !important; border-width:0 0 1px; border-style:solid; border-color:$border-color; padding:10px 0; @include border-radius(0 !important); @include rtl-float-right(); &:focus{ border-color:$theme-color; } } > .select2-hidden-accessible{ height: 0; } } } } .woocommerce form .woocommerce-billing-fields{ > h3{ font-size: 18px; font-weight: 500; margin: 0; padding:0 0 15px; } .woocommerce-billing-fields__field-wrapper{ > { display: block; width: 100% !important; > label{ min-width: 200px; @include rtl-float-left(); font-weight: 400; margin-top: 8px; } > .select2-container, > select, > input{ overflow: hidden; width: calc(100% - 200px) !important; border-width:0 0 1px; border-style:solid; border-color:$border-color; padding:10px 0; @include border-radius(0 !important); @include rtl-float-right(); &:focus{ border-color:$theme-color; } } > .select2-hidden-accessible{ height: 0; } } } } .woocommerce .cart-collaterals .cross-sells, .woocommerce-page .cart-collaterals .cross-sells, .woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals{ width: 100%; } .yith-wcwl-add-to-wishlist .ajax-loading{ margin: auto; position: absolute; top:0; bottom: 0; left: 0; right: 0; } .yith-wcwl-add-button{ position: relative; } .woocommerce div.product .product_title{ font-size: 30px; font-weight: 400; margin:0; } .woocommerce p.stars.selected a.active::before, .woocommerce p.stars:hover a::before, .woocommerce p.stars.selected a:not(.active):before{ content: ''; } .product-block p.price, .product-block span.price, .woocommerce div.product p.price, .woocommerce div.product span.price{ color: $theme-color; font-size: 14px; font-weight: 500; del{ font-size: 14px; color: $text-color; @include rtl-margin-right(5px); } ins{ font-weight: 500; } } .woocommerce div.product p.price del, .woocommerce div.product span.price del{ @include opacity(1); } .variations{ label{ color: $link-color; font-size: 14px; text-transform: capitalize; font-weight: 400 !important; @include rtl-padding-right(5px); } .value{ padding: 0; } } .woocommerce div.product form.cart .group_table{ border:none; margin-bottom: 10px; .price del{ font-size: 12px !important; } .price, .price ins{ font-size: 15px !important; color: $theme-color; } td{ vertical-align: middle; &:first-child{ padding-right:0; @include rtl-text-align-left(); } &.woocommerce-grouped-product-list-item__price{ color:$theme-color; } } .quantity{ .reader-text{ display:none; } } } .woocommerce div.product form.cart .button{ @extend .btn; @extend .btn-primary; } .woocommerce div.product form.cart.group_product{ width:100%; + .yith-wcwl-add-to-wishlist{ margin:10px 0 0; } } .woocommerce div.product form.cart .group_table .label{ padding: 0.5em; vertical-align: middle; font-size:14px; display: table-cell; text-align: inherit; white-space: normal; label{ font-weight: 400; } } .woocommerce div.product form.cart .variations td{ line-height: inherit; font-size: inherit; .tawcvs-swatches{ padding:0; } padding:5px 0; } .woocommerce .order_details{ padding: 0; } .woocommerce table.shop_table{ input.button{ @extend .btn; @extend .btn-theme; color:#fff !important; } } .woocommerce { .woocommerce-message, .checkout_coupon{ .button{ @extend .btn; @extend .btn-danger; } } } .woocommerce #content table.cart td.actions .input-text, .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: auto; height: 41px; padding: 5px 10px !important; @include rtl-margin-right(10px !important); @include border-radius(2px); } #add_payment_method table.cart img, .woocommerce-cart table.cart img, .woocommerce-checkout table.cart img{ width: 100px; } .woocommerce .percent-sale, .woocommerce span.onsale{ color:#fff; font-size: 12px; font-weight: 500; background:#78cc41; padding:6px 14px; position: absolute; text-align: center; @include rtl-left(0px); text-transform:uppercase; top: 0; min-height: auto; font-family: $font-family-base; z-index: 9; @include border-radius(0); display: inline-block; line-height: 1; } //popup-cart .popup-cart{ .title-count, .title-add{ font-size: 20px; margin: 0 0 20px; } .gr-buttons{ margin: 50px 0 0; } .title-add{ color: $brand-success; } .image{ img{ max-width: 100px; } } .name{ margin: 30px 0 0; } .widget-product{ margin-top: 30px; } } #apus-cart-modal{ .btn-close{ position: absolute; top:0; @include rtl-right(0); z-index: 99; background: #fff; @include size(30px,30px); line-height: 26px; text-align: center; display: inline-block; } .modal-content{ background: #ffffff none repeat scroll 0 0; min-width: 1000px; max-width: 100%; margin-top: 50px; } .modal-body{ padding: 60px; } } .name{ @include font-size(font-size,14px); margin: 0 0 18px; font-weight: 500; } .product-block{ .sale-off{ background: $brand-danger none repeat scroll 0 0; color: #ffffff; font-size: 12px; font-weight: 400; padding: 4px 10px; position: absolute; right: 20px; text-align: center; text-transform: uppercase; top: 20px; } .image{ position: relative; overflow: hidden; .downsale{ font-size: 12px; font-weight: 500; display: inline-block; position: absolute; right:0; top:0; z-index: 8; padding:2px 10px; @include border-radius(2px); background:#d42e2e; color: #fff; } img{ @include transition(all 0.5s ease-in-out 0s); } .image-effect{ top: 0; position: absolute; @include rtl-left(0); z-index: 2; @include opacity(0); } .quickview{ @include size(40px,40px); line-height: 40px; text-align: center; display: inline-block; color: #858585; background:#fff; @include border-radius(2px); @include transition(all 0.2s ease-in-out 0s); position:absolute; top:10px; @include rtl-right(10px); z-index:9; @include opacity(0); &:active, &:hover{ color: #fff; background: $theme-color; } } } .block-inner{ &:hover{ .image{ .image-hover{ @include opacity(0); } .image-effect{ @include opacity(1); } } } &.text-center{ .image{ img{ margin:auto; } .image-effect{ left:50%; @include translateX(-50%); } } } } .clear{ display: none !important; } .yith-wcwl-add-to-wishlist{ margin: 0; } .compare { position:relative; overflow: hidden; } .product-cats{ font-size: 12px; margin: 15px 0 11px; text-transform: uppercase; a{ color: #4c4c4c; &:hover,&:active{ color: $theme-color; } } } .rating{ > { display: inline-block !important; vertical-align: middle; margin:0 !important; float: none; } .counts{ color: #999591; font-size: 13px; } } .feedback, .sub-title{ display: none; } .product-image{ position:relative; display:block; &:before{ content:''; position:absolute; top:0; left:0; @include size(100%,100%); z-index:7; @include opacity(0); @include transition(all 0.3s ease-in-out 0s); background:rgba(0,0,0,0.3); } } &:hover{ .product-image{ &:before{ @include opacity(1); } } .image{ .quickview{ @include opacity(1); } } } // product grid &.grid{ position:relative; margin:0 0 $theme-margin; @media(min-width:1200px){ margin-bottom:40px; } background: #fff; @include transition(all 0.2s ease-in-out 0s); .grid-inner{ &.loading{ .quickview{ &:before{ font-family: 'WooCommerce'; content: '\e01c'; vertical-align: top; -webkit-font-smoothing: antialiased; font-weight: 400; position: absolute; top: 1px; right: 35%; animation: spin 2s linear infinite; -webkit-animation: spin 2s linear infinite; color: $text-color; z-index: 9; } &:after{ @include border-radius(0); background:rgba(255, 255, 255, 0.9); position:absolute; top: 0; left: 0; @include size(100%,100%); z-index: 8; content: ''; } } } } .name{ font-size:14px; margin:0 0 5px; } .image{ &.out{ .product-image{ @include opacity(0.5); } } } // out of stock .stock{ display: inline-block; background: #eeeeee; color: #9e9e9e !important; font-size: 12px; font-weight: 400; font-family: $font-family-second; padding: 10px; @include border-radius(50%); position: absolute; top: 20px; @include rtl-left(20px); z-index: 2; } .product-description{ max-width: 350px; margin: 0 auto; font-size: 16px; line-height: 22px; padding: 12px 0 15px; } .infor{ .button, .add_to_cart_button{ &.added{ display: none; } } } .category{ margin: $product-category-margin; overflow: hidden; @include text-overflow(); } .caption{ padding:20px 15px 15px; text-align: center; } .block-inner{ overflow:hidden; position:relative; } .groups-button { @include transition(all 0.3s ease-in-out 0s); text-align:center; width:100%; padding:$theme-margin / 2; position:absolute; bottom:0; left:0; margin:auto; max-width:270px; right:0; z-index:8; @include opacity(0); @include translateY(40px); > a, > div{ display: inline-block; vertical-align: middle; margin:0; @include rtl-float-left(); } .add-cart{ width:calc(100% - 84px); overflow:hidden; padding:0 2px; .added_to_cart, .button{ @include transition(all 0.2s ease-in-out 0s); @include border-radius(0); line-height:30px; background:#fff; width:100%; padding:5px; font-size:14px; font-weight:500; color:#252525; text-transform:uppercase; position:relative; &:hover,&:active{ color:#fff; background:$theme-color; } } .added_to_cart{ color:#fff; background:$theme-color; } } } .metas{ padding:24px 0 0; @include transition(all 0.2s ease-in-out 0s); } .title-wrapper{ clear:both; overflow:hidden; } .swatches-wrapper{ list-style:none; padding:0; margin:0 0 8px; @include rtl-text-align-right(); line-height:1.2; li{ display:inline-block; vertical-align:middle; @include rtl-margin-right(5px); &:last-child{ @include rtl-margin-right(0); } } .swatch-color{ display:inline-block; @include size(12px,12px); @include border-radius(50%); } } &:hover{ .groups-button{ @include opacity(1); @include translateY(0px); } } .compare{ display:block; position:relative; line-height:40px; text-align:center; @include size(40px,40px); overflow: hidden; font-size:14px; color:$text-color; background:#fff; overflow:hidden; &:hover,&:active{ background:$theme-color; color:#fff; } &.added{ background:$theme-color; color:#fff; &:before{ background:$theme-color; content: "\f0ec"; font-family: 'FontAwesome'; position:absolute; top:0; left:0; @include size(100%,100%); z-index:2; } } } // wishlist .yith-wcwl-add-to-wishlist a{ font-size: 14px; @include size(40px,40px); line-height: 40px; text-align: center; display: inline-block; color: $text-color; background:#fff; @include border-radius(0); @include transition(all 0.2s ease-in-out 0s); &:hover{ color: #fff; background: $theme-color; } &:not(.add_to_wishlist){ color: #fff; background: $theme-color; } } } &.inner-left{ .top-info{ position:absolute; top:18px; @include rtl-left(20px); z-index:9; } .product-image:before{ background:rgba(0,0,0,0.25); } .metas{ padding:0; } .onsale{ right:0; left:inherit; } .groups-button{ right:inherit; text-align:left !important; .add-cart{ width:auto; } .add-cart .added_to_cart, .add-cart .button{ display:block; position:relative; line-height:40px; text-align:center; @include size(40px,40px); overflow: hidden; font-size:14px; color:$text-color; background:#fff; overflow:hidden; &:before{ content: "\e015"; font-family: 'ElegantIcons'; position:absolute; top:0; left:0; @include size(100%,100%); z-index:2; background:#fff; color:$text-color; } &:hover,&:active{ &:before{ background:$theme-color; color:#fff; } } } .add-cart .added_to_cart:before{ background:$theme-color; color:#fff; } } } &.inner-center{ margin-bottom:10px; .metas{ padding:0; } .product-image:before{ background:rgba(255,255,255,0.8); } .top-info{ position:absolute; top:50%; left:0; width:100%; @include translateY(-40%); z-index:9; @include transition(all 0.2s ease-in-out 0s); @include opacity(0); } .name{ font-size:18px; font-weight:500; margin:0; } &:hover{ .top-info{ @include translateY(-50%); @include opacity(1); } } } // deal &.grid-deal{ border:2px solid $theme-color; .times{ text-align: center; margin-bottom: 15px; > div{ vertical-align: middle; min-width: 50px; font-size: 12px; display: inline-block; font-weight: 400; text-transform: uppercase; + div{ @include rtl-margin-left(8px); } span{ font-weight: 500; margin-bottom:5px; @include border-radius(3px); font-size: 18px; display: block; line-height: 50px; background: #f2f4fc; color: $link-color; } } } .metas{ padding:15px 0; border:none !important; } .info_sold { font-size: 12px; text-transform: uppercase; font-weight: 500; } .progress{ height: 5px; width:100%; background:#e8e8e8; margin-bottom: 5px; .progress-bar{ background:#e23e1d; } } .special-progress{ margin-bottom: 20px; } } } // products list .products-list{ .product-block-list{ margin-bottom: $theme-margin; padding-bottom:$theme-margin; border-bottom:1px solid $border-color; @media(min-width:1200px){ margin-bottom: 40px; padding-bottom:40px; } } .list-products:last-child{ .product-block-list{ margin:0; } } } .product-block-list{ .wrapper-image{ &.loading{ .quickview{ position:relative; &:before{ font-family: 'WooCommerce'; content: '\e01c'; vertical-align: top; -webkit-font-smoothing: antialiased; font-weight: 400; position: absolute; top: 5px; right: 45%; animation: spin 2s linear infinite; -webkit-animation: spin 2s linear infinite; color: $text-color; z-index: 9; } &:after{ background:rgba(255, 255, 255, 0.9); position:absolute; top: -2px; left: -2px; @include size(calc(100% + 4px),calc(100% + 4px)); z-index: 8; content: ''; } } } } .swatches-wrapper{ list-style:none; padding:0; margin:0 !important; @include rtl-text-align-right(); line-height:1.2; position:absolute; width:100%; z-index:9; bottom:30px; text-align:center; left:0; li{ display:inline-block; vertical-align:middle; @include rtl-margin-right(5px); &:last-child{ @include rtl-margin-right(0); } } .swatch-color{ display:inline-block; @include size(12px,12px); @include border-radius(50%); } } .name{ font-size: 18px; margin:0 0 10px; } // wishlist .yith-wcwl-add-to-wishlist{ .sub-title{ display: none; } } .cate-wrapper{ margin: 0 0 8px; .product-cats{ margin:0; } } .bottom-list{ padding-top:10px; } .yith-wcwl-add-to-wishlist{ display:inline-block; a{ border:1px solid $brand-danger; display:inline-block; padding:8px 16px; @include border-radius(0); background:#fff; color:$brand-danger; @include transition(all 0.2s ease-in-out 0s); &:hover,&:focus{ color:#fff; border-color:$brand-danger; background:$brand-danger; } &:not(.add_to_wishlist){ color:#fff; border-color:$brand-danger; background:$brand-danger; } } } .product-excerpt{ margin-top:25px; font-size:14px; } // price .price{ line-height: 1.4; display: block; font-size: 16px; margin:10px 0; } .avaibility-wrapper{ margin-bottom: 20px; font-size: 14px; } // action .add-cart { margin-bottom: 10px; .added{ display: none !important; } .wc-forward { width: 100%; } .added_to_cart, a.button{ @extend .btn; @extend .btn-theme; } } .wishlist-left{ @include rtl-margin-left(8px); } .bottom-list{ > { display:inline-block; vertical-align:top; } } &.list-v1{ padding:40px 30px; > div{ width: 33.33% !important; } .name{ font-size: 16px; } } } // list small .shop-list-small{ margin-bottom: 25px; @include transition(all 0.2s ease-in-out 0s); .content-left{ width: 120px; @include rtl-padding-right(25px); @include rtl-float-left(); } .content-body{ overflow: hidden; } .name{ margin:7px 0; } } // shop-list-smallest .shop-list-smallest{ .name{ a{ color: $link-color; &:hover,&:active{ color:$theme-color; text-decoration: none; } } } .content-left{ width: 90px; @include rtl-padding-right(20px); } } .woocommerce.carousel.inner-list-smallest{ border-top:1px solid $border-color; .shop-list-smallest{ margin-bottom:0; border-top:none; } } // single product .woocommerce .woocommerce-product-rating{ .star-rating{ margin: 0; display: inline-block; float: none; vertical-align: text-top; } .woocommerce-review-link{ display: inline-block; vertical-align: top; } } .woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary, .woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images{ width: 100%; } .single_variation_wrap{ div.qty{ font-size: 15px; text-transform: uppercase; color: $text-color; font-family: $font-family-three; margin-top: 10px; @include rtl-margin-right(10px); } } .wrapper-shop{ @media(min-width:1024px){ padding-top:50px; padding-bottom:50px; } .apus-pagination{ border-top:1px solid $border-color; padding-top: 40px; margin-top: 0; } aside.sidebar{ background: transparent; } } .thumbnails-image{ ul{ list-style: none; margin:0; padding:0; } .prev, .next{ display: block; width: 100%; text-align:center; font-size: 18px; color: #000; } .thumb-link{ display: block; @include opacity(0.4); margin: 10px 0; &:hover, &.active{ @include opacity(1); } } } .user_photo_thumbs{ list-style: none; padding: 0; text-align: center; margin: 10px 0 0; li{ display: inline-block; margin:0 4px; width: 70px; @include opacity(0.4); @include transition(all 0.3s ease-in-out 0s); &:hover,&.active,&:active{ @include opacity(1); } } } .user_photo{ margin-top: 50px; } .details-product{ margin-bottom:$theme-margin !important; .popup-video{ background:#fff; height: 40px; padding:0 6px; line-height: 40px; min-width: 30px; overflow: hidden; display: inline-block; @include box-shadow(0 0 5px 0 rgba(0,0,0,0.1)); @include border-radius(50px); @include transition(all 0.3s ease-in-out 0s); @include flexbox; align-items: center; -webkit-align-items: center; / Safari 7.0+ / flex-direction:row; -webkit-flex-direction:row; i{ height: 30px; line-height: 30px; width: 30px; font-size: 13px; text-align: center; text-indent: 3px; } span{ @include transition(all 0.3s ease-in-out 0s); white-space:nowrap; max-width: 0; padding: 0; overflow: hidden; } &:hover{ span{ max-width: 280px; @include rtl-padding-right(12px); } } } div.video{ z-index: 8; position:absolute; @include rtl-left(10px); bottom:10px; } .time{ > span{ font-weight:500; display:block; color:$link-color; margin-bottom:5px; } } .times{ > span{ color: $theme-color-second; margin-bottom:5px; } margin-bottom: 10px; > div{ text-align: center; vertical-align: middle; min-width: 45px; font-size: 12px; display: inline-block; font-weight: 400; text-transform: uppercase; + div{ @include rtl-margin-left(8px); } span{ font-weight: 500; margin-bottom:8px; @include border-radius(3px); font-size: 18px; display: block; line-height: 45px; background: #f2f4fc; color: $link-color; } } } .information .woocommerce-product-rating{ margin:0 0 15px !important; } .apus-woocommerce-product-gallery-thumbs{ .slick-slide{ &:hover, &:active, &.slick-current{ .thumbs-inner{ @include opacity(1); } } .thumbs-inner{ @include transition(all 0.2s ease-in-out 0s); max-width:100%; display: block; cursor: pointer; position: relative; @include opacity(0.5); } } // fix for position &.vertical{ margin:0; .slick-slide{ padding:0; margin-bottom: 18px; border:none; } .slick-arrow{ padding:5px 0; background:#fff !important; @include opacity(0); &:hover,&:active{ @include opacity(1); } } .slick-prev{ font-size:20px; top: 0; line-height:1; @include translate(-50%,0); width: 30px; left:50%; } .slick-next{ line-height:1; font-size:20px; width: 30px; top: inherit; left:50%; bottom:0; @include translate(-50%,0); } &:hover{ .slick-arrow{ @include opacity(0.6); &:hover,&:active{ @include opacity(1); } } } } } .image-mains{ max-width:100%; &.thumbnails-bottom{ .apus-woocommerce-product-gallery-wrapper{ margin-bottom:$theme-margin; } } &.thumbnails-left{ .apus-woocommerce-product-gallery-wrapper{ width:calc(100% - 100px); float:right; } .wrapper-thumbs{ float:left; width:100px; padding-right:20px; } @media(max-width:767px){ .apus-woocommerce-product-gallery-wrapper{ width:calc(100% - 70px); } .wrapper-thumbs{ width:70px; padding-right:10px; } } } &.thumbnails-right{ .apus-woocommerce-product-gallery-wrapper{ width:calc(100% - 100px); float:left; } .wrapper-thumbs{ float:right; width:100px; padding-left:18px; } @media(max-width:767px){ .apus-woocommerce-product-gallery-wrapper{ width:calc(100% - 70px); } .wrapper-thumbs{ width:70px; padding-left:10px; } } } } .description{ .title{ font-size:21px; } } .apus-woocommerce-product-gallery-wrapper{ position: relative; .downsale{ font-size: 12px; font-weight: 500; display: inline-block; position: absolute; left:0; top:0; z-index: 9; padding:2px 10px; @include border-radius(0); background:#d42e2e; color: #fff; } .apus-woocommerce-product-gallery { margin:0; .slick-slide{ padding:0; } } .woocommerce-product-gallery__trigger{ position: absolute; z-index: 8; top: 10px; @include opacity(0); @include rtl-right(10px); display: inline-block; @include size(40px,40px); background: #fff; line-height: 36px; text-align: center; border:2px solid $border-color; @include border-radius(50%); font-size: 14px; @include transition(all 0.2s ease-in-out 0s); &:hover,&:active{ border-color:$theme-color; color:#fff; background: $theme-color; } } &:hover{ .woocommerce-product-gallery__trigger{ @include opacity(1); } } } .woocommerce-product-details__short-description{ &.hideContent{ overflow: hidden; height: 55px; @include transition(all 0.2s ease-in-out 0s); } } .shipping_info{ padding:16px 0 25px; border-bottom:1px solid $border-color; .item{ margin-bottom:8px; &:last-child{ margin-bottom:0; } } i{ font-size:18px; @include rtl-margin-right(15px); } } &.layout-v1{ } &.layout-v2{ .posted_in{ a{ color:$theme-color; font-weight:500; } } .product_meta{ .posted_in{ display:none; } } } &.layout-v3{ } &.layout-v4{ .top-content{ margin-right:-$theme-margin / 2; margin-left:-$theme-margin / 2; > div{ padding-left:$theme-margin / 2; padding-right:$theme-margin / 2; } @media(min-width:992px){ .custom-md-6{ width:50%; display:inline-block; @include rtl-float-left(); } } } .woocommerce-product-gallery__image{ margin-bottom:$theme-margin; } } .woocommerce-variation-add-to-cart{ width: 100%; overflow: hidden; } .list{ li{ margin-bottom: 10px; } i{ color: $theme-color; @include rtl-margin-right(8px); } } .woocommerce-variation-price{ margin-bottom: 15px; } .information{ position: relative; .summary { float: none !important; width: 100%; margin: 0; } .price{ font-size: 24px !important; display:block; margin-bottom:0; font-weight:400 !important; } .woocommerce-product-details__short-description{ margin-bottom:25px; } .woocommerce-product-rating{ display: inline-block; .text-customer{ display: none; } .woocommerce-review-link{ font-size:14px; } } [itemprop="description"]{ ul{ @include rtl-padding-left(15px); } padding-bottom: 13px; border-bottom: 1px solid #eeeeee; } .cart{ &.variations_form{ display:inline-block; vertical-align:bottom; float:none; + .yith-wcwl-add-to-wishlist{ float:none; display:inline-block; vertical-align:bottom; } } &.grouped_form{ width:100%; margin:0 0 15px !important; label{ font-weight:400; } } margin: 0 !important; @include rtl-float-left(); @include rtl-margin-right(10px !important); div.quantity{ margin:0 !important; @include rtl-margin-right(10px !important); } .group_table{ tr{ td:first-child{ div.quantity{ margin:0 !important; } } } } } .product_meta{ clear:both; padding-top:30px; } // wishlist .yith-wcwl-add-to-wishlist{ margin: 0; @include rtl-float-left(); } .yith-wcwl-add-to-wishlist{ a{ @extend .btn; background:#fff; color:$link-color; border-color:$link-color; @include transition(all 0.2s ease-in-out 0s); padding:0; font-size:16px; line-height:44px; @include size(46px,46px); &:hover,&:focus{ background:$brand-primary; border-color:$brand-primary; color:#fff; } .sub-title{ display:none; } } } // creat button .compare{ display:none !important; } .clear{ display: none; } .product_title{ clear: both; } } // social .apus-social-share{ padding-top: 20px; clear:both; .title{ @include rtl-margin-right(30px); color: $link-color; } a{ @include rtl-margin-right(20px); display: inline-block; color: $text-color; font-size: 16px; &:hover,&:active{ color: $theme-color; } } } .product_meta{ > { display:block; } } .posted_in, .tagged_as, .sku_wrapper{ color:$link-color; a, .sku{ color:$text-color; } a:hover,a:active{ color:$link-color; } } // discount .apus-discounts{ margin:20px 0 15px; padding:15px 20px; background: #eceff6; font-size: 13px; ul{ margin:0; list-style: none; padding:0; li{ margin: 0 0 3px; &:before{ font-family: 'FontAwesome'; color:$theme-color; content: "\f00c"; @include rtl-margin-right(8px); } } } .icon{ display: inline-block; vertical-align: middle; @include size(35px,35px); text-align: center; line-height: 35px; color: #fff; background: darken(#eceff6,20%); font-size: 14px; @include border-radius(50%); @include rtl-margin-right(10px); } .title{ font-size: 18px; margin:0 0 10px; } } .product-free-gift{ margin:0 0 20px; padding:15px 20px; background: $state-danger-bg; .icon{ display: inline-block; vertical-align: middle; @include size(35px,35px); text-align: center; line-height: 35px; color: #fff; background: #e23e1d; font-size: 14px; @include border-radius(50%); @include rtl-margin-right(10px); } .title{ font-size: 18px; margin:0 0 10px; } .list-gift{ font-size: 13px; list-style: none; padding:0; margin:0; li{ margin-bottom: 3px; } i{ color: #e23e1d; } } .hightcolor{ font-weight: 500; color: #e23e1d; } } } .accessoriesproducts-wrapper{ position: relative; &.loading:before{ position: absolute; @include size(100%,100%); top: 0; left: 0; z-index: 99; content: ''; background:url('#{$image-theme-path}loading-quick.gif') center center no-repeat rgba(255,255,255,0.9); } } .accessoriesproducts{ .product-block.grid{ margin-bottom: 25px; .accessory-add-product{ position: absolute; @include rtl-left(10px); bottom: -25px; } } .check-all-items-wrapper{ margin: 0 0 10px; input{ @include rtl-margin-right(6px); } } .total-price-wrapper{ font-size: 14px; color: $link-color; margin: 0 0 5px; } .total-price{ display: block; color: $theme-color-second; font-size: 18px; font-weight: 700; } } /------------------------------------\ Product Category and Subcategories \------------------------------------/ .product-category{ .product-category-content{ position: relative; overflow: hidden; min-height: $product-category-content-height; margin: $product-category-content-margin; } .product-category-image{ display: block; img{ @include img-responsive(); } } .product-category-title{ text-transform: none; position: absolute; text-align: center; bottom: 0; @include rtl-left(0); width: 100%; font-weight: $product-category-title-font-weight; @include font-size(font-size,$product-category-title-font-size); color: $product-category-title-color; margin: $product-category-title-margin; padding: $product-category-title-padding; background: rgba($product-category-title-bg, .3); .count{ background: transparent; color: $product-category-title-color; } } } /------------------------------------\ Quickview \------------------------------------/ #apus-quickview-modal{ .product_meta{ margin: ($theme-margin / 2) 0 0; } } .apus-quickview{ .variations td.label{ min-width:80px; } .variations{ margin-bottom:10px !important; } } /** * * Woocommerce Form / .form-row { .checkbox, .input-radio{ margin-bottom: 0; margin-top: 0; } } .woocommerce form .form-row{ margin: 0 0 20px; padding:0; } .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2, .woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1{ width: 100%; } / End ------------------------------------------------/ .category-image{ img{ @extend .filter-grayscale; } } p.demo_store { top: 0; position:fixed; @include rtl-left(0); @include rtl-right(0); @include size(percentage(1),auto); @include rtl-text-align-center(); @include font-size(font-size,$font-size-md); padding: .5em 0; z-index: 99998; border: 1px solid darken($border-color, 10); @include box-shadow(0, 0, 0, 3px, rgba($white,0.2)); } /-------------------------------\ Utilities \------------------------------------/ .woocommerce #reviews #comments ol.commentlist{ padding:0; } //reviews .woocommerce #reviews #comments ol.commentlist li{ margin: 0 0 10px; padding:0 0 10px; @media(min-width:768px){ margin: 0 0 30px; padding:0 0 30px; } border-bottom:1px solid $border-color; .apus-avata{ min-width: 100px; @include rtl-padding-right($theme-margin); .apus-image{ display: inline-block; } } .comment-text{ border:none; padding:0; } img.avatar{ @include size(70px, 70px); border:none; @include border-radius(50%); padding: 0; position: relative; } .star-rating{ margin: 10px 0 0; @include rtl-float-left(); } .top-info{ margin: 0 0 8px; } .dokan-review-author-img{ @include rtl-float-left(); @include rtl-padding-right($theme-margin); } .description{ margin-top: 15px; p{ margin:0; } } .apus-author{ display: block; font-weight: 500; font-size: 16px; color: $link-color; margin:0; display:block; } .date{ display:block; overflow:hidden; clear:both; font-size:12px; } } .woocommerce p.stars a[class="star-"]:before{ display: none; } #respond { .comment-reply-title{ font-size:18px; margin:0 0 10px !important; #cancel-comment-reply-link{ color:$brand-danger; } } label{ font-size:16px; color: $link-color; font-weight: 400; } .form-submit { input { @include rtl-left(auto); } } textarea { @include box-sizing(border-box); } p.stars { position: relative; padding: 0 0 10px; a{ @include inline-block(); font-weight: $headings-font-weight; text-indent: -9999px; position: relative; @include rtl-margin-right(1em); color: $star-rating-color; letter-spacing:1px; &:last-child { @include rtl-border-right(0); } &.star-1, &.star-2, &.star-3, &.star-4, &.star-5 { &:after { top: -6px; font-family: "FontAwesome"; text-indent: 0; position: absolute; @include rtl-left(0); } } &.star-1 { width: 1em; &:after { content: "\f005"; } &:hover:after, &.active:after { content: "\f005"; } } &.star-2 { width: 2em; &:after { content: "\f005\f005"; } &:hover:after, &.active:after { content: "\f005\f005"; } } &.star-3 { width: 3em; &:after { content: "\f005\f005\f005"; } &:hover:after, &.active:after { content: "\f005\f005\f005"; } } &.star-4 { width: 4em; &:after { content: "\f005\f005\f005\f005"; } &:hover:after, &.active:after { content: "\f005\f005\f005\f005"; } } &.star-5 { width: 5em; border: 0; &:after { content: "\f005\f005\f005\f005\f005"; } &:hover:after, &.active:after { content: "\f005\f005\f005\f005\f005"; } } &.active, &:hover, &:active{ &:after{ color: $star-rating-active-color; } } } } } .woocommerce #reviews #comment { height: 130px; resize: none; } /------------------------------------\ Quantity inputs \------------------------------------/ .woocommerce .quantity .qty{ width: 70px; font-size: 14px; font-weight:500; height:46px; border:1px solid $brand-primary; padding:5px 10px; @include rtl-text-align-left(); color:$link-color; } .woocommerce .quantity{ > { display: inline-block; vertical-align: baseline; } .reader-text{ font-size: 14px; font-weight: 400; margin-bottom: 0; @include rtl-margin-right(10px); } } .woocommerce a.remove{ @include border-radius(0); } /------------------------------------\ Forms \------------------------------------/ .form-row { @include clearfix(); label.hidden { visibility:hidden; } label.inline { display: inline; } label{ display: block; font-weight: 500; } select { cursor: pointer; } .required { color: $red; font-weight: $headings-font-weight; border: 0; } .input-text{ width: 100%; padding: 8px 10px; } &.form-row-first{ width: 47%; @include rtl-float-left(); } &.form-row-last{ width: 47%; @include rtl-float-right(); } &.form-row-wide{ clear: both; } } .select2-container .select2-choice{ padding:5px 7px; } ul.tabs { list-style:none; padding: 0 0 0 1em; margin: 0 0 1.618em; overflow:hidden; position: relative; li { @include inline-block(); position: relative; z-index: 0; margin: 0 -5px; padding: 0 1em; border: 1px solid darken( $border-color, 10 ); @include box-shadow(0 3px 3px rgba($black, 0.2), inset 0 1px 0 rgba($white,0.6)); a { @include inline-block(); padding: .5em 0; font-weight: $headings-font-weight; color: $border-color; text-decoration: none; &:hover { text-decoration:none; color: lighten( $border-color, 10 ); } } &.active { background: $border-color; z-index: 2; border-bottom-color: $border-color; a { color: inherit; text-shadow: inherit; } &:before { @include box-shadow(2px 2px 0 $border-color); } &:after { @include box-shadow(-2px 2px 0 $border-color); } } &:before, &:after { border: 1px solid darken($border-color, 10); position:absolute; bottom: -1px; content: ""; @include size(5px,5px); } &:before { border-width: 0 1px 1px 0; @include rtl-left(-6px); @include border-right-radius(4px); @include box-shadow(2px 2px 0 darken( $border-color, 10 )); } &:after { border-width: 0 0 1px 1px; @include rtl-right(-6px); @include border-left-radius(4px); @include box-shadow(-2px 2px 0 darken( $border-color, 10 )); } } &:before { position:absolute; content: ""; width: percentage(1); bottom: 0; z-index: 1; @include rtl-left(0); border-bottom: 1px solid darken( $border-color, 10 ); } } .product-quantity{ .input-text{ @include input-size('.input-sm', $input-height-small, $padding-base-vertical, $padding-base-vertical, $font-size-small, $line-height-small, 0); } } .i-am-new{ li{ background-image: none !important; background-color: $white !important; -webkit-border-radius: 0px !important; border-radius: 0px !important; .noty_message{ padding: 20px 0 !important; } } } /------------------------------------\ Mini cart and wishlist \------------------------------------/ .total-minicart{ color: #252525; font-weight: 500; font-size: 16px; @include rtl-margin-left(5px); display: inline-block; } .wishlist-icon, .mini-cart{ display: inline-block; position:relative; padding:0; color: #121212; line-height:1; &:hover,&:active{ color: $theme-color; } i{ font-size: 16px; } .count{ position:absolute; top:-9px; right:-8px; display: inline-block; font-size: 10px; color: #fff; background:$theme-color; @include border-radius(50%); line-height: 15px; min-width: 15px; padding:0 3px; text-align: center; } } .wishlist-icon{ i{ @include rtl-margin-right(6px); } } /------------------------------------\ Star ratings \------------------------------------/ .woocommerce { .rating { line-height:1; } .star-rating { margin: auto 0; overflow: hidden; position: relative; @include size(68px, 1.2em); line-height: 1em; font-family: 'star'; @include font-size(font-size,12px); &:before { content: "\53\53\53\53\53"; color: $star-rating-color; @include rtl-float-left(); top: 0; @include rtl-left(0); position: absolute; letter-spacing: 1px; } span { overflow: hidden; @include rtl-float-left(); top: 0; @include rtl-left(0); position: absolute; padding-top: 1.5em; } span:before { content: "\53\53\53\53\53"; top: 0; position: absolute; @include rtl-left(0); color: $star-rating-active-color; letter-spacing: 1px; } } .woocommerce-review-link{ color: #999591; } } /------------------------------------\ Filter \------------------------------------/ .archive-shop{ .page-title{ display: none; } } .show-filter{ font-size:14px; color:$link-color; cursor:pointer; @include transition(all 0.2s ease-in-out 0s); &:hover,&:active{ color:$theme-color; } i{ @include rtl-margin-left(3px); } } .apus-shop-menu{ font-size: 14px; margin:0 0 30px 0; position:relative; .filter-action{ i{ @include rtl-margin-right(3px); } } ul.apus-filter-menu{ padding:0; margin:5px 0 0; list-style: none; @include rtl-float-right(); li{ display: inline-block; } } ul.apus-categories{ @include rtl-float-left(); padding:0; margin:3px 0 0; list-style: none; li{ display: inline-block; @include rtl-margin-right(40px); a{ padding:0; font-size: 14px; font-weight:500; color:$link-color; position:relative; display:inline-block; } .product-count{ font-size: 14px; color: $text-color; margin: 0 2px; vertical-align: top; display: inline-block; } &.current-cat{ > a{ color:$theme-color; } } } .apus-shop-sub-categories{ padding:0px; margin: 10px 0 0; li{ a{ font-size: 16px; } } } } .content-inner{ #apus-orderby{ @include rtl-margin-left(40px); } } } //apus-shop-header .apus-shop-header{ background: transparent; margin-bottom: 35px; @include transition(all 0.3s ease); &.filter-active{ background: #ffffff; border-bottom: 1px solid #eeeeee; margin-bottom: 30px; } .apus-sidebar-header{ display: none; border:1px solid $theme-color; padding:20px 30px; background:#fff; } .apus-widget-scroll{ ul{ li{ padding:0; list-style: none; font-size: 14px; margin: 0 0 10px; } } } .apus-sidebar-inner{ padding: 0 15px; ul{ padding:0; margin:0; list-style: none; } .apus-widget-title{ font-weight: 400; font-size: 18px; text-transform: capitalize; margin:0 0 20px; } } .widget_layered_nav ul li a, .product-categories li a{ font-size: 14px; padding:0 !important; } .widget_layered_nav ul li .count, .product-categories li .count{ float: none; } .widget_layered_nav , .product-categories{ li.chosen{ color: $theme-color; > a{ color: $theme-color; } } } } .apus-categories-dropdown{ appearance: none; -webkit-appearance: none; -moz-appearance: none; border:none; color: $link-color; font-size: 14px; margin-top: 4px; .category-dropdown-label{ cursor: pointer; } option { font-size: 16px; color: $text-color; &[selected="selected"]{ color: $link-color; } } .dropdown-menu{ min-width: 200px; padding:20px 30px; @include border-radius(0); border:1px solid $theme-color; @include box-shadow(none); ul{ list-style:none; padding:0; margin:0; li{ margin: 0 0 5px; a{ color: $text-color; &:hover,&:active{ color: $link-color; } } &.active{ color: $link-color; } &:last-child{ margin: 0; } } } } } .apus-filter{ padding: 0; background: transparent; margin: 25px 0; width: 100%; .woocommerce-result-count{ font-size:14px; font-weight:500; @include rtl-float-right(); margin:5px 0 0; } #apus-orderby{ @include rtl-float-left(); } .woocommerce-ordering{ margin:0; } .orderby-wrapper{ > { display:inline-block; vertical-align:middle; float:none; } } select{ font-size: 14px; color: $link-color; appearance: none; -webkit-appearance: none; -moz-appearance: none; background: url("#{$image-theme-path}select.png") #fff right 5px center no-repeat; font-weight: 500; padding:0; border:none; margin:0 5px; } .display-mode{ margin-top: 4px; } .change-view{ color: #cccccc; i{ font-size: 25px; vertical-align: middle; } display: inline-block; + .change-view{ @include rtl-margin-left(25px); } &:hover, &.active{ color: #1e1e27; } } .form-kossy-ppp{ .kossy-wc-wppp-select{ min-width: 200px; } } } // show .form-kossy-ppp{ @include rtl-float-left(); @include rtl-margin-left(20px); select{ font-size: 14px; color: $text-color; appearance: none; -webkit-appearance: none; -moz-appearance: none; background: url("#{$image-theme-path}select.png") #fff right 20px center no-repeat; font-weight: 400; border:1px solid $border-color; padding:3px 20px; } } .apus-after-loop-shop{ .form-kossy-ppp{ select{ min-width: 120px; } } .form-kossy-ppp, .woocommerce-result-count{ @include rtl-float-right(); } .woocommerce-result-count{ margin-top: 3px; margin-bottom: 0; } } #apus-orderby{ .orderby-label{ color: $text-color; display: inline-block; font-size:14px; font-weight: 300; cursor: pointer; border:1px solid $border-color; @include border-radius(50px); padding:4px 15px; } .dropdown-menu{ min-width: 200px; padding:20px 30px; @include border-radius(5px); @include border-radius(0); border:1px solid $theme-color; @include box-shadow(none); ul{ list-style:none; padding:0; margin:0; li{ margin: 0 0 5px; a{ color: $text-color; &:hover,&:active{ color: $link-color; } } &.active{ color: $link-color; } &:last-child{ margin: 0; } } } } } /------------------------------------\ Mini Cart \------------------------------------/ .apus-topcart{ // cursor: pointer; .dropdown-menu{ top: 50px; margin:0; padding: 40px 30px; min-width: 350px; display: block; font-family: $font-family-sans-serif; border:none; @include border-radius(0); @include box-shadow(0 10px 40px -10px rgba(0,0,0,0.15)); background: #fff; @include opacity(0); display: none; .variation{ dt,dd{ width: 50%; @include rtl-float-left(); p{ margin: 0; } } } } .buttons{ margin: 0; .wc-forward{ text-transform: uppercase; display: block; margin-bottom: 10px; &:last-child{ margin: 0; } &:after{ vertical-align: text-top; } } } .open{ .dropdown-menu{ display: block; @include opacity(1); } } } .shopping_cart_content{ font-size: 14px; .cart_list{ > div{ margin: 0 0 30px; padding:0 0 30px; overflow:hidden; border-bottom:1px solid $border-color; &.empty{ border:none; margin:0; color: $link-color; } &:last-child{ border:none; margin:0; padding:0; } } .image{ img{ @include size(100px,100px); max-width: none; } } .name{ font-size:14px; line-height: 1.4; font-weight:400; margin:0 0 5px; } .quantity{ font-size:12px; color:$text-color; } .cart-item{ margin: 0; font-weight: 500; font-size: 16px; } .media-left{ @include rtl-padding-right(20px); } .media-body{ width: 1000px; @include rtl-padding-right(20px); } .cart-main-content{ @include rtl-text-align-left(); position: relative; .remove{ position: absolute; @include rtl-right(0); top: 4px; z-index: 9; font-size: 16px; color: $brand-danger !important; } } .cart-item{ overflow:hidden; } } .buttons { .checkout { @include rtl-float-right(); } } .total{ border-top:1px solid #858585; overflow: hidden; position: relative; margin: 10px 0 0; font-weight: 500; padding:25px 0; strong { font-size:18px; font-weight:400; color:$text-color; } .amount{ font-size: 18px; color:$link-color; @include rtl-float-right(); } &.empty{ border:none; margin:0; padding-top:0; } } } .woocommerce a.remove{ padding:0; margin: auto; color: $brand-danger !important; font-size: 32px; background:transparent !important; @include transition(all 0.2s ease-in-out 0s); &:active, &:hover{ color: darken($brand-danger, 10%) !important; } } / Plugins add to wishlist, compare / .place-order{ padding: $theme-margin; } .yith-wcwl-add-button > a i, .wishlist_table .add_to_cart.button i{ margin: 0!important; } .yith-wcwl-share{ ul{ @include clear-list; } } .input-text { border: 1px solid #e5e5e5; padding: 5px 10px; } .woocommerce{ address{ margin-bottom: 20px; } } .product-categories{ list-style: none; margin: 0; font-size: 14px; padding:0; overflow:hidden; + .view-more-list-cat{ position:absolute; background:#fff; bottom:1px; left:1px; width: calc(100% - 2px); z-index: 99; display: block; color: $brand-success; padding:5px 54px 15px; &.view-less{ color: $brand-danger; } &:hover,&:active{ text-decoration: underline; } } &.hideContent{ height: 435px; } &.showContent{ height: auto; } .children{ list-style: none; padding:0; } li{ li{ @include rtl-padding-left(20px); } line-height: 32px; &.current-cat-parent, &.current-cat, &:hover{ > .count{ color: $theme-color; } > a{ color: $theme-color; } } .count{ font-family: $font-family-base; font-size: 14px; font-weight: 400; display: inline-block; @include rtl-float-right(); margin-top:3px; } a{ @include transition(all 0.2s ease-in-out 0s); color: $text-color; &:hover,&:active{ color: $theme-color; } } &.cat-parent{ position:relative; > i{ @include rtl-padding-right(12px); cursor: pointer; position:absolute; @include rtl-left(0); top:13px; } } } } //apus-results .apus-results{ margin-bottom: 30px; a{ @include rtl-margin-right(8px); } } // layout out product @media(min-width: 1201px){ .product{ &[class="-cus-5"]{ width: 20%; } } } [class="-cus-3"]{ width: 33.33%; float: left; padding-right:$theme-margin / 2; padding-left:$theme-margin / 2; } [class="-cus-4"]{ width: 25%; float: left; padding-right:$theme-margin / 2; padding-left:$theme-margin / 2; } @media (max-width:992px){ [class="-cus-5"]{ width: 50%; float: left; } [class="-cus-3"]{ width: 50%; float: left; } [class="-cus-4"]{ width: 50%; float: left; } } @media (max-width:768px){ [class="-cus-5"]{ width: 100%; float: left; } [class="-cus-3"]{ width: 100%; float: left; } [class="-cus-4"]{ width: 100%; float: left; } } .ajax-pagination{ text-align: center; margin:0 0 30px; &.apus-loader{ .apus-loadmore-btn{ display: none; } &:after{ background-image: url("data:image/svg+xml,%3Csvg xmlns=\"http://www.w3.org/2000/svg\" width=\"38\" height=\"38\" viewBox=\"0 0 38 38\" stroke=\"rgba(102,102,102,0.25)\"%3E%3Cg fill=\"none\" fill-rule=\"evenodd\"%3E%3Cg transform=\"translate(1 1)\" stroke-width=\"2\"%3E%3Ccircle stroke-opacity=\".55\" cx=\"18\" cy=\"18\" r=\"18\"/%3E%3Cpath d=\"M36 18c0-9.94-8.06-18-18-18\"%3E%3CanimateTransform attributeName=\"transform\" type=\"rotate\" from=\"0 18 18\" to=\"360 18 18\" dur=\"1s\" repeatCount=\"indefinite\"/%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); background-position: center center; background-repeat: no-repeat; content: ""; @include size(40px, 40px); display: block; width: 100%; } } .apus-loadmore-btn{ +.apus-allproducts{ display: none; } &.hidden{ +.apus-allproducts{ display: block; color:$brand-danger; } } } } .add-cart{ >.added{ display: none !important; } .added_to_cart{ &:after{ display: none; } } } .apus-shop-products-wrapper{ &.loading{ position:relative; &:before{ background: url('#{$image-theme-path}loading.gif') center 70px / 50px no-repeat rgba(#ffffff, 0.9); position: absolute; width: 100%; height: 100%; content: ""; left: 0; top: 0; z-index: 99; } } } // my account .woocommerce-account .woocommerce-MyAccount-content, .woocommerce-account .woocommerce-MyAccount-navigation{ width: 100%; float: none; } .woocommerce-account .woocommerce-MyAccount-navigation{ border-bottom: 2px solid #eeeeee; .woocommerce-MyAccount-navigation-link{ @include rtl-margin-right(30px); display: inline-block; a{ padding: 0 0 7px; position: relative; display: inline-block; &:before{ @include size(100%,2px); background: $theme-color; position: absolute; bottom:-2px; left: 0; content: ''; @include scale(0); @include transition(all 0.2s ease-in-out 0s); } } &.is-active,&:hover,&:active{ > a{ color: $theme-color; &:before{ @include scale(1); } } } } } .woocommerce-MyAccount-content{ padding:20px 0; h2{ margin: 20px 0 10px; text-transform: uppercase; font-size: 18px; font-family: $font-family-second; } } .edit-account{ br{ display: none; } input[ type="text"], input[ type="password"]{ height: 40px; @include border-radius(3px); &:focus{ border-color: $border-color; } } legend{ font-size: 72px; font-weight: 300; border:none; margin: 30px 0 0; } label{ font-weight: 700; font-size: 16px; color: $link-color; } } .woocommerce-MyAccount-content, .woocommerce-MyAccount-navigation{ max-width: 970px; margin: auto; } .line-border{ position: relative; margin:0 0 5px; &:before{ content: ''; @include size(100%,1px); @include translateY(-50%); position: absolute; top: 50%; left: 0; z-index: 1; background:$border-color; } .center-line{ position: relative; z-index: 2; color:$link-color; padding:0 25px; font-size: 18px; background:#fff; display: inline-block; } } .user{ max-width: 570px; margin:0 auto $theme-margin; .title{ text-align: center; font-size:30px; font-weight:400; } .btn{ text-transform: uppercase; } .login-account, .creat-account{ text-decoration: underline; color: $link-color; font-size: 12px; text-transform: uppercase; cursor: pointer; &:hover,&:active{ color: $brand-success; } } .content-register{ display: none; } .create { margin-bottom:50px; } } .woocommerce{ > strong{ font-weight: 400; } } form.login, form.register{ margin: 0 !important; border:none !important; padding:0 !important; br{ display: none; } label{ font-weight: 400; color:$link-color; } .form-group { margin: 0 0 20px; } .input-text{ height:50px; border-color:#b7b7b7; &:focus{ border-color:darken(#b7b7b7, 10%); } } .wrapper-submit{ margin-top:30px !important; } input[ type="checkbox"]{ @include rtl-margin-right(7px); } .input-submit { ~ span{ margin:10px 0 0; &.pull-left{ @include rtl-margin-left(15px); } &.lost_password{ a{ color: $theme-color; } } } } .user-role{ padding-left:20px; [type="radio"]{ margin-top:11px; } } } //cart .cart_item{ margin: 0 0 20px; padding:0 0 20px; border-bottom: 1px solid $border-color; > .media-left{ width: 70%; } img{ width: 90px; max-width:none; } .content-left{ overflow: hidden; @include rtl-padding-left(20px); } .product-name{ font-size: 18px; font-weight: 400; margin: 0 0 15px; } .price{ font-size: 20px; font-family: $font-family-second; color: #4c4c4c; font-weight: 400; } a.remove{ margin: 0 0 15px; display: inline-block; font-size: 32px; color: $text-color !important; &:hover,&:active{ color: $brand-danger !important; } } } div.cart{ .input-text { height: 53px; border:2px solid $border-color; &:focus,&:active{ border-color:$link-color; } } label{ font-size: 18px; color: #000; } } // categories // check fullwidth @media(min-width:1200px){ .main-container.container-fluid{ .categories-wrapper{ .product-category{ width: 16.5%; } } } } .categories-wrapper{ > .row{ margin-right: -10px; margin-left: -10px; } div.product.first{ clear: none; } .product-category{ padding:0 10px; } .category-body{ margin-bottom: 20px;; text-align: center; position:relative; padding:20px; background:#f0f2f9; h3{ font-size: 16px; font-weight: 400; margin:15px 0 5px; @include transition(all 0.2s ease-in-out 0s); color:$text-color; mark, .mark{ display: none; font-size: 15px; background:transparent; @include transition(all 0.2s ease-in-out 0s); } } &:hover,&:active{ h3{ color: $theme-color; } } } } //order_review .woocommerce .order-review{ #order_review_heading{ font-size: 18px; font-weight: 500; margin: 0; padding:0 0 15px; } table.shop_table{ margin:0; } } #order_review{ .shop_table{ border:none; td{ padding:20px 0; width: 100%; border-width:0 0 1px; border-style:solid; border-color:$border-color; } } .cart_item { margin:0; padding:0; border:none; } .product-name{ font-size: 14px; margin: 0; strong{ font-weight: 400; } } .product-total{ font-weight: 600; color: $theme-color; } > .media-left { width: auto; } .woocommerce-Price-amount{ color: $link-color; font-weight: 400; } .subtotal{ tr{ > { border-bottom:1px solid $border-color !important; } &:last-child{ > { border:none !important; } } } th{ border:none; font-weight: 400; padding:10px 0; } td{ @include rtl-text-align-right(); padding:10px 0; font-weight: 400; label{ font-weight: 400; } } .order-total{ strong{ font-size: 20px; } } } } // step check out .apus-checkout-step{ padding:0 0 30px; ul{ padding:0; list-style:none; margin:0 auto; text-transform: uppercase; width: 100%; li{ position:relative; text-align: center; @include rtl-float-left(); @media(min-width:768px){ width: 33.33%; } } } li{ font-size: 20px; font-weight: 500; color: #232530; line-height: 60px; overflow: hidden; position: relative; background: #fff; &:first-child{ &:before{ display:none; } &:after{ border-width: 1px 0 1px 1px; } } &:before{ content:''; z-index: 1; position: absolute; top: 0px; left:-43px; border:1px solid $border-color; @include size(60px,60px); @include rotate(45deg); background: #fff; } &:after{ position:absolute; content:''; border-width: 1px 0; border-style: solid; border-color: $border-color; @include size(calc(100% - 30px),100%); z-index: 5; @include rtl-left(0); top:0; } .inner{ position: relative; &:after{ content:''; z-index: 1; position: absolute; top: 0px; right:-30px; border-style: solid; border-color:#fff #fff #fff transparent; border-width: 30px; @include size(60px,60px); background: #fff; } &:before{ content:''; z-index: 1; position: absolute; top: 0px; right:12px; border:1px solid $border-color; border-width: 1px 1px 0 0; @include size(60px,60px); @include rotate(45deg); background: #fff; z-index: 2; } } &.active{ background: $theme-color; color: #fff; &:after{ border-color:$theme-color; } .inner:after{ border-color:#fff $theme-color; } .inner:before{ display: none; } .step{ @include opacity(0.1); color: #fff; } } } .inner-step{ position: relative; z-index: 7; } .step{ z-index: 6; position: absolute; top: -1px; @include rtl-right(70px); line-height: 60px; font-size: 48px; text-transform: uppercase; font-weight: 600; display: inline-block; text-align: center; color: #eae9ec; } } .woocommerce-thankyou-order-received{ font-size: 30px; font-weight: 400; text-align:center; color: $headings-color; } .woocommerce-thankyou-order-details{ text-align: center; } .woocommerce ul.order_details li{ float: none; display: inline-block; font-size: 12px; strong{ margin-top: 5px; font-weight: 400; color:$link-color; } &.method{ strong{ color: $brand-danger; } } } .woo-pay-perfect{ font-size: 18px; font-weight: 500; text-align:center; margin-bottom: $theme-margin; } .product-top-title{ position: relative; .view-more{ position:absolute; top: 5px; @include rtl-right(0); } } .layout-detail-product{ #tabs-list-specifications{ td{ padding:15px; border-color:#eff0f2; } td:first-child{ font-weight: 500; text-transform: uppercase; } } } .accessoriesproducts{ .list-accesories{ margin-bottom: 10px; } .check-item{ margin-top: 10px; } } // style for vendors .wcv-pro-vendorlist{ margin:0 0 30px; padding:0 0 30px; border-bottom: 1px solid $border-color; border-top: none; background: #fff; height: auto; .name-store{ font-size: 18px; margin:10px 0; } &:hover{ .avatar:before{ @include opacity(0.5); } } .avatar{ display: inline-block; position: relative; line-height: 0; max-width: 100%; &:before{ @include transition(all 0.2s ease 0s); content: ''; position: absolute; top: 0; left: 0; @include size(100%,100%); background:$theme-color; @include opacity(0); } } .metas{ margin:0 0 5px; > { display: inline-block; font-size: 14px; + { @include rtl-margin-left(20px); } } .total-value{ font-weight: 700; } } .store-address, .store-phone{ font-size: 14px; margin:0 0 7px; &:last-child{ margin: 0; } } } .pv_shop_description{ padding:0 ($theme-padding / 2) $theme-padding; } .wcv-header-container { padding-right: 15px; padding-left: 15px; margin-bottom: $theme-margin; background:url('#{$image-theme-path}bg-vendor.jpg') repeat rgba(255,255,255,0.9); .store-banner{ position: absolute; top: 0; left: 0; z-index: -1; } .wcv-store-grid{ padding:0 0 30px 0; } #inner-element{ background: transparent none repeat scroll 0 0; clear: both; overflow: hidden; position: static; max-width: none; width: 100%; padding:0; .store-info{ text-align:inherit; } } } .store-info{ .title-store{ display: inline-block; } .wcv-verified-vendor{ display: inline-block; vertical-align: top; margin: 0 15px; font-size: 12px; color: #fff; background:#4a90de; padding:5px 18px; @include border-radius(20px); } .social-icons{ list-style: none; margin:25px 0 0 !important; padding:0; li{ display: inline-block; @include rtl-margin-right(10px); a{ display: inline-block; @include border-radius(50%); border:1px solid #405e9c; @include size(40px,40px); font-size: 16px; line-height: 38px; text-align:center; &.facebook{ border:1px solid #405e9c; color: #405e9c !important; &:hover,&:active{ background:#405e9c; } } &.twitter{ border:1px solid #55acee; color: #55acee !important; &:hover,&:active{ background:#55acee; } } &.instagram{ border:1px solid #5280a5; color: #5280a5 !important; &:hover,&:active{ background:#5280a5; } } &.googleplus{ color: #cd2129 !important; border:1px solid #cd2129; &:hover,&:active{ background:#cd2129; } } &.linkedin{ color: #318dc1 !important; border:1px solid #318dc1; &:hover,&:active{ background:#318dc1; } } &.youtube{ color: #cb312e !important; border:1px solid #cb312e; &:hover,&:active{ background:#cb312e; } } &:hover,&:active{ color: #fff !important; background:#405e9c; } } } } .title-store{ font-size: 24px; margin:0 0 10px 0; line-height: 1.1; } .rating-products-wrapper{ margin: 0 0 20px; font-size: 16px; > { display: inline-block; vertical-align: top; > { display: block; } } .total-label{ } } .store-address{ address{ margin: 0; } } .store-address, .store-phone{ i{ @include rtl-margin-right(8px); } } .total-products{ @include rtl-padding-left(50px); .total-value{ font-size: 24px; color: #242424; font-weight: 700; line-height: 1.1; } } .media-body{ max-width: 600px; font-size: 14px; } .media-left { @include rtl-padding-right(30px); } // add favourite .favourite-wrapper{ clear: both; overflow: hidden; width: 100%; padding: 10px 0 0; } .denso-favourite-vendor{ border-color:$border-color; font-size: 12px; display: block; font-weight: 400; padding:8px 15px; text-transform: capitalize; &:hover,&:active{ border-color:$theme-color; } i{ @include rtl-margin-right(3px); } &.added{ color: #fff; border-color:$theme-color; background:$theme-color; } } } .store-aurhor-inner{ text-align:center; margin-top: $theme-margin; .avatar{ @include border-radius(50%); border:2px solid #e8e8e8; overflow: hidden; } .store-aurhor{ .name-author{ margin:5px 0 10px; } } } .wcv-header-container #inner-element .store-brand{ text-align: inherit; } .wcv-header-container #inner-element .store-icon{ max-width: none; @include size(auto,auto); margin: 0; @include border-radius(0); } .wcv-header-container #inner-element .store-brand{ padding:18px; border:2px solid #eeeeee; background:#fff; } .wcv-header-container{ .title{ font-size: 24px; margin:0 0 15px; } } .vendor-reviews-inner{ background:#f8f8f8; border:2px solid $border-color; padding:20px; .title-info{ font-size: 16px !important; margin:10px 0 20px !important; } .star-rating{ @include rtl-float-left(); @include rtl-margin-right(40px); } .special-progress { > { display: inline-block; vertical-align: top; } .progress{ width: 210px; margin:0; .progress-bar{ @include border-radius(0); } } .value{ margin:0 8px; line-height: 1; } } .average-value{ font-size: 30px; font-weight: 700; color: #242424; display: inline-block; @include size(100px,100px); @include border-radius(50%); text-align:center; line-height: 1.2; border:1px solid $border-color; padding:20px 5px; span{ font-size: 12px; font-weight: 400; display: block; } } } .special-progress{ margin: 5px 0 0; .claimed{ strong{ color: $link-color; } margin-bottom: 2px; } .progress{ background: #eaeaea; @include border-radius(50px); height: 12px; margin: 5px 0 17px; .progress-bar{ background: $theme-color; @include border-radius(50px); @include gradient-striped(); background-size: 10px 10px; } } } .single-rating{ margin:0 0 30px; padding:0 0 20px; border-bottom:1px solid $border-color; &:last-child{ border:none; padding:0; margin: 0; } .avatar{ max-width: none; min-width: 70px; @include border-radius(50%); } .media-left{ @include rtl-padding-right(20px); } .stars-value{ @include rtl-float-right(); .fa-star{ color: #fed700; } } h4{ font-weight: 400; font-size: 10px; margin: 0 0 15px; color: $text-color; .name{ font-weight: 700; font-size: 12px; color: #464646; text-transform: uppercase; } } h6{ margin:0 0 15px; } } .wcv-form{ margin-bottom: $theme-margin; .control-group{ line-height: 1.4; } [type="submit"]{ @extend .btn; @extend .btn-theme; } textarea, input{ border:1px solid $border-color; @include box-shadow(none !important); &:focus{ border-color:$theme-color; } } input{ margin-bottom: 15px; } .select2-container .select2-choice{ height: $input-height-base; padding:7px; } } .wcvendors-pro-dashboard-wrapper{ margin-bottom:30px; } .wcv-grid ol li, .wcv-grid ul li{ margin: 0; } .wcv-navigation ul.menu.horizontal li a{ padding:15px; } .wcv-navigation ul.menu.black{ text-align: center; } .wcv-navigation ul.menu.black li { display: inline-block; float:none; } .wcv-grid nav.wcv-navigation{ margin-top:30px; } .wcv-navigation ul.menu.black li.active{ background:#555; } .wcv-form .control-group .control.append-button>span{ vertical-align:middle; } .wcv-grid .wcv_actions{ padding-bottom: $theme-margin; } .wcv-grid{ .wcv-button, #save_button, button.a.button, a.button { background:$theme-color; border: medium none; border-radius: 50px; color: #fff; font-size: 13px; font-weight: 500; display: inline-block; padding: 7px 30px; text-transform: capitalize; line-height: 2; &:hover,&:active{ background: darken($theme-color,5%); color: #fff; } } #update_button{ background: $theme-color none repeat scroll 0 0; border: medium none; color: #fff; &:hover,&:active{ background: darken($theme-color,5%); color: #fff; } } strong{ font-weight: 500; } } .wcv-grid h1, .wcv-grid h2, .wcv-grid h3, .wcv-grid h4, .wcv-grid h5, .wcv-grid h6{ font-weight: 500; } table.wcv-table tr td, table.wcv-table tr th{ border:none; padding:10px 20px; } table.wcv-table tr{ border-bottom:1px solid $border-color; } .wcv-grid table .row-actions{ a{ font-weight: 700; color: $theme-color; @include rtl-padding-right(10px); &:hover{ text-decoration: underline; } } .confirm_delete{ color: $brand-danger; } } .wcv-form .control-group .control>input{ @include border-radius(0); } // style for dokan mutivendors .btn-showserach-dokan{ cursor: pointer; } .wrapper-dokan{ .dokan-seller-search-form{ font-size: 14px; margin:0; width: 0; overflow: hidden; @include transition(all 0.2s ease-in-out 0s); input{ width: 100% !important; padding-top: 3px !important; padding-bottom: 3px !important; } &.active{ width: 220px; } } > { display: inline-block; vertical-align: top; @include rtl-margin-right(10px); } } #dokan-seller-listing-wrap ul.dokan-seller-wrap li{ margin-bottom: $theme-margin; } .dokan-category-menu{ border:none; h3.widget-title{ background: #fff; border:none; margin: 0 0 30px; padding: 0 0 15px; } #cat-drop-stack > ul{ list-style: none; li a{ font-size: 16px; margin: 0 !important; } } } .dokan-single-store .profile-frame.profile-frame-no-banner .profile-layout-layout3 .profile-info-summery-wrapper .profile-info-summery .profile-info .store-name{ font-weight: 500; } .dokan-single-store .profile-info .dokan-store-info{ list-style: none; font-size: 14px; li{ float: none !important; &:before{ display:none; } } } .dokan-store-location, .dokan-store-contact{ list-style: none; ul{ list-style: none; padding:0; } } .dokan-store-tabss{ .dokan-right{ margin:0; margin-top: 10px; } } .dokan-store-sidebar #dokan-store-location{ height: 200px; width: 100%; } // style for gift .wfg-popup{ border:none !important; } .wfg-popup h2.wfg-title{ background:$theme-color; color: #fff; @include border-radius(0); @include box-shadow(none); } .wfg-button{ @extend .btn; &.wfg-add-gifts{ @extend .btn-success; } &.wfg-no-thanks{ @extend .btn-danger; } } .wfg-gifts .wfg-gift-item h3{ background:#fff; color: $link-color; border-top:1px solid $border-color; } .wfg-gifts .wfg-gift-item{ border:1px solid $border-color; } // fix dokan vendors #dokan-seller-listing-wrap ul.dokan-seller-wrap li .store-footer .seller-avatar img{ margin:0; } .dokan-store-tabss { margin-top:$theme-margin; .tab-product.nav-tabs{ @include rtl-text-align-left(); > li{ margin:0; @include rtl-padding-right($theme-padding); } } } .product-block{ .wcvendors_sold_by_in_loop{ position:absolute; z-index: 99; top:0; @include rtl-left(50%); @include translate(-50%,-35px); @include size(35px,35px); @include transition(all 0.2s ease-in-out 0s); @include opacity(0); img{ max-width: 100%; max-height: 100%; @include border-radius(50%); } } &:hover{ .wcvendors_sold_by_in_loop{ @include translate(-50%,0); @include opacity(1); } } } .seller-info-social{ list-style: none; li{ display: inline-block; @include rtl-margin-right(20px); } } .seller-info-top{ margin-bottom: 20px; .store-brand img{ max-width: none; } } // accoudion for detail #woocommerce-accordion{ .panel{ margin:0; border:none; border-bottom:1px solid $border-color; @include border-radius(0); > .panel-heading{ text-transform: uppercase; border:none; padding:18px 0; font-weight: 400; font-size: 16px; @include border-radius(0); background: #fff !important; &:hover,&:active{ a{ color: $theme-color; } } } .panel-title{ font-size: 16px; font-weight: 400; > :not(.collapsed){ color: $theme-color; } } .panel-body{ padding:0; border:none; } } .title{ margin:0 0 10px; font-size: 24px; } } //categories .wrapper-filter{ position:relative; padding:30px 0; border-bottom:1px solid $border-color; } .shop-top-sidebar-wrapper{ background:#fff; padding:30px 0 0; display:block; overflow:hidden; width:100% !important; .dropdown{ > span{ color:#252525; font-weight:500; font-size:14px; display:block; margin:0 0 30px; } } .widget{ margin-bottom:20px; } .shop-top-sidebar-wrapper-inner { margin-left:-15px; margin-right:-15px; > { padding-left:15px; padding-right:15px; @include rtl-float-left(); width:100%; @media(min-width:768px){ width:20%; } } } .dropdown-menu{ padding:10px; .apus-product-sorting, .apus-price-filter{ padding:0; margin:0; list-style:none; li{ margin-bottom:8px; &:last-child{ margin:0; } } a{ white-space:nowrap; } .active, .current{ color:$theme-color; } } .apus-product-sorting, .apus-price-filter, .woocommerce-widget-layered-nav-list{ height:200px; } } } // fix for shop banner .products-wrapper-grid-banner{ .cl-3, .cl-2{ div.product{ &.col-sm-4{ &.first{ clear:none; } @media(min-width:768px){ &:nth-child(3n + 1){ clear:both; } } } } } .col-md-cus-5{ @include rtl-float-left(); padding-left:$theme-margin / 2; padding-right:$theme-margin / 2; @media(min-width:992px){ width:20%; } } } // style for bundles .product-bundles{ padding:20px 0; .product-item{ overflow:hidden; clear:both; margin-bottom:10px; .product-image{ @include rtl-float-left(); width:80px; @include rtl-padding-right(10px); } .product-content{ overflow:hidden; } .product-name{ display:block; color:$link-color; margin:3px 0; } } .total{ padding-bottom:10px; } .total-discount{ color:$brand-success; } .total-price{ font-size:18px; font-weight:500; color:$link-color; } } .grid-banner-category{ margin-bottom:20px; .link-action{ display:block; position:relative; &:before{ content:''; position:absolute; top:0; left:0; z-index:8; @include size(100%,100%); background:rgba(0,0,0,0.3); @include opacity(0); @include transition(all 0.2s ease-in-out 0s); } } .info{ position:absolute; top:35px; overflow:hidden; z-index:9; @include rtl-left(30px); @media(min-width:1200px){ @include rtl-left(70px); } } .title{ font-size:30px; font-weight:500; margin:0; @include transition(all 0.2s ease-in-out 0s); position:relative; &:before{ position:absolute; top:0; @include transition(all 0.2s ease-in-out 0s); content: attr(data-title); color:$theme-color; @include translateY(100%); } } &:hover,&:active{ .link-action:before{ @include opacity(1); } .title{ @include translateY(-100%); } } } .grid-banner-category2{ .link-action{ overflow:hidden; display:block; position:relative; &:before{ content:''; position:absolute; top:0; left:0; z-index:8; @include size(100%,100%); background:rgba(0,0,0,0.4); @include opacity(0); @include scale(0.5); @include transition(all 0.2s ease-in-out 0s); } } .info{ position:absolute; bottom:35px; overflow:hidden; z-index:9; @include rtl-left(30px); @include transition(all 0.2s ease-in-out 0s); @media(min-width:1200px){ @include rtl-left(50px); } } .sub{ font-size:12px; text-transform:uppercase; @include transition(all 0.2s ease-in-out 0s); } .title{ line-height:1.1; font-size:30px; font-weight:500; margin:0; @include transition(all 0.2s ease-in-out 0s); position:relative; } &:hover,&:active{ .link-action:before{ @include opacity(1); @include scale(1); } .sub, .title{ color:#fff; } } }

| ver. 1.4 | Github | . | PHP 8.2.22 | Генерация страницы: 0 | proxy | phpinfo | Настройка