https://lloydscorp.com/wp-content/themes/one/js/styler.js

1var $, jQuery;
2(function ($) {
3    'use strict';
4    
5    $(document).ready(function () {
6        
7         $('#cp1').colorpicker();
8         $('#cp2').colorpicker();
9        
10        
11        $('.styler').fadeOut(0); 
12        $(window).load(function () {
13            $('.styler').fadeIn('slow');
14            setTimeout(function () {
15               $('.styler').removeClass('active');     
16            }, 2000);
17        });
18        
19        $('.styler').on("mouseover", function () {
20            $('.styler').addClass('active');
21            setInterval(function(){ color_change(); }, 100);
22        });
23        $('.content_wrapper').on("mouseover", function () {
24            $('.styler').removeClass('active');
25        });
26        
27        $('.style_btn').each(function(){
28            $(this).find('a').click(function () {
29                $(this).addClass('active');
30                $(this).siblings('a.active').removeClass('active');
31            });
32        });
33        
34        $('.sticky_control a.off').click(function () {
35            $('header').removeClass('fixed_header');
36        });
37        $('.sticky_control a.on').click(function () {
38            $('header').addClass('fixed_header');
39        });
40        
41        $('.bg_mode a.wide').click(function () {
42            $('.box_mode').removeClass('active');
43        });
44        $('.bg_mode a.boxed').click(function () {
45            $('.box_mode').addClass('active');
46        });
47        
48        
49
50
51        
52        $('.box_bg .single_bg').click(function () {
53            var bg_img = $(this).attr('style').replace('background-image: ','');
54            $('body').css('background-image', bg_img);
55            $('.box_mode').addClass('active');
56            $('.bg_mode a.wide').removeClass('active');
57            $('.bg_mode a.boxed').addClass('active');
58        });
59        
60        $('.styleInner .default-btn').click(function () {
61            var btn_class = $(this).attr('data-effect');
62            $('.content_wrapper .default-btn').removeClass('hvr-shutter-out-horizontal hvr-bounce-to-right hvr-rectangle-out hvr-sweep-to-bottom');
63            $('.content_wrapper .default-btn').addClass(btn_class);
64
65            $('.styleInner .default-btn').removeClass('active');
66            $(this).addClass('active');
67        });
68         
69    });
70    
71    
72function color_change(){
73        
74    var cp1_val = $('#cp1 input').val();
75    var cp2_val = $('#cp2 input').val();
76    
77        var cPrimary = 'header ul.menu > li.current-menu-item > a, header ul.menu > li:hover > a, .loader:before, .cPrimary, .loader, .single .bread_crumb_area .breadcrumb .page_link a:hover, header .container .logo > span, header ul.menu li a:hover, header ul.menu > li:hover > a, header ul.menu > li.current-menu-item > a, .feature_area .features .feature_dsc a.read_me:hover, .feature_area .features .single_feature:hover .sf_inner h4, .pricing_area .single_price .price_head .h1, .pricing_area .single_price .price_body ul li:before, .testimonial_area .tst_btn a, .faq_area .newsletter form input[type="submit"], footer .footer_top .widget.widget_link li a:hover, footer .footer_top .widget_contact ul li a:hover, footer .footer_top .widget_contact ul li a i, footer .footer_top .footer_social a, .blog_area aside section .single_recent .h5:hover, .blog_area aside section .cat-links li a:hover, .blog_area .comment_form form input[type="submit"]:hover, .faq_area .newsletter form button, footer .footer-contact-info ul li a i';
78
79        var cPrimary_bg = '.btn_link.default-btn, header ul.menu > li > a:before, .header-area ul li ul, footer .footer_btm a.top_scrl, .styler .icon, .styler .styleInner .single_style .style_btn a.active, .cPrimary_bg, .styler .icon, .styler .styleInner .single_style .style_btn a.active, .styler .styleInner .single_style .single_color, .styler .styleInner .single_style .single_bg, .slicknav_btn, .slicknav_nav, .loader, .loader:before, .loader:after, .default-btn, header ul.menu > li > a:before, .header-area ul li ul, .feature_area .features .single_feature .sf_inner:before, .video_area:before, .video_area:after, .brand_area .brand_slider .single_slide:before, .funfact_area, .pricing_area .single_price.active:before, .faq_area .newsletter, .faq_area .newsletter form input[type="email"], .cta_2, .get_touch .modal-dialog .modal

79-content .modal-close, .get_touch .modal-dialog .modal-content form input[type="submit"], footer .footer_top .widget_contact a.btn, footer .footer_btm .top_scrl, .blog_area .pagination li a:hover, .blog_area .pagination li > span, .blog_area .comment_form form input[type="submit"], .funfact_area, .feature-twoboxs, .single_feature .sf_inner:before, .call_ta_area ';
80
81        var cPdark_bg = '.cPdark_bg, .slicknav_nav .slicknav_row:hover, .slicknav_nav a:hover, .default-btn:before, .hvr-shutter-out-horizontal:before, footer .footer_top .widget_contact a.btn:before';
82    
83        var cp_bo = '.cp_bo, .get_touch .modal-dialog .modal-content form input:not([type="submit"]):focus, .get_touch .modal-dialog .modal-content form textarea:focus, .blog_area .comment_form form input:not([type="submit"]):focus, .blog_area .comment_form form textarea:focus, .blog_area .comment_form form input[type="submit"]:hover';
84
85        var cSc = 'a:hover';
86    
87    
88    
89    
90    
91        $('.styler_css').html(
92            cPrimary + '{ color: ' + cp1_val + ' !important} ' +  
93            cPrimary_bg + '{ background-color: ' + cp1_val + ' !important} ' +
94            cPdark_bg + '{ background-color: ' + cp2_val + ' !important} ' + 
95            cp_bo + '{border-color: ' + cp1_val + ' !important}' 
96        );
97    
98    
99}
100    
101    
102})(jQuery);