Version Description
Download this release
Release Info
Developer | sayful |
Plugin | Carousel Slider |
Version | 1.9.5 |
Comparing to | |
See all releases |
Code changes from version 1.9.4 to 1.9.5
- assets/css/admin.css +1 -1
- assets/css/frontend.css +1 -1
- assets/css/gutenberg-block.css +1 -1
- assets/img/svg-icons.svg +0 -18
- assets/js/admin.js +1 -1
- assets/js/frontend.js +1 -1
- assets/js/gutenberg-block.js +1 -1
- assets/src/admin/accordion.js +15 -0
- assets/src/admin/hero-banner.js +295 -0
- assets/src/admin/media-gallery.js +131 -0
- assets/src/admin/media-url.js +40 -0
- assets/src/admin/modal.js +16 -0
- assets/src/admin/slide-type.js +144 -0
- assets/src/admin/vendors.js +69 -0
- assets/src/frontend/main.js +75 -0
- assets/src/gutenberg-block/main.js +223 -0
- assets/{img → src/img}/ajax-loader.gif +0 -0
- assets/{img → src/img}/play.svg +0 -0
- assets/src/scss/admin.scss +14 -0
- assets/src/scss/admin/_datepicker.scss +46 -0
- assets/src/scss/admin/_documentation.scss +44 -0
- assets/src/scss/admin/_meta-box.scss +239 -0
- assets/src/scss/admin/_modal.scss +108 -0
- assets/src/scss/admin/_model.scss +140 -0
- assets/src/scss/admin/_select2.scss +634 -0
- assets/src/scss/admin/_tab.scss +79 -0
- assets/src/scss/admin/_toggle.scss +51 -0
- assets/src/scss/admin/_tooltip.scss +133 -0
- assets/src/scss/admin/_widget.scss +10 -0
- assets/src/scss/frontend.scss +21 -0
- assets/src/scss/gutenberg-block.scss +108 -0
- assets/src/scss/public/_animate.scss +96 -0
- assets/src/scss/public/_autoheight.scss +7 -0
- assets/src/scss/public/_button.scss +39 -0
- assets/src/scss/public/_content-carousel.scss +162 -0
- assets/src/scss/public/_core.scss +109 -0
- assets/src/scss/public/_image-carousel.scss +34 -0
- assets/src/scss/public/_lazyload.scss +17 -0
- assets/src/scss/public/_magnific-popup.scss +603 -0
- assets/src/scss/public/_post-carousel.scss +100 -0
- assets/src/scss/public/_post-carousel2.scss +63 -0
- assets/src/scss/public/_product-carousel.scss +197 -0
- assets/src/scss/public/_product_modal.scss +197 -0
- assets/src/scss/public/_theme.scss +136 -0
- assets/src/scss/public/_variables.scss +5 -0
- assets/src/scss/public/_video.scss +38 -0
- assets/src/scss/utilities/_mixins.scss +84 -0
- assets/src/scss/utilities/_variables.scss +145 -0
- assets/{img → static-images}/logo.svg +0 -0
- carousel-slider.php +3 -3
- includes/class-carousel-slider-gutenberg-block.php +1 -1
- includes/class-carousel-slider-vc-element.php +1 -1
- index.php +1 -2
- readme.txt +294 -290
assets/css/admin.css
CHANGED
@@ -1 +1 @@
|
|
1 |
-
div[id*=_carousel_slider] .widget-top{background:#dff!important;border:1px solid #2196f3!important}div[id*=_carousel_slider] .widget-top:hover{background:#fdd!important;border:1px solid #f44336!important}.shapla-toggle{margin:1em 0!important}.shapla-toggle-title{display:block;padding:15px 10px;outline:0;cursor:pointer;position:relative}.shapla-toggle-title:after{position:absolute;right:15px;font:400 20px/1 dashicons;margin-left:-1px;padding-right:3px;vertical-align:top;content:"\f132"}.shapla-toggle-title.ui-state-active:after{content:"\f460"}.shapla-toggle-content{padding:20px;background-color:#f1f1f1}.shapla-toggle--normal .shapla-toggle-title{background:#9e9e9e;color:#fff;font-weight:600}.shapla-toggle--stroke .shapla-toggle-title{border:1px solid #363f48;font-weight:600}.shapla-toggle--stroke .shapla-toggle-title:after{color:#363f48}.shapla-toggle--stroke .shapla-toggle-content{padding:20px;background-color:#fff;border:1px solid #363f48;border-top:none}.overflowHidden{overflow:hidden}.overflowVisible{overflow:visible}.sp-input-group{margin-bottom:10px}.sp-input-group:after{content:"";display:table;clear:both}.sp-input-label label{font-weight:600;margin-right:30px}.sp-input-field,.sp-input-label{float:left;width:100%}.sp-input-desc{color:#999;font-size:.9em;line-height:1.3em;margin:10px 30px 10px 0}.sp-input-text{width:100%;padding:8px 8px 8px 16px;height:35px!important}.sp-input-text option{padding:8px 4px}.spacing-text{width:62px}@media only screen and (min-width:600px){.sp-input-label{width:40%}.sp-input-field{width:60%}}@media only screen and (min-width:783px){.sp-input-label{width:30%}.sp-input-field{width:70%}.sp-input-text{width:25em}}@media only screen and (min-width:851px){.sp-input-field,.sp-input-label{width:100%}}@media only screen and (min-width:1200px){.sp-input-label{width:40%}.sp-input-field{width:60%}}@media only screen and (min-width:1600px){.sp-input-label{width:30%}.sp-input-field{width:70%}}.carousel_slider_images:after,.carousel_slider_images:before{display:table;content:""}.carousel_slider_images:after{clear:both}.carousel_slider_gallery_btn{border:1px solid #616161;color:#616161;background-color:#f1f1f1;padding:5px 15px;text-decoration:none}.carousel_slider_gallery_btn:hover{background-color:#fff;color:#616161}.carousel_slider_gallery_list{margin:15px 0 0;padding:0;list-style:none;-webkit-box-sizing:border-box;box-sizing:border-box}.carousel_slider_gallery_list:after,.carousel_slider_gallery_list:before{display:table;content:""}.carousel_slider_gallery_list:after{clear:both}.carousel_slider_gallery_list li{float:left;margin:0;padding:0}.carousel_slider_gallery_list li>img{margin-right:10px;margin-bottom:10px;display:block;-webkit-box-shadow:0 2px 4px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);box-shadow:0 2px 4px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12)}#field-_post_categories,#field-_post_date_after,#field-_post_date_before,#field-_post_in,#field-_post_tags,#field-_product_categories,#field-_product_in,#field-_product_query,#field-_product_tags{display:none}#carousel-slider-autoplay-settings p,#carousel-slider-navigation-settings p,#carousel-slider-responsive-settings p{overflow:hidden}#carousel-slider-autoplay-settings input.small-text,#carousel-slider-autoplay-settings select.small-text,#carousel-slider-navigation-settings input.small-text,#carousel-slider-navigation-settings select.small-text,#carousel-slider-responsive-settings input.small-text,#carousel-slider-responsive-settings select.small-text{float:right}.tab-background .slide_bg_wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;padding:1rem 0}.tab-background .slide_thumb{position:relative;float:left;margin-right:1rem;border:1px solid #e0e0e0;padding:5px}.tab-background .slide_thumb>div{width:320px;height:180px;background-color:#f1f1f1;background-repeat:no-repeat;background-position:0 0;background-size:100% auto}.tab-background .slide_thumb>span{display:inline-block;position:absolute;top:0;right:0;font-family:Arial,Helvetica,sans-serif;font-size:14px;line-height:14px;padding:3px;background-color:rgba(0,0,0,.5);color:#fff;cursor:pointer;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.tab-background .slide_thumb>span.hidden{display:none!important}.tab-background .slide_image_settings_line{display:block;margin:.5rem 0}.tab-background .slide_image_settings_line>span{width:150px;display:inline-block}.ui-datepicker{background-color:#fff;border:1px solid #ccc;-webkit-box-shadow:0 2px 4px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);box-shadow:0 2px 4px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);padding:8px;display:none}.ui-datepicker-header{background-color:#f1f1f1}.ui-datepicker-next,.ui-datepicker-prev{color:#000;padding:6px;cursor:pointer}.ui-datepicker-next:hover,.ui-datepicker-prev:hover{color:#000}.ui-datepicker-prev{float:left}.ui-datepicker-next{float:right}.ui-datepicker-calendar td>a{border:1px solid #ddd;display:block;padding:6px;text-decoration:none;color:#000;background-color:#f1f1f1}.ui-datepicker-calendar td.ui-datepicker-today>a{color:#000;background-color:#ffeb3b}.ui-datepicker-calendar td.ui-datepicker-current-day>a{color:#fff;background-color:#f44336}.sp-wp-editor-container{max-width:560px}.select2-container{-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2-container .select2-selection--single{-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;display:block;height:28px;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{position:relative}.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;display:block;min-height:32px;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline-block;overflow:hidden;padding-left:8px;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-search--inline{float:left}.select2-container .select2-search--inline .select2-search__field{-webkit-box-sizing:border-box;box-sizing:border-box;border:none;font-size:100%;margin-top:5px;padding:0}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:#fff;border:1px solid #aaa;border-radius:0;-webkit-box-sizing:border-box;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-select:none}.select2-results__option[aria-selected]{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0)}.select2-hidden-accessible{border:0!important;clip:rect(0 0 0 0)!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;width:1px!important}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:0}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:700}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent;border-style:solid;border-width:5px 4px 0;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888;border-width:0 4px 5px}.select2-container--default .select2-selection--multiple{background-color:#fff;border:1px solid #aaa;border-radius:0;cursor:text}.select2-container--default .select2-selection--multiple .select2-selection__rendered{-webkit-box-sizing:border-box;box-sizing:border-box;list-style:none;margin:0;padding:0 5px;width:100%}.select2-container--default .select2-selection--multiple .select2-selection__rendered li{list-style:none}.select2-container--default .select2-selection--multiple .select2-selection__placeholder{color:#999;margin-top:5px;float:left}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;float:right;font-weight:700;margin-top:5px;margin-right:10px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:0;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:#999;cursor:pointer;display:inline-block;font-weight:700;margin-right:2px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#333}.select2-container--default[dir=rtl] .select2-selection--multiple .select2-search--inline,.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice,.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__placeholder{float:right}.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:1px solid #000;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple,.select2-container--default.select2-container--open.select2-container--above .select2-selection--single{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple,.select2-container--default.select2-container--open.select2-container--below .select2-selection--single{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--default .select2-search--inline .select2-search__field{background:transparent;border:none;outline:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:textfield}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-results__option[role=group]{padding:0}.select2-container--default .select2-results__option[aria-disabled=true]{color:#999}.select2-container--default .select2-results__option[aria-selected=true]{background-color:#ddd}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:#5897fb;color:#fff}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{background-color:#f7f7f7;border:1px solid #aaa;border-radius:0;outline:0;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(50%,#fff),to(#eee));background-image:linear-gradient(180deg,#fff 50%,#eee);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF",endColorstr="#FFEEEEEE",GradientType=0)}.select2-container--classic .select2-selection--single:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:700;margin-right:10px}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(50%,#eee),to(#ccc));background-image:linear-gradient(180deg,#eee 50%,#ccc);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE",endColorstr="#FFCCCCCC",GradientType=0)}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent;border-style:solid;border-width:5px 4px 0;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__clear{float:left}.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;left:1px;right:auto}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #5897fb}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:transparent;border:none}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888;border-width:0 4px 5px}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:-webkit-gradient(linear,left top,left bottom,from(#fff),color-stop(50%,#eee));background-image:linear-gradient(180deg,#fff 0,#eee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF",endColorstr="#FFEEEEEE",GradientType=0)}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(50%,#eee),to(#fff));background-image:linear-gradient(180deg,#eee 50%,#fff);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE",endColorstr="#FFFFFFFF",GradientType=0)}.select2-container--classic .select2-selection--multiple{background-color:#fff;border:1px solid #aaa;border-radius:0;cursor:text;outline:0}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--multiple .select2-selection__rendered{list-style:none;margin:0;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:0;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{color:#888;cursor:pointer;display:inline-block;font-weight:700;margin-right:2px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555}.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice{float:right;margin-left:5px;margin-right:auto}.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #5897fb}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;-webkit-box-shadow:none;box-shadow:none}.select2-container--classic .select2-dropdown{background-color:#fff;border:1px solid transparent}.select2-container--classic .select2-dropdown--above{border-bottom:none}.select2-container--classic .select2-dropdown--below{border-top:none}.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--classic .select2-results__option[role=group]{padding:0}.select2-container--classic .select2-results__option[aria-disabled=true]{color:grey}.select2-container--classic .select2-results__option--highlighted[aria-selected]{background-color:#3875d7;color:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb}.carousel_slider-modal{display:none;position:fixed;z-index:10000;left:0;top:0;width:100%;height:100%;overflow:hidden;background-color:#000;background-color:rgba(0,0,0,.8)}.carousel_slider-modal-content{position:relative;background-color:#fefefe;margin:50px auto 18px;padding:0;border:1px solid #23282d;min-height:300px;width:412px;-webkit-box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19)}.carousel_slider-modal-header{background-color:#23282d;color:#fff;font-weight:700;padding:10px 16px}.carousel_slider-modal-body{overflow-x:hidden;overflow-y:scroll;padding:2px 16px}.carousel_slider-modal-footer{background-color:#23282d;color:#fff;font-weight:700;padding:10px 16px}.carousel_slider-modal-footer img{display:none;height:14px;vertical-align:middle;width:14px}.carousel_slider-form{margin-left:-15px;margin-right:-15px}.carousel_slider-fields{background-color:#f1f1f1;margin:15px;padding:15px 25px 15px 15px;position:relative;display:inline-block;float:left}.carousel_slider-fields label.setting{display:block;margin-bottom:5px}.carousel_slider-fields label.setting .name{display:inline-block;vertical-align:top;width:75px}.carousel_slider-fields label.setting input,.carousel_slider-fields label.setting textarea{width:250px}.carousel_slider-fields .actions{position:absolute;right:0;top:0}.carousel_slider-fields .actions>span{background:#fff none repeat scroll 0 0;display:block;float:none;cursor:pointer}.carousel_slider-fields .actions>span .dashicons-plus-alt:hover{color:green}.carousel_slider-fields .actions>span .dashicons-trash:hover{color:red}.carousel_slider-close{color:#f1f1f1;float:right;font-size:28px;font-weight:700}.carousel_slider-close:focus,.carousel_slider-close:hover{color:#fff;text-decoration:none;cursor:pointer}.carousel_slider_url_images_list{margin:15px 0 0;padding:0;list-style:none}.carousel_slider_url_images_list li{float:left;display:inline-block;margin:0 5px 5px 0}@media only screen and (min-width:820px){.carousel_slider-modal-content{width:810px}}@media only screen and (min-width:1230px){.carousel_slider-modal-content{width:1220px}}.modal{bottom:0;left:0;position:absolute;right:0;top:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:none;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;overflow:hidden;position:fixed;z-index:10000}.admin-bar .modal{top:32px}.modal .delete-icon{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-moz-appearance:none;-webkit-appearance:none;background-color:rgba(0,0,0,.2);border:none;border-radius:32px;cursor:pointer;display:inline-block;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:0;flex-shrink:0;font-size:1rem;outline:none;position:relative;vertical-align:top;height:20px;width:20px}.modal .delete-icon:after,.modal .delete-icon:before{background-color:#fff;content:"";display:block;left:50%;position:absolute;top:50%;-webkit-transform:translateX(-50%) translateY(-50%) rotate(45deg);transform:translateX(-50%) translateY(-50%) rotate(45deg);-webkit-transform-origin:center center;transform-origin:center center}.modal .delete-icon:before{height:2px;width:50%}.modal .delete-icon:after{height:50%;width:2px}.modal .delete-icon:focus,.modal .delete-icon:hover{background-color:rgba(0,0,0,.3)}.modal .delete-icon:active{background-color:rgba(0,0,0,.4)}.modal .delete-icon.is-small{height:16px;width:16px}.modal .delete-icon.is-medium{height:24px;width:24px}.modal .delete-icon.is-large{height:32px;width:32px}.modal.is-active{display:-webkit-box;display:-ms-flexbox;display:flex}.modal-background{bottom:0;left:0;position:absolute;right:0;top:0;background-color:rgba(0,0,0,.86)}.modal-card,.modal-content{margin:0 20px;max-height:calc(100vh - 160px);overflow:auto;position:relative;width:100%}@media print,screen and (min-width:769px){.modal-card,.modal-content{margin:0 auto;max-height:calc(100vh - 40px);width:640px}}.modal-close{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-moz-appearance:none;-webkit-appearance:none;background-color:rgba(0,0,0,.2);border:none;border-radius:32px;cursor:pointer;display:inline-block;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:0;flex-shrink:0;font-size:1rem;outline:none;position:relative;vertical-align:top;height:20px;width:20px;background:none;height:40px;position:fixed;right:20px;top:20px;width:40px}.modal-close:after,.modal-close:before{background-color:#fff;content:"";display:block;left:50%;position:absolute;top:50%;-webkit-transform:translateX(-50%) translateY(-50%) rotate(45deg);transform:translateX(-50%) translateY(-50%) rotate(45deg);-webkit-transform-origin:center center;transform-origin:center center}.modal-close:before{height:2px;width:50%}.modal-close:after{height:50%;width:2px}.modal-close:focus,.modal-close:hover{background-color:rgba(0,0,0,.3)}.modal-close:active{background-color:rgba(0,0,0,.4)}.modal-close.is-small{height:16px;width:16px}.modal-close.is-medium{height:24px;width:24px}.modal-close.is-large{height:32px;width:32px}.modal-card{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;max-height:calc(100vh - 40px);overflow:hidden}.modal-card,.modal-card-foot,.modal-card-head{display:-webkit-box;display:-ms-flexbox;display:flex}.modal-card-foot,.modal-card-head{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#f5f5f5;-ms-flex-negative:0;flex-shrink:0;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;margin:0;padding:20px;position:relative}.modal-card-head{border-bottom:1px solid #f5f5f5;border-top-left-radius:5px;border-top-right-radius:5px}.modal-card-title{color:#212121;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:0;flex-shrink:0;font-size:1.5rem;line-height:1;margin:0;padding:0}.modal-card-foot{border-bottom-left-radius:5px;border-bottom-right-radius:5px;border-top:1px solid #f5f5f5}.modal-card-foot .button:not(:last-child){margin-right:10px}.modal-card-body{-webkit-overflow-scrolling:touch;background-color:#fff;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:1;flex-shrink:1;overflow:auto;margin:0;padding:20px}.cs-tooltip{display:inline-block;width:1.5em;height:1.5em;float:right}.cs-tooltip:after{font-family:Dashicons;speak:none;font-weight:400;text-transform:none;-webkit-font-smoothing:antialiased;width:100%;height:100%;text-align:center;content:"\f223";cursor:help}#tiptip_holder{display:none;position:absolute;top:0;left:0;z-index:99999}#tiptip_holder.tip_top{padding-bottom:5px}#tiptip_holder.tip_bottom{padding-top:5px}#tiptip_holder.tip_right{padding-left:5px}#tiptip_holder.tip_left{padding-right:5px}#tiptip_content{font-size:11px;color:#fff;text-shadow:0 0 2px #000;padding:4px 8px;border:1px solid hsla(0,0%,100%,.25);background-color:#191919;background-color:rgba(25,25,25,.92);background-image:-webkit-gradient(linear,0 0,0 100%,from(transparent),to(#000));border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;box-shadow:0 0 3px #555;-webkit-box-shadow:0 0 3px #555;-moz-box-shadow:0 0 3px #555}#tiptip_arrow,#tiptip_arrow_inner{position:absolute;border:6px solid transparent;height:0;width:0}#tiptip_holder.tip_top #tiptip_arrow{border-top-color:#fff;border-top-color:hsla(0,0%,100%,.35)}#tiptip_holder.tip_bottom #tiptip_arrow{border-bottom-color:#fff;border-bottom-color:hsla(0,0%,100%,.35)}#tiptip_holder.tip_right #tiptip_arrow{border-right-color:#fff;border-right-color:hsla(0,0%,100%,.35)}#tiptip_holder.tip_left #tiptip_arrow{border-left-color:#fff;border-left-color:hsla(0,0%,100%,.35)}#tiptip_holder.tip_top #tiptip_arrow_inner{margin-top:-7px;margin-left:-6px;border-top-color:#191919;border-top-color:rgba(25,25,25,.92)}#tiptip_holder.tip_bottom #tiptip_arrow_inner{margin-top:-5px;margin-left:-6px;border-bottom-color:#191919;border-bottom-color:rgba(25,25,25,.92)}#tiptip_holder.tip_right #tiptip_arrow_inner{margin-top:-6px;margin-left:-5px;border-right-color:#191919;border-right-color:rgba(25,25,25,.92)}#tiptip_holder.tip_left #tiptip_arrow_inner{margin-top:-6px;margin-left:-7px;border-left-color:#191919;border-left-color:rgba(25,25,25,.92)}@media screen and (-webkit-min-device-pixel-ratio:0){#tiptip_content{padding:4px 8px 5px;background-color:rgba(45,45,45,.88)}#tiptip_holder.tip_bottom #tiptip_arrow_inner{border-bottom-color:rgba(45,45,45,.88)}#tiptip_holder.tip_top #tiptip_arrow_inner{border-top-color:rgba(20,20,20,.92)}}.shapla-nav{list-style:none!important;margin:0;padding:0}.shapla-nav:after,.shapla-nav:before{display:table;content:" "}.shapla-nav:after{clear:both}.shapla-nav li{float:left;position:relative;margin:0 1px -1px 0!important;z-index:1;outline:0}.shapla-nav a{text-decoration:none;display:block;padding:15px 10px;line-height:1;outline:0}.shapla-tab{margin:0 0 2em;padding:21px 20px 20px}.shapla-tab p:first-of-type{margin-top:0}.shapla-tab p:last-of-type{margin-bottom:0}.shapla-tabs--normal .shapla-nav a{background:#323232;color:#fff}.shapla-tabs--normal .shapla-nav .ui-tabs-active a{background:#f1f1f1;color:#323232;outline:0}.shapla-tabs--normal .shapla-tab{background:#f1f1f1}.shapla-tabs--stroke .shapla-nav li{margin:0 -1px 0 0!important}.shapla-tabs--stroke .shapla-nav a{border:1px solid #323232;color:#323232}.shapla-tabs--stroke .shapla-nav .ui-tabs-active a{border-bottom-color:#fff}.shapla-tabs--stroke .shapla-tab{border:1px solid #323232;margin-top:-1px}.carousel_slider_iframe{position:relative;padding-bottom:56.25%;padding-top:25px;height:0}.carousel_slider_iframe>iframe{position:absolute;top:0;left:0;width:100%;height:100%}.carousel_slider_columns{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.carousel_slider_column,.carousel_slider_columns{-webkit-box-sizing:border-box;box-sizing:border-box}.carousel_slider_column{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;padding:1rem}@media screen and (min-width:601px){.carousel_slider_column{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%}}@media screen and (min-width:1025px){.carousel_slider_column{-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%}}@media screen and (min-width:1400px){.carousel_slider_column{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%}}
|
1 |
+
div[id*=_carousel_slider] .widget-top{background:#dff!important;border:1px solid #2196f3!important}div[id*=_carousel_slider] .widget-top:hover{background:#fdd!important;border:1px solid #f44336!important}.shapla-toggle{margin:1em 0!important}.shapla-toggle-title{display:block;padding:15px 10px;outline:0;cursor:pointer;position:relative}.shapla-toggle-title:after{position:absolute;right:15px;font:400 20px/1 dashicons;margin-left:-1px;padding-right:3px;vertical-align:top;content:"\f132"}.shapla-toggle-title.ui-state-active:after{content:"\f460"}.shapla-toggle-content{padding:20px;background-color:#f1f1f1}.shapla-toggle--normal .shapla-toggle-title{background:#9e9e9e;color:#fff;font-weight:600}.shapla-toggle--stroke .shapla-toggle-title{border:1px solid #363f48;font-weight:600}.shapla-toggle--stroke .shapla-toggle-title:after{color:#363f48}.shapla-toggle--stroke .shapla-toggle-content{padding:20px;background-color:#fff;border:1px solid #363f48;border-top:none}.overflowHidden{overflow:hidden}.overflowVisible{overflow:visible}.sp-input-group{margin-bottom:10px}.sp-input-group:after{content:"";display:table;clear:both}.sp-input-label label{font-weight:600;margin-right:30px}.sp-input-field,.sp-input-label{float:left;width:100%}.sp-input-desc{color:#999;font-size:.9em;line-height:1.3em;margin:10px 30px 10px 0}.sp-input-text{width:100%;padding:8px 8px 8px 16px;height:35px!important}.sp-input-text option{padding:8px 4px}.spacing-text{width:62px}@media only screen and (min-width:600px){.sp-input-label{width:40%}.sp-input-field{width:60%}}@media only screen and (min-width:783px){.sp-input-label{width:30%}.sp-input-field{width:70%}.sp-input-text{width:25em}}@media only screen and (min-width:851px){.sp-input-field,.sp-input-label{width:100%}}@media only screen and (min-width:1200px){.sp-input-label{width:40%}.sp-input-field{width:60%}}@media only screen and (min-width:1600px){.sp-input-label{width:30%}.sp-input-field{width:70%}}.carousel_slider_images:after,.carousel_slider_images:before{display:table;content:""}.carousel_slider_images:after{clear:both}.carousel_slider_gallery_btn{border:1px solid #616161;color:#616161;background-color:#f1f1f1;padding:5px 15px;text-decoration:none}.carousel_slider_gallery_btn:hover{background-color:#fff;color:#616161}.carousel_slider_gallery_list{margin:15px 0 0;padding:0;list-style:none;box-sizing:border-box}.carousel_slider_gallery_list:after,.carousel_slider_gallery_list:before{display:table;content:""}.carousel_slider_gallery_list:after{clear:both}.carousel_slider_gallery_list li{float:left;margin:0;padding:0}.carousel_slider_gallery_list li>img{margin-right:10px;margin-bottom:10px;display:block;box-shadow:0 2px 4px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12)}#field-_post_categories,#field-_post_date_after,#field-_post_date_before,#field-_post_in,#field-_post_tags,#field-_product_categories,#field-_product_in,#field-_product_query,#field-_product_tags{display:none}#carousel-slider-autoplay-settings p,#carousel-slider-navigation-settings p,#carousel-slider-responsive-settings p{overflow:hidden}#carousel-slider-autoplay-settings input.small-text,#carousel-slider-autoplay-settings select.small-text,#carousel-slider-navigation-settings input.small-text,#carousel-slider-navigation-settings select.small-text,#carousel-slider-responsive-settings input.small-text,#carousel-slider-responsive-settings select.small-text{float:right}.tab-background .slide_bg_wrapper{display:flex;padding:1rem 0}.tab-background .slide_thumb{position:relative;float:left;margin-right:1rem;border:1px solid #e0e0e0;padding:5px}.tab-background .slide_thumb>div{width:320px;height:180px;background-color:#f1f1f1;background-repeat:no-repeat;background-position:0 0;background-size:100% auto}.tab-background .slide_thumb>span{display:inline-block;position:absolute;top:0;right:0;font-family:Arial,Helvetica,sans-serif;font-size:14px;line-height:14px;padding:3px;background-color:rgba(0,0,0,.5);color:#fff;cursor:pointer;transition:all .3s ease-in-out}.tab-background .slide_thumb>span.hidden{display:none!important}.tab-background .slide_image_settings_line{display:block;margin:.5rem 0}.tab-background .slide_image_settings_line>span{width:150px;display:inline-block}.ui-datepicker{background-color:#fff;border:1px solid #ccc;box-shadow:0 2px 4px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);padding:8px;display:none}.ui-datepicker-header{background-color:#f1f1f1}.ui-datepicker-next,.ui-datepicker-prev{color:#000;padding:6px;cursor:pointer}.ui-datepicker-next:hover,.ui-datepicker-prev:hover{color:#000}.ui-datepicker-prev{float:left}.ui-datepicker-next{float:right}.ui-datepicker-calendar td>a{border:1px solid #ddd;display:block;padding:6px;text-decoration:none;color:#000;background-color:#f1f1f1}.ui-datepicker-calendar td.ui-datepicker-today>a{color:#000;background-color:#ffeb3b}.ui-datepicker-calendar td.ui-datepicker-current-day>a{color:#fff;background-color:#f44336}.sp-wp-editor-container{max-width:560px}.select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:28px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{position:relative}.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline-block;overflow:hidden;padding-left:8px;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-search--inline{float:left}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;padding:0}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:#fff;border:1px solid #aaa;border-radius:0;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;user-select:none;-webkit-user-select:none}.select2-results__option[aria-selected]{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0)}.select2-hidden-accessible{border:0!important;clip:rect(0 0 0 0)!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;width:1px!important}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:0}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:700}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent;border-style:solid;border-width:5px 4px 0;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888;border-width:0 4px 5px}.select2-container--default .select2-selection--multiple{background-color:#fff;border:1px solid #aaa;border-radius:0;cursor:text}.select2-container--default .select2-selection--multiple .select2-selection__rendered{box-sizing:border-box;list-style:none;margin:0;padding:0 5px;width:100%}.select2-container--default .select2-selection--multiple .select2-selection__rendered li{list-style:none}.select2-container--default .select2-selection--multiple .select2-selection__placeholder{color:#999;margin-top:5px;float:left}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;float:right;font-weight:700;margin-top:5px;margin-right:10px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:0;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:#999;cursor:pointer;display:inline-block;font-weight:700;margin-right:2px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#333}.select2-container--default[dir=rtl] .select2-selection--multiple .select2-search--inline,.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice,.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__placeholder{float:right}.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:1px solid #000;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple,.select2-container--default.select2-container--open.select2-container--above .select2-selection--single{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple,.select2-container--default.select2-container--open.select2-container--below .select2-selection--single{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--default .select2-search--inline .select2-search__field{background:transparent;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-results__option[role=group]{padding:0}.select2-container--default .select2-results__option[aria-disabled=true]{color:#999}.select2-container--default .select2-results__option[aria-selected=true]{background-color:#ddd}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:#5897fb;color:#fff}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{background-color:#f7f7f7;border:1px solid #aaa;border-radius:0;outline:0;background-image:linear-gradient(180deg,#fff 50%,#eee);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF",endColorstr="#FFEEEEEE",GradientType=0)}.select2-container--classic .select2-selection--single:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:700;margin-right:10px}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:linear-gradient(180deg,#eee 50%,#ccc);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE",endColorstr="#FFCCCCCC",GradientType=0)}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent;border-style:solid;border-width:5px 4px 0;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__clear{float:left}.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;left:1px;right:auto}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #5897fb}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:transparent;border:none}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888;border-width:0 4px 5px}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:linear-gradient(180deg,#fff 0,#eee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF",endColorstr="#FFEEEEEE",GradientType=0)}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:linear-gradient(180deg,#eee 50%,#fff);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE",endColorstr="#FFFFFFFF",GradientType=0)}.select2-container--classic .select2-selection--multiple{background-color:#fff;border:1px solid #aaa;border-radius:0;cursor:text;outline:0}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--multiple .select2-selection__rendered{list-style:none;margin:0;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:0;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{color:#888;cursor:pointer;display:inline-block;font-weight:700;margin-right:2px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555}.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice{float:right;margin-left:5px;margin-right:auto}.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #5897fb}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;box-shadow:none}.select2-container--classic .select2-dropdown{background-color:#fff;border:1px solid transparent}.select2-container--classic .select2-dropdown--above{border-bottom:none}.select2-container--classic .select2-dropdown--below{border-top:none}.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--classic .select2-results__option[role=group]{padding:0}.select2-container--classic .select2-results__option[aria-disabled=true]{color:grey}.select2-container--classic .select2-results__option--highlighted[aria-selected]{background-color:#3875d7;color:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb}.carousel_slider-modal{display:none;position:fixed;z-index:10000;left:0;top:0;width:100%;height:100%;overflow:hidden;background-color:#000;background-color:rgba(0,0,0,.8)}.carousel_slider-modal-content{position:relative;background-color:#fefefe;margin:50px auto 18px;padding:0;border:1px solid #23282d;min-height:300px;width:412px;box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19)}.carousel_slider-modal-header{background-color:#23282d;color:#fff;font-weight:700;padding:10px 16px}.carousel_slider-modal-body{overflow-x:hidden;overflow-y:scroll;padding:2px 16px}.carousel_slider-modal-footer{background-color:#23282d;color:#fff;font-weight:700;padding:10px 16px}.carousel_slider-modal-footer img{display:none;height:14px;vertical-align:middle;width:14px}.carousel_slider-form{margin-left:-15px;margin-right:-15px}.carousel_slider-fields{background-color:#f1f1f1;margin:15px;padding:15px 25px 15px 15px;position:relative;display:inline-block;float:left}.carousel_slider-fields label.setting{display:block;margin-bottom:5px}.carousel_slider-fields label.setting .name{display:inline-block;vertical-align:top;width:75px}.carousel_slider-fields label.setting input,.carousel_slider-fields label.setting textarea{width:250px}.carousel_slider-fields .actions{position:absolute;right:0;top:0}.carousel_slider-fields .actions>span{background:#fff none repeat scroll 0 0;display:block;float:none;cursor:pointer}.carousel_slider-fields .actions>span .dashicons-plus-alt:hover{color:green}.carousel_slider-fields .actions>span .dashicons-trash:hover{color:red}.carousel_slider-close{color:#f1f1f1;float:right;font-size:28px;font-weight:700}.carousel_slider-close:focus,.carousel_slider-close:hover{color:#fff;text-decoration:none;cursor:pointer}.carousel_slider_url_images_list{margin:15px 0 0;padding:0;list-style:none}.carousel_slider_url_images_list li{float:left;display:inline-block;margin:0 5px 5px 0}@media only screen and (min-width:820px){.carousel_slider-modal-content{width:810px}}@media only screen and (min-width:1230px){.carousel_slider-modal-content{width:1220px}}.modal{bottom:0;left:0;position:absolute;right:0;top:0;align-items:center;display:none;justify-content:center;overflow:hidden;position:fixed;z-index:10000}.admin-bar .modal{top:32px}.modal .delete-icon{-webkit-user-select:none;user-select:none;-moz-appearance:none;-webkit-appearance:none;background-color:rgba(0,0,0,.2);border:none;border-radius:32px;cursor:pointer;display:inline-block;flex-grow:0;flex-shrink:0;font-size:1rem;outline:none;position:relative;vertical-align:top;height:20px;width:20px}.modal .delete-icon:after,.modal .delete-icon:before{background-color:#fff;content:"";display:block;left:50%;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%) rotate(45deg);transform-origin:center center}.modal .delete-icon:before{height:2px;width:50%}.modal .delete-icon:after{height:50%;width:2px}.modal .delete-icon:focus,.modal .delete-icon:hover{background-color:rgba(0,0,0,.3)}.modal .delete-icon:active{background-color:rgba(0,0,0,.4)}.modal .delete-icon.is-small{height:16px;width:16px}.modal .delete-icon.is-medium{height:24px;width:24px}.modal .delete-icon.is-large{height:32px;width:32px}.modal.is-active{display:flex}.modal-background{bottom:0;left:0;position:absolute;right:0;top:0;background-color:rgba(0,0,0,.86)}.modal-card,.modal-content{margin:0 20px;max-height:calc(100vh - 160px);overflow:auto;position:relative;width:100%}@media print,screen and (min-width:769px){.modal-card,.modal-content{margin:0 auto;max-height:calc(100vh - 40px);width:640px}}.modal-close{-webkit-user-select:none;user-select:none;-moz-appearance:none;-webkit-appearance:none;background-color:rgba(0,0,0,.2);border:none;border-radius:32px;cursor:pointer;display:inline-block;flex-grow:0;flex-shrink:0;font-size:1rem;outline:none;position:relative;vertical-align:top;height:20px;width:20px;background:none;height:40px;position:fixed;right:20px;top:20px;width:40px}.modal-close:after,.modal-close:before{background-color:#fff;content:"";display:block;left:50%;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%) rotate(45deg);transform-origin:center center}.modal-close:before{height:2px;width:50%}.modal-close:after{height:50%;width:2px}.modal-close:focus,.modal-close:hover{background-color:rgba(0,0,0,.3)}.modal-close:active{background-color:rgba(0,0,0,.4)}.modal-close.is-small{height:16px;width:16px}.modal-close.is-medium{height:24px;width:24px}.modal-close.is-large{height:32px;width:32px}.modal-card{display:flex;flex-direction:column;max-height:calc(100vh - 40px);overflow:hidden}.modal-card-foot,.modal-card-head{align-items:center;background-color:#f5f5f5;display:flex;flex-shrink:0;justify-content:flex-start;margin:0;padding:20px;position:relative}.modal-card-head{border-bottom:1px solid #f5f5f5;border-top-left-radius:5px;border-top-right-radius:5px}.modal-card-title{color:#212121;flex-grow:1;flex-shrink:0;font-size:1.5rem;line-height:1;margin:0;padding:0}.modal-card-foot{border-bottom-left-radius:5px;border-bottom-right-radius:5px;border-top:1px solid #f5f5f5}.modal-card-foot .button:not(:last-child){margin-right:10px}.modal-card-body{-webkit-overflow-scrolling:touch;background-color:#fff;flex-grow:1;flex-shrink:1;overflow:auto;margin:0;padding:20px}.cs-tooltip{display:inline-block;width:1.5em;height:1.5em;float:right}.cs-tooltip:after{font-family:Dashicons;speak:none;font-weight:400;text-transform:none;-webkit-font-smoothing:antialiased;width:100%;height:100%;text-align:center;content:"\f223";cursor:help}#tiptip_holder{display:none;position:absolute;top:0;left:0;z-index:99999}#tiptip_holder.tip_top{padding-bottom:5px}#tiptip_holder.tip_bottom{padding-top:5px}#tiptip_holder.tip_right{padding-left:5px}#tiptip_holder.tip_left{padding-right:5px}#tiptip_content{font-size:11px;color:#fff;text-shadow:0 0 2px #000;padding:4px 8px;border:1px solid hsla(0,0%,100%,.25);background-color:#191919;background-color:rgba(25,25,25,.92);background-image:-webkit-gradient(linear,0 0,0 100%,from(transparent),to(#000));border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;box-shadow:0 0 3px #555;-webkit-box-shadow:0 0 3px #555;-moz-box-shadow:0 0 3px #555}#tiptip_arrow,#tiptip_arrow_inner{position:absolute;border:6px solid transparent;height:0;width:0}#tiptip_holder.tip_top #tiptip_arrow{border-top-color:#fff;border-top-color:hsla(0,0%,100%,.35)}#tiptip_holder.tip_bottom #tiptip_arrow{border-bottom-color:#fff;border-bottom-color:hsla(0,0%,100%,.35)}#tiptip_holder.tip_right #tiptip_arrow{border-right-color:#fff;border-right-color:hsla(0,0%,100%,.35)}#tiptip_holder.tip_left #tiptip_arrow{border-left-color:#fff;border-left-color:hsla(0,0%,100%,.35)}#tiptip_holder.tip_top #tiptip_arrow_inner{margin-top:-7px;margin-left:-6px;border-top-color:#191919;border-top-color:rgba(25,25,25,.92)}#tiptip_holder.tip_bottom #tiptip_arrow_inner{margin-top:-5px;margin-left:-6px;border-bottom-color:#191919;border-bottom-color:rgba(25,25,25,.92)}#tiptip_holder.tip_right #tiptip_arrow_inner{margin-top:-6px;margin-left:-5px;border-right-color:#191919;border-right-color:rgba(25,25,25,.92)}#tiptip_holder.tip_left #tiptip_arrow_inner{margin-top:-6px;margin-left:-7px;border-left-color:#191919;border-left-color:rgba(25,25,25,.92)}@media screen and (-webkit-min-device-pixel-ratio:0){#tiptip_content{padding:4px 8px 5px;background-color:rgba(45,45,45,.88)}#tiptip_holder.tip_bottom #tiptip_arrow_inner{border-bottom-color:rgba(45,45,45,.88)}#tiptip_holder.tip_top #tiptip_arrow_inner{border-top-color:rgba(20,20,20,.92)}}.shapla-nav{list-style:none!important;margin:0;padding:0}.shapla-nav:after,.shapla-nav:before{display:table;content:" "}.shapla-nav:after{clear:both}.shapla-nav li{float:left;position:relative;margin:0 1px -1px 0!important;z-index:1;outline:0}.shapla-nav a{text-decoration:none;display:block;padding:15px 10px;line-height:1;outline:0}.shapla-tab{margin:0 0 2em;padding:21px 20px 20px}.shapla-tab p:first-of-type{margin-top:0}.shapla-tab p:last-of-type{margin-bottom:0}.shapla-tabs--normal .shapla-nav a{background:#323232;color:#fff}.shapla-tabs--normal .shapla-nav .ui-tabs-active a{background:#f1f1f1;color:#323232;outline:0}.shapla-tabs--normal .shapla-tab{background:#f1f1f1}.shapla-tabs--stroke .shapla-nav li{margin:0 -1px 0 0!important}.shapla-tabs--stroke .shapla-nav a{border:1px solid #323232;color:#323232}.shapla-tabs--stroke .shapla-nav .ui-tabs-active a{border-bottom-color:#fff}.shapla-tabs--stroke .shapla-tab{border:1px solid #323232;margin-top:-1px}.carousel_slider_iframe{position:relative;padding-bottom:56.25%;padding-top:25px;height:0}.carousel_slider_iframe>iframe{position:absolute;top:0;left:0;width:100%;height:100%}.carousel_slider_columns{display:flex;flex-wrap:wrap;box-sizing:border-box}.carousel_slider_column{flex:0 0 100%;padding:1rem;box-sizing:border-box}@media screen and (min-width:601px){.carousel_slider_column{flex:0 0 50%}}@media screen and (min-width:1025px){.carousel_slider_column{flex:0 0 33.333333%}}@media screen and (min-width:1400px){.carousel_slider_column{flex:0 0 25%}}
|
assets/css/frontend.css
CHANGED
@@ -1 +1 @@
|
|
1 |
-
.carousel-slider{display:none;width:100%;-webkit-tap-highlight-color:transparent;position:relative;z-index:1}.carousel-slider .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-webkit-backface-visibility:hidden;backface-visibility:hidden}.carousel-slider .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.carousel-slider .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translateZ(0);transform:translateZ(0)}.carousel-slider .owl-carousel .owl-item,.carousel-slider .owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0);transform:translateZ(0)}.carousel-slider .owl-item{position:relative;min-height:1px;float:left;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.carousel-slider .owl-item img{display:block;width:100%}.carousel-slider .owl-dots.disabled,.carousel-slider .owl-nav.disabled{display:none}.carousel-slider .owl-dot,.carousel-slider .owl-nav .owl-next,.carousel-slider .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.carousel-slider .owl-nav button.owl-next,.carousel-slider .owl-nav button.owl-prev,.carousel-slider button.owl-dot{background:none;color:inherit;border:none;padding:0!important;font:inherit}.carousel-slider.owl-loaded{display:block}.carousel-slider.owl-loading{opacity:0;display:block}.carousel-slider.owl-hidden{opacity:0}.carousel-slider.owl-refresh .owl-item{visibility:hidden}.carousel-slider.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.carousel-slider.owl-grab{cursor:move;cursor:-webkit-grab;cursor:grab}.carousel-slider.owl-rtl{direction:rtl}.carousel-slider.owl-rtl .owl-item{float:right}.no-js .carousel-slider{display:block}.carousel-slider .animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.carousel-slider .owl-animated-in{z-index:0}.carousel-slider .owl-animated-out{z-index:1}.carousel-slider .fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}.carousel-slider .fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}.carousel-slider .fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}.carousel-slider .fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}.carousel-slider .fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}.carousel-slider .zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.owl-height{-webkit-transition:height .5s ease-in-out;transition:height .5s ease-in-out}.carousel-slider .owl-item img.owl-lazy{background:url(data:image/gif;base64,R0lGODlhIAAgAPMAAP///5aWlufn58zMzODg4NXV1aysrLm5ue7u7vPz8+Li4qKiopeXlwAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCgAAACwAAAAAIAAgAAAE5xDISWlhperN52JLhSSdRgwVo1ICQZRUsiwHpTJT4iowNS8vyW2icCF6k8HMMBkCEDskxTBDAZwuAkkqIfxIQyhBQBFvAQSDITM5VDW6XNE4KagNh6Bgwe60smQUB3d4Rz1ZBApnFASDd0hihh12BkE9kjAJVlycXIg7CQIFA6SlnJ87paqbSKiKoqusnbMdmDC2tXQlkUhziYtyWTxIfy6BE8WJt5YJvpJivxNaGmLHT0VnOgSYf0dZXS7APdpB309RnHOG5gDqXGLDaC457D1zZ/V/nmOM82XiHRLYKhKP1oZmADdEAAAh+QQJCgAAACwAAAAAIAAgAAAE6hDISWlZpOrNp1lGNRSdRpDUolIGw5RUYhhHukqFu8DsrEyqnWThGvAmhVlteBvojpTDDBUEIFwMFBRAmBkSgOrBFZogCASwBDEY/CZSg7GSE0gSCjQBMVG023xWBhklAnoEdhQEfyNqMIcKjhRsjEdnezB+A4k8gTwJhFuiW4dokXiloUepBAp5qaKpp6+Ho7aWW54wl7obvEe0kRuoplCGepwSx2jJvqHEmGt6whJpGpfJCHmOoNHKaHx61WiSR92E4lbFoq+B6QDtuetcaBPnW6+O7wDHpIiK9SaVK5GgV543tzjgGcghAgAh+QQJCgAAACwAAAAAIAAgAAAE7hDISSkxpOrN5zFHNWRdhSiVoVLHspRUMoyUakyEe8PTPCATW9A14E0UvuAKMNAZKYUZCiBMuBakSQKG8G2FzUWox2AUtAQFcBKlVQoLgQReZhQlCIJesQXI5B0CBnUMOxMCenoCfTCEWBsJColTMANldx15BGs8B5wlCZ9Po6OJkwmRpnqkqnuSrayqfKmqpLajoiW5HJq7FL1Gr2mMMcKUMIiJgIemy7xZtJsTmsM4xHiKv5KMCXqfyUCJEonXPN2rAOIAmsfB3uPoAK++G+w48edZPK+M6hLJpQg484enXIdQFSS1u6UhksENEQAAIfkECQoAAAAsAAAAACAAIAAABOcQyEmpGKLqzWcZRVUQnZYg1aBSh2GUVEIQ2aQOE+G+cD4ntpWkZQj1JIiZIogDFFyHI0UxQwFugMSOFIPJftfVAEoZLBbcLEFhlQiqGp1Vd140AUklUN3eCA51C1EWMzMCezCBBmkxVIVHBWd3HHl9JQOIJSdSnJ0TDKChCwUJjoWMPaGqDKannasMo6WnM562R5YluZRwur0wpgqZE7NKUm+FNRPIhjBJxKZteWuIBMN4zRMIVIhffcgojwCF117i4nlLnY5ztRLsnOk+aV+oJY7V7m76PdkS4trKcdg0Zc0tTcKkRAAAIfkECQoAAAAsAAAAACAAIAAABO4QyEkpKqjqzScpRaVkXZWQEximw1BSCUEIlDohrft6cpKCk5xid5MNJTaAIkekKGQkWyKHkvhKsR7ARmitkAYDYRIbUQRQjWBwJRzChi9CRlBcY1UN4g0/VNB0AlcvcAYHRyZPdEQFYV8ccwR5HWxEJ02YmRMLnJ1xCYp0Y5idpQuhopmmC2KgojKasUQDk5BNAwwMOh2RtRq5uQuPZKGIJQIGwAwGf6I0JXMpC8C7kXWDBINFMxS4DKMAWVWAGYsAdNqW5uaRxkSKJOZKaU3tPOBZ4DuK2LATgJhkPJMgTwKCdFjyPHEnKxFCDhEAACH5BAkKAAAALAAAAAAgACAAAATzEMhJaVKp6s2nIkolIJ2WkBShpkVRWqqQrhLSEu9MZJKK9y1ZrqYK9WiClmvoUaF8gIQSNeF1Er4MNFn4SRSDARWroAIETg1iVwuHjYB1kYc1mwruwXKC9gmsJXliGxc+XiUCby9ydh1sOSdMkpMTBpaXBzsfhoc5l58Gm5yToAaZhaOUqjkDgCWNHAULCwOLaTmzswadEqggQwgHuQsHIoZCHQMMQgQGubVEcxOPFAcMDAYUA85eWARmfSRQCdcMe0zeP1AAygwLlJtPNAAL19DARdPzBOWSm1brJBi45soRAWQAAkrQIykShQ9wVhHCwCQCACH5BAkKAAAALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiRMDjI0Fd30/iI2UA5GSS5UDj2l6NoqgOgN4gksEBgYFf0FDqKgHnyZ9OX8HrgYHdHpcHQULXAS2qKpENRg7eAMLC7kTBaixUYFkKAzWAAnLC7FLVxLWDBLKCwaKTULgEwbLA4hJtOkSBNqITT3xEgfLpBtzE/jiuL04RGEBgwWhShRgQExHBAAh+QQJCgAAACwAAAAAIAAgAAAE7xDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfZiCqGk5dTESJeaOAlClzsJsqwiJwiqnFrb2nS9kmIcgEsjQydLiIlHehhpejaIjzh9eomSjZR+ipslWIRLAgMDOR2DOqKogTB9pCUJBagDBXR6XB0EBkIIsaRsGGMMAxoDBgYHTKJiUYEGDAzHC9EACcUGkIgFzgwZ0QsSBcXHiQvOwgDdEwfFs0sDzt4S6BK4xYjkDOzn0unFeBzOBijIm1Dgmg5YFQwsCMjp1oJ8LyIAACH5BAkKAAAALAAAAAAgACAAAATwEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GGl6NoiPOH16iZKNlH6KmyWFOggHhEEvAwwMA0N9GBsEC6amhnVcEwavDAazGwIDaH1ipaYLBUTCGgQDA8NdHz0FpqgTBwsLqAbWAAnIA4FWKdMLGdYGEgraigbT0OITBcg5QwPT4xLrROZL6AuQAPUS7bxLpoWidY0JtxLHKhwwMJBTHgPKdEQAACH5BAkKAAAALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GAULDJCRiXo1CpGXDJOUjY+Yip9DhToJA4RBLwMLCwVDfRgbBAaqqoZ1XBMHswsHtxtFaH1iqaoGNgAIxRpbFAgfPQSqpbgGBqUD1wBXeCYp1AYZ19JJOYgH1KwA4UBvQwXUBxPqVD9L3sbp2BNk2xvvFPJd+MFCN6HAAIKgNggY0KtEBAAh+QQJCgAAACwAAAAAIAAgAAAE6BDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfYIDMaAFdTESJeaEDAIMxYFqrOUaNW4E4ObYcCXaiBVEgULe0NJaxxtYksjh2NLkZISgDgJhHthkpU4mW6blRiYmZOlh4JWkDqILwUGBnE6TYEbCgevr0N1gH4At7gHiRpFaLNrrq8HNgAJA70AWxQIH1+vsYMDAzZQPC9VCNkDWUhGkuE5PxJNwiUK4UfLzOlD4WvzAHaoG9nxPi5d+jYUqfAhhykOFwJWiAAAIfkECQoAAAAsAAAAACAAIAAABPAQyElpUqnqzaciSoVkXVUMFaFSwlpOCcMYlErAavhOMnNLNo8KsZsMZItJEIDIFSkLGQoQTNhIsFehRww2CQLKF0tYGKYSg+ygsZIuNqJksKgbfgIGepNo2cIUB3V1B3IvNiBYNQaDSTtfhhx0CwVPI0UJe0+bm4g5VgcGoqOcnjmjqDSdnhgEoamcsZuXO1aWQy8KAwOAuTYYGwi7w5h+Kr0SJ8MFihpNbx+4Erq7BYBuzsdiH1jCAzoSfl0rVirNbRXlBBlLX+BP0XJLAPGzTkAuAOqb0WT5AH7OcdCm5B8TgRwSRKIHQtaLCwg1RAAAOwAAAAAAAAAAAA==) no-repeat 50%;min-width:32px;min-height:32px}.carousel-slider .carousel-slider-video-wrapper{position:relative;height:100%;background:#000}.carousel-slider .carousel-slider-video-play-icon{position:absolute;height:40px;width:40px;left:50%;top:50%;margin-left:-20px;margin-top:-20px;background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgZmlsbD0iI2YxZjFmMSI+PHBhdGggZD0iTTEyLjEgNi43bDIzIDEzLjUtMjMgMTMuNVY2Ljh6Ii8+PHBhdGggZD0iTTE5LjcgNDBjLTExIDAtMjAtOS0yMC0yMHM5LTIwIDIwLTIwIDIwIDkgMjAgMjAtOSAyMC0yMCAyMHptMC0zOGMtOS45IDAtMTggOC4xLTE4IDE4czguMSAxOCAxOCAxOCAxOC04LjEgMTgtMTgtOC4xLTE4LTE4LTE4eiIvPjwvc3ZnPg==) no-repeat;cursor:pointer;z-index:2;-webkit-backface-visibility:hidden;-webkit-transition:-webkit-transform .1s ease;transition:-webkit-transform .1s ease;transition:transform .1s ease;transition:transform .1s ease,-webkit-transform .1s ease}.carousel-slider .carousel-slider-video-overlay{position:absolute;height:100%;width:100%;left:0;top:0;background-color:rgba(0,0,0,.5);z-index:1}.carousel-slider .carousel-slider-video-play-icon:hover{-webkit-transform:scale(1.3);transform:scale(1.3)}.carousel-slider .owl-nav .owl-next,.carousel-slider .owl-nav .owl-prev{height:48px;width:48px;display:inline-block;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);opacity:0;margin:0;padding:0;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.carousel-slider .owl-nav .owl-prev{left:0}.carousel-slider .owl-nav .owl-next{right:0}.carousel-slider.arrows-visible-always .owl-next,.carousel-slider.arrows-visible-always .owl-prev,.carousel-slider:hover .owl-nav .owl-next,.carousel-slider:hover .owl-nav .owl-prev{opacity:1}.carousel-slider.arrows-outside .owl-nav .owl-prev{left:-48px}.carousel-slider.arrows-outside .owl-nav .owl-next{right:-48px}.carousel-slider .owl-dots{text-align:center;-webkit-tap-highlight-color:transparent;margin-top:10px}.carousel-slider .owl-dots .owl-dot{display:inline-block;zoom:1;*display:inline}.carousel-slider .owl-dots .owl-dot span{width:10px;height:10px;margin:4px 8px;background-color:#9e9e9e;display:block;-webkit-backface-visibility:visible;-webkit-transition:opacity .2s ease;transition:opacity .2s ease}.carousel-slider .owl-dots .owl-dot.active span,.carousel-slider .owl-dots .owl-dot:hover span{background-color:#4caf50}.carousel-slider.dots-center .owl-dots{text-align:center}.carousel-slider.dots-left .owl-dots{text-align:left}.carousel-slider.dots-left .owl-dots:first-child span{margin-left:0}.carousel-slider.dots-right .owl-dots{text-align:right}.carousel-slider.dots-right .owl-dots:last-child span{margin-right:0}.carousel-slider.dots-visible-hover .owl-dots{opacity:0}.carousel-slider.dots-visible-hover:hover .owl-dots{opacity:1}.carousel-slider.dots-circle .owl-dots .owl-dot span{border-radius:9999px}.carousel-slider[data-slide-type=post-carousel] .owl-stage{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.carousel-slider[data-slide-type=post-carousel] .owl-item{display:-webkit-box;display:-ms-flexbox;display:flex;height:auto}.carousel-slider__post{border-radius:4px;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.1),0 0 0 1px rgba(0,0,0,.1);box-shadow:0 1px 2px rgba(0,0,0,.1),0 0 0 1px rgba(0,0,0,.1);margin:2px;position:relative;width:100%}.carousel-slider__post-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.carousel-slider__post-image{background-color:#f1f1f1;background-size:cover;background-position:50%;border-top-left-radius:4px;border-top-right-radius:4px;display:block;line-height:0;margin:0 auto;overflow:hidden;padding-top:66.6666%;position:relative;text-align:center;width:100%}.carousel-slider__post-title{display:block;margin:1rem;min-height:3.75em}.carousel-slider__post-title h1{font-size:1.25rem;margin:0}.carousel-slider__post-excerpt{font-size:1rem;line-height:1.6;margin:1rem 1rem 2rem;text-align:left}.carousel-slider__post-meta{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:.75rem;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin:auto 1rem 1rem}.carousel-slider__post-author,.carousel-slider__post-publication-meta{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.carousel-slider__post-author{font-style:normal;line-height:1.6}.carousel-slider__post-author-link{display:inline-block;max-width:175px;overflow:hidden;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap}.carousel-slider__post-category{text-transform:uppercase}.carousel-slider[data-slide-type=product-carousel] .owl-stage{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.carousel-slider[data-slide-type=product-carousel] .owl-item{display:-webkit-box;display:-ms-flexbox;display:flex;height:auto}.carousel-slider .woocommerce-loop-category__title{font-size:1.25rem;margin:1rem}.carousel-slider__product{position:relative;text-align:center;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.1),0 0 0 1px rgba(0,0,0,.1);box-shadow:0 1px 2px rgba(0,0,0,.1),0 0 0 1px rgba(0,0,0,.1);margin:2px;width:100%}.carousel-slider__product .woocommerce-LoopProduct-link{display:block;overflow:hidden;margin:0}.carousel-slider__product .onsale{border:0;line-height:1;margin:0;padding:.5rem;color:#f1f1f1;background-color:#96588a;position:absolute;left:1rem;top:1rem}.carousel-slider__product h3{padding:0;text-align:left;margin:1rem;font-size:1.25rem;color:#333}.carousel-slider__product a{text-decoration:none;-webkit-box-shadow:none;box-shadow:none}.carousel-slider__product a img{width:100%;height:auto;display:block;-webkit-box-shadow:none;box-shadow:none}.carousel-slider__product strong{display:block}.carousel-slider__product .price{color:#333;display:inline-block;font-weight:400;margin:0 .5rem 0 1rem;font-size:.875rem;float:left}.carousel-slider__product .price del{color:inherit;background-color:transparent;opacity:.5;display:inline-block}.carousel-slider__product .price ins{color:inherit;background-color:transparent;font-weight:700}.carousel-slider__product .star-rating{display:inline-block;margin:0 1rem 0 .5rem;float:right;overflow:hidden;position:relative;height:1em;line-height:1;font-size:1em;width:5.4em;font-family:star}.carousel-slider__product .star-rating:before{content:"\73\73\73\73\73";float:left;top:0;left:0;position:absolute}.carousel-slider__product .star-rating span{overflow:hidden;float:left;top:0;left:0;position:absolute;padding-top:1.5em}.carousel-slider__product .star-rating span:before{color:#96588a;content:"\53\53\53\53\53";top:0;position:absolute;left:0}.carousel-slider__product a.add_to_cart_button,.carousel-slider__product a.added_to_cart,.carousel-slider__product a.quick_view{color:#f1f1f1;background-color:#96588a;margin:1rem;line-height:1;cursor:pointer;position:relative;text-decoration:none;overflow:visible;padding:.5em 1em;font-weight:400;border-radius:3px;left:auto;border:0;white-space:nowrap;display:block;background-image:none;box-shadow:none;-webkit-box-shadow:none;text-shadow:none}.carousel-slider__product a.add_to_cart_button:hover,.carousel-slider__product a.added_to_cart:hover,.carousel-slider__product a.quick_view:hover{color:#f1f1f1;background-color:#96588a;text-decoration:none;background-image:none}.carousel-slider__product a.add_to_cart_button.loading{opacity:.25;padding-right:2.618em}.carousel-slider__product a.add_to_cart_button.loading:after{font-family:WooCommerce;content:"\e01c";vertical-align:top;-webkit-font-smoothing:antialiased;font-weight:400;position:absolute;top:.618em;right:1em;-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite}.carousel-slider__product a.add_to_cart_button.added:after{font-family:WooCommerce;content:"\e017";margin-left:.53em;vertical-align:bottom}.carousel-slider-hero__cell__background{background-size:cover;background-position:50%;background-repeat:no-repeat;min-width:100%;min-height:100%;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-transition-duration:10s;transition-duration:10s}.carousel-slider-hero__cell__background.carousel-slider-hero-ken-out{-webkit-transform:scale(1.3);transform:scale(1.3)}.carousel-slider .active .carousel-slider-hero__cell__background{-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-duration:20s;animation-duration:20s}.carousel-slider .active .carousel-slider-hero__cell__background.carousel-slider-hero-ken-in{-webkit-transform:scale(1.3);transform:scale(1.3);-webkit-animation-name:ken-burns-in;animation-name:ken-burns-in}.carousel-slider .active .carousel-slider-hero__cell__background.carousel-slider-hero-ken-out{-webkit-transform:scale(1);transform:scale(1);-webkit-animation-name:ken-burns-out;animation-name:ken-burns-out}.carousel-slider-hero__cell{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;overflow:hidden;height:400px}.carousel-slider-hero__cell:focus{outline:0}.carousel-slider-hero__cell__inner{background-repeat:no-repeat;background-position:50%;position:absolute;top:0;left:0;bottom:0;right:0;padding:50px}.carousel-slider-hero__cell__inner,.carousel-slider-hero__cell__inner:hover{color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex}.carousel-slider-hero__cell__background_overlay{position:absolute;z-index:0;top:0;bottom:0;left:0;right:0}.carousel-slider-hero__cell__content{position:relative;z-index:1;width:100%;max-width:1140px}.carousel-slider-hero__cell__heading{font-size:40px;font-weight:700;line-height:1}.carousel-slider-hero__cell__description{font-size:20px;line-height:1.4}.carousel-slider-hero__cell__description:not(:last-child),.carousel-slider-hero__cell__heading:not(:last-child){margin-bottom:30px}.carousel-slider-hero__cell__button__one{margin-right:5px}.carousel-slider-hero__cell__button__two{margin-left:5px}.carousel-slider-hero__cell__button__one,.carousel-slider-hero__cell__button__two{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.carousel-slider-hero__cell__inner.carousel-slider--v-position-top{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.carousel-slider-hero__cell__inner.carousel-slider--v-position-bottom{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.carousel-slider-hero__cell__inner.carousel-slider--v-position-middle{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.carousel-slider-hero__cell__inner.carousel-slider--h-position-left{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.carousel-slider-hero__cell__inner.carousel-slider--h-position-right{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.carousel-slider-hero__cell__inner.carousel-slider--h-position-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.carousel-slider-hero__cell__inner.carousel-slider--text-left{text-align:left}.carousel-slider-hero__cell__inner.carousel-slider--text-right{text-align:right}.carousel-slider-hero__cell__inner.carousel-slider--text-center{text-align:center}@media (max-width:767px){.carousel-slider-hero__cell__inner{padding:30px}.carousel-slider-hero__cell__heading{font-size:24px;line-height:1;margin-bottom:15px}.carousel-slider-hero__cell__description{font-size:14px;line-height:1.4;margin-bottom:15px}}.carousel-slider .carousel-slider__item{position:relative}.carousel-slider .carousel-slider__item img{display:block;margin-left:auto;margin-right:auto;max-width:100%;height:auto}.carousel-slider .carousel-slider__caption{position:relative}.carousel-slider .carousel-slider__caption .title{overflow:hidden;text-overflow:ellipsis;color:#474747;font-size:16px;font-weight:500;margin:10px 0 0;text-align:center}.carousel-slider .carousel-slider__caption .caption{font-size:14px;font-weight:300;margin:10px 0 0;text-align:center}.cs-hero-button{-webkit-appearance:none;-webkit-font-smoothing:inherit;display:inline-block;font-size:1rem;line-height:1;padding:.75em 1em;border-radius:0;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.cs-hero-button,.cs-hero-button:hover{text-decoration:none}.cs-hero-button--normal{opacity:.9;filter:alpha(opacity=90)}.cs-hero-button--stroke{background:transparent;border:1px solid transparent}.cs-hero-button--medium{font-size:1.2rem;padding:.9em 1.2em}.cs-hero-button--large{font-size:1.5rem;padding:.9em 1.6em}.mfp-bg{z-index:1042;overflow:hidden;background:#0b0b0b;opacity:.8}.mfp-bg,.mfp-wrap{top:0;left:0;width:100%;height:100%;position:fixed}.mfp-wrap{z-index:1043;outline:none!important;-webkit-backface-visibility:hidden}.mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 8px;-webkit-box-sizing:border-box;box-sizing:border-box}.mfp-container:before{content:"";display:inline-block;height:100%;vertical-align:middle}.mfp-align-top .mfp-container:before{display:none}.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045}.mfp-ajax-holder .mfp-content,.mfp-inline-holder .mfp-content{width:100%;cursor:auto}.mfp-ajax-cur{cursor:progress}.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-webkit-zoom-out;cursor:zoom-out}.mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:zoom-in}.mfp-auto-cursor .mfp-content{cursor:auto}.mfp-arrow,.mfp-close,.mfp-counter,.mfp-preloader{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.mfp-loading.mfp-figure{display:none}.mfp-hide{display:none!important}.mfp-preloader{color:#ccc;position:absolute;top:50%;width:auto;text-align:center;margin-top:-.8em;left:8px;right:8px;z-index:1044}.mfp-preloader a{color:#ccc}.mfp-preloader a:hover{color:#fff}.mfp-s-error .mfp-content,.mfp-s-ready .mfp-preloader{display:none}button.mfp-arrow,button.mfp-close{overflow:visible;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;display:block;outline:none;padding:0;z-index:1046;-webkit-box-shadow:none;box-shadow:none;-ms-touch-action:manipulation;touch-action:manipulation}button::-moz-focus-inner{padding:0;border:0}.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:.65;padding:0 0 18px 10px;color:#fff;font-style:normal;font-size:28px;font-family:Arial,Baskerville,monospace}.mfp-close:focus,.mfp-close:hover{opacity:1}.mfp-close:active{top:1px}.mfp-close-btn-in .mfp-close{color:#333}.mfp-iframe-holder .mfp-close,.mfp-image-holder .mfp-close{color:#fff;right:-6px;text-align:right;padding-right:6px;width:100%}.mfp-counter{position:absolute;top:0;right:0;color:#ccc;font-size:12px;line-height:18px;white-space:nowrap}.mfp-arrow{position:absolute;opacity:.65;top:50%;margin:-55px 0 0;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:rgba(0,0,0,0)}.mfp-arrow:active{margin-top:-54px}.mfp-arrow:focus,.mfp-arrow:hover{opacity:1}.mfp-arrow:after,.mfp-arrow:before{content:"";display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:inset transparent}.mfp-arrow:after{border-top-width:13px;border-bottom-width:13px;top:8px}.mfp-arrow:before{border-top-width:21px;border-bottom-width:21px;opacity:.7}.mfp-arrow-left{left:0}.mfp-arrow-left:after{border-right:17px solid #fff;margin-left:31px}.mfp-arrow-left:before{margin-left:25px;border-right:27px solid #3f3f3f}.mfp-arrow-right{right:0}.mfp-arrow-right:after{border-left:17px solid #fff;margin-left:39px}.mfp-arrow-right:before{border-left:27px solid #3f3f3f}.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}.mfp-iframe-holder .mfp-close{top:-40px}.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}.mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;-webkit-box-shadow:0 0 8px rgba(0,0,0,.6);box-shadow:0 0 8px rgba(0,0,0,.6);background:#000}img.mfp-img{width:auto;max-width:100%;height:auto;display:block;-webkit-box-sizing:border-box;box-sizing:border-box;padding:40px 0;margin:0 auto}.mfp-figure,img.mfp-img{line-height:0}.mfp-figure:after{content:"";position:absolute;left:0;top:40px;bottom:40px;display:block;right:0;width:auto;height:auto;z-index:-1;-webkit-box-shadow:0 0 8px rgba(0,0,0,.6);box-shadow:0 0 8px rgba(0,0,0,.6);background:#444}.mfp-figure small{color:#bdbdbd;display:block;font-size:12px;line-height:14px}.mfp-figure figure{margin:0}.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}.mfp-title{text-align:left;line-height:18px;color:#f3f3f3;word-wrap:break-word;padding-right:36px}.mfp-image-holder .mfp-content{max-width:100%}.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}@media screen and (max-height:300px),screen and (max-width:800px) and (orientation:landscape){.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}.mfp-img-mobile img.mfp-img{padding:0}.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}.mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;-webkit-box-sizing:border-box;box-sizing:border-box}.mfp-img-mobile .mfp-bottom-bar:empty{padding:0}.mfp-img-mobile .mfp-counter{right:5px;top:3px}.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,.6);position:fixed;text-align:center;padding:0}}@media (max-width:900px){.mfp-arrow{-webkit-transform:scale(.75);transform:scale(.75)}.mfp-arrow-left{-webkit-transform-origin:0;transform-origin:0}.mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%}.mfp-container{padding-left:6px;padding-right:6px}}.mfp-with-zoom.mfp-bg,.mfp-with-zoom .mfp-container{opacity:0;-webkit-backface-visibility:hidden;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}.mfp-with-zoom.mfp-ready .mfp-container{opacity:1}.mfp-with-zoom.mfp-ready.mfp-bg{opacity:.8}.mfp-with-zoom.mfp-removing.mfp-bg,.mfp-with-zoom.mfp-removing .mfp-container{opacity:0}.mfp-content .product{background-color:#fff;display:table;margin:0 auto;padding:15px}.mfp-content .product .images{display:inline-block;float:left;max-width:600px}.mfp-content .product .images img{display:block}.mfp-content .product .onsale{left:24px;top:24px;position:absolute}.mfp-content .product .summary{display:inline-block;margin-left:15px;width:300px}.mfp-content .product .description,.mfp-content .product .product_title{margin:1em 0}.mfp-content .product .price{display:inline-block;font-weight:400;margin:.5em 1em;font-size:.857em;float:left}.mfp-content .product .price del{color:inherit;background-color:transparent;opacity:.5;display:inline-block}.mfp-content .product .price ins{color:inherit;background-color:transparent;font-weight:700}.mfp-content .product .star-rating{display:inline-block;margin:.5em 1em;float:right;overflow:hidden;position:relative;height:1em;line-height:1;font-size:1em;width:5.4em;font-family:star}.mfp-content .product .star-rating:before{content:"\73\73\73\73\73";float:left;top:0;left:0;position:absolute}.mfp-content .product .star-rating span{overflow:hidden;float:left;top:0;left:0;position:absolute;padding-top:1.5em}.mfp-content .product .star-rating span:before{content:"\53\53\53\53\53";top:0;position:absolute;left:0}.mfp-content .product a.add_to_cart_button,.mfp-content .product a.added_to_cart{margin:0;line-height:1;cursor:pointer;position:relative;text-decoration:none;overflow:visible;padding:.5em 1em;font-weight:400;border-radius:3px;left:auto;border:0;white-space:nowrap;display:inline-block;background-image:none;box-shadow:none;-webkit-box-shadow:none;text-shadow:none}.mfp-content .product a.add_to_cart_button:hover,.mfp-content .product a.added_to_cart:hover{text-decoration:none;background-image:none}.mfp-content .product a.add_to_cart_button.loading{opacity:.25;padding-right:2.618em}.mfp-content .product a.add_to_cart_button.loading:after{font-family:WooCommerce;content:"\e01c";vertical-align:top;-webkit-font-smoothing:antialiased;font-weight:400;position:absolute;top:.618em;right:1em;-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite}.mfp-content .product a.add_to_cart_button.added:after{font-family:WooCommerce;content:"\e017";margin-left:.53em;vertical-align:bottom}.mfp-ajax-holder .mfp-content,.mfp-inline-holder .mfp-content{max-width:945px;margin-top:40px;margin-bottom:40px}@media (max-width:600px){.mfp-content .product .images{margin-bottom:30px}.mfp-content .product .summary{display:block;margin:0;width:100%}}@media (min-width:601px){.mfp-content .product .images{display:inline-block;width:49%}.mfp-content .product .summary{display:inline-block;margin:0 0 0 1%;width:49%}}.mfp-counter{display:none}
|
1 |
+
.carousel-slider{display:none;width:100%;-webkit-tap-highlight-color:transparent;position:relative;z-index:1}.carousel-slider .owl-stage{position:relative;touch-action:manipulation;-webkit-backface-visibility:hidden;backface-visibility:hidden}.carousel-slider .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.carousel-slider .owl-stage-outer{position:relative;overflow:hidden;transform:translateZ(0)}.carousel-slider .owl-carousel .owl-item,.carousel-slider .owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0)}.carousel-slider .owl-item{position:relative;min-height:1px;float:left;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.carousel-slider .owl-item img{display:block;width:100%}.carousel-slider .owl-dots.disabled,.carousel-slider .owl-nav.disabled{display:none}.carousel-slider .owl-dot,.carousel-slider .owl-nav .owl-next,.carousel-slider .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;user-select:none}.carousel-slider .owl-nav button.owl-next,.carousel-slider .owl-nav button.owl-prev,.carousel-slider button.owl-dot{background:none;color:inherit;border:none;padding:0!important;font:inherit}.carousel-slider.owl-loaded{display:block}.carousel-slider.owl-loading{opacity:0;display:block}.carousel-slider.owl-hidden{opacity:0}.carousel-slider.owl-refresh .owl-item{visibility:hidden}.carousel-slider.owl-drag .owl-item{touch-action:pan-y;-webkit-user-select:none;user-select:none}.carousel-slider.owl-grab{cursor:move;cursor:-webkit-grab;cursor:grab}.carousel-slider.owl-rtl{direction:rtl}.carousel-slider.owl-rtl .owl-item{float:right}.no-js .carousel-slider{display:block}.carousel-slider .animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.carousel-slider .owl-animated-in{z-index:0}.carousel-slider .owl-animated-out{z-index:1}.carousel-slider .fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}.carousel-slider .fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}.carousel-slider .fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}.carousel-slider .fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}.carousel-slider .fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}.carousel-slider .zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@-webkit-keyframes fadeInDown{0%{opacity:0;transform:translate3d(0,-100%,0)}to{opacity:1;transform:none}}@keyframes fadeInDown{0%{opacity:0;transform:translate3d(0,-100%,0)}to{opacity:1;transform:none}}@-webkit-keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:none}}@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:none}}@-webkit-keyframes fadeInRight{0%{opacity:0;transform:translate3d(100%,0,0)}to{opacity:1;transform:none}}@keyframes fadeInRight{0%{opacity:0;transform:translate3d(100%,0,0)}to{opacity:1;transform:none}}@-webkit-keyframes fadeInLeft{0%{opacity:0;transform:translate3d(-100%,0,0)}to{opacity:1;transform:none}}@keyframes fadeInLeft{0%{opacity:0;transform:translate3d(-100%,0,0)}to{opacity:1;transform:none}}@-webkit-keyframes zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}.owl-height{transition:height .5s ease-in-out}.carousel-slider .owl-item img.owl-lazy{background:url(data:image/gif;base64,R0lGODlhIAAgAPMAAP///5aWlufn58zMzODg4NXV1aysrLm5ue7u7vPz8+Li4qKiopeXlwAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCgAAACwAAAAAIAAgAAAE5xDISWlhperN52JLhSSdRgwVo1ICQZRUsiwHpTJT4iowNS8vyW2icCF6k8HMMBkCEDskxTBDAZwuAkkqIfxIQyhBQBFvAQSDITM5VDW6XNE4KagNh6Bgwe60smQUB3d4Rz1ZBApnFASDd0hihh12BkE9kjAJVlycXIg7CQIFA6SlnJ87paqbSKiKoqusnbMdmDC2tXQlkUhziYtyWTxIfy6BE8WJt5YJvpJivxNaGmLHT0VnOgSYf0dZXS7APdpB309RnHOG5gDqXGLDaC457D1zZ/V/nmOM82XiHRLYKhKP1oZmADdEAAAh+QQJCgAAACwAAAAAIAAgAAAE6hDISWlZpOrNp1lGNRSdRpDUolIGw5RUYhhHukqFu8DsrEyqnWThGvAmhVlteBvojpTDDBUEIFwMFBRAmBkSgOrBFZogCASwBDEY/CZSg7GSE0gSCjQBMVG023xWBhklAnoEdhQEfyNqMIcKjhRsjEdnezB+A4k8gTwJhFuiW4dokXiloUepBAp5qaKpp6+Ho7aWW54wl7obvEe0kRuoplCGepwSx2jJvqHEmGt6whJpGpfJCHmOoNHKaHx61WiSR92E4lbFoq+B6QDtuetcaBPnW6+O7wDHpIiK9SaVK5GgV543tzjgGcghAgAh+QQJCgAAACwAAAAAIAAgAAAE7hDISSkxpOrN5zFHNWRdhSiVoVLHspRUMoyUakyEe8PTPCATW9A14E0UvuAKMNAZKYUZCiBMuBakSQKG8G2FzUWox2AUtAQFcBKlVQoLgQReZhQlCIJesQXI5B0CBnUMOxMCenoCfTCEWBsJColTMANldx15BGs8B5wlCZ9Po6OJkwmRpnqkqnuSrayqfKmqpLajoiW5HJq7FL1Gr2mMMcKUMIiJgIemy7xZtJsTmsM4xHiKv5KMCXqfyUCJEonXPN2rAOIAmsfB3uPoAK++G+w48edZPK+M6hLJpQg484enXIdQFSS1u6UhksENEQAAIfkECQoAAAAsAAAAACAAIAAABOcQyEmpGKLqzWcZRVUQnZYg1aBSh2GUVEIQ2aQOE+G+cD4ntpWkZQj1JIiZIogDFFyHI0UxQwFugMSOFIPJftfVAEoZLBbcLEFhlQiqGp1Vd140AUklUN3eCA51C1EWMzMCezCBBmkxVIVHBWd3HHl9JQOIJSdSnJ0TDKChCwUJjoWMPaGqDKannasMo6WnM562R5YluZRwur0wpgqZE7NKUm+FNRPIhjBJxKZteWuIBMN4zRMIVIhffcgojwCF117i4nlLnY5ztRLsnOk+aV+oJY7V7m76PdkS4trKcdg0Zc0tTcKkRAAAIfkECQoAAAAsAAAAACAAIAAABO4QyEkpKqjqzScpRaVkXZWQEximw1BSCUEIlDohrft6cpKCk5xid5MNJTaAIkekKGQkWyKHkvhKsR7ARmitkAYDYRIbUQRQjWBwJRzChi9CRlBcY1UN4g0/VNB0AlcvcAYHRyZPdEQFYV8ccwR5HWxEJ02YmRMLnJ1xCYp0Y5idpQuhopmmC2KgojKasUQDk5BNAwwMOh2RtRq5uQuPZKGIJQIGwAwGf6I0JXMpC8C7kXWDBINFMxS4DKMAWVWAGYsAdNqW5uaRxkSKJOZKaU3tPOBZ4DuK2LATgJhkPJMgTwKCdFjyPHEnKxFCDhEAACH5BAkKAAAALAAAAAAgACAAAATzEMhJaVKp6s2nIkolIJ2WkBShpkVRWqqQrhLSEu9MZJKK9y1ZrqYK9WiClmvoUaF8gIQSNeF1Er4MNFn4SRSDARWroAIETg1iVwuHjYB1kYc1mwruwXKC9gmsJXliGxc+XiUCby9ydh1sOSdMkpMTBpaXBzsfhoc5l58Gm5yToAaZhaOUqjkDgCWNHAULCwOLaTmzswadEqggQwgHuQsHIoZCHQMMQgQGubVEcxOPFAcMDAYUA85eWARmfSRQCdcMe0zeP1AAygwLlJtPNAAL19DARdPzBOWSm1brJBi45soRAWQAAkrQIykShQ9wVhHCwCQCACH5BAkKAAAALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiRMDjI0Fd30/iI2UA5GSS5UDj2l6NoqgOgN4gksEBgYFf0FDqKgHnyZ9OX8HrgYHdHpcHQULXAS2qKpENRg7eAMLC7kTBaixUYFkKAzWAAnLC7FLVxLWDBLKCwaKTULgEwbLA4hJtOkSBNqITT3xEgfLpBtzE/jiuL04RGEBgwWhShRgQExHBAAh+QQJCgAAACwAAAAAIAAgAAAE7xDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfZiCqGk5dTESJeaOAlClzsJsqwiJwiqnFrb2nS9kmIcgEsjQydLiIlHehhpejaIjzh9eomSjZR+ipslWIRLAgMDOR2DOqKogTB9pCUJBagDBXR6XB0EBkIIsaRsGGMMAxoDBgYHTKJiUYEGDAzHC9EACcUGkIgFzgwZ0QsSBcXHiQvOwgDdEwfFs0sDzt4S6BK4xYjkDOzn0unFeBzOBijIm1Dgmg5YFQwsCMjp1oJ8LyIAACH5BAkKAAAALAAAAAAgACAAAATwEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GGl6NoiPOH16iZKNlH6KmyWFOggHhEEvAwwMA0N9GBsEC6amhnVcEwavDAazGwIDaH1ipaYLBUTCGgQDA8NdHz0FpqgTBwsLqAbWAAnIA4FWKdMLGdYGEgraigbT0OITBcg5QwPT4xLrROZL6AuQAPUS7bxLpoWidY0JtxLHKhwwMJBTHgPKdEQAACH5BAkKAAAALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GAULDJCRiXo1CpGXDJOUjY+Yip9DhToJA4RBLwMLCwVDfRgbBAaqqoZ1XBMHswsHtxtFaH1iqaoGNgAIxRpbFAgfPQSqpbgGBqUD1wBXeCYp1AYZ19JJOYgH1KwA4UBvQwXUBxPqVD9L3sbp2BNk2xvvFPJd+MFCN6HAAIKgNggY0KtEBAAh+QQJCgAAACwAAAAAIAAgAAAE6BDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfYIDMaAFdTESJeaEDAIMxYFqrOUaNW4E4ObYcCXaiBVEgULe0NJaxxtYksjh2NLkZISgDgJhHthkpU4mW6blRiYmZOlh4JWkDqILwUGBnE6TYEbCgevr0N1gH4At7gHiRpFaLNrrq8HNgAJA70AWxQIH1+vsYMDAzZQPC9VCNkDWUhGkuE5PxJNwiUK4UfLzOlD4WvzAHaoG9nxPi5d+jYUqfAhhykOFwJWiAAAIfkECQoAAAAsAAAAACAAIAAABPAQyElpUqnqzaciSoVkXVUMFaFSwlpOCcMYlErAavhOMnNLNo8KsZsMZItJEIDIFSkLGQoQTNhIsFehRww2CQLKF0tYGKYSg+ygsZIuNqJksKgbfgIGepNo2cIUB3V1B3IvNiBYNQaDSTtfhhx0CwVPI0UJe0+bm4g5VgcGoqOcnjmjqDSdnhgEoamcsZuXO1aWQy8KAwOAuTYYGwi7w5h+Kr0SJ8MFihpNbx+4Erq7BYBuzsdiH1jCAzoSfl0rVirNbRXlBBlLX+BP0XJLAPGzTkAuAOqb0WT5AH7OcdCm5B8TgRwSRKIHQtaLCwg1RAAAOwAAAAAAAAAAAA==) no-repeat 50%;min-width:32px;min-height:32px}.carousel-slider .carousel-slider-video-wrapper{position:relative;height:100%;background:#000}.carousel-slider .carousel-slider-video-play-icon{position:absolute;height:40px;width:40px;left:50%;top:50%;margin-left:-20px;margin-top:-20px;background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' fill='%23f1f1f1'%3E%3Cpath d='M12.1 6.7l23 13.5-23 13.5V6.8z'/%3E%3Cpath d='M19.7 40c-11 0-20-9-20-20s9-20 20-20 20 9 20 20-9 20-20 20zm0-38c-9.9 0-18 8.1-18 18s8.1 18 18 18 18-8.1 18-18-8.1-18-18-18z'/%3E%3C/svg%3E") no-repeat;cursor:pointer;z-index:2;-webkit-backface-visibility:hidden;transition:transform .1s ease}.carousel-slider .carousel-slider-video-overlay{position:absolute;height:100%;width:100%;left:0;top:0;background-color:rgba(0,0,0,.5);z-index:1}.carousel-slider .carousel-slider-video-play-icon:hover{transform:scale(1.3)}.carousel-slider .owl-nav .owl-next,.carousel-slider .owl-nav .owl-prev{height:48px;width:48px;display:inline-block;position:absolute;top:50%;transform:translateY(-50%);opacity:0;margin:0;padding:0;transition:all .3s ease-in-out}.carousel-slider .owl-nav .owl-prev{left:0}.carousel-slider .owl-nav .owl-next{right:0}.carousel-slider.arrows-visible-always .owl-next,.carousel-slider.arrows-visible-always .owl-prev,.carousel-slider:hover .owl-nav .owl-next,.carousel-slider:hover .owl-nav .owl-prev{opacity:1}.carousel-slider.arrows-outside .owl-nav .owl-prev{left:-48px}.carousel-slider.arrows-outside .owl-nav .owl-next{right:-48px}.carousel-slider .owl-dots{text-align:center;-webkit-tap-highlight-color:transparent;margin-top:10px}.carousel-slider .owl-dots .owl-dot{display:inline-block;zoom:1;*display:inline}.carousel-slider .owl-dots .owl-dot span{width:10px;height:10px;margin:4px 8px;background-color:#9e9e9e;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease}.carousel-slider .owl-dots .owl-dot.active span,.carousel-slider .owl-dots .owl-dot:hover span{background-color:#4caf50}.carousel-slider.dots-center .owl-dots{text-align:center}.carousel-slider.dots-left .owl-dots{text-align:left}.carousel-slider.dots-left .owl-dots:first-child span{margin-left:0}.carousel-slider.dots-right .owl-dots{text-align:right}.carousel-slider.dots-right .owl-dots:last-child span{margin-right:0}.carousel-slider.dots-visible-hover .owl-dots{opacity:0}.carousel-slider.dots-visible-hover:hover .owl-dots{opacity:1}.carousel-slider.dots-circle .owl-dots .owl-dot span{border-radius:9999px}.carousel-slider[data-slide-type=post-carousel] .owl-stage{display:flex;flex-wrap:wrap}.carousel-slider[data-slide-type=post-carousel] .owl-item{display:flex;height:auto}.carousel-slider__post{border-radius:4px;box-shadow:0 1px 2px rgba(0,0,0,.1),0 0 0 1px rgba(0,0,0,.1);margin:2px;position:relative;width:100%}.carousel-slider__post-content{display:flex;flex-direction:column;height:100%;justify-content:space-between}.carousel-slider__post-image{background-color:#f1f1f1;background-size:cover;background-position:50%;border-top-left-radius:4px;border-top-right-radius:4px;display:block;line-height:0;margin:0 auto;overflow:hidden;padding-top:66.6666%;position:relative;text-align:center;width:100%}.carousel-slider__post-title{display:block;margin:1rem;min-height:3.75em}.carousel-slider__post-title h1{font-size:1.25rem;margin:0}.carousel-slider__post-excerpt{font-size:1rem;line-height:1.6;margin:1rem 1rem 2rem;text-align:left}.carousel-slider__post-meta{align-items:flex-end;display:flex;font-size:.75rem;justify-content:space-between;margin:auto 1rem 1rem}.carousel-slider__post-author,.carousel-slider__post-publication-meta{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.carousel-slider__post-author{font-style:normal;line-height:1.6}.carousel-slider__post-author-link{display:inline-block;max-width:175px;overflow:hidden;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap}.carousel-slider__post-category{text-transform:uppercase}.carousel-slider[data-slide-type=product-carousel] .owl-stage{display:flex;flex-wrap:wrap}.carousel-slider[data-slide-type=product-carousel] .owl-item{display:flex;height:auto}.carousel-slider .woocommerce-loop-category__title{font-size:1.25rem;margin:1rem}.carousel-slider__product{position:relative;text-align:center;box-shadow:0 1px 2px rgba(0,0,0,.1),0 0 0 1px rgba(0,0,0,.1);margin:2px;width:100%}.carousel-slider__product .woocommerce-LoopProduct-link{display:block;overflow:hidden;margin:0}.carousel-slider__product .onsale{border:0;line-height:1;margin:0;padding:.5rem;color:#f1f1f1;background-color:#96588a;position:absolute;left:1rem;top:1rem}.carousel-slider__product h3{padding:0;text-align:left;margin:1rem;font-size:1.25rem;color:#333}.carousel-slider__product a{text-decoration:none;box-shadow:none}.carousel-slider__product a img{width:100%;height:auto;display:block;box-shadow:none}.carousel-slider__product strong{display:block}.carousel-slider__product .price{color:#333;display:inline-block;font-weight:400;margin:0 .5rem 0 1rem;font-size:.875rem;float:left}.carousel-slider__product .price del{color:inherit;background-color:initial;opacity:.5;display:inline-block}.carousel-slider__product .price ins{color:inherit;background-color:initial;font-weight:700}.carousel-slider__product .star-rating{display:inline-block;margin:0 1rem 0 .5rem;float:right;overflow:hidden;position:relative;height:1em;line-height:1;font-size:1em;width:5.4em;font-family:star}.carousel-slider__product .star-rating:before{content:"\73\73\73\73\73";float:left;top:0;left:0;position:absolute}.carousel-slider__product .star-rating span{overflow:hidden;float:left;top:0;left:0;position:absolute;padding-top:1.5em}.carousel-slider__product .star-rating span:before{color:#96588a;content:"\53\53\53\53\53";top:0;position:absolute;left:0}.carousel-slider__product a.add_to_cart_button,.carousel-slider__product a.added_to_cart,.carousel-slider__product a.quick_view{color:#f1f1f1;background-color:#96588a;margin:1rem;line-height:1;cursor:pointer;position:relative;text-decoration:none;overflow:visible;padding:.5em 1em;font-weight:400;border-radius:3px;left:auto;border:0;white-space:nowrap;display:block;background-image:none;box-shadow:none;-webkit-box-shadow:none;text-shadow:none}.carousel-slider__product a.add_to_cart_button:hover,.carousel-slider__product a.added_to_cart:hover,.carousel-slider__product a.quick_view:hover{color:#f1f1f1;background-color:#96588a;text-decoration:none;background-image:none}.carousel-slider__product a.add_to_cart_button.loading{opacity:.25;padding-right:2.618em}.carousel-slider__product a.add_to_cart_button.loading:after{font-family:WooCommerce;content:"\e01c";vertical-align:top;-webkit-font-smoothing:antialiased;font-weight:400;position:absolute;top:.618em;right:1em;-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite}.carousel-slider__product a.add_to_cart_button.added:after{font-family:WooCommerce;content:"\e017";margin-left:.53em;vertical-align:bottom}.carousel-slider-hero__cell__background{background-size:cover;background-position:50%;background-repeat:no-repeat;min-width:100%;min-height:100%;transition-property:transform;transition-duration:10s}.carousel-slider-hero__cell__background.carousel-slider-hero-ken-out{transform:scale(1.3)}.carousel-slider .active .carousel-slider-hero__cell__background{-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-duration:20s;animation-duration:20s}.carousel-slider .active .carousel-slider-hero__cell__background.carousel-slider-hero-ken-in{transform:scale(1.3);-webkit-animation-name:ken-burns-in;animation-name:ken-burns-in}.carousel-slider .active .carousel-slider-hero__cell__background.carousel-slider-hero-ken-out{transform:scale(1);-webkit-animation-name:ken-burns-out;animation-name:ken-burns-out}.carousel-slider-hero__cell{display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden;height:400px}.carousel-slider-hero__cell:focus{outline:0}.carousel-slider-hero__cell__inner{background-repeat:no-repeat;background-position:50%;position:absolute;top:0;left:0;bottom:0;right:0;padding:50px}.carousel-slider-hero__cell__inner,.carousel-slider-hero__cell__inner:hover{color:#fff;display:flex}.carousel-slider-hero__cell__background_overlay{position:absolute;z-index:0;top:0;bottom:0;left:0;right:0}.carousel-slider-hero__cell__content{position:relative;z-index:1;width:100%;max-width:1140px}.carousel-slider-hero__cell__heading{font-size:40px;font-weight:700;line-height:1}.carousel-slider-hero__cell__description{font-size:20px;line-height:1.4}.carousel-slider-hero__cell__description:not(:last-child),.carousel-slider-hero__cell__heading:not(:last-child){margin-bottom:30px}.carousel-slider-hero__cell__button__one{margin-right:5px}.carousel-slider-hero__cell__button__two{margin-left:5px}.carousel-slider-hero__cell__button__one,.carousel-slider-hero__cell__button__two{display:inline-flex}.carousel-slider-hero__cell__inner.carousel-slider--v-position-top{align-items:flex-start}.carousel-slider-hero__cell__inner.carousel-slider--v-position-bottom{align-items:flex-end}.carousel-slider-hero__cell__inner.carousel-slider--v-position-middle{align-items:center}.carousel-slider-hero__cell__inner.carousel-slider--h-position-left{justify-content:flex-start}.carousel-slider-hero__cell__inner.carousel-slider--h-position-right{justify-content:flex-end}.carousel-slider-hero__cell__inner.carousel-slider--h-position-center{justify-content:center}.carousel-slider-hero__cell__inner.carousel-slider--text-left{text-align:left}.carousel-slider-hero__cell__inner.carousel-slider--text-right{text-align:right}.carousel-slider-hero__cell__inner.carousel-slider--text-center{text-align:center}@media (max-width:767px){.carousel-slider-hero__cell__inner{padding:30px}.carousel-slider-hero__cell__heading{font-size:24px;line-height:1;margin-bottom:15px}.carousel-slider-hero__cell__description{font-size:14px;line-height:1.4;margin-bottom:15px}}.carousel-slider .carousel-slider__item{position:relative}.carousel-slider .carousel-slider__item img{display:block;margin-left:auto;margin-right:auto;max-width:100%;height:auto}.carousel-slider .carousel-slider__caption{position:relative}.carousel-slider .carousel-slider__caption .title{overflow:hidden;text-overflow:ellipsis;color:#474747;font-size:16px;font-weight:500;margin:10px 0 0;text-align:center}.carousel-slider .carousel-slider__caption .caption{font-size:14px;font-weight:300;margin:10px 0 0;text-align:center}.cs-hero-button{-webkit-appearance:none;-webkit-font-smoothing:inherit;display:inline-block;font-size:1rem;line-height:1;padding:.75em 1em;border-radius:0;text-align:center;box-sizing:border-box;transition:all .2s ease-in-out}.cs-hero-button,.cs-hero-button:hover{text-decoration:none}.cs-hero-button--normal{opacity:.9;filter:alpha(opacity=90)}.cs-hero-button--stroke{background:transparent;border:1px solid transparent}.cs-hero-button--medium{font-size:1.2rem;padding:.9em 1.2em}.cs-hero-button--large{font-size:1.5rem;padding:.9em 1.6em}.mfp-bg{z-index:1042;overflow:hidden;background:#0b0b0b;opacity:.8}.mfp-bg,.mfp-wrap{top:0;left:0;width:100%;height:100%;position:fixed}.mfp-wrap{z-index:1043;outline:none!important;-webkit-backface-visibility:hidden}.mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 8px;box-sizing:border-box}.mfp-container:before{content:"";display:inline-block;height:100%;vertical-align:middle}.mfp-align-top .mfp-container:before{display:none}.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045}.mfp-ajax-holder .mfp-content,.mfp-inline-holder .mfp-content{width:100%;cursor:auto}.mfp-ajax-cur{cursor:progress}.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:zoom-out}.mfp-zoom{cursor:pointer;cursor:zoom-in}.mfp-auto-cursor .mfp-content{cursor:auto}.mfp-arrow,.mfp-close,.mfp-counter,.mfp-preloader{-webkit-user-select:none;user-select:none}.mfp-loading.mfp-figure{display:none}.mfp-hide{display:none!important}.mfp-preloader{color:#ccc;position:absolute;top:50%;width:auto;text-align:center;margin-top:-.8em;left:8px;right:8px;z-index:1044}.mfp-preloader a{color:#ccc}.mfp-preloader a:hover{color:#fff}.mfp-s-error .mfp-content,.mfp-s-ready .mfp-preloader{display:none}button.mfp-arrow,button.mfp-close{overflow:visible;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;display:block;outline:none;padding:0;z-index:1046;box-shadow:none;touch-action:manipulation}button::-moz-focus-inner{padding:0;border:0}.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:.65;padding:0 0 18px 10px;color:#fff;font-style:normal;font-size:28px;font-family:Arial,Baskerville,monospace}.mfp-close:focus,.mfp-close:hover{opacity:1}.mfp-close:active{top:1px}.mfp-close-btn-in .mfp-close{color:#333}.mfp-iframe-holder .mfp-close,.mfp-image-holder .mfp-close{color:#fff;right:-6px;text-align:right;padding-right:6px;width:100%}.mfp-counter{position:absolute;top:0;right:0;color:#ccc;font-size:12px;line-height:18px;white-space:nowrap}.mfp-arrow{position:absolute;opacity:.65;top:50%;margin:-55px 0 0;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:rgba(0,0,0,0)}.mfp-arrow:active{margin-top:-54px}.mfp-arrow:focus,.mfp-arrow:hover{opacity:1}.mfp-arrow:after,.mfp-arrow:before{content:"";display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:inset transparent}.mfp-arrow:after{border-top-width:13px;border-bottom-width:13px;top:8px}.mfp-arrow:before{border-top-width:21px;border-bottom-width:21px;opacity:.7}.mfp-arrow-left{left:0}.mfp-arrow-left:after{border-right:17px solid #fff;margin-left:31px}.mfp-arrow-left:before{margin-left:25px;border-right:27px solid #3f3f3f}.mfp-arrow-right{right:0}.mfp-arrow-right:after{border-left:17px solid #fff;margin-left:39px}.mfp-arrow-right:before{border-left:27px solid #3f3f3f}.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}.mfp-iframe-holder .mfp-close{top:-40px}.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}.mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0,0,0,.6);background:#000}img.mfp-img{width:auto;max-width:100%;height:auto;display:block;box-sizing:border-box;padding:40px 0;margin:0 auto}.mfp-figure,img.mfp-img{line-height:0}.mfp-figure:after{content:"";position:absolute;left:0;top:40px;bottom:40px;display:block;right:0;width:auto;height:auto;z-index:-1;box-shadow:0 0 8px rgba(0,0,0,.6);background:#444}.mfp-figure small{color:#bdbdbd;display:block;font-size:12px;line-height:14px}.mfp-figure figure{margin:0}.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}.mfp-title{text-align:left;line-height:18px;color:#f3f3f3;word-wrap:break-word;padding-right:36px}.mfp-image-holder .mfp-content{max-width:100%}.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}@media screen and (max-height:300px),screen and (max-width:800px) and (orientation:landscape){.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}.mfp-img-mobile img.mfp-img{padding:0}.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}.mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;box-sizing:border-box}.mfp-img-mobile .mfp-bottom-bar:empty{padding:0}.mfp-img-mobile .mfp-counter{right:5px;top:3px}.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,.6);position:fixed;text-align:center;padding:0}}@media (max-width:900px){.mfp-arrow{transform:scale(.75)}.mfp-arrow-left{transform-origin:0}.mfp-arrow-right{transform-origin:100%}.mfp-container{padding-left:6px;padding-right:6px}}.mfp-with-zoom.mfp-bg,.mfp-with-zoom .mfp-container{opacity:0;-webkit-backface-visibility:hidden;transition:all .3s ease-out}.mfp-with-zoom.mfp-ready .mfp-container{opacity:1}.mfp-with-zoom.mfp-ready.mfp-bg{opacity:.8}.mfp-with-zoom.mfp-removing.mfp-bg,.mfp-with-zoom.mfp-removing .mfp-container{opacity:0}.mfp-content .product{background-color:#fff;display:table;margin:0 auto;padding:15px}.mfp-content .product .images{display:inline-block;float:left;max-width:600px}.mfp-content .product .images img{display:block}.mfp-content .product .onsale{left:24px;top:24px;position:absolute}.mfp-content .product .summary{display:inline-block;margin-left:15px;width:300px}.mfp-content .product .description,.mfp-content .product .product_title{margin:1em 0}.mfp-content .product .price{display:inline-block;font-weight:400;margin:.5em 1em;font-size:.857em;float:left}.mfp-content .product .price del{color:inherit;background-color:initial;opacity:.5;display:inline-block}.mfp-content .product .price ins{color:inherit;background-color:initial;font-weight:700}.mfp-content .product .star-rating{display:inline-block;margin:.5em 1em;float:right;overflow:hidden;position:relative;height:1em;line-height:1;font-size:1em;width:5.4em;font-family:star}.mfp-content .product .star-rating:before{content:"\73\73\73\73\73";float:left;top:0;left:0;position:absolute}.mfp-content .product .star-rating span{overflow:hidden;float:left;top:0;left:0;position:absolute;padding-top:1.5em}.mfp-content .product .star-rating span:before{content:"\53\53\53\53\53";top:0;position:absolute;left:0}.mfp-content .product a.add_to_cart_button,.mfp-content .product a.added_to_cart{margin:0;line-height:1;cursor:pointer;position:relative;text-decoration:none;overflow:visible;padding:.5em 1em;font-weight:400;border-radius:3px;left:auto;border:0;white-space:nowrap;display:inline-block;background-image:none;box-shadow:none;-webkit-box-shadow:none;text-shadow:none}.mfp-content .product a.add_to_cart_button:hover,.mfp-content .product a.added_to_cart:hover{text-decoration:none;background-image:none}.mfp-content .product a.add_to_cart_button.loading{opacity:.25;padding-right:2.618em}.mfp-content .product a.add_to_cart_button.loading:after{font-family:WooCommerce;content:"\e01c";vertical-align:top;-webkit-font-smoothing:antialiased;font-weight:400;position:absolute;top:.618em;right:1em;-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite}.mfp-content .product a.add_to_cart_button.added:after{font-family:WooCommerce;content:"\e017";margin-left:.53em;vertical-align:bottom}.mfp-ajax-holder .mfp-content,.mfp-inline-holder .mfp-content{max-width:945px;margin-top:40px;margin-bottom:40px}@media (max-width:600px){.mfp-content .product .images{margin-bottom:30px}.mfp-content .product .summary{display:block;margin:0;width:100%}}@media (min-width:601px){.mfp-content .product .images{display:inline-block;width:49%}.mfp-content .product .summary{display:inline-block;margin:0 0 0 1%;width:49%}}.mfp-counter{display:none}
|
assets/css/gutenberg-block.css
CHANGED
@@ -1 +1 @@
|
|
1 |
-
.carousel-slider-block-logo{max-width:50px!important;max-height:50px;float:left;margin-right:15px;margin-bottom:10px}#carousel-slider-filter-input-main{clear:both}.carousel-slider-iframe-container{position:relative}.carousel-slider-iframe-overlay{position:absolute;top:0;right:0;bottom:0;left:0}.carousel-slider-block-slider-selector{background-color:#d3d3d3;border-bottom:1px solid;margin-bottom:5px;padding:4px}.carousel-slider-filter-input{border:1px solid #ddd;border-radius:5px
|
1 |
+
.carousel-slider-block-logo{max-width:50px!important;max-height:50px;float:left;margin-right:15px;margin-bottom:10px}#carousel-slider-filter-input-main{clear:both}.carousel-slider-iframe-container{position:relative}.carousel-slider-iframe-overlay{position:absolute;top:0;right:0;bottom:0;left:0}.carousel-slider-block-slider-selector{background-color:#d3d3d3;border-bottom:1px solid;margin-bottom:5px;padding:4px}.carousel-slider-filter-input{border:1px solid #ddd;border-radius:5px;box-shadow:inset 0 1px 2px rgba(0,0,0,.07);padding:0;width:100%;margin-top:10px;margin-bottom:10px;position:relative}.carousel-slider-filter-input .blocks-select-control__input{margin:0}.carousel-slider-filter-input-el{border:none!important;box-shadow:none!important;width:95%;position:relative;display:inline-block}.carousel-slider-filter-input-icon{display:inline-block;content:"▾";color:#999;font-size:14px;right:.77em;position:absolute;top:.2em}#carousel-slider-sliderFilter-main,#carousel-slider-sliderFilter-sidebar{border-top:none;border-left:none;border-bottom:none}#carousel-slider-sliderFilter-sidebar{width:95%}#carousel-slider-filter-input-icon-sidebar{font-size:1.4em;top:.35em;right:.45em}.carousel-slider-filter-input-el.blocks-select-control__input>.components-base-control__field{margin-bottom:0}.carousel-slider-filter-option-container{display:none;position:absolute;background-color:#edeff0;z-index:10000;padding:4px;width:100%;border-radius:5px;max-height:200px;overflow:scroll;box-shadow:0 2px 4px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12)!important}.carousel-slider-filter-option{list-style:none}.carousel-slider-filter-option:hover{background-color:#0073aa;color:#fff}
|
assets/img/svg-icons.svg
DELETED
@@ -1,18 +0,0 @@
|
|
1 |
-
<svg style="position: absolute; width: 0; height: 0; overflow: hidden;" version="1.1" xmlns="http://www.w3.org/2000/svg"
|
2 |
-
xmlns:xlink="http://www.w3.org/1999/xlink">
|
3 |
-
<symbol id="icon-trash" viewBox="0 0 20 20">
|
4 |
-
<path d="M12 4h3c0.55 0 1 0.45 1 1v1h-13v-1c0-0.55 0.45-1 1-1h3c0.23-1.14 1.29-2 2.5-2s2.27 0.86 2.5 2zM8 4h3c-0.21-0.58-0.85-1-1.5-1s-1.29 0.42-1.5 1zM4 7h11v10c0 0.55-0.45 1-1 1h-9c-0.55 0-1-0.45-1-1v-10zM7 16v-7h-1v7h1zM10 16v-7h-1v7h1zM13 16v-7h-1v7h1z"></path>
|
5 |
-
</symbol>
|
6 |
-
<symbol id="icon-angle-down" viewBox="0 0 20 20">
|
7 |
-
<path d="M5 6l5 5 5-5 2 1-7 7-7-7z"></path>
|
8 |
-
</symbol>
|
9 |
-
<symbol id="icon-angle-up" viewBox="0 0 20 20">
|
10 |
-
<path d="M15 14l-5-5-5 5-2-1 7-7 7 7z"></path>
|
11 |
-
</symbol>
|
12 |
-
<symbol id="icon-angle-down-alt" viewBox="0 0 20 20">
|
13 |
-
<path d="M9 2h2v12l4-4 2 1-7 7-7-7 2-1 4 4v-12z"></path>
|
14 |
-
</symbol>
|
15 |
-
<symbol id="icon-angle-up-alt" viewBox="0 0 20 20">
|
16 |
-
<path d="M11 18h-2v-12l-4 4-2-1 7-7 7 7-2 1-4-4v12z"></path>
|
17 |
-
</symbol>
|
18 |
-
</svg>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
assets/js/admin.js
CHANGED
@@ -1 +1 @@
|
|
1 |
-
!function(e){var t={};function o(i){if(t[i])return t[i].exports;var n=t[i]={i:i,l:!1,exports:{}};return e[i].call(n.exports,n,n.exports,o),n.l=!0,n.exports}o.m=e,o.c=t,o.d=function(e,t,i){o.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:i})},o.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},o.t=function(e,t){if(1&t&&(e=o(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var i=Object.create(null);if(o.r(i),Object.defineProperty(i,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var n in e)o.d(i,n,function(t){return e[t]}.bind(null,n));return i},o.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return o.d(t,"a",t),t},o.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},o.p="",o(o.s=2)}([,,function(e,t,o){o(3),o(4),o(5),o(6),o(7),o(8),o(9),e.exports=o(10)},function(e,t,o){},function(e,t){!function(e){"use strict";e(document).on("click",".accordion-header",(function(){e(this).toggleClass("active");var t=e(this).next();parseInt(t.css("max-height"))>0?(t.css("max-height","0"),t.css("overflow","hidden")):(t.css("max-height",t.prop("scrollHeight")+"px"),t.css("overflow","visible"))}))}(jQuery)},function(e,t){!function(e){"use strict";var t,o,i,n,s,a,l=e("body"),d=e("#contentButtonModal");l.on("click",".carousel-slider__add-slide",(function(t){t.preventDefault(),e.ajax({url:ajaxurl,method:"POST",data:{action:"add_content_slide",task:"add-slide",post_id:e(this).data("post-id")},success:function(){window.location.reload(!0)}})})),l.on("click",".carousel_slider__delete_slide",(function(t){t.preventDefault(),e.ajax({url:ajaxurl,method:"POST",data:{action:"add_content_slide",task:"delete-slide",post_id:e(this).data("post-id"),slide_pos:e(this).data("slide-pos")},success:function(){window.location.reload(!0)}})})),l.on("click",".carousel_slider__move_top",(function(t){t.preventDefault(),e.ajax({url:ajaxurl,method:"POST",data:{action:"add_content_slide",task:"move-slide-top",post_id:e(this).data("post-id"),slide_pos:e(this).data("slide-pos")},success:function(){window.location.reload(!0)}})})),l.on("click",".carousel_slider__move_up",(function(t){t.preventDefault(),e.ajax({url:ajaxurl,method:"POST",data:{action:"add_content_slide",task:"move-slide-up",post_id:e(this).data("post-id"),slide_pos:e(this).data("slide-pos")},success:function(){window.location.reload(!0)}})})),l.on("click",".carousel_slider__move_down",(function(t){t.preventDefault(),e.ajax({url:ajaxurl,method:"POST",data:{action:"add_content_slide",task:"move-slide-down",post_id:e(this).data("post-id"),slide_pos:e(this).data("slide-pos")},success:function(){window.location.reload(!0)}})})),l.on("click",".carousel_slider__move_bottom",(function(t){t.preventDefault(),e.ajax({url:ajaxurl,method:"POST",data:{action:"add_content_slide",task:"move-slide-bottom",post_id:e(this).data("post-id"),slide_pos:e(this).data("slide-pos")},success:function(){window.location.reload(!0)}})})),l.on("click",".slide_image_add",(function(a){a.preventDefault();var l=e(this);o=l.closest(".slide_bg_wrapper"),n=o.find(".content_slide_canvas"),i=o.find(".background_image_id"),s=o.find(".delete-bg-img"),t||(t=wp.media({title:l.data("title"),button:{text:l.data("button-text")},multiple:!1})).on("select",(function(){var e=t.state().get("selection").first().toJSON();n.css("background-image","url("+e.url+")"),i.val(e.id),s.removeClass("hidden")})),t.open()})),l.on("click",".delete-bg-img",(function(t){t.preventDefault(),o=e(this).closest(".slide_bg_wrapper"),n=o.find(".content_slide_canvas"),i=o.find(".background_image_id"),s=o.find(".delete-bg-img"),n.css("background-image",""),i.val("0"),s.addClass("hidden")})),l.on("change",".background_image_position",(function(){var t=e(this).val();o=e(this).closest(".slide_bg_wrapper"),(n=o.find(".content_slide_canvas")).css("background-position",t)})),l.on("change",".background_image_size",(function(){var t=e(this).val();o=e(this).closest(".slide_bg_wrapper"),(n=o.find(".content_slide_canvas")).css("background-size",t)})),e(".addContentButton").on("click",(function(t){t.preventDefault();var o=(a=e(this).closest(".button_config")).find(".button_text").val(),i=a.find(".button_url").val(),n=a.find(".button_target").val(),s=a.find(".button_type").val(),l=a.find(".button_size").val(),r=a.find(".button_color").val();d.find("#_button_text").val(o),d.find("#_button_url").val(i),d.find("#_button_target").val(n),d.find("#_button_type").val(s),d.find("#_button_size").val(l),d.find("#_button_color").val(r),d.addClass("is-active")})),e("#saveContentButton").on("click",(function(e){if(e.preventDefault(),!a)return d.removeClass("is-active"),!1;var t=d.find("#_button_text").val(),o=d.find("#_button_url").val(),i=d.find("#_button_target").val(),n=d.find("#_button_type").val(),s=d.find("#_button_size").val(),l=d.find("#_button_color").val();a.find(".button_text").val(t),a.find(".button_url").val(o),a.find(".button_target").val(i),a.find(".button_type").val(n),a.find(".button_size").val(s),a.find(".button_color").val(l),d.removeClass("is-active")})),e(".slide-color-picker").each((function(){o=e(this).closest(".slide_bg_wrapper"),n=o.find(".content_slide_canvas"),e(this).wpColorPicker({palettes:["#2196F3","#009688","#4CAF50","#F44336","#FFEB3B","#00D1B2","#000000","#ffffff"],change:function(e,t){n.css("background-color",t.color.toString())}})})),e(document).on("change",".link_type",(function(t){var o=e(this),i=o.val(),n=o.closest(".tab-content-link"),s=n.find(".ContentCarouselLinkFull"),a=n.find(".ContentCarouselLinkButtons");"full"===i?(a.hide(),s.show()):"button"===i?(s.hide(),a.show()):(s.hide(),a.hide())}))}(jQuery)},function(e,t){!function(e){"use strict";var t,o=e("#carousel_slider_gallery_btn"),i=n(o.data("ids"));function n(e){if(e){var t=new wp.shortcode({tag:"gallery",attrs:{ids:e},type:"single"}),o=wp.media.gallery.attachments(t),i=new wp.media.model.Selection(o.models,{props:o.props.toJSON(),multiple:!0});return i.gallery=o.gallery,i.more().done((function(){i.props.set({query:!1}),i.unmirror(),i.props.unset("orderby")})),i}return!1}o.on("click",(function(s){s.preventDefault();var a={title:o.data("create"),state:"gallery-edit",frame:"post",selection:i};function l(){t.toolbar.get("view").set({insert:{style:"primary",text:o.data("save"),click:function(){var s=t.state().get("library"),a="";s.each((function(e){a+=e.id+","})),this.el.innerHTML=o.data("progress"),e.ajax({type:"POST",url:ajaxurl,data:{ids:a,action:"carousel_slider_save_images",post_id:o.data("id")},success:function(){i=n(a),e("#_carousel_slider_images_ids").val(a),t.close()},dataType:"html"}).done((function(t){e(".carousel_slider_gallery_list").html(t)}))}}})}(t||i)&&(a.title=o.data("edit")),(t=wp.media(a).open()).menu.get("view").unset("cancel"),t.menu.get("view").unset("separateCancel"),t.menu.get("view").get("gallery-edit").el.innerHTML=o.data("edit"),t.content.get("view").sidebar.unset("gallery"),l(),t.on("toolbar:render:gallery-edit",(function(){l()})),t.on("content:render:browse",(function(e){e&&(e.sidebar.on("ready",(function(){e.sidebar.unset("gallery")})),e.toolbar.on("ready",(function(){"gallery-library"===e.toolbar.controller._state&&e.toolbar.$el.hide()})))})),t.state().get("library").on("remove",(function(){0===t.state().get("library").length&&(i=!1,e.post(ajaxurl,{ids:"",action:"carousel_slider_save_images",post_id:o.data("id")}))}))}))}(jQuery)},function(e,t){!function(e){"use strict";var t=e("body"),o=e("#CarouselSliderModal"),i=e("#_images_urls_btn"),n=e("#carouselSliderGalleryUrlTemplate").html();i.on("click",(function(t){t.preventDefault(),o.css("display","block"),e("body").addClass("overflowHidden")})),o.on("click",".carousel_slider-close",(function(t){t.preventDefault(),o.css("display","none"),e("body").removeClass("overflowHidden")}));var s=e(window).height()-148;e(".carousel_slider-modal-body").css("height",s+"px"),t.on("click",".add_row",(function(){e(this).closest(".carousel_slider-fields").after(n)})),t.on("click",".delete_row",(function(){e(this).closest(".carousel_slider-fields").remove()})),e("#carousel_slider_form").sortable()}(jQuery)},function(e,t){!function(e){"use strict";e(document).on("click",'[data-toggle="modal"]',(function(t){t.preventDefault(),e(e(this).data("target")).addClass("is-active")})),e(document).on("click",'[data-dismiss="modal"]',(function(t){t.preventDefault(),e(this).closest(".modal").removeClass("is-active")}))}(jQuery)},function(e,t){!function(e){"use strict";var t=e("#_carousel_slider_slide_type"),o=e("#section_images_settings"),i=e("#section_url_images_settings"),n=e("#section_images_general_settings"),s=e("#section_post_query"),a=e("#section_video_settings"),l=e("#section_product_query"),d=e("#section_content_carousel"),r=e("#_post_query_type"),c=e("#field-_post_date_after"),u=e("#field-_post_date_before"),_=e("#field-_post_categories"),f=e("#field-_post_tags"),p=e("#field-_post_in"),h=e("#field-_posts_per_page"),v=e("#_product_query_type"),g=e("#field-_product_query"),b=e("#field-_product_categories"),m=e("#field-_product_tags"),w=e("#field-_product_in"),y=e("#field-_products_per_page");if(t.on("change",(function(){o.hide("fast"),i.hide("fast"),n.hide("fast"),s.hide("fast"),a.hide("fast"),l.hide("fast"),d.hide("fast"),"image-carousel"===this.value&&(o.slideDown(),n.slideDown()),"image-carousel-url"===this.value&&(i.slideDown(),n.slideDown()),"post-carousel"===this.value&&s.slideDown(),"video-carousel"===this.value&&a.slideDown(),"product-carousel"===this.value&&(l.slideDown(),g.show()),"hero-banner-slider"===this.value&&d.slideDown()})),"post-carousel"===t.val()){var k=r.val();"date_range"===k&&(c.show(),u.show()),"post_categories"===k&&_.show(),"post_tags"===k&&f.show(),"specific_posts"===k&&(p.show(),h.hide())}if(r.on("change",(function(){c.hide("fast"),u.hide("fast"),_.hide("fast"),f.hide("fast"),p.hide("fast"),h.show("fast"),"date_range"===this.value&&(c.slideDown(),u.slideDown()),"post_categories"===this.value&&_.slideDown(),"post_tags"===this.value&&f.slideDown(),"specific_posts"===this.value&&(p.slideDown(),h.hide("fast"))})),"product-carousel"===t.val()){var D=v.val();"query_porduct"===D&&g.show(),"product_categories"===D&&b.show(),"product_tags"===D&&m.show(),"specific_products"===D&&w.show()}v.on("change",(function(){g.hide("fast"),b.hide("fast"),m.hide("fast"),w.hide("fast"),y.show("fast"),"query_porduct"===this.value&&g.slideDown(),"product_categories"===this.value&&b.slideDown(),"product_tags"===this.value&&m.slideDown(),"specific_products"===this.value&&(w.slideDown(),y.hide("fast"))}))}(jQuery)},function(e,t){!function(e){"use strict";e(".cs-tooltip").each((function(){e(this).tipTip()})),e("select.select2").each((function(){e(this).select2()})),e(".shapla-toggle").each((function(){"closed"===e(this).attr("data-id")?e(this).accordion({collapsible:!0,heightStyle:"content",active:!1}):e(this).accordion({collapsible:!0,heightStyle:"content"})})),e(".shapla-tabs").tabs({hide:{effect:"fadeOut",duration:200},show:{effect:"fadeIn",duration:200}}),e(".datepicker").each((function(){e(this).datepicker({dateFormat:"MM dd, yy",changeMonth:!0,changeYear:!0,onClose:function(t){e(this).datepicker("option","minDate",t)}})})),e(".color-picker").each((function(){e(this).wpColorPicker({palettes:["#2196F3","#009688","#4CAF50","#F44336","#FFEB3B","#00D1B2","#000000","#ffffff"]})}))}(jQuery)}]);
|
1 |
+
!function(e){"use strict";e(document).on("click",".accordion-header",(function(){e(this).toggleClass("active");var t=e(this).next();parseInt(t.css("max-height"))>0?(t.css("max-height","0"),t.css("overflow","hidden")):(t.css("max-height",t.prop("scrollHeight")+"px"),t.css("overflow","visible"))}))}(jQuery),function(e){"use strict";var t,i,o,s,a,n,l=e("body"),d=e("#contentButtonModal");l.on("click",".carousel-slider__add-slide",(function(t){t.preventDefault(),e.ajax({url:ajaxurl,method:"POST",data:{action:"add_content_slide",task:"add-slide",post_id:e(this).data("post-id")},success:function(){window.location.reload(!0)}})})),l.on("click",".carousel_slider__delete_slide",(function(t){t.preventDefault(),e.ajax({url:ajaxurl,method:"POST",data:{action:"add_content_slide",task:"delete-slide",post_id:e(this).data("post-id"),slide_pos:e(this).data("slide-pos")},success:function(){window.location.reload(!0)}})})),l.on("click",".carousel_slider__move_top",(function(t){t.preventDefault(),e.ajax({url:ajaxurl,method:"POST",data:{action:"add_content_slide",task:"move-slide-top",post_id:e(this).data("post-id"),slide_pos:e(this).data("slide-pos")},success:function(){window.location.reload(!0)}})})),l.on("click",".carousel_slider__move_up",(function(t){t.preventDefault(),e.ajax({url:ajaxurl,method:"POST",data:{action:"add_content_slide",task:"move-slide-up",post_id:e(this).data("post-id"),slide_pos:e(this).data("slide-pos")},success:function(){window.location.reload(!0)}})})),l.on("click",".carousel_slider__move_down",(function(t){t.preventDefault(),e.ajax({url:ajaxurl,method:"POST",data:{action:"add_content_slide",task:"move-slide-down",post_id:e(this).data("post-id"),slide_pos:e(this).data("slide-pos")},success:function(){window.location.reload(!0)}})})),l.on("click",".carousel_slider__move_bottom",(function(t){t.preventDefault(),e.ajax({url:ajaxurl,method:"POST",data:{action:"add_content_slide",task:"move-slide-bottom",post_id:e(this).data("post-id"),slide_pos:e(this).data("slide-pos")},success:function(){window.location.reload(!0)}})})),l.on("click",".slide_image_add",(function(n){n.preventDefault();var l=e(this);i=l.closest(".slide_bg_wrapper"),s=i.find(".content_slide_canvas"),o=i.find(".background_image_id"),a=i.find(".delete-bg-img"),t||(t=wp.media({title:l.data("title"),button:{text:l.data("button-text")},multiple:!1})).on("select",(function(){var e=t.state().get("selection").first().toJSON();s.css("background-image","url("+e.url+")"),o.val(e.id),a.removeClass("hidden")})),t.open()})),l.on("click",".delete-bg-img",(function(t){t.preventDefault(),i=e(this).closest(".slide_bg_wrapper"),s=i.find(".content_slide_canvas"),o=i.find(".background_image_id"),a=i.find(".delete-bg-img"),s.css("background-image",""),o.val("0"),a.addClass("hidden")})),l.on("change",".background_image_position",(function(){var t=e(this).val();i=e(this).closest(".slide_bg_wrapper"),(s=i.find(".content_slide_canvas")).css("background-position",t)})),l.on("change",".background_image_size",(function(){var t=e(this).val();i=e(this).closest(".slide_bg_wrapper"),(s=i.find(".content_slide_canvas")).css("background-size",t)})),e(".addContentButton").on("click",(function(t){t.preventDefault();var i=(n=e(this).closest(".button_config")).find(".button_text").val(),o=n.find(".button_url").val(),s=n.find(".button_target").val(),a=n.find(".button_type").val(),l=n.find(".button_size").val(),c=n.find(".button_color").val();d.find("#_button_text").val(i),d.find("#_button_url").val(o),d.find("#_button_target").val(s),d.find("#_button_type").val(a),d.find("#_button_size").val(l),d.find("#_button_color").val(c),d.addClass("is-active")})),e("#saveContentButton").on("click",(function(e){if(e.preventDefault(),!n)return d.removeClass("is-active"),!1;var t=d.find("#_button_text").val(),i=d.find("#_button_url").val(),o=d.find("#_button_target").val(),s=d.find("#_button_type").val(),a=d.find("#_button_size").val(),l=d.find("#_button_color").val();n.find(".button_text").val(t),n.find(".button_url").val(i),n.find(".button_target").val(o),n.find(".button_type").val(s),n.find(".button_size").val(a),n.find(".button_color").val(l),d.removeClass("is-active")})),e(".slide-color-picker").each((function(){i=e(this).closest(".slide_bg_wrapper"),s=i.find(".content_slide_canvas"),e(this).wpColorPicker({palettes:["#2196F3","#009688","#4CAF50","#F44336","#FFEB3B","#00D1B2","#000000","#ffffff"],change:function(e,t){s.css("background-color",t.color.toString())}})})),e(document).on("change",".link_type",(function(t){var i=e(this),o=i.val(),s=i.closest(".tab-content-link"),a=s.find(".ContentCarouselLinkFull"),n=s.find(".ContentCarouselLinkButtons");"full"===o?(n.hide(),a.show()):"button"===o?(a.hide(),n.show()):(a.hide(),n.hide())}))}(jQuery),function(e){"use strict";var t,i=e("#carousel_slider_gallery_btn"),o=s(i.data("ids"));function s(e){if(e){var t=new wp.shortcode({tag:"gallery",attrs:{ids:e},type:"single"}),i=wp.media.gallery.attachments(t),o=new wp.media.model.Selection(i.models,{props:i.props.toJSON(),multiple:!0});return o.gallery=i.gallery,o.more().done((function(){o.props.set({query:!1}),o.unmirror(),o.props.unset("orderby")})),o}return!1}i.on("click",(function(a){a.preventDefault();var n={title:i.data("create"),state:"gallery-edit",frame:"post",selection:o};function l(){t.toolbar.get("view").set({insert:{style:"primary",text:i.data("save"),click:function(){var a=t.state().get("library"),n="";a.each((function(e){n+=e.id+","})),this.el.innerHTML=i.data("progress"),e.ajax({type:"POST",url:ajaxurl,data:{ids:n,action:"carousel_slider_save_images",post_id:i.data("id")},success:function(){o=s(n),e("#_carousel_slider_images_ids").val(n),t.close()},dataType:"html"}).done((function(t){e(".carousel_slider_gallery_list").html(t)}))}}})}(t||o)&&(n.title=i.data("edit")),(t=wp.media(n).open()).menu.get("view").unset("cancel"),t.menu.get("view").unset("separateCancel"),t.menu.get("view").get("gallery-edit").el.innerHTML=i.data("edit"),t.content.get("view").sidebar.unset("gallery"),l(),t.on("toolbar:render:gallery-edit",(function(){l()})),t.on("content:render:browse",(function(e){e&&(e.sidebar.on("ready",(function(){e.sidebar.unset("gallery")})),e.toolbar.on("ready",(function(){"gallery-library"===e.toolbar.controller._state&&e.toolbar.$el.hide()})))})),t.state().get("library").on("remove",(function(){0===t.state().get("library").length&&(o=!1,e.post(ajaxurl,{ids:"",action:"carousel_slider_save_images",post_id:i.data("id")}))}))}))}(jQuery),function(e){"use strict";var t=e("body"),i=e("#CarouselSliderModal"),o=e("#_images_urls_btn"),s=e("#carouselSliderGalleryUrlTemplate").html();o.on("click",(function(t){t.preventDefault(),i.css("display","block"),e("body").addClass("overflowHidden")})),i.on("click",".carousel_slider-close",(function(t){t.preventDefault(),i.css("display","none"),e("body").removeClass("overflowHidden")}));var a=e(window).height()-148;e(".carousel_slider-modal-body").css("height",a+"px"),t.on("click",".add_row",(function(){e(this).closest(".carousel_slider-fields").after(s)})),t.on("click",".delete_row",(function(){e(this).closest(".carousel_slider-fields").remove()})),e("#carousel_slider_form").sortable()}(jQuery),function(e){"use strict";e(document).on("click",'[data-toggle="modal"]',(function(t){t.preventDefault(),e(e(this).data("target")).addClass("is-active")})),e(document).on("click",'[data-dismiss="modal"]',(function(t){t.preventDefault(),e(this).closest(".modal").removeClass("is-active")}))}(jQuery),function(e){"use strict";var t=e("#_carousel_slider_slide_type"),i=e("#section_images_settings"),o=e("#section_url_images_settings"),s=e("#section_images_general_settings"),a=e("#section_post_query"),n=e("#section_video_settings"),l=e("#section_product_query"),d=e("#section_content_carousel"),c=e("#_post_query_type"),r=e("#field-_post_date_after"),u=e("#field-_post_date_before"),_=e("#field-_post_categories"),f=e("#field-_post_tags"),p=e("#field-_post_in"),h=e("#field-_posts_per_page"),v=e("#_product_query_type"),g=e("#field-_product_query"),b=e("#field-_product_categories"),m=e("#field-_product_tags"),w=e("#field-_product_in"),y=e("#field-_products_per_page");if(t.on("change",(function(){i.hide("fast"),o.hide("fast"),s.hide("fast"),a.hide("fast"),n.hide("fast"),l.hide("fast"),d.hide("fast"),"image-carousel"===this.value&&(i.slideDown(),s.slideDown()),"image-carousel-url"===this.value&&(o.slideDown(),s.slideDown()),"post-carousel"===this.value&&a.slideDown(),"video-carousel"===this.value&&n.slideDown(),"product-carousel"===this.value&&(l.slideDown(),g.show()),"hero-banner-slider"===this.value&&d.slideDown()})),"post-carousel"===t.val()){var k=c.val();"date_range"===k&&(r.show(),u.show()),"post_categories"===k&&_.show(),"post_tags"===k&&f.show(),"specific_posts"===k&&(p.show(),h.hide())}if(c.on("change",(function(){r.hide("fast"),u.hide("fast"),_.hide("fast"),f.hide("fast"),p.hide("fast"),h.show("fast"),"date_range"===this.value&&(r.slideDown(),u.slideDown()),"post_categories"===this.value&&_.slideDown(),"post_tags"===this.value&&f.slideDown(),"specific_posts"===this.value&&(p.slideDown(),h.hide("fast"))})),"product-carousel"===t.val()){var D=v.val();"query_porduct"===D&&g.show(),"product_categories"===D&&b.show(),"product_tags"===D&&m.show(),"specific_products"===D&&w.show()}v.on("change",(function(){g.hide("fast"),b.hide("fast"),m.hide("fast"),w.hide("fast"),y.show("fast"),"query_porduct"===this.value&&g.slideDown(),"product_categories"===this.value&&b.slideDown(),"product_tags"===this.value&&m.slideDown(),"specific_products"===this.value&&(w.slideDown(),y.hide("fast"))}))}(jQuery),function(e){"use strict";e(".cs-tooltip").each((function(){e(this).tipTip()})),e("select.select2").each((function(){e(this).select2()})),e(".shapla-toggle").each((function(){"closed"===e(this).attr("data-id")?e(this).accordion({collapsible:!0,heightStyle:"content",active:!1}):e(this).accordion({collapsible:!0,heightStyle:"content"})})),e(".shapla-tabs").tabs({hide:{effect:"fadeOut",duration:200},show:{effect:"fadeIn",duration:200}}),e(".datepicker").each((function(){e(this).datepicker({dateFormat:"MM dd, yy",changeMonth:!0,changeYear:!0,onClose:function(t){e(this).datepicker("option","minDate",t)}})})),e(".color-picker").each((function(){e(this).wpColorPicker({palettes:["#2196F3","#009688","#4CAF50","#F44336","#FFEB3B","#00D1B2","#000000","#ffffff"]})}))}(jQuery);
|
assets/js/frontend.js
CHANGED
@@ -1 +1 @@
|
|
1 |
-
|
1 |
+
jQuery("body").find(".carousel-slider").each((function(){let a=jQuery(this),e=a.data("auto-width"),t=parseInt(a.data("stage-padding"));if(t=t>0?t:0,jQuery().owlCarousel&&(a.owlCarousel({stagePadding:t,nav:a.data("nav"),dots:a.data("dots"),margin:a.data("margin"),loop:a.data("loop"),autoplay:a.data("autoplay"),autoplayTimeout:a.data("autoplay-timeout"),autoplaySpeed:a.data("autoplay-speed"),autoplayHoverPause:a.data("autoplay-hover-pause"),slideBy:a.data("slide-by"),lazyLoad:a.data("lazy-load"),autoWidth:e,navText:['<svg class="carousel-slider-nav-icon" viewBox="0 0 20 20"><path d="M14 5l-5 5 5 5-1 2-7-7 7-7z"></path></use></svg>','<svg class="carousel-slider-nav-icon" viewBox="0 0 20 20"><path d="M6 15l5-5-5-5 1-2 7 7-7 7z"></path></svg>'],responsive:{320:{items:a.data("colums-mobile")},600:{items:a.data("colums-small-tablet")},768:{items:a.data("colums-tablet")},993:{items:a.data("colums-small-desktop")},1200:{items:a.data("colums-desktop")},1921:{items:a.data("colums")}}}),"hero-banner-slider"===a.data("slide-type"))){let e=a.data("animation");e.length&&(a.on("change.owl.carousel",(function(){a.find(".carousel-slider-hero__cell__content").removeClass("animated "+e).hide()})),a.on("changed.owl.carousel",(function(t){setTimeout((function(){jQuery(t.target).find(".carousel-slider-hero__cell__content").eq(t.item.index).show().addClass("animated "+e)}),a.data("autoplay-speed"))})))}jQuery().magnificPopup&&("product-carousel"===a.data("slide-type")?jQuery(this).find(".magnific-popup").magnificPopup({type:"ajax"}):"video-carousel"===a.data("slide-type")?jQuery(this).find(".magnific-popup").magnificPopup({type:"iframe"}):jQuery(this).find(".magnific-popup").magnificPopup({type:"image",gallery:{enabled:!0},zoom:{enabled:!0,duration:300,easing:"ease-in-out"}}))}));
|
assets/js/gutenberg-block.js
CHANGED
@@ -1 +1 @@
|
|
1 |
-
|
1 |
+
(()=>{var e,l,r,i,t,s,a,n;e=window.wp.blocks,window.wp.i18n,l=window.wp.editor,r=window.wp.element,i=window.wp.components,t=r.createElement,s=window.carousel_slider_gutenberg_block,a=i.TextControl,n=l.InspectorControls,e.registerBlockType("carousel-slider/slider",{title:s.block_title,icon:"slides",category:"common",attributes:{sliderID:{type:"integer",default:0},sliderName:{type:"string",default:""}},edit:function(e){var l=e.attributes.sliderID,r=e.attributes.sliderName,i=[];function o(e){}function d(e){var l=e.target.getAttribute("id").split("-"),r=document.getElementById("carousel-slider-filter-container-"+l[l.length-1]);document.getElementById("carousel-slider-sliderFilter-"+l[l.length-1]).focus(),r.style.display="block"}function c(l){e.setAttributes({sliderID:parseInt(l.target.getAttribute("data-slider_id")),sliderName:l.target.innerText});var r=l.target.parentNode.parentNode.getAttribute("id").split("-"),i=document.getElementById("carousel-slider-filter-container-"+r[r.length-1]),t=document.getElementById("carousel-slider-sliderFilter-sidebar");t&&(t.value=""),i.style.display="none"}function u(e){var l=e.target.getAttribute("id").split("-");document.getElementById("carousel-slider-filter-container-"+l[l.length-1]).style.display="none"}function p(e){var l=e.target.value,r=e.target.parentNode.parentNode.parentNode;r.querySelector(".carousel-slider-filter-option-container").style.display="block",r.style.display="block",_.each(s.sliders,(function(e,i){var t=r.querySelector("[data-slider_id='"+e.value+"']");0<=e.label.toLowerCase().indexOf(l.toLowerCase())?t.style.display="block":t.style.display="none"}))}l||(l=""),r||(r="");var m=[];_.each(s.sliders,(function(e,l){m.push(t("li",{className:"carousel-slider-filter-option","data-slider_id":e.value,onMouseDown:c},e.label+" ( ID: "+e.value+" )"))}));var f=t("div",{id:"carousel-slider-filter-input-main",className:"carousel-slider-filter-input"},t(a,{id:"carousel-slider-sliderFilter-main",placeHolder:s.select_slider,className:"carousel-slider-filter-input-el blocks-select-control__input",onChange:o,onClick:d,onKeyUp:p,onBlur:u}),t("span",{id:"carousel-slider-filter-input-icon-main",className:"carousel-slider-filter-input-icon",onClick:d,dangerouslySetInnerHTML:{__html:"▾"}}),t("div",{id:"carousel-slider-filter-container-main",className:"carousel-slider-filter-option-container"},t("ul",null,m))),g=t("div",{id:"carousel-slider-filter-input-sidebar",className:"carousel-slider-filter-input"},t(a,{id:"carousel-slider-sliderFilter-sidebar",placeHolder:s.select_slider,className:"carousel-slider-filter-input-el blocks-select-control__input",onChange:o,onClick:d,onKeyUp:p,onBlur:u}),t("span",{id:"carousel-slider-filter-input-icon-sidebar",className:"carousel-slider-filter-input-icon",onClick:d,dangerouslySetInnerHTML:{__html:"▾"}}),t("div",{id:"carousel-slider-filter-container-sidebar",className:"carousel-slider-filter-option-container"},t("ul",null,m))),b=t(n,{},t("span",null,s.selected_slider),t("br",null),t("span",null,r),t("br",null),t("hr",null),t("label",{for:"carousel-slider-sliderFilter-sidebar"},s.filter_slider),g);return""===l?i.push(t("div",{style:{width:"100%"}},t("img",{className:"carousel-slider-block-logo",src:s.block_logo}),t("div",null,s.block_title),f)):i.push(t("div",{className:"carousel-slider-iframe-container"},t("div",{className:"carousel-slider-iframe-overlay"}),t("iframe",{className:"carousel-slider-iframe",src:s.site_url+"?carousel_slider_preview=1&carousel_slider_iframe=1&slider_id="+l,height:"0",width:"500",scrolling:"no"}))),i.push(b),[i]},save:function(e){var l=e.attributes.sliderID;if(!l)return"";var r="[carousel_slide id="+parseInt(l)+"]";return t("div",null,r)}})})();
|
assets/src/admin/accordion.js
ADDED
@@ -0,0 +1,15 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
(function ($) {
|
2 |
+
'use strict';
|
3 |
+
$(document).on("click", ".accordion-header", function () {
|
4 |
+
$(this).toggleClass('active');
|
5 |
+
var panel = $(this).next();
|
6 |
+
|
7 |
+
if (parseInt(panel.css('max-height')) > 0) {
|
8 |
+
panel.css('max-height', '0');
|
9 |
+
panel.css('overflow', 'hidden');
|
10 |
+
} else {
|
11 |
+
panel.css('max-height', panel.prop('scrollHeight') + "px");
|
12 |
+
panel.css('overflow', 'visible');
|
13 |
+
}
|
14 |
+
});
|
15 |
+
})(jQuery);
|
assets/src/admin/hero-banner.js
ADDED
@@ -0,0 +1,295 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
(function ($) {
|
2 |
+
"use strict";
|
3 |
+
|
4 |
+
var body = $('body'),
|
5 |
+
contentButtonModal = $('#contentButtonModal'),
|
6 |
+
frame,
|
7 |
+
section,
|
8 |
+
imgIdInput,
|
9 |
+
slideCanvas,
|
10 |
+
delImgLink,
|
11 |
+
buttonConfig;
|
12 |
+
|
13 |
+
// Add new content slide
|
14 |
+
body.on('click', '.carousel-slider__add-slide', function (e) {
|
15 |
+
e.preventDefault();
|
16 |
+
|
17 |
+
$.ajax({
|
18 |
+
url: ajaxurl,
|
19 |
+
method: 'POST',
|
20 |
+
data: {
|
21 |
+
action: 'add_content_slide',
|
22 |
+
task: 'add-slide',
|
23 |
+
post_id: $(this).data('post-id')
|
24 |
+
},
|
25 |
+
success: function () {
|
26 |
+
window.location.reload(true);
|
27 |
+
}
|
28 |
+
});
|
29 |
+
});
|
30 |
+
|
31 |
+
// Delete a slide
|
32 |
+
body.on('click', '.carousel_slider__delete_slide', function (e) {
|
33 |
+
e.preventDefault();
|
34 |
+
|
35 |
+
$.ajax({
|
36 |
+
url: ajaxurl,
|
37 |
+
method: 'POST',
|
38 |
+
data: {
|
39 |
+
action: 'add_content_slide',
|
40 |
+
task: 'delete-slide',
|
41 |
+
post_id: $(this).data('post-id'),
|
42 |
+
slide_pos: $(this).data('slide-pos')
|
43 |
+
},
|
44 |
+
success: function () {
|
45 |
+
window.location.reload(true);
|
46 |
+
}
|
47 |
+
});
|
48 |
+
});
|
49 |
+
|
50 |
+
// Move slide to top
|
51 |
+
body.on('click', '.carousel_slider__move_top', function (e) {
|
52 |
+
e.preventDefault();
|
53 |
+
|
54 |
+
$.ajax({
|
55 |
+
url: ajaxurl,
|
56 |
+
method: 'POST',
|
57 |
+
data: {
|
58 |
+
action: 'add_content_slide',
|
59 |
+
task: 'move-slide-top',
|
60 |
+
post_id: $(this).data('post-id'),
|
61 |
+
slide_pos: $(this).data('slide-pos')
|
62 |
+
},
|
63 |
+
success: function () {
|
64 |
+
window.location.reload(true);
|
65 |
+
}
|
66 |
+
});
|
67 |
+
});
|
68 |
+
|
69 |
+
// Move slide up
|
70 |
+
body.on('click', '.carousel_slider__move_up', function (e) {
|
71 |
+
e.preventDefault();
|
72 |
+
|
73 |
+
$.ajax({
|
74 |
+
url: ajaxurl,
|
75 |
+
method: 'POST',
|
76 |
+
data: {
|
77 |
+
action: 'add_content_slide',
|
78 |
+
task: 'move-slide-up',
|
79 |
+
post_id: $(this).data('post-id'),
|
80 |
+
slide_pos: $(this).data('slide-pos')
|
81 |
+
},
|
82 |
+
success: function () {
|
83 |
+
window.location.reload(true);
|
84 |
+
}
|
85 |
+
});
|
86 |
+
});
|
87 |
+
|
88 |
+
// Move slide down
|
89 |
+
body.on('click', '.carousel_slider__move_down', function (e) {
|
90 |
+
e.preventDefault();
|
91 |
+
|
92 |
+
$.ajax({
|
93 |
+
url: ajaxurl,
|
94 |
+
method: 'POST',
|
95 |
+
data: {
|
96 |
+
action: 'add_content_slide',
|
97 |
+
task: 'move-slide-down',
|
98 |
+
post_id: $(this).data('post-id'),
|
99 |
+
slide_pos: $(this).data('slide-pos')
|
100 |
+
},
|
101 |
+
success: function () {
|
102 |
+
window.location.reload(true);
|
103 |
+
}
|
104 |
+
});
|
105 |
+
});
|
106 |
+
|
107 |
+
// Move slide to bottom
|
108 |
+
body.on('click', '.carousel_slider__move_bottom', function (e) {
|
109 |
+
e.preventDefault();
|
110 |
+
|
111 |
+
$.ajax({
|
112 |
+
url: ajaxurl,
|
113 |
+
method: 'POST',
|
114 |
+
data: {
|
115 |
+
action: 'add_content_slide',
|
116 |
+
task: 'move-slide-bottom',
|
117 |
+
post_id: $(this).data('post-id'),
|
118 |
+
slide_pos: $(this).data('slide-pos')
|
119 |
+
},
|
120 |
+
success: function () {
|
121 |
+
window.location.reload(true);
|
122 |
+
}
|
123 |
+
});
|
124 |
+
});
|
125 |
+
|
126 |
+
// Add slide image
|
127 |
+
body.on('click', '.slide_image_add', function (e) {
|
128 |
+
e.preventDefault();
|
129 |
+
|
130 |
+
var _this = $(this);
|
131 |
+
section = _this.closest('.slide_bg_wrapper');
|
132 |
+
slideCanvas = section.find('.content_slide_canvas');
|
133 |
+
imgIdInput = section.find('.background_image_id');
|
134 |
+
delImgLink = section.find('.delete-bg-img');
|
135 |
+
|
136 |
+
// If the media frame already exists, reopen it.
|
137 |
+
if (frame) {
|
138 |
+
frame.open();
|
139 |
+
return;
|
140 |
+
}
|
141 |
+
|
142 |
+
// Create a new media frame
|
143 |
+
frame = wp.media({
|
144 |
+
title: _this.data('title'),
|
145 |
+
button: {
|
146 |
+
text: _this.data('button-text')
|
147 |
+
},
|
148 |
+
multiple: false // Set to true to allow multiple files to be selected
|
149 |
+
});
|
150 |
+
|
151 |
+
// When an image is selected in the media frame...
|
152 |
+
frame.on('select', function () {
|
153 |
+
|
154 |
+
// Get media attachment details from the frame state
|
155 |
+
var attachment = frame.state().get('selection').first().toJSON();
|
156 |
+
|
157 |
+
// Send the attachment URL to our custom image input field.
|
158 |
+
slideCanvas.css('background-image', 'url(' + attachment.url + ')');
|
159 |
+
|
160 |
+
// Send the attachment id to our hidden input
|
161 |
+
imgIdInput.val(attachment.id);
|
162 |
+
|
163 |
+
// Show the remove image link
|
164 |
+
delImgLink.removeClass('hidden');
|
165 |
+
});
|
166 |
+
|
167 |
+
// Finally, open the modal on click
|
168 |
+
frame.open();
|
169 |
+
});
|
170 |
+
|
171 |
+
// Remove slide image
|
172 |
+
body.on('click', '.delete-bg-img', function (e) {
|
173 |
+
e.preventDefault();
|
174 |
+
|
175 |
+
section = $(this).closest('.slide_bg_wrapper');
|
176 |
+
slideCanvas = section.find('.content_slide_canvas');
|
177 |
+
imgIdInput = section.find('.background_image_id');
|
178 |
+
delImgLink = section.find('.delete-bg-img');
|
179 |
+
|
180 |
+
// Clear out the preview image
|
181 |
+
slideCanvas.css('background-image', '');
|
182 |
+
|
183 |
+
// Delete the image id from the hidden input
|
184 |
+
imgIdInput.val('0');
|
185 |
+
|
186 |
+
// Hide the delete image link
|
187 |
+
delImgLink.addClass('hidden');
|
188 |
+
});
|
189 |
+
|
190 |
+
// Background Position
|
191 |
+
body.on('change', '.background_image_position', function () {
|
192 |
+
var _val = $(this).val();
|
193 |
+
section = $(this).closest('.slide_bg_wrapper');
|
194 |
+
slideCanvas = section.find('.content_slide_canvas');
|
195 |
+
slideCanvas.css('background-position', _val);
|
196 |
+
});
|
197 |
+
|
198 |
+
// Background Size
|
199 |
+
body.on('change', '.background_image_size', function () {
|
200 |
+
var _val = $(this).val();
|
201 |
+
section = $(this).closest('.slide_bg_wrapper');
|
202 |
+
slideCanvas = section.find('.content_slide_canvas');
|
203 |
+
slideCanvas.css('background-size', _val);
|
204 |
+
});
|
205 |
+
|
206 |
+
// Add Button Style to Modal for Edit
|
207 |
+
$('.addContentButton').on('click', function (e) {
|
208 |
+
e.preventDefault();
|
209 |
+
|
210 |
+
buttonConfig = $(this).closest('.button_config');
|
211 |
+
var button_text = buttonConfig.find('.button_text').val();
|
212 |
+
var button_url = buttonConfig.find('.button_url').val();
|
213 |
+
var button_target = buttonConfig.find('.button_target').val();
|
214 |
+
var button_type = buttonConfig.find('.button_type').val();
|
215 |
+
var button_size = buttonConfig.find('.button_size').val();
|
216 |
+
var button_color = buttonConfig.find('.button_color').val();
|
217 |
+
|
218 |
+
contentButtonModal.find('#_button_text').val(button_text);
|
219 |
+
contentButtonModal.find('#_button_url').val(button_url);
|
220 |
+
contentButtonModal.find('#_button_target').val(button_target);
|
221 |
+
contentButtonModal.find('#_button_type').val(button_type);
|
222 |
+
contentButtonModal.find('#_button_size').val(button_size);
|
223 |
+
contentButtonModal.find('#_button_color').val(button_color);
|
224 |
+
|
225 |
+
contentButtonModal.addClass('is-active');
|
226 |
+
});
|
227 |
+
|
228 |
+
// Save Button style from modal form
|
229 |
+
$('#saveContentButton').on('click', function (e) {
|
230 |
+
e.preventDefault();
|
231 |
+
|
232 |
+
if (!buttonConfig) {
|
233 |
+
contentButtonModal.removeClass('is-active');
|
234 |
+
return false;
|
235 |
+
}
|
236 |
+
|
237 |
+
var button_text = contentButtonModal.find('#_button_text').val();
|
238 |
+
var button_url = contentButtonModal.find('#_button_url').val();
|
239 |
+
var button_target = contentButtonModal.find('#_button_target').val();
|
240 |
+
var button_type = contentButtonModal.find('#_button_type').val();
|
241 |
+
var button_size = contentButtonModal.find('#_button_size').val();
|
242 |
+
var button_color = contentButtonModal.find('#_button_color').val();
|
243 |
+
|
244 |
+
buttonConfig.find('.button_text').val(button_text);
|
245 |
+
buttonConfig.find('.button_url').val(button_url);
|
246 |
+
buttonConfig.find('.button_target').val(button_target);
|
247 |
+
buttonConfig.find('.button_type').val(button_type);
|
248 |
+
buttonConfig.find('.button_size').val(button_size);
|
249 |
+
buttonConfig.find('.button_color').val(button_color);
|
250 |
+
|
251 |
+
contentButtonModal.removeClass('is-active');
|
252 |
+
|
253 |
+
});
|
254 |
+
|
255 |
+
// Background Color
|
256 |
+
$('.slide-color-picker').each(function () {
|
257 |
+
section = $(this).closest('.slide_bg_wrapper');
|
258 |
+
slideCanvas = section.find('.content_slide_canvas');
|
259 |
+
$(this).wpColorPicker({
|
260 |
+
palettes: [
|
261 |
+
'#2196F3', // Blue
|
262 |
+
'#009688', // Teal
|
263 |
+
'#4CAF50', // Green
|
264 |
+
'#F44336', // Red
|
265 |
+
'#FFEB3B', // Yellow
|
266 |
+
'#00D1B2', // Firoza
|
267 |
+
'#000000', // Blank
|
268 |
+
'#ffffff' // White
|
269 |
+
],
|
270 |
+
change: function (event, ui) {
|
271 |
+
slideCanvas.css('background-color', ui.color.toString());
|
272 |
+
}
|
273 |
+
});
|
274 |
+
});
|
275 |
+
|
276 |
+
// Slide Link
|
277 |
+
$(document).on('change', '.link_type', function (e) {
|
278 |
+
var _this = $(this);
|
279 |
+
var _val = _this.val();
|
280 |
+
var _tab = _this.closest('.tab-content-link');
|
281 |
+
var _linkFull = _tab.find('.ContentCarouselLinkFull');
|
282 |
+
var _linkBtn = _tab.find('.ContentCarouselLinkButtons');
|
283 |
+
if (_val === 'full') {
|
284 |
+
_linkBtn.hide();
|
285 |
+
_linkFull.show();
|
286 |
+
} else if (_val === 'button') {
|
287 |
+
_linkFull.hide();
|
288 |
+
_linkBtn.show();
|
289 |
+
} else {
|
290 |
+
_linkFull.hide();
|
291 |
+
_linkBtn.hide();
|
292 |
+
}
|
293 |
+
})
|
294 |
+
|
295 |
+
})(jQuery);
|
assets/src/admin/media-gallery.js
ADDED
@@ -0,0 +1,131 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
(function ($) {
|
2 |
+
"use strict";
|
3 |
+
|
4 |
+
var frame,
|
5 |
+
_this = $('#carousel_slider_gallery_btn'),
|
6 |
+
images = _this.data('ids'),
|
7 |
+
selection = loadImages(images);
|
8 |
+
|
9 |
+
_this.on('click', function (e) {
|
10 |
+
e.preventDefault();
|
11 |
+
var options = {
|
12 |
+
title: _this.data('create'),
|
13 |
+
state: 'gallery-edit',
|
14 |
+
frame: 'post',
|
15 |
+
selection: selection
|
16 |
+
};
|
17 |
+
|
18 |
+
if (frame || selection) {
|
19 |
+
options['title'] = _this.data('edit');
|
20 |
+
}
|
21 |
+
|
22 |
+
frame = wp.media(options).open();
|
23 |
+
|
24 |
+
// Tweak Views
|
25 |
+
frame.menu.get('view').unset('cancel');
|
26 |
+
frame.menu.get('view').unset('separateCancel');
|
27 |
+
frame.menu.get('view').get('gallery-edit').el.innerHTML = _this.data('edit');
|
28 |
+
frame.content.get('view').sidebar.unset('gallery'); // Hide Gallery Settings in sidebar
|
29 |
+
|
30 |
+
// when editing a gallery
|
31 |
+
overrideGalleryInsert();
|
32 |
+
frame.on('toolbar:render:gallery-edit', function () {
|
33 |
+
overrideGalleryInsert();
|
34 |
+
});
|
35 |
+
|
36 |
+
frame.on('content:render:browse', function (browser) {
|
37 |
+
if (!browser) return;
|
38 |
+
// Hide Gallery Settings in sidebar
|
39 |
+
browser.sidebar.on('ready', function () {
|
40 |
+
browser.sidebar.unset('gallery');
|
41 |
+
});
|
42 |
+
// Hide filter/search as they don't work
|
43 |
+
browser.toolbar.on('ready', function () {
|
44 |
+
if (browser.toolbar.controller._state === 'gallery-library') {
|
45 |
+
browser.toolbar.$el.hide();
|
46 |
+
}
|
47 |
+
});
|
48 |
+
});
|
49 |
+
|
50 |
+
// All images removed
|
51 |
+
frame.state().get('library').on('remove', function () {
|
52 |
+
var models = frame.state().get('library');
|
53 |
+
if (models.length === 0) {
|
54 |
+
selection = false;
|
55 |
+
$.post(ajaxurl, {
|
56 |
+
ids: '',
|
57 |
+
action: 'carousel_slider_save_images',
|
58 |
+
post_id: _this.data('id')
|
59 |
+
});
|
60 |
+
}
|
61 |
+
});
|
62 |
+
|
63 |
+
function overrideGalleryInsert() {
|
64 |
+
frame.toolbar.get('view').set({
|
65 |
+
insert: {
|
66 |
+
style: 'primary',
|
67 |
+
text: _this.data('save'),
|
68 |
+
click: function () {
|
69 |
+
var models = frame.state().get('library'),
|
70 |
+
ids = '';
|
71 |
+
|
72 |
+
models.each(function (attachment) {
|
73 |
+
ids += attachment.id + ','
|
74 |
+
});
|
75 |
+
|
76 |
+
this.el.innerHTML = _this.data('progress');
|
77 |
+
|
78 |
+
$.ajax({
|
79 |
+
type: 'POST',
|
80 |
+
url: ajaxurl,
|
81 |
+
data: {
|
82 |
+
ids: ids,
|
83 |
+
action: 'carousel_slider_save_images',
|
84 |
+
post_id: _this.data('id')
|
85 |
+
},
|
86 |
+
success: function () {
|
87 |
+
selection = loadImages(ids);
|
88 |
+
$('#_carousel_slider_images_ids').val(ids);
|
89 |
+
frame.close();
|
90 |
+
},
|
91 |
+
dataType: 'html'
|
92 |
+
}).done(function (data) {
|
93 |
+
$('.carousel_slider_gallery_list').html(data);
|
94 |
+
});
|
95 |
+
}
|
96 |
+
}
|
97 |
+
});
|
98 |
+
}
|
99 |
+
|
100 |
+
});
|
101 |
+
|
102 |
+
function loadImages(images) {
|
103 |
+
if (images) {
|
104 |
+
var shortcode = new wp.shortcode({
|
105 |
+
tag: 'gallery',
|
106 |
+
attrs: {ids: images},
|
107 |
+
type: 'single'
|
108 |
+
});
|
109 |
+
|
110 |
+
var attachments = wp.media.gallery.attachments(shortcode);
|
111 |
+
|
112 |
+
var selection = new wp.media.model.Selection(attachments.models, {
|
113 |
+
props: attachments.props.toJSON(),
|
114 |
+
multiple: true
|
115 |
+
});
|
116 |
+
|
117 |
+
selection.gallery = attachments.gallery;
|
118 |
+
|
119 |
+
selection.more().done(function () {
|
120 |
+
// Break ties with the query.
|
121 |
+
selection.props.set({query: false});
|
122 |
+
selection.unmirror();
|
123 |
+
selection.props.unset('orderby');
|
124 |
+
});
|
125 |
+
|
126 |
+
return selection;
|
127 |
+
}
|
128 |
+
return false;
|
129 |
+
}
|
130 |
+
|
131 |
+
})(jQuery);
|
assets/src/admin/media-url.js
ADDED
@@ -0,0 +1,40 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
/**
|
2 |
+
* Carousel Slider Gallery from URL
|
3 |
+
*/
|
4 |
+
(function ($) {
|
5 |
+
'use strict';
|
6 |
+
|
7 |
+
var body = $('body'),
|
8 |
+
modal = $('#CarouselSliderModal'),
|
9 |
+
modalOpenBtn = $('#_images_urls_btn'),
|
10 |
+
template = $('#carouselSliderGalleryUrlTemplate').html();
|
11 |
+
|
12 |
+
// URL Images Model
|
13 |
+
modalOpenBtn.on('click', function (e) {
|
14 |
+
e.preventDefault();
|
15 |
+
modal.css("display", "block");
|
16 |
+
$("body").addClass("overflowHidden");
|
17 |
+
});
|
18 |
+
modal.on('click', '.carousel_slider-close', function (e) {
|
19 |
+
e.preventDefault();
|
20 |
+
modal.css("display", "none");
|
21 |
+
$("body").removeClass("overflowHidden");
|
22 |
+
});
|
23 |
+
|
24 |
+
var carouselSliderBodyHeight = $(window).height() - (38 + 48 + 32 + 30);
|
25 |
+
$('.carousel_slider-modal-body').css('height', carouselSliderBodyHeight + 'px');
|
26 |
+
|
27 |
+
// Append new row
|
28 |
+
body.on('click', '.add_row', function () {
|
29 |
+
$(this).closest('.carousel_slider-fields').after(template);
|
30 |
+
});
|
31 |
+
|
32 |
+
// Delete current row
|
33 |
+
body.on('click', '.delete_row', function () {
|
34 |
+
$(this).closest('.carousel_slider-fields').remove();
|
35 |
+
});
|
36 |
+
|
37 |
+
// Make fields sortable
|
38 |
+
$('#carousel_slider_form').sortable();
|
39 |
+
|
40 |
+
})(jQuery);
|
assets/src/admin/modal.js
ADDED
@@ -0,0 +1,16 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
(function ($) {
|
2 |
+
'use strict';
|
3 |
+
|
4 |
+
// Open modal
|
5 |
+
$(document).on('click', '[data-toggle="modal"]', function (e) {
|
6 |
+
e.preventDefault();
|
7 |
+
$($(this).data('target')).addClass('is-active');
|
8 |
+
});
|
9 |
+
|
10 |
+
// Close modal
|
11 |
+
$(document).on('click', '[data-dismiss="modal"]', function (e) {
|
12 |
+
e.preventDefault();
|
13 |
+
$(this).closest('.modal').removeClass('is-active');
|
14 |
+
});
|
15 |
+
|
16 |
+
})(jQuery);
|
assets/src/admin/slide-type.js
ADDED
@@ -0,0 +1,144 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
(function ($) {
|
2 |
+
"use strict";
|
3 |
+
|
4 |
+
var slide_type = $('#_carousel_slider_slide_type'),
|
5 |
+
section_images_settings = $('#section_images_settings'),
|
6 |
+
section_url_images_settings = $('#section_url_images_settings'),
|
7 |
+
section_images_general_settings = $('#section_images_general_settings'),
|
8 |
+
section_post_query = $('#section_post_query'),
|
9 |
+
section_video_settings = $('#section_video_settings'),
|
10 |
+
section_product_query = $('#section_product_query'),
|
11 |
+
section_content_carousel = $('#section_content_carousel'),
|
12 |
+
// Slide Type -- Post
|
13 |
+
_post_query_type = $('#_post_query_type'),
|
14 |
+
_post_date_after = $('#field-_post_date_after'),
|
15 |
+
_post_date_before = $('#field-_post_date_before'),
|
16 |
+
_post_categories = $('#field-_post_categories'),
|
17 |
+
_post_tags = $('#field-_post_tags'),
|
18 |
+
_post_in = $('#field-_post_in'),
|
19 |
+
_posts_per_page = $('#field-_posts_per_page'),
|
20 |
+
// Slide Type -- Product
|
21 |
+
_product_query_type = $('#_product_query_type'),
|
22 |
+
_product_query = $('#field-_product_query'),
|
23 |
+
_product_categories = $('#field-_product_categories'),
|
24 |
+
_product_tags = $('#field-_product_tags'),
|
25 |
+
_product_in = $('#field-_product_in'),
|
26 |
+
_products_per_page = $('#field-_products_per_page');
|
27 |
+
|
28 |
+
// Slide Type
|
29 |
+
slide_type.on('change', function () {
|
30 |
+
section_images_settings.hide('fast');
|
31 |
+
section_url_images_settings.hide('fast');
|
32 |
+
section_images_general_settings.hide('fast');
|
33 |
+
section_post_query.hide('fast');
|
34 |
+
section_video_settings.hide('fast');
|
35 |
+
section_product_query.hide('fast');
|
36 |
+
section_content_carousel.hide('fast');
|
37 |
+
|
38 |
+
if (this.value === 'image-carousel') {
|
39 |
+
section_images_settings.slideDown();
|
40 |
+
section_images_general_settings.slideDown();
|
41 |
+
}
|
42 |
+
if (this.value === 'image-carousel-url') {
|
43 |
+
section_url_images_settings.slideDown();
|
44 |
+
section_images_general_settings.slideDown();
|
45 |
+
}
|
46 |
+
if (this.value === 'post-carousel') {
|
47 |
+
section_post_query.slideDown();
|
48 |
+
}
|
49 |
+
if (this.value === 'video-carousel') {
|
50 |
+
section_video_settings.slideDown();
|
51 |
+
}
|
52 |
+
if (this.value === 'product-carousel') {
|
53 |
+
section_product_query.slideDown();
|
54 |
+
_product_query.show();
|
55 |
+
}
|
56 |
+
if (this.value === 'hero-banner-slider') {
|
57 |
+
section_content_carousel.slideDown();
|
58 |
+
}
|
59 |
+
});
|
60 |
+
|
61 |
+
// Slide Type -- Post Carousel
|
62 |
+
if (slide_type.val() === 'post-carousel') {
|
63 |
+
var _postQueryType = _post_query_type.val();
|
64 |
+
if (_postQueryType === 'date_range') {
|
65 |
+
_post_date_after.show();
|
66 |
+
_post_date_before.show();
|
67 |
+
}
|
68 |
+
if (_postQueryType === 'post_categories') {
|
69 |
+
_post_categories.show();
|
70 |
+
}
|
71 |
+
if (_postQueryType === 'post_tags') {
|
72 |
+
_post_tags.show();
|
73 |
+
}
|
74 |
+
if (_postQueryType === 'specific_posts') {
|
75 |
+
_post_in.show();
|
76 |
+
_posts_per_page.hide();
|
77 |
+
}
|
78 |
+
}
|
79 |
+
|
80 |
+
_post_query_type.on('change', function () {
|
81 |
+
|
82 |
+
_post_date_after.hide('fast');
|
83 |
+
_post_date_before.hide('fast');
|
84 |
+
_post_categories.hide('fast');
|
85 |
+
_post_tags.hide('fast');
|
86 |
+
_post_in.hide('fast');
|
87 |
+
_posts_per_page.show('fast');
|
88 |
+
|
89 |
+
if (this.value === 'date_range') {
|
90 |
+
_post_date_after.slideDown();
|
91 |
+
_post_date_before.slideDown();
|
92 |
+
}
|
93 |
+
if (this.value === 'post_categories') {
|
94 |
+
_post_categories.slideDown();
|
95 |
+
}
|
96 |
+
if (this.value === 'post_tags') {
|
97 |
+
_post_tags.slideDown();
|
98 |
+
}
|
99 |
+
if (this.value === 'specific_posts') {
|
100 |
+
_post_in.slideDown();
|
101 |
+
_posts_per_page.hide('fast');
|
102 |
+
}
|
103 |
+
});
|
104 |
+
|
105 |
+
// Slide Type -- Product Carousel
|
106 |
+
if (slide_type.val() === 'product-carousel') {
|
107 |
+
var _productQueryType = _product_query_type.val();
|
108 |
+
if (_productQueryType === 'query_porduct') {
|
109 |
+
_product_query.show();
|
110 |
+
}
|
111 |
+
if (_productQueryType === 'product_categories') {
|
112 |
+
_product_categories.show();
|
113 |
+
}
|
114 |
+
if (_productQueryType === 'product_tags') {
|
115 |
+
_product_tags.show();
|
116 |
+
}
|
117 |
+
if (_productQueryType === 'specific_products') {
|
118 |
+
_product_in.show();
|
119 |
+
}
|
120 |
+
}
|
121 |
+
|
122 |
+
_product_query_type.on('change', function () {
|
123 |
+
|
124 |
+
_product_query.hide('fast');
|
125 |
+
_product_categories.hide('fast');
|
126 |
+
_product_tags.hide('fast');
|
127 |
+
_product_in.hide('fast');
|
128 |
+
_products_per_page.show('fast');
|
129 |
+
|
130 |
+
if (this.value === 'query_porduct') {
|
131 |
+
_product_query.slideDown();
|
132 |
+
}
|
133 |
+
if (this.value === 'product_categories') {
|
134 |
+
_product_categories.slideDown();
|
135 |
+
}
|
136 |
+
if (this.value === 'product_tags') {
|
137 |
+
_product_tags.slideDown();
|
138 |
+
}
|
139 |
+
if (this.value === 'specific_products') {
|
140 |
+
_product_in.slideDown();
|
141 |
+
_products_per_page.hide('fast');
|
142 |
+
}
|
143 |
+
});
|
144 |
+
})(jQuery);
|
assets/src/admin/vendors.js
ADDED
@@ -0,0 +1,69 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
(function ($) {
|
2 |
+
"use strict";
|
3 |
+
|
4 |
+
// Initializing TipTip
|
5 |
+
$(".cs-tooltip").each(function () {
|
6 |
+
$(this).tipTip();
|
7 |
+
});
|
8 |
+
|
9 |
+
// Initializing Select2
|
10 |
+
$("select.select2").each(function () {
|
11 |
+
$(this).select2();
|
12 |
+
});
|
13 |
+
|
14 |
+
// Initializing jQuery UI Accordion
|
15 |
+
$(".shapla-toggle").each(function () {
|
16 |
+
if ($(this).attr('data-id') === 'closed') {
|
17 |
+
$(this).accordion({
|
18 |
+
collapsible: true,
|
19 |
+
heightStyle: "content",
|
20 |
+
active: false
|
21 |
+
});
|
22 |
+
} else {
|
23 |
+
$(this).accordion({
|
24 |
+
collapsible: true,
|
25 |
+
heightStyle: "content"
|
26 |
+
});
|
27 |
+
}
|
28 |
+
});
|
29 |
+
|
30 |
+
// Initializing jQuery UI Tab
|
31 |
+
$(".shapla-tabs").tabs({
|
32 |
+
hide: {
|
33 |
+
effect: "fadeOut",
|
34 |
+
duration: 200
|
35 |
+
},
|
36 |
+
show: {
|
37 |
+
effect: "fadeIn",
|
38 |
+
duration: 200
|
39 |
+
}
|
40 |
+
});
|
41 |
+
|
42 |
+
//Initializing jQuery UI Date picker
|
43 |
+
$('.datepicker').each(function () {
|
44 |
+
$(this).datepicker({
|
45 |
+
dateFormat: 'MM dd, yy',
|
46 |
+
changeMonth: true,
|
47 |
+
changeYear: true,
|
48 |
+
onClose: function (selectedDate) {
|
49 |
+
$(this).datepicker('option', 'minDate', selectedDate);
|
50 |
+
}
|
51 |
+
});
|
52 |
+
});
|
53 |
+
|
54 |
+
// Initializing WP Color Picker
|
55 |
+
$('.color-picker').each(function () {
|
56 |
+
$(this).wpColorPicker({
|
57 |
+
palettes: [
|
58 |
+
'#2196F3', // Blue
|
59 |
+
'#009688', // Teal
|
60 |
+
'#4CAF50', // Green
|
61 |
+
'#F44336', // Red
|
62 |
+
'#FFEB3B', // Yellow
|
63 |
+
'#00D1B2', // Firoza
|
64 |
+
'#000000', // Blank
|
65 |
+
'#ffffff' // White
|
66 |
+
]
|
67 |
+
});
|
68 |
+
});
|
69 |
+
})(jQuery);
|
assets/src/frontend/main.js
ADDED
@@ -0,0 +1,75 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
jQuery('body').find('.carousel-slider').each(function () {
|
2 |
+
let _this = jQuery(this);
|
3 |
+
let autoWidth = _this.data('auto-width');
|
4 |
+
let stagePadding = parseInt(_this.data('stage-padding'));
|
5 |
+
stagePadding = stagePadding > 0 ? stagePadding : 0;
|
6 |
+
|
7 |
+
if (jQuery().owlCarousel) {
|
8 |
+
_this.owlCarousel({
|
9 |
+
stagePadding: stagePadding,
|
10 |
+
nav: _this.data('nav'),
|
11 |
+
dots: _this.data('dots'),
|
12 |
+
margin: _this.data('margin'),
|
13 |
+
loop: _this.data('loop'),
|
14 |
+
autoplay: _this.data('autoplay'),
|
15 |
+
autoplayTimeout: _this.data('autoplay-timeout'),
|
16 |
+
autoplaySpeed: _this.data('autoplay-speed'),
|
17 |
+
autoplayHoverPause: _this.data('autoplay-hover-pause'),
|
18 |
+
slideBy: _this.data('slide-by'),
|
19 |
+
lazyLoad: _this.data('lazy-load'),
|
20 |
+
autoWidth: autoWidth,
|
21 |
+
navText: [
|
22 |
+
'<svg class="carousel-slider-nav-icon" viewBox="0 0 20 20"><path d="M14 5l-5 5 5 5-1 2-7-7 7-7z"></path></use></svg>',
|
23 |
+
'<svg class="carousel-slider-nav-icon" viewBox="0 0 20 20"><path d="M6 15l5-5-5-5 1-2 7 7-7 7z"></path></svg>'
|
24 |
+
],
|
25 |
+
responsive: {
|
26 |
+
320: {items: _this.data('colums-mobile')},
|
27 |
+
600: {items: _this.data('colums-small-tablet')},
|
28 |
+
768: {items: _this.data('colums-tablet')},
|
29 |
+
993: {items: _this.data('colums-small-desktop')},
|
30 |
+
1200: {items: _this.data('colums-desktop')},
|
31 |
+
1921: {items: _this.data('colums')}
|
32 |
+
}
|
33 |
+
});
|
34 |
+
|
35 |
+
if ('hero-banner-slider' === _this.data('slide-type')) {
|
36 |
+
let animation = _this.data('animation');
|
37 |
+
if (animation.length) {
|
38 |
+
_this.on('change.owl.carousel', function () {
|
39 |
+
let sliderContent = _this.find('.carousel-slider-hero__cell__content');
|
40 |
+
sliderContent.removeClass('animated' + ' ' + animation).hide();
|
41 |
+
});
|
42 |
+
_this.on('changed.owl.carousel', function (e) {
|
43 |
+
setTimeout(function () {
|
44 |
+
let current = jQuery(e.target).find('.carousel-slider-hero__cell__content').eq(e.item.index);
|
45 |
+
current.show().addClass('animated' + ' ' + animation);
|
46 |
+
}, _this.data('autoplay-speed'));
|
47 |
+
});
|
48 |
+
}
|
49 |
+
}
|
50 |
+
}
|
51 |
+
|
52 |
+
if (jQuery().magnificPopup) {
|
53 |
+
if (_this.data('slide-type') === 'product-carousel') {
|
54 |
+
jQuery(this).find('.magnific-popup').magnificPopup({
|
55 |
+
type: 'ajax'
|
56 |
+
});
|
57 |
+
} else if ('video-carousel' === _this.data('slide-type')) {
|
58 |
+
jQuery(this).find('.magnific-popup').magnificPopup({
|
59 |
+
type: 'iframe'
|
60 |
+
});
|
61 |
+
} else {
|
62 |
+
jQuery(this).find('.magnific-popup').magnificPopup({
|
63 |
+
type: 'image',
|
64 |
+
gallery: {
|
65 |
+
enabled: true
|
66 |
+
},
|
67 |
+
zoom: {
|
68 |
+
enabled: true,
|
69 |
+
duration: 300,
|
70 |
+
easing: 'ease-in-out'
|
71 |
+
}
|
72 |
+
});
|
73 |
+
}
|
74 |
+
}
|
75 |
+
});
|
assets/src/gutenberg-block/main.js
ADDED
@@ -0,0 +1,223 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
/**
|
2 |
+
* Carousel Slider Block
|
3 |
+
*
|
4 |
+
* A block for embedding a carousel slider into a post/page.
|
5 |
+
*/
|
6 |
+
(function (blocks, i18n, editor, element, components) {
|
7 |
+
|
8 |
+
var el = element.createElement, // function to create elements
|
9 |
+
settings = window.carousel_slider_gutenberg_block,
|
10 |
+
TextControl = components.TextControl,// text input control
|
11 |
+
InspectorControls = editor.InspectorControls; // sidebar controls
|
12 |
+
|
13 |
+
// register our block
|
14 |
+
blocks.registerBlockType('carousel-slider/slider', {
|
15 |
+
title: settings.block_title,
|
16 |
+
icon: 'slides',
|
17 |
+
category: 'common',
|
18 |
+
|
19 |
+
attributes: {
|
20 |
+
sliderID: {type: 'integer', default: 0},
|
21 |
+
sliderName: {type: 'string', default: ''}
|
22 |
+
},
|
23 |
+
|
24 |
+
edit: function (props) {
|
25 |
+
var sliderID = props.attributes.sliderID,
|
26 |
+
sliderName = props.attributes.sliderName,
|
27 |
+
children = [];
|
28 |
+
|
29 |
+
if (!sliderID) sliderID = ''; // Default.
|
30 |
+
if (!sliderName) sliderName = ''; // Default
|
31 |
+
|
32 |
+
// this function is required, but we don't need it to do anything
|
33 |
+
function carouselSliderOnValueChange(sliderName) {
|
34 |
+
}
|
35 |
+
|
36 |
+
// show the dropdown when we click on the input
|
37 |
+
function carouselSliderFocusClick(event) {
|
38 |
+
var elementID = event.target.getAttribute('id');
|
39 |
+
var idArray = elementID.split('-');
|
40 |
+
var carouselSliderOptions = document.getElementById('carousel-slider-filter-container-' + idArray[idArray.length - 1]);
|
41 |
+
// get the related input element
|
42 |
+
var carouselSliderInput = document.getElementById('carousel-slider-sliderFilter-' + idArray[idArray.length - 1]);
|
43 |
+
// set focus to the element so the onBlur function runs properly
|
44 |
+
carouselSliderInput.focus();
|
45 |
+
carouselSliderOptions.style.display = 'block';
|
46 |
+
}
|
47 |
+
|
48 |
+
// function for select the slider on filter drop down item click
|
49 |
+
function selectSlider(event) {
|
50 |
+
//set the attributes from the selected for item
|
51 |
+
props.setAttributes({
|
52 |
+
sliderID: parseInt(event.target.getAttribute('data-slider_id')),
|
53 |
+
sliderName: event.target.innerText
|
54 |
+
});
|
55 |
+
/**
|
56 |
+
* Get the main div of the filter to tell if this is being
|
57 |
+
* selected from the sidebar or block so we can hide the dropdown
|
58 |
+
*/
|
59 |
+
var elementID = event.target.parentNode.parentNode;
|
60 |
+
var idArray = elementID.getAttribute('id').split('-');
|
61 |
+
var carouselSliderOptions = document.getElementById('carousel-slider-filter-container-' + idArray[idArray.length - 1]);
|
62 |
+
var inputEl = document.getElementById('carousel-slider-sliderFilter-sidebar');
|
63 |
+
|
64 |
+
if (inputEl) {
|
65 |
+
inputEl.value = '';
|
66 |
+
}
|
67 |
+
carouselSliderOptions.style.display = 'none';
|
68 |
+
}
|
69 |
+
|
70 |
+
function carouselSliderHideOptions(event) {
|
71 |
+
/**
|
72 |
+
* Get the main div of the filter to tell if this is being
|
73 |
+
* selected from the sidebar or block so we can hide the dropdown
|
74 |
+
*/
|
75 |
+
var elementID = event.target.getAttribute('id');
|
76 |
+
var idArray = elementID.split('-');
|
77 |
+
var carouselSliderOptions = document.getElementById('carousel-slider-filter-container-' + idArray[idArray.length - 1]);
|
78 |
+
carouselSliderOptions.style.display = 'none';
|
79 |
+
}
|
80 |
+
|
81 |
+
function carouselSliderInputKeyUp(event) {
|
82 |
+
var val = event.target.value;
|
83 |
+
/**
|
84 |
+
* Get the main div of the filter to tell if this is being
|
85 |
+
* selected from the sidebar or block so we can SHOW the dropdown
|
86 |
+
*/
|
87 |
+
var filterInputContainer = event.target.parentNode.parentNode.parentNode;
|
88 |
+
filterInputContainer.querySelector('.carousel-slider-filter-option-container').style.display = 'block';
|
89 |
+
filterInputContainer.style.display = 'block';
|
90 |
+
|
91 |
+
// Let's filter the sliders here
|
92 |
+
_.each(settings.sliders, function (slider, index) {
|
93 |
+
var liEl = filterInputContainer.querySelector("[data-slider_id='" + slider.value + "']");
|
94 |
+
if (0 <= slider.label.toLowerCase().indexOf(val.toLowerCase())) {
|
95 |
+
// shows options that DO contain the text entered
|
96 |
+
liEl.style.display = 'block';
|
97 |
+
} else {
|
98 |
+
// hides options the do not contain the text entered
|
99 |
+
liEl.style.display = 'none';
|
100 |
+
}
|
101 |
+
});
|
102 |
+
}
|
103 |
+
|
104 |
+
// Set up the slider items from the localized php variables
|
105 |
+
var sliderItems = [];
|
106 |
+
_.each(settings.sliders, function (slider, index) {
|
107 |
+
sliderItems.push(el('li', {
|
108 |
+
className: 'carousel-slider-filter-option',
|
109 |
+
'data-slider_id': slider.value, onMouseDown: selectSlider
|
110 |
+
},
|
111 |
+
slider.label + " ( ID: " + slider.value + " )"))
|
112 |
+
});
|
113 |
+
|
114 |
+
// Set up slider filter for the block
|
115 |
+
var inputFilterMain = el('div', {
|
116 |
+
id: 'carousel-slider-filter-input-main',
|
117 |
+
className: 'carousel-slider-filter-input'
|
118 |
+
},
|
119 |
+
el(TextControl, {
|
120 |
+
id: 'carousel-slider-sliderFilter-main',
|
121 |
+
placeHolder: settings.select_slider,
|
122 |
+
className: 'carousel-slider-filter-input-el blocks-select-control__input',
|
123 |
+
onChange: carouselSliderOnValueChange,
|
124 |
+
onClick: carouselSliderFocusClick,
|
125 |
+
onKeyUp: carouselSliderInputKeyUp,
|
126 |
+
onBlur: carouselSliderHideOptions
|
127 |
+
}),
|
128 |
+
el('span', {
|
129 |
+
id: 'carousel-slider-filter-input-icon-main',
|
130 |
+
className: 'carousel-slider-filter-input-icon',
|
131 |
+
onClick: carouselSliderFocusClick,
|
132 |
+
dangerouslySetInnerHTML: {__html: '▾'}
|
133 |
+
}),
|
134 |
+
el('div', {
|
135 |
+
id: 'carousel-slider-filter-container-main',
|
136 |
+
className: 'carousel-slider-filter-option-container'
|
137 |
+
},
|
138 |
+
el('ul', null, sliderItems)
|
139 |
+
)
|
140 |
+
);
|
141 |
+
// Create filter input for the sidebar blocks settings
|
142 |
+
var inputFilterSidebar = el('div', {
|
143 |
+
id: 'carousel-slider-filter-input-sidebar',
|
144 |
+
className: 'carousel-slider-filter-input'
|
145 |
+
},
|
146 |
+
el(TextControl, {
|
147 |
+
id: 'carousel-slider-sliderFilter-sidebar',
|
148 |
+
placeHolder: settings.select_slider,
|
149 |
+
className: 'carousel-slider-filter-input-el blocks-select-control__input',
|
150 |
+
onChange: carouselSliderOnValueChange,
|
151 |
+
onClick: carouselSliderFocusClick,
|
152 |
+
onKeyUp: carouselSliderInputKeyUp,
|
153 |
+
onBlur: carouselSliderHideOptions
|
154 |
+
}),
|
155 |
+
el('span', {
|
156 |
+
id: 'carousel-slider-filter-input-icon-sidebar',
|
157 |
+
className: 'carousel-slider-filter-input-icon',
|
158 |
+
onClick: carouselSliderFocusClick,
|
159 |
+
dangerouslySetInnerHTML: {__html: '▾'}
|
160 |
+
}),
|
161 |
+
el('div', {
|
162 |
+
id: 'carousel-slider-filter-container-sidebar',
|
163 |
+
className: 'carousel-slider-filter-option-container'
|
164 |
+
},
|
165 |
+
el('ul', null, sliderItems)
|
166 |
+
)
|
167 |
+
);
|
168 |
+
|
169 |
+
// Set up the slider filter dropdown in the side bar 'block' settings
|
170 |
+
var inspectorControls = el(InspectorControls, {},
|
171 |
+
el('span', null, settings.selected_slider),
|
172 |
+
el('br', null),
|
173 |
+
el('span', null, sliderName),
|
174 |
+
el('br', null),
|
175 |
+
el('hr', null),
|
176 |
+
el('label', {for: 'carousel-slider-sliderFilter-sidebar'}, settings.filter_slider),
|
177 |
+
inputFilterSidebar
|
178 |
+
);
|
179 |
+
|
180 |
+
/**
|
181 |
+
* Create the div container, add an overlay so the user can interact
|
182 |
+
* with the slider in Gutenberg, then render the iframe with slider
|
183 |
+
*/
|
184 |
+
if ('' === sliderID) {
|
185 |
+
children.push(el('div', {style: {width: '100%'}},
|
186 |
+
el('img', {className: 'carousel-slider-block-logo', src: settings.block_logo}),
|
187 |
+
el('div', null, settings.block_title),
|
188 |
+
inputFilterMain
|
189 |
+
));
|
190 |
+
} else {
|
191 |
+
children.push(
|
192 |
+
el('div', {className: 'carousel-slider-iframe-container'},
|
193 |
+
el('div', {className: 'carousel-slider-iframe-overlay'}),
|
194 |
+
el('iframe', {
|
195 |
+
className: 'carousel-slider-iframe',
|
196 |
+
src: settings.site_url + '?carousel_slider_preview=1&carousel_slider_iframe=1&slider_id=' + sliderID,
|
197 |
+
height: '0',
|
198 |
+
width: '500',
|
199 |
+
scrolling: 'no'
|
200 |
+
})
|
201 |
+
)
|
202 |
+
)
|
203 |
+
}
|
204 |
+
children.push(inspectorControls);
|
205 |
+
return [children];
|
206 |
+
},
|
207 |
+
|
208 |
+
save: function (props) {
|
209 |
+
var sliderID = props.attributes.sliderID;
|
210 |
+
|
211 |
+
if (!sliderID) return '';
|
212 |
+
/**
|
213 |
+
* we're essentially just adding a short code, here is where
|
214 |
+
* it's save in the editor
|
215 |
+
*
|
216 |
+
* return content wrapped in DIV b/c raw HTML is unsupported
|
217 |
+
* going forward
|
218 |
+
*/
|
219 |
+
var returnHTML = '[carousel_slide id=' + parseInt(sliderID) + ']';
|
220 |
+
return el('div', null, returnHTML);
|
221 |
+
}
|
222 |
+
});
|
223 |
+
})(window.wp.blocks, window.wp.i18n, window.wp.editor, window.wp.element, window.wp.components);
|
assets/{img → src/img}/ajax-loader.gif
RENAMED
File without changes
|
assets/{img → src/img}/play.svg
RENAMED
File without changes
|
assets/src/scss/admin.scss
ADDED
@@ -0,0 +1,14 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
$imagePath: '../img/';
|
2 |
+
|
3 |
+
@import "utilities/variables";
|
4 |
+
@import "utilities/mixins";
|
5 |
+
@import 'admin/widget';
|
6 |
+
@import 'admin/toggle';
|
7 |
+
@import 'admin/meta-box';
|
8 |
+
@import 'admin/datepicker';
|
9 |
+
@import 'admin/select2';
|
10 |
+
@import 'admin/model';
|
11 |
+
@import 'admin/modal';
|
12 |
+
@import 'admin/tooltip';
|
13 |
+
@import 'admin/tab';
|
14 |
+
@import 'admin/documentation';
|
assets/src/scss/admin/_datepicker.scss
ADDED
@@ -0,0 +1,46 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
/* jQuery UI Datepicker */
|
2 |
+
.ui-datepicker{
|
3 |
+
background-color: #ffffff;
|
4 |
+
border:1px solid #cccccc;
|
5 |
+
box-shadow:0 2px 4px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
|
6 |
+
padding: 8px;
|
7 |
+
display: none;
|
8 |
+
}
|
9 |
+
.ui-datepicker-header {
|
10 |
+
background-color: #f1f1f1;
|
11 |
+
}
|
12 |
+
.ui-datepicker-prev,
|
13 |
+
.ui-datepicker-next {
|
14 |
+
color:#000;
|
15 |
+
padding: 6px;
|
16 |
+
cursor: pointer;
|
17 |
+
}
|
18 |
+
.ui-datepicker-prev:hover,
|
19 |
+
.ui-datepicker-next:hover {
|
20 |
+
color:#000;
|
21 |
+
}
|
22 |
+
.ui-datepicker-prev {
|
23 |
+
float: left;
|
24 |
+
}
|
25 |
+
.ui-datepicker-next {
|
26 |
+
float: right;
|
27 |
+
}
|
28 |
+
.ui-datepicker-calendar td > a {
|
29 |
+
border: 1px solid #ddd;
|
30 |
+
display: block;
|
31 |
+
padding: 6px;
|
32 |
+
text-decoration: none;
|
33 |
+
color:#000;
|
34 |
+
background-color:#f1f1f1;
|
35 |
+
}
|
36 |
+
.ui-datepicker-calendar td.ui-datepicker-today > a {
|
37 |
+
color:#000;
|
38 |
+
background-color:#ffeb3b;
|
39 |
+
}
|
40 |
+
.ui-datepicker-calendar td.ui-datepicker-current-day > a {
|
41 |
+
color:#fff;
|
42 |
+
background-color:#f44336;
|
43 |
+
}
|
44 |
+
.sp-wp-editor-container {
|
45 |
+
max-width: 560px;
|
46 |
+
}
|
assets/src/scss/admin/_documentation.scss
ADDED
@@ -0,0 +1,44 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
.carousel_slider_iframe {
|
2 |
+
position: relative;
|
3 |
+
padding-bottom: 56.25%;
|
4 |
+
padding-top: 25px;
|
5 |
+
height: 0;
|
6 |
+
}
|
7 |
+
|
8 |
+
.carousel_slider_iframe > iframe {
|
9 |
+
position: absolute;
|
10 |
+
top: 0;
|
11 |
+
left: 0;
|
12 |
+
width: 100%;
|
13 |
+
height: 100%;
|
14 |
+
}
|
15 |
+
|
16 |
+
.carousel_slider_columns {
|
17 |
+
display: flex;
|
18 |
+
flex-wrap: wrap;
|
19 |
+
box-sizing: border-box;
|
20 |
+
}
|
21 |
+
|
22 |
+
.carousel_slider_column {
|
23 |
+
flex: 0 0 100%;
|
24 |
+
padding: 1rem;
|
25 |
+
box-sizing: border-box;
|
26 |
+
}
|
27 |
+
|
28 |
+
@media screen and (min-width: 601px) {
|
29 |
+
.carousel_slider_column {
|
30 |
+
flex: 0 0 50%;
|
31 |
+
}
|
32 |
+
}
|
33 |
+
|
34 |
+
@media screen and (min-width: 1025px) {
|
35 |
+
.carousel_slider_column {
|
36 |
+
flex: 0 0 33.333333%;
|
37 |
+
}
|
38 |
+
}
|
39 |
+
|
40 |
+
@media screen and (min-width: 1400px) {
|
41 |
+
.carousel_slider_column {
|
42 |
+
flex: 0 0 25%;
|
43 |
+
}
|
44 |
+
}
|
assets/src/scss/admin/_meta-box.scss
ADDED
@@ -0,0 +1,239 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
// Global
|
2 |
+
.overflowHidden {
|
3 |
+
overflow: hidden;
|
4 |
+
}
|
5 |
+
|
6 |
+
.overflowVisible {
|
7 |
+
overflow: visible;
|
8 |
+
}
|
9 |
+
|
10 |
+
// Meta box fields
|
11 |
+
.sp {
|
12 |
+
&-input-group {
|
13 |
+
margin-bottom: 10px;
|
14 |
+
&:after {
|
15 |
+
content: "";
|
16 |
+
display: table;
|
17 |
+
clear: both
|
18 |
+
}
|
19 |
+
}
|
20 |
+
|
21 |
+
&-input-label {
|
22 |
+
label {
|
23 |
+
font-weight: 600;
|
24 |
+
margin-right: 30px;
|
25 |
+
}
|
26 |
+
}
|
27 |
+
&-input-field {
|
28 |
+
}
|
29 |
+
|
30 |
+
&-input-label,
|
31 |
+
&-input-field {
|
32 |
+
float: left;
|
33 |
+
width: 100%;
|
34 |
+
}
|
35 |
+
&-input-desc {
|
36 |
+
color: #999;
|
37 |
+
font-size: 0.9em;
|
38 |
+
line-height: 1.3em;
|
39 |
+
margin: 10px 30px 10px 0;
|
40 |
+
}
|
41 |
+
&-input-text {
|
42 |
+
width: 100%;
|
43 |
+
padding: 8px 8px 8px 16px;
|
44 |
+
height: 35px !important;
|
45 |
+
|
46 |
+
option {
|
47 |
+
padding: 8px 4px;
|
48 |
+
}
|
49 |
+
}
|
50 |
+
}
|
51 |
+
|
52 |
+
.spacing-text {
|
53 |
+
width: 62px;
|
54 |
+
}
|
55 |
+
|
56 |
+
@media only screen and (min-width: 600px) {
|
57 |
+
.sp {
|
58 |
+
&-input-label {
|
59 |
+
width: 40%;
|
60 |
+
}
|
61 |
+
&-input-field {
|
62 |
+
width: 60%;
|
63 |
+
}
|
64 |
+
}
|
65 |
+
}
|
66 |
+
|
67 |
+
@media only screen and (min-width: 783px) {
|
68 |
+
.sp-input-label {
|
69 |
+
width: 30%;
|
70 |
+
}
|
71 |
+
.sp-input-field {
|
72 |
+
width: 70%;
|
73 |
+
}
|
74 |
+
.sp-input-text {
|
75 |
+
width: 25em;
|
76 |
+
}
|
77 |
+
}
|
78 |
+
|
79 |
+
@media only screen and (min-width: 851px) {
|
80 |
+
.sp-input-label,
|
81 |
+
.sp-input-field {
|
82 |
+
width: 100%;
|
83 |
+
}
|
84 |
+
}
|
85 |
+
|
86 |
+
@media only screen and (min-width: 1200px) {
|
87 |
+
.sp-input-label {
|
88 |
+
width: 40%;
|
89 |
+
}
|
90 |
+
.sp-input-field {
|
91 |
+
width: 60%;
|
92 |
+
}
|
93 |
+
}
|
94 |
+
|
95 |
+
@media only screen and (min-width: 1600px) {
|
96 |
+
.sp-input-label {
|
97 |
+
width: 30%;
|
98 |
+
}
|
99 |
+
.sp-input-field {
|
100 |
+
width: 70%;
|
101 |
+
}
|
102 |
+
}
|
103 |
+
|
104 |
+
// Admin Media gallery
|
105 |
+
.carousel_slider {
|
106 |
+
&_images {
|
107 |
+
&:before,
|
108 |
+
&:after {
|
109 |
+
display: table;
|
110 |
+
content: "";
|
111 |
+
}
|
112 |
+
&:after {
|
113 |
+
clear: both;
|
114 |
+
}
|
115 |
+
}
|
116 |
+
&_gallery_btn {
|
117 |
+
border: 1px solid #616161;
|
118 |
+
color: #616161;
|
119 |
+
background-color: #f1f1f1;
|
120 |
+
padding: 5px 15px;
|
121 |
+
text-decoration: none;
|
122 |
+
|
123 |
+
&:hover {
|
124 |
+
background-color: #ffffff;
|
125 |
+
color: #616161;
|
126 |
+
}
|
127 |
+
}
|
128 |
+
&_gallery_list {
|
129 |
+
margin: 15px 0 0 0;
|
130 |
+
padding: 0;
|
131 |
+
list-style: none;
|
132 |
+
box-sizing: border-box;
|
133 |
+
&:before,
|
134 |
+
&:after {
|
135 |
+
display: table;
|
136 |
+
content: "";
|
137 |
+
}
|
138 |
+
&:after {
|
139 |
+
clear: both;
|
140 |
+
}
|
141 |
+
|
142 |
+
li {
|
143 |
+
float: left;
|
144 |
+
margin: 0;
|
145 |
+
padding: 0;
|
146 |
+
|
147 |
+
> img {
|
148 |
+
margin-right: 10px;
|
149 |
+
margin-bottom: 10px;
|
150 |
+
display: block;
|
151 |
+
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
|
152 |
+
}
|
153 |
+
}
|
154 |
+
}
|
155 |
+
}
|
156 |
+
|
157 |
+
// Hide Post carousel fields
|
158 |
+
// Related fields will be open by jQuery
|
159 |
+
#field-_post_date_after,
|
160 |
+
#field-_post_date_before,
|
161 |
+
#field-_post_categories,
|
162 |
+
#field-_post_tags,
|
163 |
+
#field-_post_in {
|
164 |
+
display: none;
|
165 |
+
}
|
166 |
+
|
167 |
+
// Hide Post carousel fields
|
168 |
+
// Related fields will be open by jQuery
|
169 |
+
#field-_product_query,
|
170 |
+
#field-_product_categories,
|
171 |
+
#field-_product_tags,
|
172 |
+
#field-_product_in {
|
173 |
+
display: none;
|
174 |
+
}
|
175 |
+
|
176 |
+
#carousel-slider-navigation-settings,
|
177 |
+
#carousel-slider-responsive-settings,
|
178 |
+
#carousel-slider-autoplay-settings {
|
179 |
+
p {
|
180 |
+
overflow: hidden;
|
181 |
+
}
|
182 |
+
input.small-text,
|
183 |
+
select.small-text {
|
184 |
+
float: right;
|
185 |
+
}
|
186 |
+
}
|
187 |
+
|
188 |
+
// Content Carousel Meta
|
189 |
+
.tab-background {
|
190 |
+
.slide_bg_wrapper {
|
191 |
+
display: flex;
|
192 |
+
padding: 1rem 0;
|
193 |
+
}
|
194 |
+
.slide_thumb {
|
195 |
+
position: relative;
|
196 |
+
float: left;
|
197 |
+
margin-right: 1rem;
|
198 |
+
border: solid 1px #e0e0e0;
|
199 |
+
padding: 5px;
|
200 |
+
|
201 |
+
> div {
|
202 |
+
width: 320px;
|
203 |
+
height: 180px;
|
204 |
+
background-color: #f1f1f1;
|
205 |
+
background-repeat: no-repeat;
|
206 |
+
background-position: top left;
|
207 |
+
background-size: 100% auto;
|
208 |
+
}
|
209 |
+
|
210 |
+
> span {
|
211 |
+
display: inline-block;
|
212 |
+
position: absolute;
|
213 |
+
top: 0;
|
214 |
+
right: 0;
|
215 |
+
font-family: Arial, Helvetica, sans-serif;
|
216 |
+
font-size: 14px;
|
217 |
+
line-height: 14px;
|
218 |
+
padding: 3px 3px;
|
219 |
+
background-color: rgba(0, 0, 0, 0.5);
|
220 |
+
color: #ffffff;
|
221 |
+
cursor: pointer;
|
222 |
+
transition: all .3s ease-in-out;
|
223 |
+
|
224 |
+
&.hidden {
|
225 |
+
display: none !important;
|
226 |
+
}
|
227 |
+
}
|
228 |
+
}
|
229 |
+
|
230 |
+
.slide_image_settings_line {
|
231 |
+
display: block;
|
232 |
+
margin: 0.5rem 0;
|
233 |
+
|
234 |
+
> span {
|
235 |
+
width: 150px;
|
236 |
+
display: inline-block;
|
237 |
+
}
|
238 |
+
}
|
239 |
+
}
|
assets/src/scss/admin/_modal.scss
ADDED
@@ -0,0 +1,108 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
.modal {
|
2 |
+
@include overlay;
|
3 |
+
align-items: center;
|
4 |
+
display: none;
|
5 |
+
justify-content: center;
|
6 |
+
overflow: hidden;
|
7 |
+
position: fixed;
|
8 |
+
z-index: 10000;
|
9 |
+
|
10 |
+
.admin-bar & {
|
11 |
+
top: 32px;
|
12 |
+
}
|
13 |
+
|
14 |
+
.delete-icon {
|
15 |
+
@include delete;
|
16 |
+
}
|
17 |
+
|
18 |
+
// Modifiers
|
19 |
+
&.is-active {
|
20 |
+
display: flex;
|
21 |
+
}
|
22 |
+
|
23 |
+
&-background {
|
24 |
+
@include overlay;
|
25 |
+
background-color: rgba($black, 0.86);
|
26 |
+
}
|
27 |
+
|
28 |
+
&-content,
|
29 |
+
&-card {
|
30 |
+
margin: 0 20px;
|
31 |
+
max-height: calc(100vh - 160px);
|
32 |
+
overflow: auto;
|
33 |
+
position: relative;
|
34 |
+
width: 100%;
|
35 |
+
// Responsiveness
|
36 |
+
@media screen and (min-width: 769px), print {
|
37 |
+
margin: 0 auto;
|
38 |
+
max-height: calc(100vh - 40px);
|
39 |
+
width: 640px;
|
40 |
+
}
|
41 |
+
}
|
42 |
+
|
43 |
+
&-close {
|
44 |
+
@include delete;
|
45 |
+
background: none;
|
46 |
+
height: 40px;
|
47 |
+
position: fixed;
|
48 |
+
right: 20px;
|
49 |
+
top: 20px;
|
50 |
+
width: 40px;
|
51 |
+
}
|
52 |
+
|
53 |
+
&-card {
|
54 |
+
display: flex;
|
55 |
+
flex-direction: column;
|
56 |
+
max-height: calc(100vh - 40px);
|
57 |
+
overflow: hidden;
|
58 |
+
}
|
59 |
+
|
60 |
+
&-card-head,
|
61 |
+
&-card-foot {
|
62 |
+
align-items: center;
|
63 |
+
background-color: $background;
|
64 |
+
display: flex;
|
65 |
+
flex-shrink: 0;
|
66 |
+
justify-content: flex-start;
|
67 |
+
margin: 0;
|
68 |
+
padding: 20px;
|
69 |
+
position: relative;
|
70 |
+
}
|
71 |
+
|
72 |
+
&-card-head {
|
73 |
+
border-bottom: 1px solid $border;
|
74 |
+
border-top-left-radius: $radius-large;
|
75 |
+
border-top-right-radius: $radius-large;
|
76 |
+
}
|
77 |
+
|
78 |
+
&-card-title {
|
79 |
+
color: $text-strong;
|
80 |
+
flex-grow: 1;
|
81 |
+
flex-shrink: 0;
|
82 |
+
font-size: $size-4;
|
83 |
+
line-height: 1;
|
84 |
+
margin: 0;
|
85 |
+
padding: 0;
|
86 |
+
}
|
87 |
+
|
88 |
+
&-card-foot {
|
89 |
+
border-bottom-left-radius: $radius-large;
|
90 |
+
border-bottom-right-radius: $radius-large;
|
91 |
+
border-top: 1px solid $border;
|
92 |
+
.button {
|
93 |
+
&:not(:last-child) {
|
94 |
+
margin-right: 10px;
|
95 |
+
}
|
96 |
+
}
|
97 |
+
}
|
98 |
+
|
99 |
+
&-card-body {
|
100 |
+
-webkit-overflow-scrolling: touch;
|
101 |
+
background-color: $white;
|
102 |
+
flex-grow: 1;
|
103 |
+
flex-shrink: 1;
|
104 |
+
overflow: auto;
|
105 |
+
margin: 0;
|
106 |
+
padding: 20px;
|
107 |
+
}
|
108 |
+
}
|
assets/src/scss/admin/_model.scss
ADDED
@@ -0,0 +1,140 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
.carousel_slider {
|
2 |
+
&-modal{
|
3 |
+
display: none;
|
4 |
+
position: fixed;
|
5 |
+
z-index: 10000;
|
6 |
+
left: 0;
|
7 |
+
top: 0;
|
8 |
+
width: 100%;
|
9 |
+
height: 100%;
|
10 |
+
overflow: hidden;
|
11 |
+
background-color: rgb(0,0,0);
|
12 |
+
background-color: rgba(0,0,0,0.8);
|
13 |
+
|
14 |
+
&-content{
|
15 |
+
position: relative;
|
16 |
+
background-color: #fefefe;
|
17 |
+
margin: 50px auto 18px;
|
18 |
+
padding: 0;
|
19 |
+
border: 1px solid #23282d;
|
20 |
+
min-height: 300px;
|
21 |
+
width: 412px;
|
22 |
+
// height: 90%;
|
23 |
+
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
|
24 |
+
}
|
25 |
+
|
26 |
+
&-header {
|
27 |
+
background-color: #23282d;
|
28 |
+
color: white;
|
29 |
+
font-weight: bold;
|
30 |
+
padding: 10px 16px;
|
31 |
+
}
|
32 |
+
&-body {
|
33 |
+
// max-height: 300px;
|
34 |
+
overflow-x: hidden;
|
35 |
+
overflow-y: scroll;
|
36 |
+
padding: 2px 16px;
|
37 |
+
}
|
38 |
+
|
39 |
+
&-footer {
|
40 |
+
background-color: #23282d;
|
41 |
+
color: white;
|
42 |
+
font-weight: bold;
|
43 |
+
padding: 10px 16px;
|
44 |
+
|
45 |
+
img {
|
46 |
+
display: none;
|
47 |
+
height: 14px;
|
48 |
+
vertical-align: middle;
|
49 |
+
width: 14px;
|
50 |
+
}
|
51 |
+
}
|
52 |
+
}
|
53 |
+
|
54 |
+
&-form {
|
55 |
+
margin-left: -15px;
|
56 |
+
margin-right: -15px;
|
57 |
+
}
|
58 |
+
|
59 |
+
// Carousel Slider Images URL
|
60 |
+
&-fields {
|
61 |
+
background-color: #f1f1f1;
|
62 |
+
margin: 15px;
|
63 |
+
padding: 15px 25px 15px 15px;
|
64 |
+
position: relative;
|
65 |
+
display: inline-block;
|
66 |
+
float: left;
|
67 |
+
|
68 |
+
label.setting {
|
69 |
+
display: block;
|
70 |
+
margin-bottom: 5px;
|
71 |
+
|
72 |
+
.name {
|
73 |
+
display: inline-block;
|
74 |
+
vertical-align: top;
|
75 |
+
width: 75px;
|
76 |
+
}
|
77 |
+
input, textarea {
|
78 |
+
width: 250px;
|
79 |
+
}
|
80 |
+
}
|
81 |
+
.actions {
|
82 |
+
position: absolute;
|
83 |
+
right: 0;
|
84 |
+
top: 0;
|
85 |
+
|
86 |
+
> span {
|
87 |
+
background: #fff none repeat scroll 0 0;
|
88 |
+
display: block;
|
89 |
+
float: none;
|
90 |
+
cursor: pointer;
|
91 |
+
|
92 |
+
.dashicons-plus-alt:hover {
|
93 |
+
color: green;
|
94 |
+
}
|
95 |
+
|
96 |
+
.dashicons-trash:hover {
|
97 |
+
color: red;
|
98 |
+
}
|
99 |
+
}
|
100 |
+
}
|
101 |
+
}
|
102 |
+
|
103 |
+
&-close {
|
104 |
+
color: #f1f1f1;
|
105 |
+
float: right;
|
106 |
+
font-size: 28px;
|
107 |
+
font-weight: bold;
|
108 |
+
|
109 |
+
&:hover,
|
110 |
+
&:focus {
|
111 |
+
color: #fff;
|
112 |
+
text-decoration: none;
|
113 |
+
cursor: pointer;
|
114 |
+
}
|
115 |
+
}
|
116 |
+
}
|
117 |
+
|
118 |
+
.carousel_slider_url_images_list {
|
119 |
+
margin: 15px 0 0;
|
120 |
+
padding: 0;
|
121 |
+
list-style: none;
|
122 |
+
|
123 |
+
li {
|
124 |
+
float: left;
|
125 |
+
display: inline-block;
|
126 |
+
margin: 0 5px 5px 0;
|
127 |
+
}
|
128 |
+
}
|
129 |
+
|
130 |
+
@media only screen and (min-width: 820px ){
|
131 |
+
.carousel_slider-modal-content {
|
132 |
+
width: 810px;
|
133 |
+
}
|
134 |
+
}
|
135 |
+
|
136 |
+
@media only screen and (min-width: 1230px ){
|
137 |
+
.carousel_slider-modal-content {
|
138 |
+
width: 1220px;
|
139 |
+
}
|
140 |
+
}
|
assets/src/scss/admin/_select2.scss
ADDED
@@ -0,0 +1,634 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
.select2-container {
|
2 |
+
box-sizing: border-box;
|
3 |
+
display: inline-block;
|
4 |
+
margin: 0;
|
5 |
+
position: relative;
|
6 |
+
vertical-align: middle;
|
7 |
+
}
|
8 |
+
|
9 |
+
.select2-container .select2-selection--single {
|
10 |
+
box-sizing: border-box;
|
11 |
+
cursor: pointer;
|
12 |
+
display: block;
|
13 |
+
height: 28px;
|
14 |
+
user-select: none;
|
15 |
+
-webkit-user-select: none;
|
16 |
+
}
|
17 |
+
|
18 |
+
.select2-container .select2-selection--single .select2-selection__rendered {
|
19 |
+
display: block;
|
20 |
+
padding-left: 8px;
|
21 |
+
padding-right: 20px;
|
22 |
+
overflow: hidden;
|
23 |
+
text-overflow: ellipsis;
|
24 |
+
white-space: nowrap;
|
25 |
+
}
|
26 |
+
|
27 |
+
.select2-container .select2-selection--single .select2-selection__clear {
|
28 |
+
position: relative;
|
29 |
+
}
|
30 |
+
|
31 |
+
.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
|
32 |
+
padding-right: 8px;
|
33 |
+
padding-left: 20px;
|
34 |
+
}
|
35 |
+
|
36 |
+
.select2-container .select2-selection--multiple {
|
37 |
+
box-sizing: border-box;
|
38 |
+
cursor: pointer;
|
39 |
+
display: block;
|
40 |
+
min-height: 32px;
|
41 |
+
user-select: none;
|
42 |
+
-webkit-user-select: none;
|
43 |
+
}
|
44 |
+
|
45 |
+
.select2-container .select2-selection--multiple .select2-selection__rendered {
|
46 |
+
display: inline-block;
|
47 |
+
overflow: hidden;
|
48 |
+
padding-left: 8px;
|
49 |
+
text-overflow: ellipsis;
|
50 |
+
white-space: nowrap;
|
51 |
+
}
|
52 |
+
|
53 |
+
.select2-container .select2-search--inline {
|
54 |
+
float: left;
|
55 |
+
}
|
56 |
+
|
57 |
+
.select2-container .select2-search--inline .select2-search__field {
|
58 |
+
box-sizing: border-box;
|
59 |
+
border: none;
|
60 |
+
font-size: 100%;
|
61 |
+
margin-top: 5px;
|
62 |
+
padding: 0;
|
63 |
+
}
|
64 |
+
|
65 |
+
.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
|
66 |
+
-webkit-appearance: none;
|
67 |
+
}
|
68 |
+
|
69 |
+
.select2-dropdown {
|
70 |
+
background-color: white;
|
71 |
+
border: 1px solid #aaa;
|
72 |
+
border-radius: 0;
|
73 |
+
box-sizing: border-box;
|
74 |
+
display: block;
|
75 |
+
position: absolute;
|
76 |
+
left: -100000px;
|
77 |
+
width: 100%;
|
78 |
+
z-index: 1051;
|
79 |
+
}
|
80 |
+
|
81 |
+
.select2-results {
|
82 |
+
display: block;
|
83 |
+
}
|
84 |
+
|
85 |
+
.select2-results__options {
|
86 |
+
list-style: none;
|
87 |
+
margin: 0;
|
88 |
+
padding: 0;
|
89 |
+
}
|
90 |
+
|
91 |
+
.select2-results__option {
|
92 |
+
padding: 6px;
|
93 |
+
user-select: none;
|
94 |
+
-webkit-user-select: none;
|
95 |
+
}
|
96 |
+
|
97 |
+
.select2-results__option[aria-selected] {
|
98 |
+
cursor: pointer;
|
99 |
+
}
|
100 |
+
|
101 |
+
.select2-container--open .select2-dropdown {
|
102 |
+
left: 0;
|
103 |
+
}
|
104 |
+
|
105 |
+
.select2-container--open .select2-dropdown--above {
|
106 |
+
border-bottom: none;
|
107 |
+
border-bottom-left-radius: 0;
|
108 |
+
border-bottom-right-radius: 0;
|
109 |
+
}
|
110 |
+
|
111 |
+
.select2-container--open .select2-dropdown--below {
|
112 |
+
border-top: none;
|
113 |
+
border-top-left-radius: 0;
|
114 |
+
border-top-right-radius: 0;
|
115 |
+
}
|
116 |
+
|
117 |
+
.select2-search--dropdown {
|
118 |
+
display: block;
|
119 |
+
padding: 4px;
|
120 |
+
}
|
121 |
+
|
122 |
+
.select2-search--dropdown .select2-search__field {
|
123 |
+
padding: 4px;
|
124 |
+
width: 100%;
|
125 |
+
box-sizing: border-box;
|
126 |
+
}
|
127 |
+
|
128 |
+
.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
|
129 |
+
-webkit-appearance: none;
|
130 |
+
}
|
131 |
+
|
132 |
+
.select2-search--dropdown.select2-search--hide {
|
133 |
+
display: none;
|
134 |
+
}
|
135 |
+
|
136 |
+
.select2-close-mask {
|
137 |
+
border: 0;
|
138 |
+
margin: 0;
|
139 |
+
padding: 0;
|
140 |
+
display: block;
|
141 |
+
position: fixed;
|
142 |
+
left: 0;
|
143 |
+
top: 0;
|
144 |
+
min-height: 100%;
|
145 |
+
min-width: 100%;
|
146 |
+
height: auto;
|
147 |
+
width: auto;
|
148 |
+
opacity: 0;
|
149 |
+
z-index: 99;
|
150 |
+
background-color: #fff;
|
151 |
+
filter: alpha(opacity=0);
|
152 |
+
}
|
153 |
+
|
154 |
+
.select2-hidden-accessible {
|
155 |
+
border: 0 !important;
|
156 |
+
clip: rect(0 0 0 0) !important;
|
157 |
+
height: 1px !important;
|
158 |
+
margin: -1px !important;
|
159 |
+
overflow: hidden !important;
|
160 |
+
padding: 0 !important;
|
161 |
+
position: absolute !important;
|
162 |
+
width: 1px !important;
|
163 |
+
}
|
164 |
+
|
165 |
+
.select2-container--default .select2-selection--single {
|
166 |
+
background-color: #fff;
|
167 |
+
border: 1px solid #aaa;
|
168 |
+
border-radius: 0;
|
169 |
+
}
|
170 |
+
|
171 |
+
.select2-container--default .select2-selection--single .select2-selection__rendered {
|
172 |
+
color: #444;
|
173 |
+
line-height: 28px;
|
174 |
+
}
|
175 |
+
|
176 |
+
.select2-container--default .select2-selection--single .select2-selection__clear {
|
177 |
+
cursor: pointer;
|
178 |
+
float: right;
|
179 |
+
font-weight: bold;
|
180 |
+
}
|
181 |
+
|
182 |
+
.select2-container--default .select2-selection--single .select2-selection__placeholder {
|
183 |
+
color: #999;
|
184 |
+
}
|
185 |
+
|
186 |
+
.select2-container--default .select2-selection--single .select2-selection__arrow {
|
187 |
+
height: 26px;
|
188 |
+
position: absolute;
|
189 |
+
top: 1px;
|
190 |
+
right: 1px;
|
191 |
+
width: 20px;
|
192 |
+
}
|
193 |
+
|
194 |
+
.select2-container--default .select2-selection--single .select2-selection__arrow b {
|
195 |
+
border-color: #888 transparent transparent transparent;
|
196 |
+
border-style: solid;
|
197 |
+
border-width: 5px 4px 0 4px;
|
198 |
+
height: 0;
|
199 |
+
left: 50%;
|
200 |
+
margin-left: -4px;
|
201 |
+
margin-top: -2px;
|
202 |
+
position: absolute;
|
203 |
+
top: 50%;
|
204 |
+
width: 0;
|
205 |
+
}
|
206 |
+
|
207 |
+
.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
|
208 |
+
float: left;
|
209 |
+
}
|
210 |
+
|
211 |
+
.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
|
212 |
+
left: 1px;
|
213 |
+
right: auto;
|
214 |
+
}
|
215 |
+
|
216 |
+
.select2-container--default.select2-container--disabled .select2-selection--single {
|
217 |
+
background-color: #eee;
|
218 |
+
cursor: default;
|
219 |
+
}
|
220 |
+
|
221 |
+
.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
|
222 |
+
display: none;
|
223 |
+
}
|
224 |
+
|
225 |
+
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
|
226 |
+
border-color: transparent transparent #888 transparent;
|
227 |
+
border-width: 0 4px 5px 4px;
|
228 |
+
}
|
229 |
+
|
230 |
+
.select2-container--default .select2-selection--multiple {
|
231 |
+
background-color: white;
|
232 |
+
border: 1px solid #aaa;
|
233 |
+
border-radius: 0;
|
234 |
+
cursor: text;
|
235 |
+
}
|
236 |
+
|
237 |
+
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
|
238 |
+
box-sizing: border-box;
|
239 |
+
list-style: none;
|
240 |
+
margin: 0;
|
241 |
+
padding: 0 5px;
|
242 |
+
width: 100%;
|
243 |
+
}
|
244 |
+
|
245 |
+
.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
|
246 |
+
list-style: none;
|
247 |
+
}
|
248 |
+
|
249 |
+
.select2-container--default .select2-selection--multiple .select2-selection__placeholder {
|
250 |
+
color: #999;
|
251 |
+
margin-top: 5px;
|
252 |
+
float: left;
|
253 |
+
}
|
254 |
+
|
255 |
+
.select2-container--default .select2-selection--multiple .select2-selection__clear {
|
256 |
+
cursor: pointer;
|
257 |
+
float: right;
|
258 |
+
font-weight: bold;
|
259 |
+
margin-top: 5px;
|
260 |
+
margin-right: 10px;
|
261 |
+
}
|
262 |
+
|
263 |
+
.select2-container--default .select2-selection--multiple .select2-selection__choice {
|
264 |
+
background-color: #e4e4e4;
|
265 |
+
border: 1px solid #aaa;
|
266 |
+
border-radius: 0;
|
267 |
+
cursor: default;
|
268 |
+
float: left;
|
269 |
+
margin-right: 5px;
|
270 |
+
margin-top: 5px;
|
271 |
+
padding: 0 5px;
|
272 |
+
}
|
273 |
+
|
274 |
+
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
|
275 |
+
color: #999;
|
276 |
+
cursor: pointer;
|
277 |
+
display: inline-block;
|
278 |
+
font-weight: bold;
|
279 |
+
margin-right: 2px;
|
280 |
+
}
|
281 |
+
|
282 |
+
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
|
283 |
+
color: #333;
|
284 |
+
}
|
285 |
+
|
286 |
+
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline {
|
287 |
+
float: right;
|
288 |
+
}
|
289 |
+
|
290 |
+
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
|
291 |
+
margin-left: 5px;
|
292 |
+
margin-right: auto;
|
293 |
+
}
|
294 |
+
|
295 |
+
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
|
296 |
+
margin-left: 2px;
|
297 |
+
margin-right: auto;
|
298 |
+
}
|
299 |
+
|
300 |
+
.select2-container--default.select2-container--focus .select2-selection--multiple {
|
301 |
+
border: solid black 1px;
|
302 |
+
outline: 0;
|
303 |
+
}
|
304 |
+
|
305 |
+
.select2-container--default.select2-container--disabled .select2-selection--multiple {
|
306 |
+
background-color: #eee;
|
307 |
+
cursor: default;
|
308 |
+
}
|
309 |
+
|
310 |
+
.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
|
311 |
+
display: none;
|
312 |
+
}
|
313 |
+
|
314 |
+
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
|
315 |
+
border-top-left-radius: 0;
|
316 |
+
border-top-right-radius: 0;
|
317 |
+
}
|
318 |
+
|
319 |
+
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
|
320 |
+
border-bottom-left-radius: 0;
|
321 |
+
border-bottom-right-radius: 0;
|
322 |
+
}
|
323 |
+
|
324 |
+
.select2-container--default .select2-search--dropdown .select2-search__field {
|
325 |
+
border: 1px solid #aaa;
|
326 |
+
}
|
327 |
+
|
328 |
+
.select2-container--default .select2-search--inline .select2-search__field {
|
329 |
+
background: transparent;
|
330 |
+
border: none;
|
331 |
+
outline: 0;
|
332 |
+
box-shadow: none;
|
333 |
+
-webkit-appearance: textfield;
|
334 |
+
}
|
335 |
+
|
336 |
+
.select2-container--default .select2-results > .select2-results__options {
|
337 |
+
max-height: 200px;
|
338 |
+
overflow-y: auto;
|
339 |
+
}
|
340 |
+
|
341 |
+
.select2-container--default .select2-results__option[role=group] {
|
342 |
+
padding: 0;
|
343 |
+
}
|
344 |
+
|
345 |
+
.select2-container--default .select2-results__option[aria-disabled=true] {
|
346 |
+
color: #999;
|
347 |
+
}
|
348 |
+
|
349 |
+
.select2-container--default .select2-results__option[aria-selected=true] {
|
350 |
+
background-color: #ddd;
|
351 |
+
}
|
352 |
+
|
353 |
+
.select2-container--default .select2-results__option .select2-results__option {
|
354 |
+
padding-left: 1em;
|
355 |
+
}
|
356 |
+
|
357 |
+
.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
|
358 |
+
padding-left: 0;
|
359 |
+
}
|
360 |
+
|
361 |
+
.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
|
362 |
+
margin-left: -1em;
|
363 |
+
padding-left: 2em;
|
364 |
+
}
|
365 |
+
|
366 |
+
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
|
367 |
+
margin-left: -2em;
|
368 |
+
padding-left: 3em;
|
369 |
+
}
|
370 |
+
|
371 |
+
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
|
372 |
+
margin-left: -3em;
|
373 |
+
padding-left: 4em;
|
374 |
+
}
|
375 |
+
|
376 |
+
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
|
377 |
+
margin-left: -4em;
|
378 |
+
padding-left: 5em;
|
379 |
+
}
|
380 |
+
|
381 |
+
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
|
382 |
+
margin-left: -5em;
|
383 |
+
padding-left: 6em;
|
384 |
+
}
|
385 |
+
|
386 |
+
.select2-container--default .select2-results__option--highlighted[aria-selected] {
|
387 |
+
background-color: #5897fb;
|
388 |
+
color: white;
|
389 |
+
}
|
390 |
+
|
391 |
+
.select2-container--default .select2-results__group {
|
392 |
+
cursor: default;
|
393 |
+
display: block;
|
394 |
+
padding: 6px;
|
395 |
+
}
|
396 |
+
|
397 |
+
.select2-container--classic .select2-selection--single {
|
398 |
+
background-color: #f7f7f7;
|
399 |
+
border: 1px solid #aaa;
|
400 |
+
border-radius: 0;
|
401 |
+
outline: 0;
|
402 |
+
background-image: -webkit-linear-gradient(top, white 50%, #eeeeee 100%);
|
403 |
+
background-image: -o-linear-gradient(top, white 50%, #eeeeee 100%);
|
404 |
+
background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%);
|
405 |
+
background-repeat: repeat-x;
|
406 |
+
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0);
|
407 |
+
}
|
408 |
+
|
409 |
+
.select2-container--classic .select2-selection--single:focus {
|
410 |
+
border: 1px solid #5897fb;
|
411 |
+
}
|
412 |
+
|
413 |
+
.select2-container--classic .select2-selection--single .select2-selection__rendered {
|
414 |
+
color: #444;
|
415 |
+
line-height: 28px;
|
416 |
+
}
|
417 |
+
|
418 |
+
.select2-container--classic .select2-selection--single .select2-selection__clear {
|
419 |
+
cursor: pointer;
|
420 |
+
float: right;
|
421 |
+
font-weight: bold;
|
422 |
+
margin-right: 10px;
|
423 |
+
}
|
424 |
+
|
425 |
+
.select2-container--classic .select2-selection--single .select2-selection__placeholder {
|
426 |
+
color: #999;
|
427 |
+
}
|
428 |
+
|
429 |
+
.select2-container--classic .select2-selection--single .select2-selection__arrow {
|
430 |
+
background-color: #ddd;
|
431 |
+
border: none;
|
432 |
+
border-left: 1px solid #aaa;
|
433 |
+
border-top-right-radius: 4px;
|
434 |
+
border-bottom-right-radius: 4px;
|
435 |
+
height: 26px;
|
436 |
+
position: absolute;
|
437 |
+
top: 1px;
|
438 |
+
right: 1px;
|
439 |
+
width: 20px;
|
440 |
+
background-image: -webkit-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
|
441 |
+
background-image: -o-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
|
442 |
+
background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%);
|
443 |
+
background-repeat: repeat-x;
|
444 |
+
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0);
|
445 |
+
}
|
446 |
+
|
447 |
+
.select2-container--classic .select2-selection--single .select2-selection__arrow b {
|
448 |
+
border-color: #888 transparent transparent transparent;
|
449 |
+
border-style: solid;
|
450 |
+
border-width: 5px 4px 0 4px;
|
451 |
+
height: 0;
|
452 |
+
left: 50%;
|
453 |
+
margin-left: -4px;
|
454 |
+
margin-top: -2px;
|
455 |
+
position: absolute;
|
456 |
+
top: 50%;
|
457 |
+
width: 0;
|
458 |
+
}
|
459 |
+
|
460 |
+
.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
|
461 |
+
float: left;
|
462 |
+
}
|
463 |
+
|
464 |
+
.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
|
465 |
+
border: none;
|
466 |
+
border-right: 1px solid #aaa;
|
467 |
+
border-radius: 0;
|
468 |
+
border-top-left-radius: 4px;
|
469 |
+
border-bottom-left-radius: 4px;
|
470 |
+
left: 1px;
|
471 |
+
right: auto;
|
472 |
+
}
|
473 |
+
|
474 |
+
.select2-container--classic.select2-container--open .select2-selection--single {
|
475 |
+
border: 1px solid #5897fb;
|
476 |
+
}
|
477 |
+
|
478 |
+
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
|
479 |
+
background: transparent;
|
480 |
+
border: none;
|
481 |
+
}
|
482 |
+
|
483 |
+
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
|
484 |
+
border-color: transparent transparent #888 transparent;
|
485 |
+
border-width: 0 4px 5px 4px;
|
486 |
+
}
|
487 |
+
|
488 |
+
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
|
489 |
+
border-top: none;
|
490 |
+
border-top-left-radius: 0;
|
491 |
+
border-top-right-radius: 0;
|
492 |
+
background-image: -webkit-linear-gradient(top, white 0%, #eeeeee 50%);
|
493 |
+
background-image: -o-linear-gradient(top, white 0%, #eeeeee 50%);
|
494 |
+
background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%);
|
495 |
+
background-repeat: repeat-x;
|
496 |
+
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0);
|
497 |
+
}
|
498 |
+
|
499 |
+
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
|
500 |
+
border-bottom: none;
|
501 |
+
border-bottom-left-radius: 0;
|
502 |
+
border-bottom-right-radius: 0;
|
503 |
+
background-image: -webkit-linear-gradient(top, #eeeeee 50%, white 100%);
|
504 |
+
background-image: -o-linear-gradient(top, #eeeeee 50%, white 100%);
|
505 |
+
background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%);
|
506 |
+
background-repeat: repeat-x;
|
507 |
+
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0);
|
508 |
+
}
|
509 |
+
|
510 |
+
.select2-container--classic .select2-selection--multiple {
|
511 |
+
background-color: white;
|
512 |
+
border: 1px solid #aaa;
|
513 |
+
border-radius: 0;
|
514 |
+
cursor: text;
|
515 |
+
outline: 0;
|
516 |
+
}
|
517 |
+
|
518 |
+
.select2-container--classic .select2-selection--multiple:focus {
|
519 |
+
border: 1px solid #5897fb;
|
520 |
+
}
|
521 |
+
|
522 |
+
.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
|
523 |
+
list-style: none;
|
524 |
+
margin: 0;
|
525 |
+
padding: 0 5px;
|
526 |
+
}
|
527 |
+
|
528 |
+
.select2-container--classic .select2-selection--multiple .select2-selection__clear {
|
529 |
+
display: none;
|
530 |
+
}
|
531 |
+
|
532 |
+
.select2-container--classic .select2-selection--multiple .select2-selection__choice {
|
533 |
+
background-color: #e4e4e4;
|
534 |
+
border: 1px solid #aaa;
|
535 |
+
border-radius: 0;
|
536 |
+
cursor: default;
|
537 |
+
float: left;
|
538 |
+
margin-right: 5px;
|
539 |
+
margin-top: 5px;
|
540 |
+
padding: 0 5px;
|
541 |
+
}
|
542 |
+
|
543 |
+
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
|
544 |
+
color: #888;
|
545 |
+
cursor: pointer;
|
546 |
+
display: inline-block;
|
547 |
+
font-weight: bold;
|
548 |
+
margin-right: 2px;
|
549 |
+
}
|
550 |
+
|
551 |
+
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
|
552 |
+
color: #555;
|
553 |
+
}
|
554 |
+
|
555 |
+
.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
|
556 |
+
float: right;
|
557 |
+
}
|
558 |
+
|
559 |
+
.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
|
560 |
+
margin-left: 5px;
|
561 |
+
margin-right: auto;
|
562 |
+
}
|
563 |
+
|
564 |
+
.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
|
565 |
+
margin-left: 2px;
|
566 |
+
margin-right: auto;
|
567 |
+
}
|
568 |
+
|
569 |
+
.select2-container--classic.select2-container--open .select2-selection--multiple {
|
570 |
+
border: 1px solid #5897fb;
|
571 |
+
}
|
572 |
+
|
573 |
+
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
|
574 |
+
border-top: none;
|
575 |
+
border-top-left-radius: 0;
|
576 |
+
border-top-right-radius: 0;
|
577 |
+
}
|
578 |
+
|
579 |
+
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
|
580 |
+
border-bottom: none;
|
581 |
+
border-bottom-left-radius: 0;
|
582 |
+
border-bottom-right-radius: 0;
|
583 |
+
}
|
584 |
+
|
585 |
+
.select2-container--classic .select2-search--dropdown .select2-search__field {
|
586 |
+
border: 1px solid #aaa;
|
587 |
+
outline: 0;
|
588 |
+
}
|
589 |
+
|
590 |
+
.select2-container--classic .select2-search--inline .select2-search__field {
|
591 |
+
outline: 0;
|
592 |
+
box-shadow: none;
|
593 |
+
}
|
594 |
+
|
595 |
+
.select2-container--classic .select2-dropdown {
|
596 |
+
background-color: white;
|
597 |
+
border: 1px solid transparent;
|
598 |
+
}
|
599 |
+
|
600 |
+
.select2-container--classic .select2-dropdown--above {
|
601 |
+
border-bottom: none;
|
602 |
+
}
|
603 |
+
|
604 |
+
.select2-container--classic .select2-dropdown--below {
|
605 |
+
border-top: none;
|
606 |
+
}
|
607 |
+
|
608 |
+
.select2-container--classic .select2-results > .select2-results__options {
|
609 |
+
max-height: 200px;
|
610 |
+
overflow-y: auto;
|
611 |
+
}
|
612 |
+
|
613 |
+
.select2-container--classic .select2-results__option[role=group] {
|
614 |
+
padding: 0;
|
615 |
+
}
|
616 |
+
|
617 |
+
.select2-container--classic .select2-results__option[aria-disabled=true] {
|
618 |
+
color: grey;
|
619 |
+
}
|
620 |
+
|
621 |
+
.select2-container--classic .select2-results__option--highlighted[aria-selected] {
|
622 |
+
background-color: #3875d7;
|
623 |
+
color: white;
|
624 |
+
}
|
625 |
+
|
626 |
+
.select2-container--classic .select2-results__group {
|
627 |
+
cursor: default;
|
628 |
+
display: block;
|
629 |
+
padding: 6px;
|
630 |
+
}
|
631 |
+
|
632 |
+
.select2-container--classic.select2-container--open .select2-dropdown {
|
633 |
+
border-color: #5897fb;
|
634 |
+
}
|
assets/src/scss/admin/_tab.scss
ADDED
@@ -0,0 +1,79 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
/* Tabs */
|
2 |
+
$accent: #323232;
|
3 |
+
|
4 |
+
.shapla-nav {
|
5 |
+
list-style: none !important;
|
6 |
+
margin: 0;
|
7 |
+
padding: 0;
|
8 |
+
|
9 |
+
&:before,
|
10 |
+
&:after {
|
11 |
+
display: table;
|
12 |
+
content: ' ';
|
13 |
+
}
|
14 |
+
|
15 |
+
&:after {
|
16 |
+
clear: both;
|
17 |
+
}
|
18 |
+
|
19 |
+
li {
|
20 |
+
float: left;
|
21 |
+
position: relative;
|
22 |
+
margin: 0 1px -1px 0 !important;
|
23 |
+
z-index: 1;
|
24 |
+
outline: 0;
|
25 |
+
}
|
26 |
+
a {
|
27 |
+
text-decoration: none;
|
28 |
+
display: block;
|
29 |
+
padding: 15px 10px;
|
30 |
+
line-height: 1;
|
31 |
+
outline: 0;
|
32 |
+
}
|
33 |
+
}
|
34 |
+
|
35 |
+
.shapla-tab {
|
36 |
+
margin: 0 0 2em 0;
|
37 |
+
padding: 21px 20px 20px 20px;
|
38 |
+
|
39 |
+
p:first-of-type {
|
40 |
+
margin-top: 0;
|
41 |
+
}
|
42 |
+
p:last-of-type {
|
43 |
+
margin-bottom: 0;
|
44 |
+
}
|
45 |
+
}
|
46 |
+
|
47 |
+
.shapla-tabs--normal {
|
48 |
+
.shapla-nav {
|
49 |
+
a {
|
50 |
+
background: $accent;
|
51 |
+
color: #fff;
|
52 |
+
}
|
53 |
+
.ui-tabs-active a {
|
54 |
+
background: #f1f1f1;
|
55 |
+
color: $accent;
|
56 |
+
outline: 0;
|
57 |
+
}
|
58 |
+
}
|
59 |
+
.shapla-tab {
|
60 |
+
background: #f1f1f1;
|
61 |
+
}
|
62 |
+
}
|
63 |
+
|
64 |
+
.shapla-tabs--stroke {
|
65 |
+
.shapla-nav li {
|
66 |
+
margin: 0 -1px 0 0 !important;
|
67 |
+
}
|
68 |
+
.shapla-nav a {
|
69 |
+
border: 1px solid $accent;
|
70 |
+
color: $accent;
|
71 |
+
}
|
72 |
+
.shapla-nav .ui-tabs-active a {
|
73 |
+
border-bottom-color: white;
|
74 |
+
}
|
75 |
+
.shapla-tab {
|
76 |
+
border: 1px solid $accent;
|
77 |
+
margin-top: -1px;
|
78 |
+
}
|
79 |
+
}
|
assets/src/scss/admin/_toggle.scss
ADDED
@@ -0,0 +1,51 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
.shapla-toggle {
|
2 |
+
margin: 1em 0 !important;
|
3 |
+
|
4 |
+
&-title {
|
5 |
+
display: block;
|
6 |
+
padding: 15px 10px;
|
7 |
+
outline: 0;
|
8 |
+
cursor: pointer;
|
9 |
+
position: relative;
|
10 |
+
|
11 |
+
&:after {
|
12 |
+
position: absolute;
|
13 |
+
right: 15px;
|
14 |
+
font: 400 20px/1 dashicons;
|
15 |
+
margin-left: -1px;
|
16 |
+
padding-right: 3px;
|
17 |
+
vertical-align: top;
|
18 |
+
content: "\f132";
|
19 |
+
}
|
20 |
+
|
21 |
+
&.ui-state-active:after {
|
22 |
+
content: "\f460";
|
23 |
+
}
|
24 |
+
}
|
25 |
+
|
26 |
+
&-content {
|
27 |
+
padding: 20px;
|
28 |
+
background-color: #f1f1f1;
|
29 |
+
}
|
30 |
+
|
31 |
+
&--normal .shapla-toggle-title {
|
32 |
+
background: #9e9e9e;
|
33 |
+
color: white;
|
34 |
+
font-weight: 600;
|
35 |
+
}
|
36 |
+
|
37 |
+
&--stroke .shapla-toggle-title {
|
38 |
+
border: 1px solid #363f48;
|
39 |
+
font-weight: 600;
|
40 |
+
|
41 |
+
&:after {
|
42 |
+
color: #363f48;
|
43 |
+
}
|
44 |
+
}
|
45 |
+
&--stroke .shapla-toggle-content {
|
46 |
+
padding: 20px;
|
47 |
+
background-color: #ffffff;
|
48 |
+
border: 1px solid #363f48;
|
49 |
+
border-top: none;
|
50 |
+
}
|
51 |
+
}
|
assets/src/scss/admin/_tooltip.scss
ADDED
@@ -0,0 +1,133 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
.cs-tooltip {
|
2 |
+
display: inline-block;
|
3 |
+
width: 1.5em;
|
4 |
+
height: 1.5em;
|
5 |
+
float: right;
|
6 |
+
|
7 |
+
&:after {
|
8 |
+
font-family: Dashicons;
|
9 |
+
speak: none;
|
10 |
+
font-weight: 400;
|
11 |
+
text-transform: none;
|
12 |
+
-webkit-font-smoothing: antialiased;
|
13 |
+
width: 100%;
|
14 |
+
height: 100%;
|
15 |
+
text-align: center;
|
16 |
+
content: "\f223";
|
17 |
+
cursor: help;
|
18 |
+
}
|
19 |
+
}
|
20 |
+
|
21 |
+
/* TipTip CSS - Version 1.2 */
|
22 |
+
|
23 |
+
#tiptip_holder {
|
24 |
+
display: none;
|
25 |
+
position: absolute;
|
26 |
+
top: 0;
|
27 |
+
left: 0;
|
28 |
+
z-index: 99999;
|
29 |
+
}
|
30 |
+
|
31 |
+
#tiptip_holder.tip_top {
|
32 |
+
padding-bottom: 5px;
|
33 |
+
}
|
34 |
+
|
35 |
+
#tiptip_holder.tip_bottom {
|
36 |
+
padding-top: 5px;
|
37 |
+
}
|
38 |
+
|
39 |
+
#tiptip_holder.tip_right {
|
40 |
+
padding-left: 5px;
|
41 |
+
}
|
42 |
+
|
43 |
+
#tiptip_holder.tip_left {
|
44 |
+
padding-right: 5px;
|
45 |
+
}
|
46 |
+
|
47 |
+
#tiptip_content {
|
48 |
+
font-size: 11px;
|
49 |
+
color: #fff;
|
50 |
+
text-shadow: 0 0 2px #000;
|
51 |
+
padding: 4px 8px;
|
52 |
+
border: 1px solid rgba(255,255,255,0.25);
|
53 |
+
background-color: rgb(25,25,25);
|
54 |
+
background-color: rgba(25,25,25,0.92);
|
55 |
+
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#000));
|
56 |
+
border-radius: 3px;
|
57 |
+
-webkit-border-radius: 3px;
|
58 |
+
-moz-border-radius: 3px;
|
59 |
+
box-shadow: 0 0 3px #555;
|
60 |
+
-webkit-box-shadow: 0 0 3px #555;
|
61 |
+
-moz-box-shadow: 0 0 3px #555;
|
62 |
+
}
|
63 |
+
|
64 |
+
#tiptip_arrow, #tiptip_arrow_inner {
|
65 |
+
position: absolute;
|
66 |
+
border-color: transparent;
|
67 |
+
border-style: solid;
|
68 |
+
border-width: 6px;
|
69 |
+
height: 0;
|
70 |
+
width: 0;
|
71 |
+
}
|
72 |
+
|
73 |
+
#tiptip_holder.tip_top #tiptip_arrow {
|
74 |
+
border-top-color: #fff;
|
75 |
+
border-top-color: rgba(255,255,255,0.35);
|
76 |
+
}
|
77 |
+
|
78 |
+
#tiptip_holder.tip_bottom #tiptip_arrow {
|
79 |
+
border-bottom-color: #fff;
|
80 |
+
border-bottom-color: rgba(255,255,255,0.35);
|
81 |
+
}
|
82 |
+
|
83 |
+
#tiptip_holder.tip_right #tiptip_arrow {
|
84 |
+
border-right-color: #fff;
|
85 |
+
border-right-color: rgba(255,255,255,0.35);
|
86 |
+
}
|
87 |
+
|
88 |
+
#tiptip_holder.tip_left #tiptip_arrow {
|
89 |
+
border-left-color: #fff;
|
90 |
+
border-left-color: rgba(255,255,255,0.35);
|
91 |
+
}
|
92 |
+
|
93 |
+
#tiptip_holder.tip_top #tiptip_arrow_inner {
|
94 |
+
margin-top: -7px;
|
95 |
+
margin-left: -6px;
|
96 |
+
border-top-color: rgb(25,25,25);
|
97 |
+
border-top-color: rgba(25,25,25,0.92);
|
98 |
+
}
|
99 |
+
|
100 |
+
#tiptip_holder.tip_bottom #tiptip_arrow_inner {
|
101 |
+
margin-top: -5px;
|
102 |
+
margin-left: -6px;
|
103 |
+
border-bottom-color: rgb(25,25,25);
|
104 |
+
border-bottom-color: rgba(25,25,25,0.92);
|
105 |
+
}
|
106 |
+
|
107 |
+
#tiptip_holder.tip_right #tiptip_arrow_inner {
|
108 |
+
margin-top: -6px;
|
109 |
+
margin-left: -5px;
|
110 |
+
border-right-color: rgb(25,25,25);
|
111 |
+
border-right-color: rgba(25,25,25,0.92);
|
112 |
+
}
|
113 |
+
|
114 |
+
#tiptip_holder.tip_left #tiptip_arrow_inner {
|
115 |
+
margin-top: -6px;
|
116 |
+
margin-left: -7px;
|
117 |
+
border-left-color: rgb(25,25,25);
|
118 |
+
border-left-color: rgba(25,25,25,0.92);
|
119 |
+
}
|
120 |
+
|
121 |
+
/* Webkit Hacks */
|
122 |
+
@media screen and (-webkit-min-device-pixel-ratio:0) {
|
123 |
+
#tiptip_content {
|
124 |
+
padding: 4px 8px 5px 8px;
|
125 |
+
background-color: rgba(45,45,45,0.88);
|
126 |
+
}
|
127 |
+
#tiptip_holder.tip_bottom #tiptip_arrow_inner {
|
128 |
+
border-bottom-color: rgba(45,45,45,0.88);
|
129 |
+
}
|
130 |
+
#tiptip_holder.tip_top #tiptip_arrow_inner {
|
131 |
+
border-top-color: rgba(20,20,20,0.92);
|
132 |
+
}
|
133 |
+
}
|
assets/src/scss/admin/_widget.scss
ADDED
@@ -0,0 +1,10 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
// Widget Styles
|
2 |
+
div[id*="_carousel_slider"] .widget-top{
|
3 |
+
background: #ddffff !important;
|
4 |
+
border: 1px solid #2196f3 !important;
|
5 |
+
|
6 |
+
&:hover {
|
7 |
+
background: #ffdddd !important;
|
8 |
+
border: 1px solid #f44336 !important;
|
9 |
+
}
|
10 |
+
}
|
assets/src/scss/frontend.scss
ADDED
@@ -0,0 +1,21 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
$imagePath: '../img/';
|
2 |
+
|
3 |
+
@import 'public/variables';
|
4 |
+
@import 'public/core';
|
5 |
+
@import 'public/animate';
|
6 |
+
@import 'public/autoheight';
|
7 |
+
@import 'public/lazyload';
|
8 |
+
@import 'public/video';
|
9 |
+
@import 'public/theme';
|
10 |
+
@import 'public/post-carousel';
|
11 |
+
@import 'public/product-carousel';
|
12 |
+
@import 'public/content-carousel';
|
13 |
+
@import 'public/image-carousel';
|
14 |
+
@import 'public/button';
|
15 |
+
@import 'public/magnific-popup';
|
16 |
+
@import 'public/product_modal';
|
17 |
+
|
18 |
+
// Disable magnific popup counter as it show wrong count
|
19 |
+
.mfp-counter {
|
20 |
+
display: none;
|
21 |
+
}
|
assets/src/scss/gutenberg-block.scss
ADDED
@@ -0,0 +1,108 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
.carousel-slider-block-logo {
|
2 |
+
max-width: 50px !important;
|
3 |
+
max-height: 50px;
|
4 |
+
float: left;
|
5 |
+
margin-right: 15px;
|
6 |
+
margin-bottom: 10px;
|
7 |
+
}
|
8 |
+
|
9 |
+
#carousel-slider-filter-input-main {
|
10 |
+
clear: both;
|
11 |
+
}
|
12 |
+
|
13 |
+
.carousel-slider-iframe-container {
|
14 |
+
position: relative;
|
15 |
+
}
|
16 |
+
|
17 |
+
.carousel-slider-iframe-overlay {
|
18 |
+
position: absolute;
|
19 |
+
top: 0;
|
20 |
+
right: 0;
|
21 |
+
bottom: 0;
|
22 |
+
left: 0;
|
23 |
+
}
|
24 |
+
|
25 |
+
.carousel-slider-block-slider-selector {
|
26 |
+
background-color: lightgrey;
|
27 |
+
border-bottom: 1px solid;
|
28 |
+
margin-bottom: 5px;
|
29 |
+
padding: 4px;
|
30 |
+
}
|
31 |
+
|
32 |
+
.carousel-slider-filter-input {
|
33 |
+
border: 1px solid #ddd;
|
34 |
+
border-radius: 5px;
|
35 |
+
box-shadow: inset 0 1px 2px rgba(0, 0, 0, .07);
|
36 |
+
padding: 0;
|
37 |
+
width: 100%;
|
38 |
+
margin-top: 10px;
|
39 |
+
margin-bottom: 10px;
|
40 |
+
position: relative;
|
41 |
+
}
|
42 |
+
|
43 |
+
.carousel-slider-filter-input .blocks-select-control__input {
|
44 |
+
margin: 0 0 0 0;
|
45 |
+
}
|
46 |
+
|
47 |
+
.carousel-slider-filter-input-el {
|
48 |
+
border: none !important;
|
49 |
+
box-shadow: none !important;
|
50 |
+
width: 95%;
|
51 |
+
position: relative;
|
52 |
+
display: inline-block;
|
53 |
+
}
|
54 |
+
|
55 |
+
.carousel-slider-filter-input-icon {
|
56 |
+
display: inline-block;
|
57 |
+
content: '▾';
|
58 |
+
color: #999;
|
59 |
+
font-size: 14px;
|
60 |
+
right: .77em;
|
61 |
+
position: absolute;
|
62 |
+
top: .2em;
|
63 |
+
}
|
64 |
+
|
65 |
+
#carousel-slider-sliderFilter-main {
|
66 |
+
border-top: none;
|
67 |
+
border-left: none;
|
68 |
+
border-bottom: none;
|
69 |
+
}
|
70 |
+
|
71 |
+
#carousel-slider-sliderFilter-sidebar {
|
72 |
+
border-top: none;
|
73 |
+
border-left: none;
|
74 |
+
border-bottom: none;
|
75 |
+
width: 95%;
|
76 |
+
}
|
77 |
+
|
78 |
+
#carousel-slider-filter-input-icon-sidebar {
|
79 |
+
font-size: 1.4em;
|
80 |
+
top: .35em;
|
81 |
+
right: .45em;
|
82 |
+
}
|
83 |
+
|
84 |
+
.carousel-slider-filter-input-el.blocks-select-control__input > .components-base-control__field {
|
85 |
+
margin-bottom: 0;
|
86 |
+
}
|
87 |
+
|
88 |
+
.carousel-slider-filter-option-container {
|
89 |
+
display: none;
|
90 |
+
position: absolute;
|
91 |
+
background-color: #edeff0;
|
92 |
+
z-index: 10000;
|
93 |
+
padding: 4px;
|
94 |
+
width: 100%;
|
95 |
+
border-radius: 5px;
|
96 |
+
max-height: 200px;
|
97 |
+
overflow: scroll;
|
98 |
+
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12) !important;
|
99 |
+
}
|
100 |
+
|
101 |
+
.carousel-slider-filter-option {
|
102 |
+
list-style: none;
|
103 |
+
}
|
104 |
+
|
105 |
+
.carousel-slider-filter-option:hover {
|
106 |
+
background-color: #0073aa;
|
107 |
+
color: white;
|
108 |
+
}
|
assets/src/scss/public/_animate.scss
ADDED
@@ -0,0 +1,96 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
// Owl Carousel - Animate Plugin
|
2 |
+
.carousel-slider {
|
3 |
+
|
4 |
+
.animated {
|
5 |
+
animation-duration: 1000ms;
|
6 |
+
animation-fill-mode: both;
|
7 |
+
}
|
8 |
+
.owl-animated-in {
|
9 |
+
z-index: 0;
|
10 |
+
}
|
11 |
+
.owl-animated-out {
|
12 |
+
z-index: 1;
|
13 |
+
}
|
14 |
+
.fadeOut {
|
15 |
+
animation-name: fadeOut;
|
16 |
+
}
|
17 |
+
.fadeInDown {
|
18 |
+
animation-name: fadeInDown;
|
19 |
+
}
|
20 |
+
.fadeInUp {
|
21 |
+
animation-name: fadeInUp;
|
22 |
+
}
|
23 |
+
.fadeInRight {
|
24 |
+
animation-name: fadeInRight;
|
25 |
+
}
|
26 |
+
.fadeInLeft {
|
27 |
+
animation-name: fadeInLeft;
|
28 |
+
}
|
29 |
+
.zoomIn {
|
30 |
+
animation-name: zoomIn;
|
31 |
+
}
|
32 |
+
}
|
33 |
+
|
34 |
+
@keyframes fadeOut {
|
35 |
+
0% {
|
36 |
+
opacity: 1;
|
37 |
+
}
|
38 |
+
|
39 |
+
100% {
|
40 |
+
opacity: 0;
|
41 |
+
}
|
42 |
+
}
|
43 |
+
|
44 |
+
@keyframes fadeInDown {
|
45 |
+
from {
|
46 |
+
opacity: 0;
|
47 |
+
transform: translate3d(0, -100%, 0)
|
48 |
+
}
|
49 |
+
to {
|
50 |
+
opacity: 1;
|
51 |
+
transform: none
|
52 |
+
}
|
53 |
+
}
|
54 |
+
|
55 |
+
@keyframes fadeInUp {
|
56 |
+
from {
|
57 |
+
opacity: 0;
|
58 |
+
transform: translate3d(0, 100%, 0)
|
59 |
+
}
|
60 |
+
to {
|
61 |
+
opacity: 1;
|
62 |
+
transform: none
|
63 |
+
}
|
64 |
+
}
|
65 |
+
|
66 |
+
@keyframes fadeInRight {
|
67 |
+
from {
|
68 |
+
opacity: 0;
|
69 |
+
transform: translate3d(100%, 0, 0)
|
70 |
+
}
|
71 |
+
to {
|
72 |
+
opacity: 1;
|
73 |
+
transform: none
|
74 |
+
}
|
75 |
+
}
|
76 |
+
|
77 |
+
@keyframes fadeInLeft {
|
78 |
+
from {
|
79 |
+
opacity: 0;
|
80 |
+
transform: translate3d(-100%, 0, 0)
|
81 |
+
}
|
82 |
+
to {
|
83 |
+
opacity: 1;
|
84 |
+
transform: none
|
85 |
+
}
|
86 |
+
}
|
87 |
+
|
88 |
+
@keyframes zoomIn {
|
89 |
+
from {
|
90 |
+
opacity: 0;
|
91 |
+
transform: scale3d(.3, .3, .3)
|
92 |
+
}
|
93 |
+
50% {
|
94 |
+
opacity: 1
|
95 |
+
}
|
96 |
+
}
|
assets/src/scss/public/_autoheight.scss
ADDED
@@ -0,0 +1,7 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
/*
|
2 |
+
* Owl Carousel - Auto Height Plugin
|
3 |
+
*/
|
4 |
+
|
5 |
+
.owl-height {
|
6 |
+
transition: height 500ms ease-in-out;
|
7 |
+
}
|
assets/src/scss/public/_button.scss
ADDED
@@ -0,0 +1,39 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
.cs-hero-button {
|
2 |
+
-webkit-appearance: none;
|
3 |
+
-webkit-font-smoothing: inherit;
|
4 |
+
display: inline-block;
|
5 |
+
font-size: 1rem;
|
6 |
+
line-height: 1;
|
7 |
+
padding: 0.75em 1em;
|
8 |
+
border-radius: 0;
|
9 |
+
text-decoration: none;
|
10 |
+
text-align: center;
|
11 |
+
box-sizing: border-box;
|
12 |
+
transition: all 200ms ease-in-out;
|
13 |
+
|
14 |
+
&:hover {
|
15 |
+
text-decoration: none;
|
16 |
+
}
|
17 |
+
|
18 |
+
&--normal {
|
19 |
+
opacity: 0.9;
|
20 |
+
filter: alpha(opacity=90);
|
21 |
+
}
|
22 |
+
|
23 |
+
&--stroke {
|
24 |
+
background: transparent;
|
25 |
+
border-width: 1px;
|
26 |
+
border-style: solid;
|
27 |
+
border-color: transparent;
|
28 |
+
}
|
29 |
+
|
30 |
+
&--medium {
|
31 |
+
font-size: 1.2rem;
|
32 |
+
padding: 0.9em 1.2em;
|
33 |
+
}
|
34 |
+
|
35 |
+
&--large {
|
36 |
+
font-size: 1.5rem;
|
37 |
+
padding: 0.9em 1.6em;
|
38 |
+
}
|
39 |
+
}
|
assets/src/scss/public/_content-carousel.scss
ADDED
@@ -0,0 +1,162 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
.carousel-slider-hero {
|
2 |
+
// Cell background
|
3 |
+
&__cell__background {
|
4 |
+
background-size: cover;
|
5 |
+
background-position: center;
|
6 |
+
background-repeat: no-repeat;
|
7 |
+
min-width: 100%;
|
8 |
+
min-height: 100%;
|
9 |
+
transition-property: transform;
|
10 |
+
transition-duration: 10s;
|
11 |
+
|
12 |
+
&.carousel-slider-hero-ken-out {
|
13 |
+
transform: scale(1.3);
|
14 |
+
}
|
15 |
+
|
16 |
+
// Active Slide
|
17 |
+
.carousel-slider .active & {
|
18 |
+
animation-timing-function: linear;
|
19 |
+
animation-duration: 20s;
|
20 |
+
|
21 |
+
&.carousel-slider-hero-ken-in {
|
22 |
+
transform: scale(1.3);
|
23 |
+
animation-name: ken-burns-in;
|
24 |
+
}
|
25 |
+
|
26 |
+
&.carousel-slider-hero-ken-out {
|
27 |
+
transform: scale(1);
|
28 |
+
animation-name: ken-burns-out;
|
29 |
+
}
|
30 |
+
}
|
31 |
+
}
|
32 |
+
|
33 |
+
// Cell
|
34 |
+
&__cell {
|
35 |
+
display: flex;
|
36 |
+
justify-content: center;
|
37 |
+
align-items: center;
|
38 |
+
position: relative;
|
39 |
+
overflow: hidden;
|
40 |
+
height: 400px;
|
41 |
+
|
42 |
+
&:focus {
|
43 |
+
outline: 0;
|
44 |
+
}
|
45 |
+
}
|
46 |
+
|
47 |
+
// Slide Inner
|
48 |
+
&__cell__inner {
|
49 |
+
background-repeat: no-repeat;
|
50 |
+
background-position: center;
|
51 |
+
position: absolute;
|
52 |
+
top: 0;
|
53 |
+
left: 0;
|
54 |
+
bottom: 0;
|
55 |
+
right: 0;
|
56 |
+
padding: 50px;
|
57 |
+
|
58 |
+
&, &:hover {
|
59 |
+
color: white;
|
60 |
+
display: flex;
|
61 |
+
}
|
62 |
+
}
|
63 |
+
|
64 |
+
&__cell__background_overlay {
|
65 |
+
position: absolute;
|
66 |
+
z-index: 0;
|
67 |
+
top: 0;
|
68 |
+
bottom: 0;
|
69 |
+
left: 0;
|
70 |
+
right: 0;
|
71 |
+
}
|
72 |
+
|
73 |
+
&__cell__content {
|
74 |
+
position: relative;
|
75 |
+
z-index: 1;
|
76 |
+
width: 100%;
|
77 |
+
max-width: 1140px;
|
78 |
+
}
|
79 |
+
|
80 |
+
&__cell__heading {
|
81 |
+
font-size: 40px;
|
82 |
+
font-weight: bold;
|
83 |
+
line-height: 1;
|
84 |
+
}
|
85 |
+
|
86 |
+
&__cell__description {
|
87 |
+
font-size: 20px;
|
88 |
+
line-height: 1.4;
|
89 |
+
}
|
90 |
+
|
91 |
+
&__cell__heading:not(:last-child),
|
92 |
+
&__cell__description:not(:last-child) {
|
93 |
+
margin-bottom: 30px;
|
94 |
+
}
|
95 |
+
|
96 |
+
&__cell__button__one {
|
97 |
+
margin-right: 5px;
|
98 |
+
}
|
99 |
+
&__cell__button__two {
|
100 |
+
margin-left: 5px;
|
101 |
+
}
|
102 |
+
&__cell__button__one,
|
103 |
+
&__cell__button__two {
|
104 |
+
display: inline-flex;
|
105 |
+
}
|
106 |
+
}
|
107 |
+
|
108 |
+
.carousel-slider-hero__cell__inner {
|
109 |
+
&.carousel-slider--v-position {
|
110 |
+
&-top {
|
111 |
+
align-items: flex-start;
|
112 |
+
}
|
113 |
+
&-bottom {
|
114 |
+
align-items: flex-end;
|
115 |
+
}
|
116 |
+
&-middle {
|
117 |
+
align-items: center;
|
118 |
+
}
|
119 |
+
}
|
120 |
+
|
121 |
+
&.carousel-slider--h-position {
|
122 |
+
&-left {
|
123 |
+
justify-content: flex-start;
|
124 |
+
}
|
125 |
+
&-right {
|
126 |
+
justify-content: flex-end;
|
127 |
+
}
|
128 |
+
&-center {
|
129 |
+
justify-content: center;
|
130 |
+
}
|
131 |
+
}
|
132 |
+
|
133 |
+
&.carousel-slider--text {
|
134 |
+
&-left {
|
135 |
+
text-align: left;
|
136 |
+
}
|
137 |
+
&-right {
|
138 |
+
text-align: right;
|
139 |
+
}
|
140 |
+
&-center {
|
141 |
+
text-align: center;
|
142 |
+
}
|
143 |
+
}
|
144 |
+
}
|
145 |
+
|
146 |
+
@media (max-width: 767px) {
|
147 |
+
.carousel-slider-hero__cell__inner {
|
148 |
+
padding: 30px;
|
149 |
+
}
|
150 |
+
|
151 |
+
.carousel-slider-hero__cell__heading {
|
152 |
+
font-size: 24px;
|
153 |
+
line-height: 1;
|
154 |
+
margin-bottom: 15px;
|
155 |
+
}
|
156 |
+
|
157 |
+
.carousel-slider-hero__cell__description {
|
158 |
+
font-size: 14px;
|
159 |
+
line-height: 1.4;
|
160 |
+
margin-bottom: 15px;
|
161 |
+
}
|
162 |
+
}
|
assets/src/scss/public/_core.scss
ADDED
@@ -0,0 +1,109 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
// Owl Carousel - Core
|
2 |
+
.carousel-slider {
|
3 |
+
display: none;
|
4 |
+
width: 100%;
|
5 |
+
-webkit-tap-highlight-color: transparent;
|
6 |
+
position: relative;
|
7 |
+
z-index: 1;
|
8 |
+
|
9 |
+
.owl-stage {
|
10 |
+
position: relative;
|
11 |
+
-ms-touch-action: pan-Y;
|
12 |
+
touch-action: manipulation;
|
13 |
+
backface-visibility: hidden;
|
14 |
+
|
15 |
+
&:after {
|
16 |
+
content: ".";
|
17 |
+
display: block;
|
18 |
+
clear: both;
|
19 |
+
visibility: hidden;
|
20 |
+
line-height: 0;
|
21 |
+
height: 0;
|
22 |
+
}
|
23 |
+
}
|
24 |
+
|
25 |
+
.owl-stage-outer {
|
26 |
+
position: relative;
|
27 |
+
overflow: hidden;
|
28 |
+
transform: translate3d(0px, 0px, 0px);
|
29 |
+
}
|
30 |
+
.owl-carousel .owl-wrapper,
|
31 |
+
.owl-carousel .owl-item {
|
32 |
+
backface-visibility: hidden;
|
33 |
+
transform: translate3d(0, 0, 0);
|
34 |
+
}
|
35 |
+
|
36 |
+
.owl-item {
|
37 |
+
position: relative;
|
38 |
+
min-height: 1px;
|
39 |
+
float: left;
|
40 |
+
backface-visibility: hidden;
|
41 |
+
-webkit-tap-highlight-color: transparent;
|
42 |
+
-webkit-touch-callout: none;
|
43 |
+
}
|
44 |
+
.owl-item img {
|
45 |
+
display: block;
|
46 |
+
width: 100%;
|
47 |
+
}
|
48 |
+
|
49 |
+
.owl-nav.disabled,
|
50 |
+
.owl-dots.disabled {
|
51 |
+
display: none;
|
52 |
+
}
|
53 |
+
|
54 |
+
.owl-nav .owl-prev,
|
55 |
+
.owl-nav .owl-next,
|
56 |
+
.owl-dot {
|
57 |
+
cursor: pointer;
|
58 |
+
user-select: none;
|
59 |
+
}
|
60 |
+
.owl-nav button.owl-prev,
|
61 |
+
.owl-nav button.owl-next,
|
62 |
+
button.owl-dot {
|
63 |
+
background: none;
|
64 |
+
color: inherit;
|
65 |
+
border: none;
|
66 |
+
padding: 0 !important;
|
67 |
+
font: inherit;
|
68 |
+
}
|
69 |
+
|
70 |
+
&.owl-loaded {
|
71 |
+
display: block;
|
72 |
+
}
|
73 |
+
|
74 |
+
&.owl-loading {
|
75 |
+
opacity: 0;
|
76 |
+
display: block;
|
77 |
+
}
|
78 |
+
|
79 |
+
&.owl-hidden {
|
80 |
+
opacity: 0;
|
81 |
+
}
|
82 |
+
|
83 |
+
&.owl-refresh .owl-item {
|
84 |
+
visibility: hidden;
|
85 |
+
}
|
86 |
+
|
87 |
+
&.owl-drag .owl-item {
|
88 |
+
touch-action: pan-y;
|
89 |
+
user-select: none;
|
90 |
+
}
|
91 |
+
|
92 |
+
&.owl-grab {
|
93 |
+
cursor: move;
|
94 |
+
cursor: grab;
|
95 |
+
}
|
96 |
+
|
97 |
+
&.owl-rtl {
|
98 |
+
direction: rtl;
|
99 |
+
}
|
100 |
+
|
101 |
+
&.owl-rtl .owl-item {
|
102 |
+
float: right;
|
103 |
+
}
|
104 |
+
}
|
105 |
+
|
106 |
+
// No Js
|
107 |
+
.no-js .carousel-slider {
|
108 |
+
display: block;
|
109 |
+
}
|
assets/src/scss/public/_image-carousel.scss
ADDED
@@ -0,0 +1,34 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
.carousel-slider {
|
2 |
+
// Styling item
|
3 |
+
.carousel-slider__item {
|
4 |
+
position: relative;
|
5 |
+
|
6 |
+
img {
|
7 |
+
display: block;
|
8 |
+
margin-left: auto;
|
9 |
+
margin-right: auto;
|
10 |
+
max-width: 100%;
|
11 |
+
height: auto;
|
12 |
+
}
|
13 |
+
}
|
14 |
+
.carousel-slider__caption {
|
15 |
+
position: relative;
|
16 |
+
|
17 |
+
.title {
|
18 |
+
overflow: hidden;
|
19 |
+
text-overflow: ellipsis;
|
20 |
+
color: #474747;
|
21 |
+
font-size: 16px;
|
22 |
+
font-weight: 500;
|
23 |
+
margin: 10px 0 0;
|
24 |
+
text-align: center;
|
25 |
+
}
|
26 |
+
|
27 |
+
.caption {
|
28 |
+
font-size: 14px;
|
29 |
+
font-weight: 300;
|
30 |
+
margin: 10px 0 0;
|
31 |
+
text-align: center;
|
32 |
+
}
|
33 |
+
}
|
34 |
+
}
|
assets/src/scss/public/_lazyload.scss
ADDED
@@ -0,0 +1,17 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
// Owl Carousel - Lazy Load Plugin
|
2 |
+
.carousel-slider {
|
3 |
+
.owl-item {
|
4 |
+
.owl-lazy {
|
5 |
+
// opacity: 0;
|
6 |
+
// transition: opacity 400ms ease;
|
7 |
+
}
|
8 |
+
|
9 |
+
img.owl-lazy {
|
10 |
+
// transform-style: preserve-3d;
|
11 |
+
background: url($ajax-loader-url) no-repeat center;
|
12 |
+
min-width: 32px;
|
13 |
+
min-height: 32px;
|
14 |
+
}
|
15 |
+
}
|
16 |
+
}
|
17 |
+
|
assets/src/scss/public/_magnific-popup.scss
ADDED
@@ -0,0 +1,603 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
/* Magnific Popup CSS */
|
2 |
+
|
3 |
+
////////////////////////
|
4 |
+
// Settings //
|
5 |
+
////////////////////////
|
6 |
+
|
7 |
+
// overlay
|
8 |
+
$mfp-overlay-color: #0b0b0b !default; // Color of overlay screen
|
9 |
+
$mfp-overlay-opacity: 0.8 !default; // Opacity of overlay screen
|
10 |
+
$mfp-shadow: 0 0 8px rgba(0, 0, 0, 0.6) !default; // Shadow on image or iframe
|
11 |
+
|
12 |
+
// spacing
|
13 |
+
$mfp-popup-padding-left: 8px !default; // Padding from left and from right side
|
14 |
+
$mfp-popup-padding-left-mobile: 6px !default; // Same as above, but is applied when width of window is less than 800px
|
15 |
+
|
16 |
+
$mfp-z-index-base: 1040 !default; // Base z-index of popup
|
17 |
+
|
18 |
+
// controls
|
19 |
+
$mfp-include-arrows: true !default; // Include styles for nav arrows
|
20 |
+
$mfp-controls-opacity: 0.65 !default; // Opacity of controls
|
21 |
+
$mfp-controls-color: #FFF !default; // Color of controls
|
22 |
+
$mfp-controls-border-color: #3F3F3F !default; // Border color of controls
|
23 |
+
$mfp-inner-close-icon-color: #333 !default; // Color of close button when inside
|
24 |
+
$mfp-controls-text-color: #CCC !default; // Color of preloader and "1 of X" indicator
|
25 |
+
$mfp-controls-text-color-hover: #FFF !default; // Hover color of preloader and "1 of X" indicator
|
26 |
+
|
27 |
+
// Iframe-type options
|
28 |
+
$mfp-include-iframe-type: true !default; // Enable Iframe-type popups
|
29 |
+
$mfp-iframe-padding-top: 40px !default; // Iframe padding top
|
30 |
+
$mfp-iframe-background: #000 !default; // Background color of iframes
|
31 |
+
$mfp-iframe-max-width: 900px !default; // Maximum width of iframes
|
32 |
+
$mfp-iframe-ratio: 9/16 !default; // Ratio of iframe (9/16 = widescreen, 3/4 = standard, etc.)
|
33 |
+
|
34 |
+
// Image-type options
|
35 |
+
$mfp-include-image-type: true !default; // Enable Image-type popups
|
36 |
+
$mfp-image-background: #444 !default;
|
37 |
+
$mfp-image-padding-top: 40px !default; // Image padding top
|
38 |
+
$mfp-image-padding-bottom: 40px !default; // Image padding bottom
|
39 |
+
$mfp-include-mobile-layout-for-image: true !default; // Removes paddings from top and bottom
|
40 |
+
|
41 |
+
// Image caption options
|
42 |
+
$mfp-caption-title-color: #F3F3F3 !default; // Caption title color
|
43 |
+
$mfp-caption-subtitle-color: #BDBDBD !default; // Caption subtitle color
|
44 |
+
|
45 |
+
// A11y
|
46 |
+
$mfp-use-visuallyhidden: false !default; // Hide content from browsers, but make it available for screen readers
|
47 |
+
|
48 |
+
////////////////////////
|
49 |
+
//
|
50 |
+
// Contents:
|
51 |
+
//
|
52 |
+
// 1. General styles
|
53 |
+
// - Transluscent overlay
|
54 |
+
// - Containers, wrappers
|
55 |
+
// - Cursors
|
56 |
+
// - Helper classes
|
57 |
+
// 2. Appearance
|
58 |
+
// - Preloader & text that displays error messages
|
59 |
+
// - CSS reset for buttons
|
60 |
+
// - Close icon
|
61 |
+
// - "1 of X" counter
|
62 |
+
// - Navigation (left/right) arrows
|
63 |
+
// - Iframe content type styles
|
64 |
+
// - Image content type styles
|
65 |
+
// - Media query where size of arrows is reduced
|
66 |
+
// - IE7 support
|
67 |
+
//
|
68 |
+
////////////////////////
|
69 |
+
|
70 |
+
////////////////////////
|
71 |
+
// 1. General styles
|
72 |
+
////////////////////////
|
73 |
+
|
74 |
+
// Transluscent overlay
|
75 |
+
.mfp-bg {
|
76 |
+
top: 0;
|
77 |
+
left: 0;
|
78 |
+
width: 100%;
|
79 |
+
height: 100%;
|
80 |
+
z-index: $mfp-z-index-base + 2;
|
81 |
+
overflow: hidden;
|
82 |
+
position: fixed;
|
83 |
+
|
84 |
+
background: $mfp-overlay-color;
|
85 |
+
opacity: $mfp-overlay-opacity;
|
86 |
+
}
|
87 |
+
|
88 |
+
// Wrapper for popup
|
89 |
+
.mfp-wrap {
|
90 |
+
top: 0;
|
91 |
+
left: 0;
|
92 |
+
width: 100%;
|
93 |
+
height: 100%;
|
94 |
+
z-index: $mfp-z-index-base + 3;
|
95 |
+
position: fixed;
|
96 |
+
outline: none !important;
|
97 |
+
-webkit-backface-visibility: hidden; // fixes webkit bug that can cause "false" scrollbar
|
98 |
+
}
|
99 |
+
|
100 |
+
// Root container
|
101 |
+
.mfp-container {
|
102 |
+
text-align: center;
|
103 |
+
position: absolute;
|
104 |
+
width: 100%;
|
105 |
+
height: 100%;
|
106 |
+
left: 0;
|
107 |
+
top: 0;
|
108 |
+
padding: 0 $mfp-popup-padding-left;
|
109 |
+
box-sizing: border-box;
|
110 |
+
}
|
111 |
+
|
112 |
+
// Vertical centerer helper
|
113 |
+
.mfp-container {
|
114 |
+
&:before {
|
115 |
+
content: '';
|
116 |
+
display: inline-block;
|
117 |
+
height: 100%;
|
118 |
+
vertical-align: middle;
|
119 |
+
}
|
120 |
+
}
|
121 |
+
|
122 |
+
// Remove vertical centering when popup has class `mfp-align-top`
|
123 |
+
.mfp-align-top {
|
124 |
+
.mfp-container {
|
125 |
+
&:before {
|
126 |
+
display: none;
|
127 |
+
}
|
128 |
+
}
|
129 |
+
}
|
130 |
+
|
131 |
+
// Popup content holder
|
132 |
+
.mfp-content {
|
133 |
+
position: relative;
|
134 |
+
display: inline-block;
|
135 |
+
vertical-align: middle;
|
136 |
+
margin: 0 auto;
|
137 |
+
text-align: left;
|
138 |
+
z-index: $mfp-z-index-base + 5;
|
139 |
+
}
|
140 |
+
|
141 |
+
.mfp-inline-holder,
|
142 |
+
.mfp-ajax-holder {
|
143 |
+
.mfp-content {
|
144 |
+
width: 100%;
|
145 |
+
cursor: auto;
|
146 |
+
}
|
147 |
+
}
|
148 |
+
|
149 |
+
// Cursors
|
150 |
+
.mfp-ajax-cur {
|
151 |
+
cursor: progress;
|
152 |
+
}
|
153 |
+
|
154 |
+
.mfp-zoom-out-cur {
|
155 |
+
&, .mfp-image-holder .mfp-close {
|
156 |
+
cursor: -moz-zoom-out;
|
157 |
+
cursor: -webkit-zoom-out;
|
158 |
+
cursor: zoom-out;
|
159 |
+
}
|
160 |
+
}
|
161 |
+
|
162 |
+
.mfp-zoom {
|
163 |
+
cursor: pointer;
|
164 |
+
cursor: -webkit-zoom-in;
|
165 |
+
cursor: -moz-zoom-in;
|
166 |
+
cursor: zoom-in;
|
167 |
+
}
|
168 |
+
|
169 |
+
.mfp-auto-cursor {
|
170 |
+
.mfp-content {
|
171 |
+
cursor: auto;
|
172 |
+
}
|
173 |
+
}
|
174 |
+
|
175 |
+
.mfp-close,
|
176 |
+
.mfp-arrow,
|
177 |
+
.mfp-preloader,
|
178 |
+
.mfp-counter {
|
179 |
+
-webkit-user-select: none;
|
180 |
+
-moz-user-select: none;
|
181 |
+
user-select: none;
|
182 |
+
}
|
183 |
+
|
184 |
+
// Hide the image during the loading
|
185 |
+
.mfp-loading {
|
186 |
+
&.mfp-figure {
|
187 |
+
display: none;
|
188 |
+
}
|
189 |
+
}
|
190 |
+
|
191 |
+
// Helper class that hides stuff
|
192 |
+
@if $mfp-use-visuallyhidden {
|
193 |
+
// From HTML5 Boilerplate https://github.com/h5bp/html5-boilerplate/blob/v4.2.0/doc/css.md#visuallyhidden
|
194 |
+
.mfp-hide {
|
195 |
+
border: 0 !important;
|
196 |
+
clip: rect(0 0 0 0) !important;
|
197 |
+
height: 1px !important;
|
198 |
+
margin: -1px !important;
|
199 |
+
overflow: hidden !important;
|
200 |
+
padding: 0 !important;
|
201 |
+
position: absolute !important;
|
202 |
+
width: 1px !important;
|
203 |
+
}
|
204 |
+
} @else {
|
205 |
+
.mfp-hide {
|
206 |
+
display: none !important;
|
207 |
+
}
|
208 |
+
}
|
209 |
+
|
210 |
+
////////////////////////
|
211 |
+
// 2. Appearance
|
212 |
+
////////////////////////
|
213 |
+
|
214 |
+
// Preloader and text that displays error messages
|
215 |
+
.mfp-preloader {
|
216 |
+
color: $mfp-controls-text-color;
|
217 |
+
position: absolute;
|
218 |
+
top: 50%;
|
219 |
+
width: auto;
|
220 |
+
text-align: center;
|
221 |
+
margin-top: -0.8em;
|
222 |
+
left: 8px;
|
223 |
+
right: 8px;
|
224 |
+
z-index: $mfp-z-index-base + 4;
|
225 |
+
a {
|
226 |
+
color: $mfp-controls-text-color;
|
227 |
+
&:hover {
|
228 |
+
color: $mfp-controls-text-color-hover;
|
229 |
+
}
|
230 |
+
}
|
231 |
+
}
|
232 |
+
|
233 |
+
// Hide preloader when content successfully loaded
|
234 |
+
.mfp-s-ready {
|
235 |
+
.mfp-preloader {
|
236 |
+
display: none;
|
237 |
+
}
|
238 |
+
}
|
239 |
+
|
240 |
+
// Hide content when it was not loaded
|
241 |
+
.mfp-s-error {
|
242 |
+
.mfp-content {
|
243 |
+
display: none;
|
244 |
+
}
|
245 |
+
}
|
246 |
+
|
247 |
+
// CSS-reset for buttons
|
248 |
+
button {
|
249 |
+
&.mfp-close,
|
250 |
+
&.mfp-arrow {
|
251 |
+
overflow: visible;
|
252 |
+
cursor: pointer;
|
253 |
+
background: transparent;
|
254 |
+
border: 0;
|
255 |
+
-webkit-appearance: none;
|
256 |
+
display: block;
|
257 |
+
outline: none;
|
258 |
+
padding: 0;
|
259 |
+
z-index: $mfp-z-index-base + 6;
|
260 |
+
box-shadow: none;
|
261 |
+
touch-action: manipulation;
|
262 |
+
}
|
263 |
+
&::-moz-focus-inner {
|
264 |
+
padding: 0;
|
265 |
+
border: 0
|
266 |
+
}
|
267 |
+
}
|
268 |
+
|
269 |
+
// Close icon
|
270 |
+
.mfp-close {
|
271 |
+
width: 44px;
|
272 |
+
height: 44px;
|
273 |
+
line-height: 44px;
|
274 |
+
|
275 |
+
position: absolute;
|
276 |
+
right: 0;
|
277 |
+
top: 0;
|
278 |
+
text-decoration: none;
|
279 |
+
text-align: center;
|
280 |
+
opacity: $mfp-controls-opacity;
|
281 |
+
padding: 0 0 18px 10px;
|
282 |
+
color: $mfp-controls-color;
|
283 |
+
|
284 |
+
font-style: normal;
|
285 |
+
font-size: 28px;
|
286 |
+
font-family: Arial, Baskerville, monospace;
|
287 |
+
|
288 |
+
&:hover,
|
289 |
+
&:focus {
|
290 |
+
opacity: 1;
|
291 |
+
}
|
292 |
+
|
293 |
+
&:active {
|
294 |
+
top: 1px;
|
295 |
+
}
|
296 |
+
}
|
297 |
+
|
298 |
+
.mfp-close-btn-in {
|
299 |
+
.mfp-close {
|
300 |
+
color: $mfp-inner-close-icon-color;
|
301 |
+
}
|
302 |
+
}
|
303 |
+
|
304 |
+
.mfp-image-holder,
|
305 |
+
.mfp-iframe-holder {
|
306 |
+
.mfp-close {
|
307 |
+
color: $mfp-controls-color;
|
308 |
+
right: -6px;
|
309 |
+
text-align: right;
|
310 |
+
padding-right: 6px;
|
311 |
+
width: 100%;
|
312 |
+
}
|
313 |
+
}
|
314 |
+
|
315 |
+
// "1 of X" counter
|
316 |
+
.mfp-counter {
|
317 |
+
position: absolute;
|
318 |
+
top: 0;
|
319 |
+
right: 0;
|
320 |
+
color: $mfp-controls-text-color;
|
321 |
+
font-size: 12px;
|
322 |
+
line-height: 18px;
|
323 |
+
white-space: nowrap;
|
324 |
+
}
|
325 |
+
|
326 |
+
// Navigation arrows
|
327 |
+
@if $mfp-include-arrows {
|
328 |
+
.mfp-arrow {
|
329 |
+
position: absolute;
|
330 |
+
opacity: $mfp-controls-opacity;
|
331 |
+
top: 50%;
|
332 |
+
margin: -55px 0 0;
|
333 |
+
padding: 0;
|
334 |
+
width: 90px;
|
335 |
+
height: 110px;
|
336 |
+
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
337 |
+
&:active {
|
338 |
+
margin-top: -54px;
|
339 |
+
}
|
340 |
+
&:hover,
|
341 |
+
&:focus {
|
342 |
+
opacity: 1;
|
343 |
+
}
|
344 |
+
&:before,
|
345 |
+
&:after {
|
346 |
+
content: '';
|
347 |
+
display: block;
|
348 |
+
width: 0;
|
349 |
+
height: 0;
|
350 |
+
position: absolute;
|
351 |
+
left: 0;
|
352 |
+
top: 0;
|
353 |
+
margin-top: 35px;
|
354 |
+
margin-left: 35px;
|
355 |
+
border: medium inset transparent;
|
356 |
+
}
|
357 |
+
|
358 |
+
&:after {
|
359 |
+
|
360 |
+
border-top-width: 13px;
|
361 |
+
border-bottom-width: 13px;
|
362 |
+
top: 8px;
|
363 |
+
}
|
364 |
+
|
365 |
+
&:before {
|
366 |
+
border-top-width: 21px;
|
367 |
+
border-bottom-width: 21px;
|
368 |
+
opacity: 0.7;
|
369 |
+
}
|
370 |
+
|
371 |
+
}
|
372 |
+
|
373 |
+
.mfp-arrow-left {
|
374 |
+
left: 0;
|
375 |
+
&:after {
|
376 |
+
border-right: 17px solid $mfp-controls-color;
|
377 |
+
margin-left: 31px;
|
378 |
+
}
|
379 |
+
&:before {
|
380 |
+
margin-left: 25px;
|
381 |
+
border-right: 27px solid $mfp-controls-border-color;
|
382 |
+
}
|
383 |
+
}
|
384 |
+
|
385 |
+
.mfp-arrow-right {
|
386 |
+
right: 0;
|
387 |
+
&:after {
|
388 |
+
border-left: 17px solid $mfp-controls-color;
|
389 |
+
margin-left: 39px
|
390 |
+
}
|
391 |
+
&:before {
|
392 |
+
border-left: 27px solid $mfp-controls-border-color;
|
393 |
+
}
|
394 |
+
}
|
395 |
+
}
|
396 |
+
|
397 |
+
// Iframe content type
|
398 |
+
@if $mfp-include-iframe-type {
|
399 |
+
.mfp-iframe-holder {
|
400 |
+
padding-top: $mfp-iframe-padding-top;
|
401 |
+
padding-bottom: $mfp-iframe-padding-top;
|
402 |
+
.mfp-content {
|
403 |
+
line-height: 0;
|
404 |
+
width: 100%;
|
405 |
+
max-width: $mfp-iframe-max-width;
|
406 |
+
}
|
407 |
+
.mfp-close {
|
408 |
+
top: -40px;
|
409 |
+
}
|
410 |
+
}
|
411 |
+
.mfp-iframe-scaler {
|
412 |
+
width: 100%;
|
413 |
+
height: 0;
|
414 |
+
overflow: hidden;
|
415 |
+
padding-top: $mfp-iframe-ratio * 100%;
|
416 |
+
iframe {
|
417 |
+
position: absolute;
|
418 |
+
display: block;
|
419 |
+
top: 0;
|
420 |
+
left: 0;
|
421 |
+
width: 100%;
|
422 |
+
height: 100%;
|
423 |
+
box-shadow: $mfp-shadow;
|
424 |
+
background: $mfp-iframe-background;
|
425 |
+
}
|
426 |
+
}
|
427 |
+
}
|
428 |
+
|
429 |
+
// Image content type
|
430 |
+
@if $mfp-include-image-type {
|
431 |
+
|
432 |
+
/* Main image in popup */
|
433 |
+
img {
|
434 |
+
&.mfp-img {
|
435 |
+
width: auto;
|
436 |
+
max-width: 100%;
|
437 |
+
height: auto;
|
438 |
+
display: block;
|
439 |
+
line-height: 0;
|
440 |
+
box-sizing: border-box;
|
441 |
+
padding: $mfp-image-padding-top 0 $mfp-image-padding-bottom;
|
442 |
+
margin: 0 auto;
|
443 |
+
}
|
444 |
+
}
|
445 |
+
|
446 |
+
/* The shadow behind the image */
|
447 |
+
.mfp-figure {
|
448 |
+
line-height: 0;
|
449 |
+
&:after {
|
450 |
+
content: '';
|
451 |
+
position: absolute;
|
452 |
+
left: 0;
|
453 |
+
top: $mfp-image-padding-top;
|
454 |
+
bottom: $mfp-image-padding-bottom;
|
455 |
+
display: block;
|
456 |
+
right: 0;
|
457 |
+
width: auto;
|
458 |
+
height: auto;
|
459 |
+
z-index: -1;
|
460 |
+
box-shadow: $mfp-shadow;
|
461 |
+
background: $mfp-image-background;
|
462 |
+
}
|
463 |
+
small {
|
464 |
+
color: $mfp-caption-subtitle-color;
|
465 |
+
display: block;
|
466 |
+
font-size: 12px;
|
467 |
+
line-height: 14px;
|
468 |
+
}
|
469 |
+
figure {
|
470 |
+
margin: 0;
|
471 |
+
}
|
472 |
+
}
|
473 |
+
.mfp-bottom-bar {
|
474 |
+
margin-top: -$mfp-image-padding-bottom + 4;
|
475 |
+
position: absolute;
|
476 |
+
top: 100%;
|
477 |
+
left: 0;
|
478 |
+
width: 100%;
|
479 |
+
cursor: auto;
|
480 |
+
}
|
481 |
+
.mfp-title {
|
482 |
+
text-align: left;
|
483 |
+
line-height: 18px;
|
484 |
+
color: $mfp-caption-title-color;
|
485 |
+
word-wrap: break-word;
|
486 |
+
padding-right: 36px; // leave some space for counter at right side
|
487 |
+
}
|
488 |
+
|
489 |
+
.mfp-image-holder {
|
490 |
+
.mfp-content {
|
491 |
+
max-width: 100%;
|
492 |
+
}
|
493 |
+
}
|
494 |
+
|
495 |
+
.mfp-gallery {
|
496 |
+
.mfp-image-holder {
|
497 |
+
.mfp-figure {
|
498 |
+
cursor: pointer;
|
499 |
+
}
|
500 |
+
}
|
501 |
+
}
|
502 |
+
|
503 |
+
@if $mfp-include-mobile-layout-for-image {
|
504 |
+
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
|
505 |
+
/**
|
506 |
+
* Remove all paddings around the image on small screen
|
507 |
+
*/
|
508 |
+
.mfp-img-mobile {
|
509 |
+
.mfp-image-holder {
|
510 |
+
padding-left: 0;
|
511 |
+
padding-right: 0;
|
512 |
+
}
|
513 |
+
img {
|
514 |
+
&.mfp-img {
|
515 |
+
padding: 0;
|
516 |
+
}
|
517 |
+
}
|
518 |
+
.mfp-figure {
|
519 |
+
// The shadow behind the image
|
520 |
+
&:after {
|
521 |
+
top: 0;
|
522 |
+
bottom: 0;
|
523 |
+
}
|
524 |
+
small {
|
525 |
+
display: inline;
|
526 |
+
margin-left: 5px;
|
527 |
+
}
|
528 |
+
}
|
529 |
+
.mfp-bottom-bar {
|
530 |
+
background: rgba(0, 0, 0, 0.6);
|
531 |
+
bottom: 0;
|
532 |
+
margin: 0;
|
533 |
+
top: auto;
|
534 |
+
padding: 3px 5px;
|
535 |
+
position: fixed;
|
536 |
+
box-sizing: border-box;
|
537 |
+
&:empty {
|
538 |
+
padding: 0;
|
539 |
+
}
|
540 |
+
}
|
541 |
+
.mfp-counter {
|
542 |
+
right: 5px;
|
543 |
+
top: 3px;
|
544 |
+
}
|
545 |
+
.mfp-close {
|
546 |
+
top: 0;
|
547 |
+
right: 0;
|
548 |
+
width: 35px;
|
549 |
+
height: 35px;
|
550 |
+
line-height: 35px;
|
551 |
+
background: rgba(0, 0, 0, 0.6);
|
552 |
+
position: fixed;
|
553 |
+
text-align: center;
|
554 |
+
padding: 0;
|
555 |
+
}
|
556 |
+
}
|
557 |
+
}
|
558 |
+
}
|
559 |
+
}
|
560 |
+
|
561 |
+
// Scale navigation arrows and reduce padding from sides
|
562 |
+
@media all and (max-width: 900px) {
|
563 |
+
.mfp-arrow {
|
564 |
+
-webkit-transform: scale(0.75);
|
565 |
+
transform: scale(0.75);
|
566 |
+
}
|
567 |
+
.mfp-arrow-left {
|
568 |
+
-webkit-transform-origin: 0;
|
569 |
+
transform-origin: 0;
|
570 |
+
}
|
571 |
+
.mfp-arrow-right {
|
572 |
+
-webkit-transform-origin: 100%;
|
573 |
+
transform-origin: 100%;
|
574 |
+
}
|
575 |
+
.mfp-container {
|
576 |
+
padding-left: $mfp-popup-padding-left-mobile;
|
577 |
+
padding-right: $mfp-popup-padding-left-mobile;
|
578 |
+
}
|
579 |
+
}
|
580 |
+
|
581 |
+
.mfp-with-zoom .mfp-container,
|
582 |
+
.mfp-with-zoom.mfp-bg {
|
583 |
+
opacity: 0;
|
584 |
+
-webkit-backface-visibility: hidden;
|
585 |
+
/* ideally, transition speed should match zoom duration */
|
586 |
+
-webkit-transition: all 0.3s ease-out;
|
587 |
+
-moz-transition: all 0.3s ease-out;
|
588 |
+
-o-transition: all 0.3s ease-out;
|
589 |
+
transition: all 0.3s ease-out;
|
590 |
+
}
|
591 |
+
|
592 |
+
.mfp-with-zoom.mfp-ready .mfp-container {
|
593 |
+
opacity: 1;
|
594 |
+
}
|
595 |
+
|
596 |
+
.mfp-with-zoom.mfp-ready.mfp-bg {
|
597 |
+
opacity: 0.8;
|
598 |
+
}
|
599 |
+
|
600 |
+
.mfp-with-zoom.mfp-removing .mfp-container,
|
601 |
+
.mfp-with-zoom.mfp-removing.mfp-bg {
|
602 |
+
opacity: 0;
|
603 |
+
}
|
assets/src/scss/public/_post-carousel.scss
ADDED
@@ -0,0 +1,100 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
.carousel-slider {
|
2 |
+
|
3 |
+
&[data-slide-type="post-carousel"] {
|
4 |
+
.owl-stage {
|
5 |
+
display: flex;
|
6 |
+
flex-wrap: wrap;
|
7 |
+
}
|
8 |
+
|
9 |
+
.owl-item {
|
10 |
+
display: flex;
|
11 |
+
height: auto;
|
12 |
+
}
|
13 |
+
}
|
14 |
+
|
15 |
+
&__post {
|
16 |
+
border-radius: 4px;
|
17 |
+
box-shadow: 0 1px 2px rgba(#000, 0.1), 0 0 0 1px rgba(#000, 0.1);
|
18 |
+
margin: 2px;
|
19 |
+
position: relative;
|
20 |
+
width: 100%;
|
21 |
+
|
22 |
+
&-content {
|
23 |
+
display: flex;
|
24 |
+
flex-direction: column;
|
25 |
+
height: 100%;
|
26 |
+
justify-content: space-between;
|
27 |
+
}
|
28 |
+
|
29 |
+
&-image {
|
30 |
+
background-color: #f1f1f1;
|
31 |
+
background-size: cover;
|
32 |
+
background-position: center center;
|
33 |
+
border-top-left-radius: 4px;
|
34 |
+
border-top-right-radius: 4px;
|
35 |
+
display: block;
|
36 |
+
line-height: 0;
|
37 |
+
margin: 0 auto;
|
38 |
+
overflow: hidden;
|
39 |
+
padding-top: 66.6666%; // 3by2
|
40 |
+
position: relative;
|
41 |
+
text-align: center;
|
42 |
+
width: 100%;
|
43 |
+
}
|
44 |
+
|
45 |
+
&-title {
|
46 |
+
display: block;
|
47 |
+
margin: 1rem;
|
48 |
+
min-height: 3.75em;
|
49 |
+
|
50 |
+
h1 {
|
51 |
+
font-size: 1.25rem;
|
52 |
+
margin: 0;
|
53 |
+
}
|
54 |
+
}
|
55 |
+
|
56 |
+
&-excerpt {
|
57 |
+
font-size: 1rem;
|
58 |
+
line-height: 1.6;
|
59 |
+
margin: 1rem 1rem 2rem;
|
60 |
+
text-align: left;
|
61 |
+
}
|
62 |
+
|
63 |
+
&-meta {
|
64 |
+
align-items: flex-end;
|
65 |
+
display: flex;
|
66 |
+
font-size: 0.75rem;
|
67 |
+
justify-content: space-between;
|
68 |
+
margin: auto 1rem 1rem;
|
69 |
+
}
|
70 |
+
|
71 |
+
&-publication-meta {
|
72 |
+
display: block;
|
73 |
+
overflow: hidden;
|
74 |
+
text-overflow: ellipsis;
|
75 |
+
white-space: nowrap;
|
76 |
+
}
|
77 |
+
|
78 |
+
&-author {
|
79 |
+
display: block;
|
80 |
+
font-style: normal;
|
81 |
+
line-height: 1.6;
|
82 |
+
overflow: hidden;
|
83 |
+
text-overflow: ellipsis;
|
84 |
+
white-space: nowrap;
|
85 |
+
|
86 |
+
&-link {
|
87 |
+
display: inline-block;
|
88 |
+
max-width: 175px;
|
89 |
+
overflow: hidden;
|
90 |
+
text-overflow: ellipsis;
|
91 |
+
vertical-align: middle;
|
92 |
+
white-space: nowrap;
|
93 |
+
}
|
94 |
+
}
|
95 |
+
|
96 |
+
&-category {
|
97 |
+
text-transform: uppercase;
|
98 |
+
}
|
99 |
+
}
|
100 |
+
}
|
assets/src/scss/public/_post-carousel2.scss
ADDED
@@ -0,0 +1,63 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
.carousel-slider {
|
2 |
+
.blog-grid-inside {
|
3 |
+
display: flex;
|
4 |
+
flex-direction: column;
|
5 |
+
height: 100%;
|
6 |
+
border-radius: 3px;
|
7 |
+
border: 1px solid rgba(#000, 0.1);
|
8 |
+
|
9 |
+
.post-thumbnail {
|
10 |
+
margin: 0;
|
11 |
+
padding: 0;
|
12 |
+
|
13 |
+
img {
|
14 |
+
width: 100%;
|
15 |
+
height: auto;
|
16 |
+
}
|
17 |
+
}
|
18 |
+
.entry-header {
|
19 |
+
margin: 1rem;
|
20 |
+
padding: 0;
|
21 |
+
border: none;
|
22 |
+
}
|
23 |
+
.cat-links {
|
24 |
+
display: block;
|
25 |
+
margin-top: 0;
|
26 |
+
margin-bottom: .5rem;
|
27 |
+
line-height: 1.25;
|
28 |
+
}
|
29 |
+
.entry-title {
|
30 |
+
margin: 0;
|
31 |
+
padding: 0;
|
32 |
+
font-size: 1.25rem;
|
33 |
+
overflow-wrap: break-word;
|
34 |
+
}
|
35 |
+
.entry-summary {
|
36 |
+
margin: 0 1rem 1rem;
|
37 |
+
overflow-wrap: break-word;
|
38 |
+
}
|
39 |
+
.tags-links {
|
40 |
+
margin: 0 1rem 1rem;
|
41 |
+
}
|
42 |
+
.entry-footer {
|
43 |
+
margin: 0 1em 1.25rem;
|
44 |
+
overflow: hidden;
|
45 |
+
}
|
46 |
+
.byline,
|
47 |
+
.posted-on {
|
48 |
+
float: left;
|
49 |
+
font-size: .875rem;
|
50 |
+
line-height: 1.33;
|
51 |
+
}
|
52 |
+
.vcard img {
|
53 |
+
display: inline-block;
|
54 |
+
width: auto;
|
55 |
+
}
|
56 |
+
.posted-on {
|
57 |
+
float: right;
|
58 |
+
}
|
59 |
+
.published:not(.updated) {
|
60 |
+
display: none;
|
61 |
+
}
|
62 |
+
}
|
63 |
+
}
|
assets/src/scss/public/_product-carousel.scss
ADDED
@@ -0,0 +1,197 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
@import "../utilities/mixins";
|
2 |
+
|
3 |
+
$text-color: #333333;
|
4 |
+
$btn-color: #f1f1f1;
|
5 |
+
$btn-background: #96588a;
|
6 |
+
|
7 |
+
.carousel-slider {
|
8 |
+
&[data-slide-type="product-carousel"] {
|
9 |
+
.owl-stage {
|
10 |
+
display: flex;
|
11 |
+
flex-wrap: wrap;
|
12 |
+
}
|
13 |
+
|
14 |
+
.owl-item {
|
15 |
+
display: flex;
|
16 |
+
height: auto;
|
17 |
+
}
|
18 |
+
}
|
19 |
+
|
20 |
+
.woocommerce-loop-category__title {
|
21 |
+
font-size: 1.25rem;
|
22 |
+
margin: 1rem;
|
23 |
+
}
|
24 |
+
|
25 |
+
&__product {
|
26 |
+
position: relative;
|
27 |
+
text-align: center;
|
28 |
+
box-shadow: 0 1px 2px rgba(#000, 0.1), 0 0 0 1px rgba(#000, 0.1);
|
29 |
+
margin: 2px;
|
30 |
+
width: 100%;
|
31 |
+
|
32 |
+
.woocommerce-LoopProduct-link {
|
33 |
+
display: block;
|
34 |
+
overflow: hidden;
|
35 |
+
margin: 0;
|
36 |
+
}
|
37 |
+
|
38 |
+
.onsale {
|
39 |
+
border: 0 none;
|
40 |
+
line-height: 1;
|
41 |
+
margin: 0;
|
42 |
+
padding: 0.5rem;
|
43 |
+
color: $btn-color;
|
44 |
+
background-color: $btn-background;
|
45 |
+
position: absolute;
|
46 |
+
left: 1rem;
|
47 |
+
top: 1rem;
|
48 |
+
}
|
49 |
+
|
50 |
+
h3 {
|
51 |
+
padding: 0;
|
52 |
+
text-align: left;
|
53 |
+
margin: 1rem;
|
54 |
+
font-size: 1.25rem;
|
55 |
+
color: $text-color;
|
56 |
+
}
|
57 |
+
|
58 |
+
a {
|
59 |
+
text-decoration: none;
|
60 |
+
box-shadow: none;
|
61 |
+
|
62 |
+
img {
|
63 |
+
width: 100%;
|
64 |
+
height: auto;
|
65 |
+
display: block;
|
66 |
+
box-shadow: none;
|
67 |
+
}
|
68 |
+
}
|
69 |
+
|
70 |
+
strong {
|
71 |
+
display: block;
|
72 |
+
}
|
73 |
+
|
74 |
+
// Price
|
75 |
+
.price {
|
76 |
+
color: $text-color;
|
77 |
+
display: inline-block;
|
78 |
+
font-weight: normal;
|
79 |
+
margin: 0 0.5rem 0 1rem;
|
80 |
+
font-size: .875rem;
|
81 |
+
float: left;
|
82 |
+
|
83 |
+
del {
|
84 |
+
color: inherit;
|
85 |
+
background-color: transparent;
|
86 |
+
opacity: 0.5;
|
87 |
+
display: inline-block;
|
88 |
+
}
|
89 |
+
|
90 |
+
ins {
|
91 |
+
color: inherit;
|
92 |
+
background-color: transparent;
|
93 |
+
font-weight: bold;
|
94 |
+
}
|
95 |
+
}
|
96 |
+
|
97 |
+
// Star ratings
|
98 |
+
.star-rating {
|
99 |
+
display: inline-block;
|
100 |
+
margin: 0 1rem 0 0.5rem;
|
101 |
+
float: right;
|
102 |
+
overflow: hidden;
|
103 |
+
position: relative;
|
104 |
+
height: 1em;
|
105 |
+
line-height: 1;
|
106 |
+
font-size: 1em;
|
107 |
+
width: 5.4em;
|
108 |
+
font-family: 'star';
|
109 |
+
|
110 |
+
&:before {
|
111 |
+
content: "\73\73\73\73\73";
|
112 |
+
float: left;
|
113 |
+
top: 0;
|
114 |
+
left: 0;
|
115 |
+
position: absolute;
|
116 |
+
}
|
117 |
+
|
118 |
+
span {
|
119 |
+
overflow: hidden;
|
120 |
+
float: left;
|
121 |
+
top: 0;
|
122 |
+
left: 0;
|
123 |
+
position: absolute;
|
124 |
+
padding-top: 1.5em;
|
125 |
+
|
126 |
+
&:before {
|
127 |
+
color: $btn-background;
|
128 |
+
content: "\53\53\53\53\53";
|
129 |
+
top: 0;
|
130 |
+
position: absolute;
|
131 |
+
left: 0;
|
132 |
+
}
|
133 |
+
}
|
134 |
+
}
|
135 |
+
|
136 |
+
a.add_to_cart_button,
|
137 |
+
a.added_to_cart,
|
138 |
+
a.quick_view {
|
139 |
+
color: $btn-color;
|
140 |
+
background-color: $btn-background;
|
141 |
+
margin: 1rem;
|
142 |
+
line-height: 1;
|
143 |
+
cursor: pointer;
|
144 |
+
position: relative;
|
145 |
+
text-decoration: none;
|
146 |
+
overflow: visible;
|
147 |
+
padding: .5em 1em;
|
148 |
+
font-weight: normal;
|
149 |
+
border-radius: 3px;
|
150 |
+
left: auto;
|
151 |
+
border: 0;
|
152 |
+
white-space: nowrap;
|
153 |
+
display: block;
|
154 |
+
background-image: none;
|
155 |
+
box-shadow: none;
|
156 |
+
-webkit-box-shadow: none;
|
157 |
+
text-shadow: none;
|
158 |
+
|
159 |
+
&:hover {
|
160 |
+
color: $btn-color;
|
161 |
+
background-color: $btn-background;
|
162 |
+
text-decoration: none;
|
163 |
+
background-image: none;
|
164 |
+
}
|
165 |
+
}
|
166 |
+
|
167 |
+
// Buttons
|
168 |
+
a.add_to_cart_button {
|
169 |
+
|
170 |
+
&.loading {
|
171 |
+
opacity: 0.25;
|
172 |
+
padding-right: 2.618em;
|
173 |
+
|
174 |
+
&:after {
|
175 |
+
font-family: "WooCommerce";
|
176 |
+
content: "\e01c";
|
177 |
+
vertical-align: top;
|
178 |
+
-webkit-font-smoothing: antialiased;
|
179 |
+
font-weight: normal;
|
180 |
+
position: absolute;
|
181 |
+
top: .618em;
|
182 |
+
right: 1em;
|
183 |
+
animation: spin 2s linear infinite;
|
184 |
+
}
|
185 |
+
}
|
186 |
+
|
187 |
+
&.added {
|
188 |
+
&:after {
|
189 |
+
font-family: 'WooCommerce';
|
190 |
+
content: "\e017";
|
191 |
+
margin-left: .53em;
|
192 |
+
vertical-align: bottom;
|
193 |
+
}
|
194 |
+
}
|
195 |
+
}
|
196 |
+
}
|
197 |
+
}
|
assets/src/scss/public/_product_modal.scss
ADDED
@@ -0,0 +1,197 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
.mfp-content {
|
2 |
+
|
3 |
+
.product {
|
4 |
+
background-color: #ffffff;
|
5 |
+
display: table;
|
6 |
+
margin: 0 auto;
|
7 |
+
padding: 15px;
|
8 |
+
|
9 |
+
.images {
|
10 |
+
display: inline-block;
|
11 |
+
float: left;
|
12 |
+
max-width: 600px;
|
13 |
+
|
14 |
+
img {
|
15 |
+
display: block;
|
16 |
+
}
|
17 |
+
}
|
18 |
+
|
19 |
+
.onsale {
|
20 |
+
left: 24px;
|
21 |
+
top: 24px;
|
22 |
+
position: absolute;
|
23 |
+
}
|
24 |
+
|
25 |
+
.summary {
|
26 |
+
display: inline-block;
|
27 |
+
margin-left: 15px;
|
28 |
+
width: 300px;
|
29 |
+
}
|
30 |
+
|
31 |
+
.product_title,
|
32 |
+
.description {
|
33 |
+
margin: 1em 0;
|
34 |
+
}
|
35 |
+
|
36 |
+
// Price
|
37 |
+
.price {
|
38 |
+
// color: $text-color;
|
39 |
+
display: inline-block;
|
40 |
+
font-weight: normal;
|
41 |
+
margin: .5em 1em;
|
42 |
+
font-size: .857em;
|
43 |
+
float: left;
|
44 |
+
|
45 |
+
del {
|
46 |
+
color: inherit;
|
47 |
+
background-color: transparent;
|
48 |
+
opacity: 0.5;
|
49 |
+
display: inline-block;
|
50 |
+
}
|
51 |
+
|
52 |
+
ins {
|
53 |
+
color: inherit;
|
54 |
+
background-color: transparent;
|
55 |
+
font-weight: bold;
|
56 |
+
}
|
57 |
+
}
|
58 |
+
|
59 |
+
// Star ratings
|
60 |
+
.star-rating {
|
61 |
+
// color: $btn-background;
|
62 |
+
display: inline-block;
|
63 |
+
margin: .5em 1em;
|
64 |
+
float: right;
|
65 |
+
overflow: hidden;
|
66 |
+
position: relative;
|
67 |
+
height: 1em;
|
68 |
+
line-height: 1;
|
69 |
+
font-size: 1em;
|
70 |
+
width: 5.4em;
|
71 |
+
font-family: 'star';
|
72 |
+
|
73 |
+
&:before {
|
74 |
+
content: "\73\73\73\73\73";
|
75 |
+
float: left;
|
76 |
+
top: 0;
|
77 |
+
left: 0;
|
78 |
+
position: absolute;
|
79 |
+
}
|
80 |
+
|
81 |
+
span {
|
82 |
+
overflow: hidden;
|
83 |
+
float: left;
|
84 |
+
top: 0;
|
85 |
+
left: 0;
|
86 |
+
position: absolute;
|
87 |
+
padding-top: 1.5em;
|
88 |
+
}
|
89 |
+
|
90 |
+
span:before {
|
91 |
+
content: "\53\53\53\53\53";
|
92 |
+
top: 0;
|
93 |
+
position: absolute;
|
94 |
+
left: 0;
|
95 |
+
}
|
96 |
+
}
|
97 |
+
|
98 |
+
// Buttons
|
99 |
+
|
100 |
+
a.add_to_cart_button,
|
101 |
+
a.added_to_cart {
|
102 |
+
// color: $btn-color;
|
103 |
+
// background-color: $btn-background;
|
104 |
+
margin: 0;
|
105 |
+
line-height: 1;
|
106 |
+
cursor: pointer;
|
107 |
+
position: relative;
|
108 |
+
text-decoration: none;
|
109 |
+
overflow: visible;
|
110 |
+
padding: .5em 1em;
|
111 |
+
font-weight: normal;
|
112 |
+
border-radius: 3px;
|
113 |
+
left: auto;
|
114 |
+
border: 0;
|
115 |
+
white-space: nowrap;
|
116 |
+
display: inline-block;
|
117 |
+
background-image: none;
|
118 |
+
box-shadow: none;
|
119 |
+
-webkit-box-shadow: none;
|
120 |
+
text-shadow: none;
|
121 |
+
|
122 |
+
&:hover {
|
123 |
+
// color: $btn-color;
|
124 |
+
// background-color: $btn-background;
|
125 |
+
text-decoration: none;
|
126 |
+
background-image: none;
|
127 |
+
}
|
128 |
+
}
|
129 |
+
a.add_to_cart_button {
|
130 |
+
|
131 |
+
&.loading {
|
132 |
+
opacity: 0.25;
|
133 |
+
padding-right: 2.618em;
|
134 |
+
|
135 |
+
&:after {
|
136 |
+
font-family: "WooCommerce";
|
137 |
+
content: "\e01c";
|
138 |
+
vertical-align: top;
|
139 |
+
-webkit-font-smoothing: antialiased;
|
140 |
+
font-weight: normal;
|
141 |
+
position: absolute;
|
142 |
+
top: .618em;
|
143 |
+
right: 1em;
|
144 |
+
-webkit-animation: spin 2s linear infinite;
|
145 |
+
-moz-animation: spin 2s linear infinite;
|
146 |
+
animation: spin 2s linear infinite;
|
147 |
+
}
|
148 |
+
}
|
149 |
+
|
150 |
+
&.added {
|
151 |
+
&:after {
|
152 |
+
font-family: 'WooCommerce';
|
153 |
+
content: "\e017";
|
154 |
+
margin-left: .53em;
|
155 |
+
vertical-align: bottom;
|
156 |
+
}
|
157 |
+
}
|
158 |
+
}
|
159 |
+
}
|
160 |
+
}
|
161 |
+
|
162 |
+
.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
|
163 |
+
max-width: 945px;
|
164 |
+
margin-top: 40px;
|
165 |
+
margin-bottom: 40px;
|
166 |
+
}
|
167 |
+
|
168 |
+
@media ( max-width: 600px ) {
|
169 |
+
.mfp-content {
|
170 |
+
.product {
|
171 |
+
.images {
|
172 |
+
margin-bottom: 30px;
|
173 |
+
}
|
174 |
+
.summary {
|
175 |
+
display: block;
|
176 |
+
margin: 0;
|
177 |
+
width: 100%;
|
178 |
+
}
|
179 |
+
}
|
180 |
+
}
|
181 |
+
}
|
182 |
+
|
183 |
+
@media ( min-width: 601px ) {
|
184 |
+
.mfp-content {
|
185 |
+
.product {
|
186 |
+
.images {
|
187 |
+
display: inline-block;
|
188 |
+
width: 49%;
|
189 |
+
}
|
190 |
+
.summary {
|
191 |
+
display: inline-block;
|
192 |
+
margin: 0 0 0 1%;
|
193 |
+
width: 49%;
|
194 |
+
}
|
195 |
+
}
|
196 |
+
}
|
197 |
+
}
|
assets/src/scss/public/_theme.scss
ADDED
@@ -0,0 +1,136 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
.carousel-slider {
|
2 |
+
|
3 |
+
// Styling Next and Prev buttons
|
4 |
+
.owl-nav {
|
5 |
+
.owl-prev,
|
6 |
+
.owl-next {
|
7 |
+
height: 48px;
|
8 |
+
width: 48px;
|
9 |
+
display: inline-block;
|
10 |
+
position: absolute;
|
11 |
+
top: 50%;
|
12 |
+
transform: translateY(-50%);
|
13 |
+
opacity: 0;
|
14 |
+
margin: 0;
|
15 |
+
padding: 0;
|
16 |
+
transition: all .3s ease-in-out;
|
17 |
+
}
|
18 |
+
|
19 |
+
.owl-prev {
|
20 |
+
left: 0;
|
21 |
+
}
|
22 |
+
|
23 |
+
.owl-next {
|
24 |
+
right: 0;
|
25 |
+
}
|
26 |
+
}
|
27 |
+
|
28 |
+
&:hover {
|
29 |
+
.owl-nav {
|
30 |
+
.owl-prev,
|
31 |
+
.owl-next {
|
32 |
+
opacity: 1;
|
33 |
+
}
|
34 |
+
}
|
35 |
+
}
|
36 |
+
|
37 |
+
&.arrows-visible-always {
|
38 |
+
.owl-prev,
|
39 |
+
.owl-next {
|
40 |
+
opacity: 1;
|
41 |
+
}
|
42 |
+
}
|
43 |
+
|
44 |
+
&.arrows-outside {
|
45 |
+
.owl-nav {
|
46 |
+
.owl-prev {
|
47 |
+
left: -48px;
|
48 |
+
}
|
49 |
+
|
50 |
+
.owl-next {
|
51 |
+
right: -48px;
|
52 |
+
}
|
53 |
+
}
|
54 |
+
}
|
55 |
+
|
56 |
+
// Styling dots
|
57 |
+
.owl-dots {
|
58 |
+
text-align: center;
|
59 |
+
-webkit-tap-highlight-color: transparent;
|
60 |
+
margin-top: 10px;
|
61 |
+
|
62 |
+
.owl-dot {
|
63 |
+
display: inline-block;
|
64 |
+
zoom: 1;
|
65 |
+
*display: inline;
|
66 |
+
|
67 |
+
span {
|
68 |
+
width: 10px;
|
69 |
+
height: 10px;
|
70 |
+
margin: 4px 8px;
|
71 |
+
background-color: $background-color;
|
72 |
+
display: block;
|
73 |
+
-webkit-backface-visibility: visible;
|
74 |
+
transition: opacity 200ms ease;
|
75 |
+
}
|
76 |
+
|
77 |
+
&.active,
|
78 |
+
&:hover {
|
79 |
+
span {
|
80 |
+
background-color: $background-hover-color;
|
81 |
+
}
|
82 |
+
}
|
83 |
+
}
|
84 |
+
}
|
85 |
+
|
86 |
+
// Dots positions
|
87 |
+
&.dots-center {
|
88 |
+
.owl-dots {
|
89 |
+
text-align: center;
|
90 |
+
}
|
91 |
+
}
|
92 |
+
&.dots-left {
|
93 |
+
.owl-dots {
|
94 |
+
text-align: left;
|
95 |
+
|
96 |
+
&:first-child {
|
97 |
+
span {
|
98 |
+
margin-left: 0;
|
99 |
+
}
|
100 |
+
}
|
101 |
+
}
|
102 |
+
}
|
103 |
+
&.dots-right {
|
104 |
+
.owl-dots {
|
105 |
+
text-align: right;
|
106 |
+
|
107 |
+
&:last-child {
|
108 |
+
span {
|
109 |
+
margin-right: 0;
|
110 |
+
}
|
111 |
+
}
|
112 |
+
}
|
113 |
+
}
|
114 |
+
|
115 |
+
// Dots visibility
|
116 |
+
&.dots-visible-hover {
|
117 |
+
.owl-dots {
|
118 |
+
opacity: 0;
|
119 |
+
}
|
120 |
+
|
121 |
+
&:hover .owl-dots {
|
122 |
+
opacity: 1;
|
123 |
+
}
|
124 |
+
}
|
125 |
+
|
126 |
+
// Dots shape
|
127 |
+
&.dots-circle {
|
128 |
+
.owl-dots {
|
129 |
+
.owl-dot {
|
130 |
+
span {
|
131 |
+
border-radius: 9999px;
|
132 |
+
}
|
133 |
+
}
|
134 |
+
}
|
135 |
+
}
|
136 |
+
}
|
assets/src/scss/public/_variables.scss
ADDED
@@ -0,0 +1,5 @@
|
|
|
|
|
|
|
|
|
|
|
1 |
+
// Variables
|
2 |
+
$background-color : #9e9e9e;
|
3 |
+
$background-hover-color : #4caf50;
|
4 |
+
$owl-video-play-icon : "#{$imagePath}play.svg";
|
5 |
+
$ajax-loader-url : "#{$imagePath}ajax-loader.gif";
|
assets/src/scss/public/_video.scss
ADDED
@@ -0,0 +1,38 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
// Owl Carousel - Video Plugin
|
2 |
+
.carousel-slider {
|
3 |
+
|
4 |
+
.carousel-slider-video-wrapper {
|
5 |
+
position: relative;
|
6 |
+
height: 100%;
|
7 |
+
background: #000;
|
8 |
+
}
|
9 |
+
|
10 |
+
.carousel-slider-video-play-icon {
|
11 |
+
position: absolute;
|
12 |
+
height: 40px;
|
13 |
+
width: 40px;
|
14 |
+
left: 50%;
|
15 |
+
top: 50%;
|
16 |
+
margin-left: -20px;
|
17 |
+
margin-top: -20px;
|
18 |
+
background: url($owl-video-play-icon) no-repeat;
|
19 |
+
cursor: pointer;
|
20 |
+
z-index: 2;
|
21 |
+
-webkit-backface-visibility: hidden;
|
22 |
+
transition: transform 100ms ease;
|
23 |
+
}
|
24 |
+
|
25 |
+
.carousel-slider-video-overlay {
|
26 |
+
position: absolute;
|
27 |
+
height: 100%;
|
28 |
+
width: 100%;
|
29 |
+
left: 0;
|
30 |
+
top: 0;
|
31 |
+
background-color: rgba(#000000, 0.5);
|
32 |
+
z-index: 1;
|
33 |
+
}
|
34 |
+
|
35 |
+
.carousel-slider-video-play-icon:hover {
|
36 |
+
transform: scale(1.3, 1.3);
|
37 |
+
}
|
38 |
+
}
|
assets/src/scss/utilities/_mixins.scss
ADDED
@@ -0,0 +1,84 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
@mixin overlay($offset: 0) {
|
2 |
+
bottom: $offset;
|
3 |
+
left: $offset;
|
4 |
+
position: absolute;
|
5 |
+
right: $offset;
|
6 |
+
top: $offset;
|
7 |
+
}
|
8 |
+
|
9 |
+
@mixin delete {
|
10 |
+
user-select: none;
|
11 |
+
-moz-appearance: none;
|
12 |
+
-webkit-appearance: none;
|
13 |
+
background-color: rgba($black, 0.2);
|
14 |
+
border: none;
|
15 |
+
border-radius: 32px;
|
16 |
+
cursor: pointer;
|
17 |
+
display: inline-block;
|
18 |
+
flex-grow: 0;
|
19 |
+
flex-shrink: 0;
|
20 |
+
font-size: $size-normal;
|
21 |
+
outline: none;
|
22 |
+
position: relative;
|
23 |
+
vertical-align: top;
|
24 |
+
height: 20px;
|
25 |
+
width: 20px;
|
26 |
+
|
27 |
+
&:before,
|
28 |
+
&:after {
|
29 |
+
background-color: $white;
|
30 |
+
content: "";
|
31 |
+
display: block;
|
32 |
+
left: 50%;
|
33 |
+
position: absolute;
|
34 |
+
top: 50%;
|
35 |
+
transform: translateX(-50%) translateY(-50%) rotate(45deg);
|
36 |
+
transform-origin: center center;
|
37 |
+
}
|
38 |
+
|
39 |
+
&:before {
|
40 |
+
height: 2px;
|
41 |
+
width: 50%;
|
42 |
+
}
|
43 |
+
|
44 |
+
&:after {
|
45 |
+
height: 50%;
|
46 |
+
width: 2px;
|
47 |
+
}
|
48 |
+
|
49 |
+
&:hover,
|
50 |
+
&:focus {
|
51 |
+
background-color: rgba($black, 0.3);
|
52 |
+
}
|
53 |
+
|
54 |
+
&:active {
|
55 |
+
background-color: rgba($black, 0.4);
|
56 |
+
}
|
57 |
+
|
58 |
+
// Sizes
|
59 |
+
&.is-small {
|
60 |
+
height: 16px;
|
61 |
+
width: 16px;
|
62 |
+
}
|
63 |
+
|
64 |
+
&.is-medium {
|
65 |
+
height: 24px;
|
66 |
+
width: 24px;
|
67 |
+
}
|
68 |
+
|
69 |
+
&.is-large {
|
70 |
+
height: 32px;
|
71 |
+
width: 32px;
|
72 |
+
}
|
73 |
+
}
|
74 |
+
|
75 |
+
// Focus shadow mixin.
|
76 |
+
@mixin focus-shadow() {
|
77 |
+
box-shadow: 0 0 8px rgba(0, 0, 0, .18), 0 8px 16px rgba(0, 0, 0, .36);
|
78 |
+
}
|
79 |
+
|
80 |
+
@mixin shadow-2dp() {
|
81 |
+
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14),
|
82 |
+
0 3px 1px -2px rgba(0, 0, 0, 0.2),
|
83 |
+
0 1px 5px 0 rgba(0, 0, 0, 0.12);
|
84 |
+
}
|
assets/src/scss/utilities/_variables.scss
ADDED
@@ -0,0 +1,145 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
// == Colors
|
2 |
+
// Start with assigning color names to specific hex values.
|
3 |
+
|
4 |
+
$black: #000000 !default;
|
5 |
+
$grey-darker: #212121 !default;
|
6 |
+
$grey-dark: #616161 !default;
|
7 |
+
$grey: #9e9e9e !default;
|
8 |
+
$grey-light: #e0e0e0 !default;
|
9 |
+
$grey-lighter: #f5f5f5 !default;
|
10 |
+
$white: #ffffff !default;
|
11 |
+
$teal: #009688 !default;
|
12 |
+
$blue: #2196f3 !default;
|
13 |
+
$green: #4caf50 !default;
|
14 |
+
$yellow: #ffeb3b !default;
|
15 |
+
$amber: #ffc107 !default;
|
16 |
+
$orange: #ff9800 !default;
|
17 |
+
$red: #f44336 !default;
|
18 |
+
$purple: #9c27b0 !default;
|
19 |
+
$turquoise: #00d1b2 !default;
|
20 |
+
$pink: #e91e63 !default;
|
21 |
+
|
22 |
+
// Reassign color vars to semantic color scheme
|
23 |
+
$primary: $teal !default;
|
24 |
+
$info: $blue !default;
|
25 |
+
$success: $green !default;
|
26 |
+
$warning: $amber !default;
|
27 |
+
$danger: $red !default;
|
28 |
+
$light: $grey-lighter !default;
|
29 |
+
$dark: $grey-darker !default;
|
30 |
+
|
31 |
+
$colors: (
|
32 |
+
'teal': $teal,
|
33 |
+
'blue': $blue,
|
34 |
+
'green': $green,
|
35 |
+
'yellow': $yellow,
|
36 |
+
'amber': $amber,
|
37 |
+
'orange': $orange,
|
38 |
+
'red': $red,
|
39 |
+
'purple': $purple,
|
40 |
+
'turquoise': $turquoise,
|
41 |
+
'pink': $pink,
|
42 |
+
'white': $white,
|
43 |
+
'light': $grey-lighter,
|
44 |
+
'grey-light': $grey-light,
|
45 |
+
'grey': $grey,
|
46 |
+
'grey-dark': $grey-dark,
|
47 |
+
'dark': $grey-darker,
|
48 |
+
'black': $black,
|
49 |
+
);
|
50 |
+
|
51 |
+
// General colors
|
52 |
+
$background: $grey-lighter !default;
|
53 |
+
|
54 |
+
$border: $grey-lighter !default;
|
55 |
+
$border-hover: $grey-light !default;
|
56 |
+
|
57 |
+
//== Link colors
|
58 |
+
$link: $primary !default;
|
59 |
+
$link-invert: $primary !default;
|
60 |
+
$link-visited: $purple !default;
|
61 |
+
|
62 |
+
$link-hover: $grey-darker !default;
|
63 |
+
$link-hover-border: $grey-light !default;
|
64 |
+
|
65 |
+
$link-focus: $grey-darker !default;
|
66 |
+
$link-focus-border: $primary !default;
|
67 |
+
|
68 |
+
$link-active: $grey-darker !default;
|
69 |
+
$link-active-border: $grey-dark !default;
|
70 |
+
|
71 |
+
//== Button
|
72 |
+
$button: $grey-darker !default;
|
73 |
+
$button-background: $white !default;
|
74 |
+
$button-border: $grey-lighter !default;
|
75 |
+
|
76 |
+
$button-hover: $link-hover !default;
|
77 |
+
$button-hover-border: $link-hover-border !default;
|
78 |
+
|
79 |
+
$button-focus: $link-focus !default;
|
80 |
+
$button-focus-border: $link-focus-border !default;
|
81 |
+
|
82 |
+
$button-active: $link-active !default;
|
83 |
+
$button-active-border: $link-active-border !default;
|
84 |
+
|
85 |
+
$button-shadow-inset: inset 0 1px 2px rgba($black, 0.2) !default;
|
86 |
+
|
87 |
+
// Typography
|
88 |
+
$family-sans-serif: BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif !default;
|
89 |
+
$family-monospace: monospace !default;
|
90 |
+
|
91 |
+
$family-primary: $family-sans-serif !default;
|
92 |
+
$family-code: $family-monospace !default;
|
93 |
+
|
94 |
+
$size-1: 3rem !default;
|
95 |
+
$size-2: 2.5rem !default;
|
96 |
+
$size-3: 2rem !default;
|
97 |
+
$size-4: 1.5rem !default;
|
98 |
+
$size-5: 1.25rem !default;
|
99 |
+
$size-6: 1rem !default;
|
100 |
+
$size-7: 0.75rem !default;
|
101 |
+
|
102 |
+
$size-small: $size-7 !default;
|
103 |
+
$size-normal: $size-6 !default;
|
104 |
+
$size-medium: $size-5 !default;
|
105 |
+
$size-large: $size-4 !default;
|
106 |
+
|
107 |
+
$weight-light: 300 !default;
|
108 |
+
$weight-normal: 400 !default;
|
109 |
+
$weight-semibold: 500 !default;
|
110 |
+
$weight-bold: 700 !default;
|
111 |
+
|
112 |
+
// Text colors
|
113 |
+
$text: $grey-dark !default;
|
114 |
+
$text-invert: $text !default;
|
115 |
+
$text-light: $grey !default;
|
116 |
+
$text-strong: $grey-darker !default;
|
117 |
+
|
118 |
+
// Miscellaneous
|
119 |
+
$radius-small: 2px !default;
|
120 |
+
$radius: 3px !default;
|
121 |
+
$radius-large: 5px !default;
|
122 |
+
|
123 |
+
//== Grid breakpoints
|
124 |
+
$screen-sm: 576px !default;
|
125 |
+
$screen-md: 769px !default;
|
126 |
+
$screen-lg: 1000px !default;
|
127 |
+
$screen-xl: 1192px !default;
|
128 |
+
$screen-hd: 1384px !default;
|
129 |
+
|
130 |
+
//== Grid containers
|
131 |
+
$container-sm: 540px !default;
|
132 |
+
$container-md: 720px !default;
|
133 |
+
$container-lg: 960px !default;
|
134 |
+
$container-xl: 1140px !default;
|
135 |
+
$container-hd: 1340px !default;
|
136 |
+
|
137 |
+
// Responsiveness
|
138 |
+
// 960, 1152, and 1344 have been chosen because they are divisible by both 12 and 16
|
139 |
+
$tablet: 769px !default;
|
140 |
+
// 960px container + 40px
|
141 |
+
$desktop: 1000px !default;
|
142 |
+
// 1152px container + 40
|
143 |
+
$widescreen: 1192px !default;
|
144 |
+
// 1344px container + 40
|
145 |
+
$fullhd: 1384px !default;
|
assets/{img → static-images}/logo.svg
RENAMED
File without changes
|
carousel-slider.php
CHANGED
@@ -3,14 +3,14 @@
|
|
3 |
* Plugin Name: Carousel Slider
|
4 |
* Plugin URI: http://wordpress.org/plugins/carousel-slider
|
5 |
* Description: <strong>Carousel Slider</strong> allows you to create beautiful, touch enabled, responsive carousels and sliders. It let you create SEO friendly Image carousel from Media Library or from custom URL, Video carousel using Youtube and Vimeo video, Post carousel, Hero banner slider and various types of WooCommerce products carousels.
|
6 |
-
* Version: 1.9.
|
7 |
* Author: Sayful Islam
|
8 |
* Author URI: https://sayfulislam.com
|
9 |
* Requires at least: 4.8
|
10 |
-
* Tested up to: 5.
|
11 |
*
|
12 |
* WC requires at least: 3.0
|
13 |
-
* WC tested up to: 4.
|
14 |
*
|
15 |
* Text Domain: carousel-slider
|
16 |
*
|
3 |
* Plugin Name: Carousel Slider
|
4 |
* Plugin URI: http://wordpress.org/plugins/carousel-slider
|
5 |
* Description: <strong>Carousel Slider</strong> allows you to create beautiful, touch enabled, responsive carousels and sliders. It let you create SEO friendly Image carousel from Media Library or from custom URL, Video carousel using Youtube and Vimeo video, Post carousel, Hero banner slider and various types of WooCommerce products carousels.
|
6 |
+
* Version: 1.9.5
|
7 |
* Author: Sayful Islam
|
8 |
* Author URI: https://sayfulislam.com
|
9 |
* Requires at least: 4.8
|
10 |
+
* Tested up to: 5.6
|
11 |
*
|
12 |
* WC requires at least: 3.0
|
13 |
+
* WC tested up to: 4.8
|
14 |
*
|
15 |
* Text Domain: carousel-slider
|
16 |
*
|
includes/class-carousel-slider-gutenberg-block.php
CHANGED
@@ -77,7 +77,7 @@ if ( ! class_exists( 'Carousel_Slider_Gutenberg_Block' ) ) {
|
|
77 |
return array(
|
78 |
'sliders' => $sliders,
|
79 |
'site_url' => site_url(),
|
80 |
-
'block_logo' => CAROUSEL_SLIDER_ASSETS . '/
|
81 |
'block_title' => __( 'Carousel Slider', 'carousel-slider' ),
|
82 |
'select_slider' => __( 'Select a Slider', 'carousel-slider' ),
|
83 |
'selected_slider' => __( 'Current Selected Slider', 'carousel-slider' ),
|
77 |
return array(
|
78 |
'sliders' => $sliders,
|
79 |
'site_url' => site_url(),
|
80 |
+
'block_logo' => CAROUSEL_SLIDER_ASSETS . '/static-images/logo.svg',
|
81 |
'block_title' => __( 'Carousel Slider', 'carousel-slider' ),
|
82 |
'select_slider' => __( 'Select a Slider', 'carousel-slider' ),
|
83 |
'selected_slider' => __( 'Current Selected Slider', 'carousel-slider' ),
|
includes/class-carousel-slider-vc-element.php
CHANGED
@@ -44,7 +44,7 @@ if ( ! class_exists( 'Carousel_Slider_Visual_Composer_Element' ) ) {
|
|
44 |
"description" => __( "Place Carousel Slider.", 'carousel-slider' ),
|
45 |
"base" => "carousel_slide",
|
46 |
"controls" => "full",
|
47 |
-
"icon" => CAROUSEL_SLIDER_ASSETS . '/
|
48 |
"category" => __( 'Content', 'carousel-slider' ),
|
49 |
"params" => array(
|
50 |
array(
|
44 |
"description" => __( "Place Carousel Slider.", 'carousel-slider' ),
|
45 |
"base" => "carousel_slide",
|
46 |
"controls" => "full",
|
47 |
+
"icon" => CAROUSEL_SLIDER_ASSETS . '/static-images/logo.svg',
|
48 |
"category" => __( 'Content', 'carousel-slider' ),
|
49 |
"params" => array(
|
50 |
array(
|
index.php
CHANGED
@@ -1,2 +1 @@
|
|
1 |
-
<?php
|
2 |
-
// Code is Poetry
|
1 |
+
<?php // Code is Poetry
|
|
readme.txt
CHANGED
@@ -1,290 +1,294 @@
|
|
1 |
-
=== Carousel Slider ===
|
2 |
-
Contributors: sayful, stackonet, majeedraza
|
3 |
-
Tags: woocommerce, shortcode, images, carousel, carousel slider, image carousel, product carousel, slider, owl carousel
|
4 |
-
Requires at least: 4.8
|
5 |
-
Tested up to: 5.
|
6 |
-
Requires PHP: 5.6
|
7 |
-
Stable tag: 1.9.
|
8 |
-
License: GPLv3
|
9 |
-
License URI: https://www.gnu.org/licenses/gpl-3.0.txt
|
10 |
-
|
11 |
-
Create SEO friendly Image, Logo, Video, Post, WooCommerce Product Carousel and Slider.
|
12 |
-
|
13 |
-
== Description ==
|
14 |
-
|
15 |
-
**Create SEO friendly Image, Logo, Video, Post, WooCommerce Product Carousel and Slider.**
|
16 |
-
Carousel Slider is a touch enabled WordPress plugin that lets you create highly customizable, stylish responsive carousel slider. With Carousel Slider, you can create image carousel using media gallery or custom url, post carousel, video carousel. We have integrated [Owl Carousel 2](http://www.owlcarousel.owlgraphic.com/) into our plugin for the ultimate device support.
|
17 |
-
|
18 |
-
> Looking for a free minimal WordPress theme. Try [Shapla](https://wordpress.org/themes/shapla)
|
19 |
-
|
20 |
-
|
21 |
-
**If you like this plugin, please give us [5 star](https://wordpress.org/support/plugin/carousel-slider/reviews/?rate=5#new-post) to encourage for future improvement.**
|
22 |
-
|
23 |
-
= Full Feature Set =
|
24 |
-
|
25 |
-
* **Multiple types carousel**, images from media gallery, images from URL, videos from youtube and vimeo, posts, and WooCommerce products carousel slider
|
26 |
-
* **Hero slider** with background image, title, description, call to action buttons and more
|
27 |
-
* **Posts carousel**, support Specific posts, Post Categories, Post Tags, Posts per page, Date range query and ordering
|
28 |
-
* **Video carousel**, support custom height and width (Currently only support video from Youtube and Vimeo)
|
29 |
-
* **WooCommerce Product carousel**, support Product Categories, Product Tags, Specific Products, Featured Products, Recent Products, Sale Products, Best-Selling Products, Top Rated Products
|
30 |
-
* Options to hide/show product Title, Rating, Price, Cart Button, Sale Tag, Wishlist Button, Quick View button and options to change color for Title, Button Background, Button text
|
31 |
-
* **Fully responsive**, configure the number of items to display for desktop, small desktop, tablet and mobile devices
|
32 |
-
* **Lightweight**, only loads stuff when carousel is used
|
33 |
-
* **Navigation and pagination**, choose what type of navigation is displayed for your carousel with unlimited colors option
|
34 |
-
* **Works great in touch devices**, Touch and Grab enabled
|
35 |
-
* Supported in all major browsers
|
36 |
-
* CSS3 3D Acceleration
|
37 |
-
* Multiple carousel on same page
|
38 |
-
* Lazy load images
|
39 |
-
* Support image title, caption, link url
|
40 |
-
* and more options
|
41 |
-
|
42 |
-
= Hero Image Slider =
|
43 |
-
https://www.youtube.com/watch?v=_hVsamgr1k4
|
44 |
-
|
45 |
-
= Images Carousel using gallery images =
|
46 |
-
https://www.youtube.com/watch?v=ZzI1JhElrxc
|
47 |
-
|
48 |
-
= Images Carousel using custom URLs =
|
49 |
-
https://www.youtube.com/watch?v=a7hqn1yNzwM
|
50 |
-
|
51 |
-
= Posts Carousel =
|
52 |
-
https://www.youtube.com/watch?v=ImJB946azy0
|
53 |
-
|
54 |
-
= WooCommerce Products Carousel =
|
55 |
-
https://www.youtube.com/watch?v=yiAkvXyfakg
|
56 |
-
|
57 |
-
= With Page Builder by SiteOrigin =
|
58 |
-
https://www.youtube.com/watch?v=-OaYQZfr1RM
|
59 |
-
|
60 |
-
= With Visual Composer Website Builder =
|
61 |
-
https://www.youtube.com/watch?v=4LhDXH81whk
|
62 |
-
|
63 |
-
= Using as a Widget =
|
64 |
-
https://www.youtube.com/watch?v=kYgp6wp27lM
|
65 |
-
|
66 |
-
== Installation ==
|
67 |
-
|
68 |
-
* From your WordPress dashboard go to **Plugins > Add New**.
|
69 |
-
* Search for **Carousel Slider** in **Search Plugins** box.
|
70 |
-
* Find the WordPress Plugin named **Carousel Slider** by **Sayful Islam**.
|
71 |
-
* Click **Install Now** to install the **Carousel Slider** Plugin.
|
72 |
-
* The plugin will begin to download and install.
|
73 |
-
* Now just click **Activate** to activate the plugin.
|
74 |
-
|
75 |
-
If you still need help. visit [WordPress codex](https://codex.wordpress.org/Managing_Plugins#Installing_Plugins)
|
76 |
-
|
77 |
-
== Screenshots ==
|
78 |
-
|
79 |
-
1. Carousel slider admin page
|
80 |
-
2. Front-end example of posts carousel slider.
|
81 |
-
3. Front-end example of videos carousel slider.
|
82 |
-
4. Front-end example of images carousel slider.
|
83 |
-
5. Front-end example of products carousel slider.
|
84 |
-
6. Front-end example of products Quick View.
|
85 |
-
7. Front-end example of image lightbox.
|
86 |
-
|
87 |
-
== Changelog ==
|
88 |
-
|
89 |
-
= version 1.9.
|
90 |
-
*
|
91 |
-
*
|
92 |
-
|
93 |
-
|
94 |
-
*
|
95 |
-
|
96 |
-
|
97 |
-
* Tweak - Checked version compatibility with WooCommerce
|
98 |
-
*
|
99 |
-
|
100 |
-
|
101 |
-
|
102 |
-
|
103 |
-
*
|
104 |
-
* Tweak -
|
105 |
-
|
106 |
-
|
107 |
-
|
108 |
-
* Tweak -
|
109 |
-
|
110 |
-
|
111 |
-
|
112 |
-
* Tweak -
|
113 |
-
|
114 |
-
|
115 |
-
*
|
116 |
-
*
|
117 |
-
*
|
118 |
-
*
|
119 |
-
*
|
120 |
-
* Fixed -
|
121 |
-
*
|
122 |
-
* Tweak -
|
123 |
-
*
|
124 |
-
|
125 |
-
|
126 |
-
* Tweak -
|
127 |
-
*
|
128 |
-
|
129 |
-
|
130 |
-
|
131 |
-
|
132 |
-
* Fixed -
|
133 |
-
|
134 |
-
|
135 |
-
|
136 |
-
|
137 |
-
|
138 |
-
|
139 |
-
*
|
140 |
-
|
141 |
-
|
142 |
-
|
143 |
-
*
|
144 |
-
|
145 |
-
|
146 |
-
|
147 |
-
* Fixed -
|
148 |
-
|
149 |
-
|
150 |
-
|
151 |
-
|
152 |
-
*
|
153 |
-
* Added -
|
154 |
-
|
155 |
-
|
156 |
-
*
|
157 |
-
*
|
158 |
-
|
159 |
-
|
160 |
-
*
|
161 |
-
|
162 |
-
|
163 |
-
|
164 |
-
*
|
165 |
-
|
166 |
-
|
167 |
-
|
168 |
-
|
169 |
-
*
|
170 |
-
*
|
171 |
-
|
172 |
-
|
173 |
-
* Added - Hero banner slider
|
174 |
-
* Added - Hero banner slider:
|
175 |
-
* Added -
|
176 |
-
* Added -
|
177 |
-
*
|
178 |
-
* Added -
|
179 |
-
* Added -
|
180 |
-
* Added -
|
181 |
-
* Tweak - Arrow Nav:
|
182 |
-
*
|
183 |
-
* Added -
|
184 |
-
*
|
185 |
-
*
|
186 |
-
* Tweak -
|
187 |
-
|
188 |
-
|
189 |
-
* Fixed -
|
190 |
-
|
191 |
-
|
192 |
-
|
193 |
-
*
|
194 |
-
|
195 |
-
|
196 |
-
*
|
197 |
-
*
|
198 |
-
*
|
199 |
-
|
200 |
-
|
201 |
-
*
|
202 |
-
|
203 |
-
|
204 |
-
|
205 |
-
*
|
206 |
-
|
207 |
-
|
208 |
-
|
209 |
-
|
210 |
-
*
|
211 |
-
*
|
212 |
-
|
213 |
-
|
214 |
-
* Added -
|
215 |
-
|
216 |
-
|
217 |
-
* Added -
|
218 |
-
*
|
219 |
-
|
220 |
-
|
221 |
-
|
222 |
-
|
223 |
-
*
|
224 |
-
*
|
225 |
-
|
226 |
-
= version 1.6.
|
227 |
-
*
|
228 |
-
*
|
229 |
-
|
230 |
-
|
231 |
-
*
|
232 |
-
|
233 |
-
|
234 |
-
*
|
235 |
-
*
|
236 |
-
|
237 |
-
|
238 |
-
* Added -
|
239 |
-
*
|
240 |
-
*
|
241 |
-
*
|
242 |
-
|
243 |
-
|
244 |
-
*
|
245 |
-
|
246 |
-
|
247 |
-
|
248 |
-
*
|
249 |
-
|
250 |
-
|
251 |
-
* Added -
|
252 |
-
*
|
253 |
-
|
254 |
-
|
255 |
-
*
|
256 |
-
|
257 |
-
|
258 |
-
|
259 |
-
*
|
260 |
-
|
261 |
-
|
262 |
-
|
263 |
-
|
264 |
-
|
265 |
-
|
266 |
-
*
|
267 |
-
|
268 |
-
|
269 |
-
|
270 |
-
*
|
271 |
-
|
272 |
-
|
273 |
-
|
274 |
-
*
|
275 |
-
|
276 |
-
= version 1.
|
277 |
-
|
278 |
-
*
|
279 |
-
|
280 |
-
|
281 |
-
|
282 |
-
|
283 |
-
|
284 |
-
*
|
285 |
-
|
286 |
-
= version 1.
|
287 |
-
|
288 |
-
|
289 |
-
|
290 |
-
|
|
|
|
|
|
|
|
1 |
+
=== Carousel Slider ===
|
2 |
+
Contributors: sayful, stackonet, majeedraza
|
3 |
+
Tags: woocommerce, shortcode, images, carousel, carousel slider, image carousel, product carousel, slider, owl carousel
|
4 |
+
Requires at least: 4.8
|
5 |
+
Tested up to: 5.6
|
6 |
+
Requires PHP: 5.6
|
7 |
+
Stable tag: 1.9.5
|
8 |
+
License: GPLv3
|
9 |
+
License URI: https://www.gnu.org/licenses/gpl-3.0.txt
|
10 |
+
|
11 |
+
Create SEO friendly Image, Logo, Video, Post, WooCommerce Product Carousel and Slider.
|
12 |
+
|
13 |
+
== Description ==
|
14 |
+
|
15 |
+
**Create SEO friendly Image, Logo, Video, Post, WooCommerce Product Carousel and Slider.**
|
16 |
+
Carousel Slider is a touch enabled WordPress plugin that lets you create highly customizable, stylish responsive carousel slider. With Carousel Slider, you can create image carousel using media gallery or custom url, post carousel, video carousel. We have integrated [Owl Carousel 2](http://www.owlcarousel.owlgraphic.com/) into our plugin for the ultimate device support.
|
17 |
+
|
18 |
+
> Looking for a free minimal WordPress theme. Try [Shapla](https://wordpress.org/themes/shapla)
|
19 |
+
|
20 |
+
|
21 |
+
**If you like this plugin, please give us [5 star](https://wordpress.org/support/plugin/carousel-slider/reviews/?rate=5#new-post) to encourage for future improvement.**
|
22 |
+
|
23 |
+
= Full Feature Set =
|
24 |
+
|
25 |
+
* **Multiple types carousel**, images from media gallery, images from URL, videos from youtube and vimeo, posts, and WooCommerce products carousel slider
|
26 |
+
* **Hero slider** with background image, title, description, call to action buttons and more
|
27 |
+
* **Posts carousel**, support Specific posts, Post Categories, Post Tags, Posts per page, Date range query and ordering
|
28 |
+
* **Video carousel**, support custom height and width (Currently only support video from Youtube and Vimeo)
|
29 |
+
* **WooCommerce Product carousel**, support Product Categories, Product Tags, Specific Products, Featured Products, Recent Products, Sale Products, Best-Selling Products, Top Rated Products
|
30 |
+
* Options to hide/show product Title, Rating, Price, Cart Button, Sale Tag, Wishlist Button, Quick View button and options to change color for Title, Button Background, Button text
|
31 |
+
* **Fully responsive**, configure the number of items to display for desktop, small desktop, tablet and mobile devices
|
32 |
+
* **Lightweight**, only loads stuff when carousel is used
|
33 |
+
* **Navigation and pagination**, choose what type of navigation is displayed for your carousel with unlimited colors option
|
34 |
+
* **Works great in touch devices**, Touch and Grab enabled
|
35 |
+
* Supported in all major browsers
|
36 |
+
* CSS3 3D Acceleration
|
37 |
+
* Multiple carousel on same page
|
38 |
+
* Lazy load images
|
39 |
+
* Support image title, caption, link url
|
40 |
+
* and more options
|
41 |
+
|
42 |
+
= Hero Image Slider =
|
43 |
+
https://www.youtube.com/watch?v=_hVsamgr1k4
|
44 |
+
|
45 |
+
= Images Carousel using gallery images =
|
46 |
+
https://www.youtube.com/watch?v=ZzI1JhElrxc
|
47 |
+
|
48 |
+
= Images Carousel using custom URLs =
|
49 |
+
https://www.youtube.com/watch?v=a7hqn1yNzwM
|
50 |
+
|
51 |
+
= Posts Carousel =
|
52 |
+
https://www.youtube.com/watch?v=ImJB946azy0
|
53 |
+
|
54 |
+
= WooCommerce Products Carousel =
|
55 |
+
https://www.youtube.com/watch?v=yiAkvXyfakg
|
56 |
+
|
57 |
+
= With Page Builder by SiteOrigin =
|
58 |
+
https://www.youtube.com/watch?v=-OaYQZfr1RM
|
59 |
+
|
60 |
+
= With Visual Composer Website Builder =
|
61 |
+
https://www.youtube.com/watch?v=4LhDXH81whk
|
62 |
+
|
63 |
+
= Using as a Widget =
|
64 |
+
https://www.youtube.com/watch?v=kYgp6wp27lM
|
65 |
+
|
66 |
+
== Installation ==
|
67 |
+
|
68 |
+
* From your WordPress dashboard go to **Plugins > Add New**.
|
69 |
+
* Search for **Carousel Slider** in **Search Plugins** box.
|
70 |
+
* Find the WordPress Plugin named **Carousel Slider** by **Sayful Islam**.
|
71 |
+
* Click **Install Now** to install the **Carousel Slider** Plugin.
|
72 |
+
* The plugin will begin to download and install.
|
73 |
+
* Now just click **Activate** to activate the plugin.
|
74 |
+
|
75 |
+
If you still need help. visit [WordPress codex](https://codex.wordpress.org/Managing_Plugins#Installing_Plugins)
|
76 |
+
|
77 |
+
== Screenshots ==
|
78 |
+
|
79 |
+
1. Carousel slider admin page
|
80 |
+
2. Front-end example of posts carousel slider.
|
81 |
+
3. Front-end example of videos carousel slider.
|
82 |
+
4. Front-end example of images carousel slider.
|
83 |
+
5. Front-end example of products carousel slider.
|
84 |
+
6. Front-end example of products Quick View.
|
85 |
+
7. Front-end example of image lightbox.
|
86 |
+
|
87 |
+
== Changelog ==
|
88 |
+
|
89 |
+
= version 1.9.5 - 2020-12-19 =
|
90 |
+
* Dev - Update javaScript dependencies to latest version.
|
91 |
+
* Dev - Tested with WordPress 5.6 and WooCommerce 4.8
|
92 |
+
|
93 |
+
= version 1.9.4 - 2020-07-05 =
|
94 |
+
* Fix - in settings "Pause On Hover" looses it's value.
|
95 |
+
* Fix - Carousel Displaying code from Divi Builder on post thumbnails.
|
96 |
+
* Fix - Bug Store XSS with profile image.
|
97 |
+
* Tweak - Checked version compatibility with WooCommerce 4.2.*
|
98 |
+
* Dev - Replace module bundler from gulp to webpack.
|
99 |
+
|
100 |
+
= version 1.9.3 - 2019-11-17 =
|
101 |
+
* Tweak - Checked version compatibility with WooCommerce 3.8.*
|
102 |
+
* Tweak - Checked version compatibility with WordPress 5.3.*
|
103 |
+
* Add - Add settings to enable/disable loading scrips and styles to all pages.
|
104 |
+
* Tweak - Rename "WPBakery Visual Composer" to "Visual Composer Website Builder"
|
105 |
+
|
106 |
+
= version 1.9.2 - 2019-05-26 =
|
107 |
+
* Fix - Fix Carousel slider showing hidden products
|
108 |
+
* Tweak - Checked version compatibility with WooCommerce 3.6.*
|
109 |
+
* Tweak - Checked version compatibility with WordPress 5.2.*
|
110 |
+
|
111 |
+
= version 1.9.1 - 2019-05-07 =
|
112 |
+
* Tweak - Add WP_Post class as first params on `carousel_slider_post_read_more` filter hook.
|
113 |
+
|
114 |
+
= version 1.9.0 - 2019-01-20 =
|
115 |
+
* Tweak - Checked version compatibility with WooCommerce 3.5.*
|
116 |
+
* Tweak - Checked version compatibility with WordPress 5.0.*
|
117 |
+
* Tweak - Add Gutenberg block for carousel slider.
|
118 |
+
* Fixed - Hero banner slider heading and description style is not working.
|
119 |
+
* Fixed - Disable magnific popup counter as it show wrong count.
|
120 |
+
* Fixed - Fix "Link to URL" value is not deleting.
|
121 |
+
* Fixed - Post carousel border does not show properly.
|
122 |
+
* Tweak - Update post carousel style.
|
123 |
+
* Tweak - Update product carousel style with equal item width.
|
124 |
+
* Fixed - Product carousel star rating color does not work.
|
125 |
+
* Tweak - Removed "Columns Height" field from post carousel as it no longer required.
|
126 |
+
* Tweak - Slider item equal height for post and product carousel (issue #5)
|
127 |
+
* Dev - Two new filter `carousel_slider_post_read_more` and `carousel_slider_post_excerpt_length` has been added.
|
128 |
+
|
129 |
+
= version 1.8.9 - 2018-07-12 =
|
130 |
+
* Tweak - Update Owl Carousel version to v2.3.4 as fix rewind issue.
|
131 |
+
* Tweak - Transfer inline script to external file so that it should not conflict when combine scripts.
|
132 |
+
* Fixed - PHP notice of terms if WooCommerce is not installed.
|
133 |
+
* Dev - Tested with WooCommerce version 3.4
|
134 |
+
|
135 |
+
= version 1.8.8 - 2018-04-18 =
|
136 |
+
* Fixed - Roll back to Owl Carousel version 2.2.1 as new version has a bug relating to rewind feature that creates conflict with previous version.
|
137 |
+
|
138 |
+
= version 1.8.7 - 2018-03-26 =
|
139 |
+
* Fixed - Navigation is now showing when set always.
|
140 |
+
|
141 |
+
= version 1.8.6 - 2018-03-17 =
|
142 |
+
* Dev - Update Owl Carousel from version 2.2.1 to version 2.3.2
|
143 |
+
* Tweak - Update Owl Carousel style for new version.
|
144 |
+
* Added - Added video description for hero carousel on readme.txt file and Documentation admin menu.
|
145 |
+
|
146 |
+
= version 1.8.5 - 2018-01-31 =
|
147 |
+
* Fixed - Fixed syntax error for short array syntax on PHP 5.3
|
148 |
+
|
149 |
+
= version 1.8.4 - 2018-01-25 =
|
150 |
+
* Added - Add content animation for hero carouse slider.
|
151 |
+
* Fixed - Open Slide Link In New Window issue
|
152 |
+
* Removed - Fixed Width and Height for video carousel.
|
153 |
+
* Added - Add lightbox support for video carousel
|
154 |
+
|
155 |
+
= version 1.8.3 - 2017-12-01 =
|
156 |
+
* Added - Background Overlay color for hero carousel.
|
157 |
+
* Added - Ken Burns Effect for hero carousel.
|
158 |
+
* Tweak - Update hero carousel style.
|
159 |
+
* Removed - Heading and Description background color.
|
160 |
+
* Dev - Load non-minified version when script debug is enabled.
|
161 |
+
* Dev - Update core code.
|
162 |
+
|
163 |
+
= version 1.8.2 - 2017-11-03 =
|
164 |
+
* Fixed - Fixed color overlapping issue on WordPress 3.9
|
165 |
+
|
166 |
+
= version 1.8.1 - 2017-11-03 =
|
167 |
+
* Added - Auto Width: set item width according to its content width.
|
168 |
+
* Added - Stage Padding: Stage padding option adds left and right padding style (in pixels) onto stage-wrapper.
|
169 |
+
* Fixed - Carousel Slider widget only show latest five slider.
|
170 |
+
* Fixed - arrows is showing on mobile device.
|
171 |
+
|
172 |
+
= version 1.8.0 - 2017-09-30 =
|
173 |
+
* Added - Hero banner slider(beta)
|
174 |
+
* Added - Hero banner slider: Add unlimited number of slide
|
175 |
+
* Added - Hero banner slider: Delete and sort(up, down, top, bottom) slide
|
176 |
+
* Added - Hero banner slider: Slide background with color, image and more
|
177 |
+
* Added - Hero banner slider: Slide title and description
|
178 |
+
* Added - Hero banner slider: Up to two call to action buttons with full style
|
179 |
+
* Added - Arrow Nav: Position (Inside or Outside)
|
180 |
+
* Added - Arrow Nav: Custom Size
|
181 |
+
* Tweak - Arrow Nav: Always visibility
|
182 |
+
* Added - Bullet Nav: Position (Left, Center or Right)
|
183 |
+
* Added - Bullet Nav: Custom Size
|
184 |
+
* Added - Bullet Nav: Square or Circle Shape
|
185 |
+
* Tweak - Arrow Nav: Option to enable visibility only on hover
|
186 |
+
* Tweak - Alpha color picker for choosing color
|
187 |
+
* Added - WooCommerce product categories list carousel.
|
188 |
+
* Fixed - Fix featured and top rated products on WooCommerce 3.x.x
|
189 |
+
* Fixed - Fix popup/modal not working always
|
190 |
+
* Tweak - Update owlCarousel version 2.2.1
|
191 |
+
|
192 |
+
= version 1.7.4 - 2017-08-26 =
|
193 |
+
* Fixed - Fixed syntax error for short array syntax on PHP 5.3
|
194 |
+
|
195 |
+
= version 1.7.3 - 2017-08-25 =
|
196 |
+
* Added - JSON-LD structured data for post carousel.
|
197 |
+
* Added - Added uninstall.php file to remove data on uninstall.
|
198 |
+
* Added - Added admin only notice for deprecated shortcode.
|
199 |
+
* Fixed - get_product() deprecated notice on WooCommerce version 3
|
200 |
+
* Fixed - Fixed error on WooCommerce version 2.6.* and 2.5.*
|
201 |
+
* Tweak - Remove dependency over jquery.livequery.js and update admin javascript.
|
202 |
+
* Tweak - Refactor code with WordPress coding style.
|
203 |
+
|
204 |
+
= version 1.7.2 - 2017-04-07 =
|
205 |
+
* New - Structured data generator using JSON-LD format for Product Carousel and Gallery Image Carousel.
|
206 |
+
|
207 |
+
= version 1.7.1 - 2017-04-05 =
|
208 |
+
* New - WooCommerce 3.0.0 compatibility
|
209 |
+
* Fixed - get_product() has been replaced with wc_get_product()
|
210 |
+
* Fixed - get_rating_html() has been replaced with wc_get_rating_html()
|
211 |
+
* Fixed - Fixed id was called incorrectly (Product properties should not be accessed directly) notice.
|
212 |
+
|
213 |
+
= version 1.7.0 - 2017-03-12 =
|
214 |
+
* Added - WooCommerce Product carousel.
|
215 |
+
* Added - WooCommerce Product Quick View button.
|
216 |
+
* Added - WooCommerce Product wishlist button (Required YITH WooCommerce Wishlist).
|
217 |
+
* Added - Unlimited colors for Product button and title.
|
218 |
+
* Added - Lightbox support for images carousel.
|
219 |
+
|
220 |
+
= version 1.6.3 - 2017-01-31 =
|
221 |
+
* Added - Added title option for carousel slider widget.
|
222 |
+
* Tweak - Tweak at post carousel admin interface.
|
223 |
+
* Tweak - Added new carousel_slider_load_scripts filter hook for modifying scripts load conditions.
|
224 |
+
* And some other tweak for coding improvement.
|
225 |
+
|
226 |
+
= version 1.6.2 - 2017-01-27 =
|
227 |
+
* Fixed - Removed PHP trait to add support to PHP 5.3 as some users still use PHP 5.3
|
228 |
+
* Fixed - Fixed issue to make all carousel slider type to **Image Carousel** on activation.
|
229 |
+
|
230 |
+
= version 1.6.1 - 2017-01-12 =
|
231 |
+
* Added - Show posts by Post Categories, Post Tags.
|
232 |
+
* Added - Option to choose query type - Latest Posts, Date Range, Post Categories, Post Tags or Specific Posts.
|
233 |
+
* Added - Added option to set link target for image carousel when click on image.
|
234 |
+
* Fixed - Fixed issue for not saving value from multiple select when no/empty value.
|
235 |
+
* Updated - Pre and Next Navigation buttons has been changed by inline SVG images.
|
236 |
+
|
237 |
+
= version 1.6.0 - 2016-12-22 =
|
238 |
+
* Added - "Link to URL" field at WordPress media uploader for linking carousel image.
|
239 |
+
* Added - Video carousel slider with custom height and width.
|
240 |
+
* Added - Posts carousel slider supporting Specific posts, Posts per page, Date range query and ordering posts.
|
241 |
+
* Added - Images carousel using custom URL with sorting, custom title, custom caption and link to URL features.
|
242 |
+
* Added - New breakpoint for Extra Large Desktop Layout
|
243 |
+
* Updated - Owl Carousel v2.2.0 javaScript library
|
244 |
+
* Shortcode **[carousel]** and **[item]** has been deprecated but backup up for previous versions.
|
245 |
+
* Documentation enhancement and improvements.
|
246 |
+
|
247 |
+
= version 1.5.3 - 2016-12-08 =
|
248 |
+
* Fixed - Issue for not saving zero value for margin.
|
249 |
+
|
250 |
+
= version 1.5.2 - 2016-12-03 =
|
251 |
+
* Added - Added options to show title and caption on carousel item.
|
252 |
+
* Added - Lazy Load of images.
|
253 |
+
* Added - Support multiple carousel slide at same page.
|
254 |
+
* Added - New Carousel Slider Widget to add carousel at widget. Especially helpful for page builder that use widget like "SiteOrigin Page Builder".
|
255 |
+
* Added - New Element added for Visual Composer Website Builder. If you are using Visual Composer Website Builder.
|
256 |
+
* Merged - All CSS styles in on file.
|
257 |
+
|
258 |
+
= version 1.5.1 - 2016-08-11 =
|
259 |
+
* Version compatibility check and some bug fix.
|
260 |
+
|
261 |
+
= version 1.5.0 - 2016-02-05 =
|
262 |
+
|
263 |
+
* Added graphical interface to add carousel
|
264 |
+
* Added shortcode attributes 'inifnity_loop', 'autoplay_timeout', 'autoplay_speed', 'slide_by', 'nav_color', 'nav_active_color', 'margin_right'
|
265 |
+
* Removed shortcode 'carousel_slider' and 'all-carousels'
|
266 |
+
* Removed shortcode attributes 'pagination_speed', 'rewind_speed', 'scroll_per_page', 'pagination_numbers', 'auto_height', 'single_item'
|
267 |
+
|
268 |
+
= version 1.4.0 =
|
269 |
+
|
270 |
+
* Added option to add custom image size
|
271 |
+
* Added option to link each slide to a URL
|
272 |
+
* Added option to open link in the same frame as it was clicked or in a new window or tab.
|
273 |
+
* Added feature to add multiple slider at page, post or theme by custom post category slug
|
274 |
+
* Re-write with Object-oriented programming (OOP)
|
275 |
+
|
276 |
+
= version 1.3.0 =
|
277 |
+
|
278 |
+
* Tested with WordPress version 4.1
|
279 |
+
|
280 |
+
= version 1.2.0 =
|
281 |
+
|
282 |
+
* Fixed bugs regarding shortcode.
|
283 |
+
* Added href="" to add link to post, page or media
|
284 |
+
* Translation ready
|
285 |
+
|
286 |
+
= version 1.1.0 - 2014-07-15 =
|
287 |
+
|
288 |
+
* Fixed some bugs.
|
289 |
+
|
290 |
+
= version 1.0.0 - 2014-06-30 =
|
291 |
+
* Initial release.
|
292 |
+
|
293 |
+
== Upgrade Notice ==
|
294 |
+
Update to get exciting new features and better security.
|