コード例 #1
0
    function etheme_init()
    {
        global $etheme_responsive;
        etheme_get_chosen_google_font();
        ?>

            <style type="text/css">

                <?php 
        if (etheme_get_option('sale_icon')) {
            ?>
                    .label-icon.sale-label { 
                        width: <?php 
            echo etheme_get_option('sale_icon_width') ? etheme_get_option('sale_icon_width') : 67;
            ?>
px; 
                        height: <?php 
            echo etheme_get_option('sale_icon_height') ? etheme_get_option('sale_icon_height') : 67;
            ?>
px;
                    }            
                    .label-icon.sale-label { background-image: url(<?php 
            echo etheme_get_option('sale_icon_url') ? etheme_get_option('sale_icon_url') : get_template_directory_uri() . '/images/label-sale.png';
            ?>
); }
                <?php 
        }
        ?>
                
                <?php 
        if (etheme_get_option('new_icon')) {
            ?>
                    .label-icon.new-label { 
                        width: <?php 
            echo etheme_get_option('new_icon_width') ? etheme_get_option('new_icon_width') : 67;
            ?>
px; 
                        height: <?php 
            echo etheme_get_option('new_icon_height') ? etheme_get_option('new_icon_height') : 67;
            ?>
px;
                    }            
                    .label-icon.new-label { background-image: url(<?php 
            echo etheme_get_option('new_icon_url') ? etheme_get_option('new_icon_url') : get_template_directory_uri() . '/images/label-new.png';
            ?>
); }
                    
                <?php 
        }
        ?>

            </style>

            <style type="text/css">
                <?php 
        $bg = etheme_get_option('background_img');
        ?>
                body {
                    <?php 
        if (!empty($bg['background-color'])) {
            ?>
  background-color: <?php 
            echo $bg['background-color'];
            ?>
;<?php 
        }
        ?>
                    <?php 
        if (!empty($bg['background-image'])) {
            ?>
  background-image: url(<?php 
            echo $bg['background-image'];
            ?>
) ; <?php 
        }
        ?>
                    <?php 
        if (!empty($bg['background-attachment'])) {
            ?>
  background-attachment: <?php 
            echo $bg['background-attachment'];
            ?>
;<?php 
        }
        ?>
                    <?php 
        if (!empty($bg['background-repeat'])) {
            ?>
  background-repeat: <?php 
            echo $bg['background-repeat'];
            ?>
;<?php 
        }
        ?>
                    <?php 
        if (!empty($bg['background-color'])) {
            ?>
  background-color: <?php 
            echo $bg['background-color'];
            ?>
;<?php 
        }
        ?>
                    <?php 
        if (!empty($bg['background-position'])) {
            ?>
  background-position: <?php 
            echo $bg['background-position'];
            ?>
;<?php 
        }
        ?>
                    <?php 
        if (etheme_get_option('background_cover') == 'enable') {
            ?>
                        background-size: cover;
                    <?php 
        }
        ?>
                }
            </style>


            <?php 
        $selectors = et_get_color_selectors();
        $activeColor = etheme_get_option('activecol') ? etheme_get_option('activecol') : et_get_active_color();
        $priceColor = etheme_get_option('pricecolor') ? etheme_get_option('pricecolor') : et_get_active_color();
        $rgb = hex2rgb($activeColor);
        $darkenRgb = array();
        $darkenRgb[0] = $rgb[0] - 30;
        $darkenRgb[1] = $rgb[1] - 30;
        $darkenRgb[2] = $rgb[2] - 30;
        $darkenColor = 'rgb(' . $darkenRgb[0] . ',' . $darkenRgb[1] . ',' . $darkenRgb[2] . ')';
        ?>

            <style type="text/css">
	            <?php 
        echo jsString($selectors['active_color']);
        ?>
              { color: <?php 
        echo $activeColor;
        ?>
; }
	
	            <?php 
        echo jsString($selectors['active_color_important']);
        ?>
    { color: <?php 
        echo $activeColor;
        ?>
!important; }
	
	            <?php 
        echo jsString($selectors['active_bg']);
        ?>
                 { background-color: <?php 
        echo $activeColor;
        ?>
; }
	
	            <?php 
        echo jsString($selectors['active_bg_important']);
        ?>
       { background-color: <?php 
        echo $activeColor;
        ?>
!important; }
	
	            <?php 
        echo jsString($selectors['active_border']);
        ?>
             { border-color: <?php 
        echo $activeColor;
        ?>
; }
            </style>
            
            <style type="text/css">
                <?php 
        echo jsString($selectors['pricecolor']);
        ?>
              { color: <?php 
        echo $priceColor;
        ?>
; }
            </style>
            
            <style type="text/css">
	            <?php 
        echo jsString($selectors['darken_color']);
        ?>
              { color: <?php 
        echo $darkenColor;
        ?>
; }
	
	            <?php 
        echo jsString($selectors['darken_bg']);
        ?>
                 { background-color: <?php 
        echo $darkenColor;
        ?>
; }
	
	            <?php 
        echo jsString($selectors['darken_border']);
        ?>
             { border-color: <?php 
        echo $darkenColor;
        ?>
; }
            </style>

            <style>
                .woocommerce.widget_price_filter .ui-slider .ui-slider-range, 
                .woocommerce-page .widget_price_filter .ui-slider .ui-slider-range{
                  background: <?php 
        echo 'rgba(' . $rgb[0] . ',' . $rgb[1] . ',' . $rgb[2] . ',0.35)';
        ?>
;
                }

            </style>

            <style type="text/css">

                <?php 
        et_load_typography_option('sfont', 'body');
        ?>
                
                <?php 
        et_load_typography_option('mainfont', jsString($selectors['main_font']));
        ?>
                
                <?php 
        et_load_typography_option('pade_heading', '.page-heading #breadcrumb, .page-heading .delimeter, .back-history, .page-heading a, .page-heading .woocommerce-breadcrumb, .page-heading .title');
        ?>
               
                <?php 
        et_load_typography_option('menufont', '.header-wrapper .menu > li > a, .header-type-2.slider-overlap .header .menu > li > a, .header-type-3.slider-overlap .header .menu > li > a, .header-type-7 .menu-wrapper .menu > li > a, .header-type-10 .menu-wrapper .navbar-collapse .menu-main-container .menu > li > a, .header-vertical-enable .page-wrapper .header-type-vertical .container .menu > li > a, .header-vertical-enable .page-wrapper .header-type-vertical2 .container .menu > li > a');
        ?>
                
                <?php 
        et_load_typography_option('h1', 'h1');
        ?>
                <?php 
        et_load_typography_option('h2', 'h2');
        ?>
                <?php 
        et_load_typography_option('h3', 'h3');
        ?>
                <?php 
        et_load_typography_option('h4', 'h4');
        ?>
                <?php 
        et_load_typography_option('h5', 'h5');
        ?>
                <?php 
        et_load_typography_option('h6', 'h6');
        ?>


                <?php 
        et_load_bg_option(etheme_get_option('breadcrumb_bg'), '.bc-type-1, .bc-type-2, .bc-type-3, .bc-type-4, .bc-type-5, .bc-type-6, .bc-type-7, .bc-type-8');
        ?>

                <?php 
        et_load_bg_option(etheme_get_option('header_bg'), '.header-wrapper');
        ?>

                <?php 
        et_load_bg_option(etheme_get_option('menu_bg'), 'header.header .menu-wrapper');
        ?>
                
                <?php 
        $custom_css = etheme_get_option('global_custom_css');
        $custom_css_desktop = etheme_get_option('custom_css_desktop');
        $custom_css_tablet = etheme_get_option('custom_css_tablet');
        $custom_css_wide_mobile = etheme_get_option('custom_css_wide_mobile');
        $custom_css_mobile = etheme_get_option('custom_css_mobile');
        if ($custom_css != '') {
            echo $custom_css;
        }
        if ($custom_css_desktop != '') {
            echo '@media (min-width: 992px) { ' . $custom_css_desktop . ' }';
        }
        if ($custom_css_tablet != '') {
            echo '@media (min-width: 768px) and (max-width: 991px) {' . $custom_css_tablet . ' }';
        }
        if ($custom_css_wide_mobile != '') {
            echo '@media (min-width: 481px) and (max-width: 767px) { ' . $custom_css_wide_mobile . ' }';
        }
        if ($custom_css_mobile != '') {
            echo '@media (max-width: 480px) { ' . $custom_css_mobile . ' }';
        }
        ?>

                 <?php 
        $background_img = etheme_get_option('background_img');
        ?>

                 body.bordered .body-border-left, 
                 body.bordered .body-border-top, 
                 body.bordered .body-border-right, 
                 body.bordered .body-border-bottom {
                    <?php 
        if (!empty($background_img['background-color'])) {
            ?>
  background-color: <?php 
            echo $background_img['background-color'];
            ?>
;<?php 
        }
        ?>
                 }

            </style>
            <script type="text/javascript">
                var ajaxFilterEnabled = <?php 
        echo etheme_get_option('ajax_filter') ? 1 : 0;
        ?>
;
                var successfullyAdded = '<?php 
        echo esc_js(__('successfully added to your shopping cart', ETHEME_DOMAIN));
        ?>
';
                var view_mode_default = '<?php 
        echo esc_js(etheme_get_option('view_mode'));
        ?>
';
                var catsAccordion = false;
                <?php 
        if (etheme_get_option('cats_accordion')) {
            ?>
                        catsAccordion = true;
                    <?php 
        }
        ?>
                <?php 
        if (class_exists('WooCommerce')) {
            global $woocommerce;
            ?>
                        var checkoutUrl = '<?php 
            echo esc_url($woocommerce->cart->get_checkout_url());
            ?>
';
                        var contBtn = '<?php 
            echo esc_js(__('Continue shopping', ETHEME_DOMAIN));
            ?>
';
                        var checkBtn = '<?php 
            echo esc_js(__('Checkout', ETHEME_DOMAIN));
            ?>
';
                    <?php 
        }
        ?>
                <?php 
        if (etheme_get_option('disable_right_click')) {
            ?>
            		document.oncontextmenu = function() {return false;};
		        <?php 
        }
        ?>
                
				
            </script>
        <?php 
    }
コード例 #2
0
ファイル: et-styles.php プロジェクト: scoutrul/sys
<?php

foreach (etheme_get_chosen_google_font() as $font) {
    ?>
	    	<link href='http://fonts.googleapis.com/css?family=<?php 
    echo $font;
    ?>
' rel='stylesheet' type='text/css'/>
	    <?php 
}
$selectors = array();
$selectors['active_color'] = ' 
	a:hover,
    .blog1_icon_container a:hover, 
    .blog_icon_container a:hover, 
    .product_meta a:hover,
    .logo-text-red,
    .text-banner a h1:hover,
    .cart_table_item .product-name a:hover,
    #breadcrumb a:hover, .back-to:hover, .back-to:hover span,
    .block-with-icon:hover i,
    .shopping_cart_wrap ul > li > a:hover, 
    .menu > ul > li.over > a, 
    .menu > ul > li.active > a, 
    .menu > ul > li > a:hover, 
    .product-grid .product-name a:hover, 
    .product_short_description p > a:hover, 
    ins span, 
    .description_share_this a:hover, 
    .lost_password:hover, 
    .product_tabs:hover, 
コード例 #3
0
    function etheme_init()
    {
        global $etheme_responsive;
        foreach (etheme_get_chosen_google_font() as $font) {
            ?>
                <link href='<?php 
            echo et_http();
            ?>
fonts.googleapis.com/css?family=<?php 
            echo $font;
            ?>
' rel='stylesheet' type='text/css'/>
            <?php 
        }
        ?>

            <style type="text/css">

                <?php 
        if (etheme_get_option('sale_icon')) {
            ?>
                    .label-icon.sale-label { 
                        width: <?php 
            echo etheme_get_option('sale_icon_width') ? etheme_get_option('sale_icon_width') : 67;
            ?>
px; 
                        height: <?php 
            echo etheme_get_option('sale_icon_height') ? etheme_get_option('sale_icon_height') : 67;
            ?>
px;
                    }            
                    .label-icon.sale-label { background-image: url(<?php 
            echo etheme_get_option('sale_icon_url') ? etheme_get_option('sale_icon_url') : get_template_directory_uri() . '/images/label-sale.png';
            ?>
); }
                <?php 
        }
        ?>
                
                <?php 
        if (etheme_get_option('new_icon')) {
            ?>
                    .label-icon.new-label { 
                        width: <?php 
            echo etheme_get_option('new_icon_width') ? etheme_get_option('new_icon_width') : 67;
            ?>
px; 
                        height: <?php 
            echo etheme_get_option('new_icon_height') ? etheme_get_option('new_icon_height') : 67;
            ?>
px;
                    }            
                    .label-icon.new-label { background-image: url(<?php 
            echo etheme_get_option('new_icon_url') ? etheme_get_option('new_icon_url') : get_template_directory_uri() . '/images/label-new.png';
            ?>
); }
                    
                <?php 
        }
        ?>

            </style>

            <style type="text/css">
                <?php 
        $bg = etheme_get_option('background_img');
        ?>
                body {
                    <?php 
        if (!empty($bg['background-color'])) {
            ?>
  background-color: <?php 
            echo $bg['background-color'];
            ?>
;<?php 
        }
        ?>
                    <?php 
        if (!empty($bg['background-image'])) {
            ?>
  background-image: url(<?php 
            echo $bg['background-image'];
            ?>
) ; <?php 
        }
        ?>
                    <?php 
        if (!empty($bg['background-attachment'])) {
            ?>
  background-attachment: <?php 
            echo $bg['background-attachment'];
            ?>
;<?php 
        }
        ?>
                    <?php 
        if (!empty($bg['background-repeat'])) {
            ?>
  background-repeat: <?php 
            echo $bg['background-repeat'];
            ?>
;<?php 
        }
        ?>
                    <?php 
        if (!empty($bg['background-color'])) {
            ?>
  background-color: <?php 
            echo $bg['background-color'];
            ?>
;<?php 
        }
        ?>
                    <?php 
        if (!empty($bg['background-position'])) {
            ?>
  background-position: <?php 
            echo $bg['background-position'];
            ?>
;<?php 
        }
        ?>
                    <?php 
        if (etheme_get_option('background_cover') == 'enable') {
            ?>
                        background-size: cover;
                    <?php 
        }
        ?>
                }
            </style>
            <?php 
        $selectors = array();
        $selectors['main_font'] = '
                    .dropcap,
                    blockquote,
                    .team-member .member-mask .mask-text fieldset legend,
                    .button,
                    button,
                    .coupon .button,
                    input[type="submit"],
                    .font2,
                    .shopping-cart-widget .totals,
                    .main-nav .menu > li > a,
                    .menu-wrapper .menu .nav-sublist-dropdown .menu-parent-item > a,
                    .fixed-header .menu .nav-sublist-dropdown .menu-parent-item > a,
                    .fixed-header .menu > li > a,
                    .side-block .close-block,
                    .side-area .widget-title,
                    .et-mobile-menu li > a,
                    .page-heading .row-fluid .span12 > .back-to,
                    .breadcrumbs .back-to,
                    .recent-post-mini a,
                    .etheme_widget_recent_comments ul li .post-title,
                    .product_list_widget a,
                    .widget_price_filter .widget-title,
                    .widget_layered_nav .widget-title,
                    .widget_price_filter h4,
                    .widget_layered_nav h4,
                    .products-list .product .product-name,
                    .table.products-table th,
                    .table.products-table .product-name a,
                    .table.products-table .product-name dl dt,
                    .table.products-table .product-name dl dd,
                    .cart_totals .table .total th strong,
                    .cart_totals .table .total td strong .amount,
                    .pricing-table table .plan-price,
                    .pricing-table table.table thead:first-child tr:first-child th,
                    .pricing-table.style3 table .plan-price sup,
                    .pricing-table.style2 table .plan-price sup,
                    .pricing-table ul li.row-title,
                    .pricing-table ul li.row-price,
                    .pricing-table.style2 ul li.row-price sup,
                    .pricing-table.style3 ul li.row-price sup,
                    .tabs .tab-title,
                    .left-bar .left-titles .tab-title-left,
                    .right-bar .left-titles .tab-title-left,
                    .slider-container .show-all-posts,
                    .bc-type-variant2 .woocommerce-breadcrumb,
                    .bc-type-variant2 .breadcrumbs,
                    .post-single .post-share .share-title,
                    .toggle-element .toggle-title,
                    #bbpress-forums li.bbp-header,
					#bbpress-forums .bbp-forum-title,
					#bbpress-forums .bbp-topic-title,
					#bbpress-forums .bbp-reply-title,
					.product-thumbnails-slider .slides li.video-thumbnail span,
					.coupon label,
					.product-image-wrapper .out-of-stock,
					.shop_table .product-name a,
					.shop_table th,
					.cart_totals .order-total th,
					.page-heading .row-fluid .span12 .back-to,
					.woocommerce table.shop_table th, 
					.woocommerce-page table.shop_table th
                ';
        $selectors['font_color'] = '
                    body,
                    select,
                    .products-small .product-item a,
                    .woocommerce-breadcrumb,
                    #breadcrumb,
                    .woocommerce-breadcrumb a,
                    #breadcrumb a,
                    .etheme_widget_recent_comments .comment_link a,
                    .product-categories li ul a,
                    .product_list_widget del .amount,
                    .page-numbers li a,
                    .page-numbers li span,
                    .pagination li a,
                    .pagination li span,
                    .images .main-image-slider ul.slides .zoom-link:hover,
                    .quantity .qty,
                    .price .from,
                    .price del,
                    .shopping-cart-widget .cart-summ .items,
                    .shopping-cart-widget .cart-summ .for-label,
                    .posted-in a,
                    .tabs .tab-title,
                    .toggle-element .open-this,
                    .blog-post .post-info .posted-in a,
                    .menu-type1 .menu ul > li > a,
                    .post-next-prev a

                ';
        $selectors['active_color'] = '
                    a:hover,
                    .button:hover,
                    button:hover,
                    input[type="submit"]:hover,
                    .menu-icon:hover,
                    .widget_layered_nav ul li:hover,
                    .page-numbers li span,
                    .pagination li span,
                    .page-numbers li a:hover,
                    .pagination li a:hover,
                    .largest,
                    .thumbnail:hover i,
                    .demo-icons .demo-icon:hover,
                    .demo-icons .demo-icon:hover i,
                    .switchToGrid:hover, 
                    .switchToList:hover, 
                    .switcher-active, 
                    .switcher-active:hover,
                    .emodal .close-modal:hover,
                    .prev.page-numbers:hover:after, 
                    .next.page-numbers:hover:after,
                    strong.active,
                    span.active,
                    em.active,
                    a.active,
                    p.active,
                    .shopping-cart-widget .cart-summ .price-summ,
                    .products-small .product-item h5 a:hover,
                    .slider-container .slider-next:hover:before, 
                    .slider-container .slider-prev:hover:before,
                    .fullwidthbanner-container .tp-rightarrow.default:hover:before, 
                    .fullwidthbanner-container .tp-leftarrow.default:hover:before,
                    .side-area .close-block:hover i,
                    .back-to-top:hover, .back-to-top:hover i,
                    .product-info .single_add_to_wishlist:hover:before,
                    .images .main-image-slider ul.slides .zoom-link i:hover,
                    .footer_menu li:hover:before,
                    .main-nav .menu > li.current-menu-parent > a,
                    .main-nav .menu > li.current-menu-item > a,
                    .page-numbers .next:hover:before, 
                    .pagination .next:hover:before,
                    .etheme_twitter .tweet a,
                    .small-slider-arrow.arrow-left:hover,
                    .small-slider-arrow.arrow-right:hover,
                    .active2:hover,
                    .active2,
                    .checkout-steps-nav a.button.active,
                    .checkout-steps-nav a.button.active:hover,
                    .button.active,
                    button.active,
                    input[type="submit"].active,
                    .widget_categories .current-cat a,
                    div.dark_rounded .pp_contract:hover,
                    div.dark_rounded .pp_expand:hover,
                    div.dark_rounded .pp_close:hover,
                    .etheme_cp .etheme_cp_head .etheme_cp_btn_close:hover,
                    .hover-icon:hover,
                    .side-area-icon:hover,
                    .etheme_cp .etheme_cp_content .etheme_cp_section .etheme_cp_section_header .etheme_cp_btn_clear:hover,
                    .header-type-3 .main-nav .menu-wrapper .menu > li.current-menu-item > a, 
                    .header-type-3 .main-nav .menu-wrapper .menu > li.current-menu-parent > a,
                    .header-type-3 .main-nav .menu-wrapper .menu > li > a:hover,
                    .fixed-header .menu > li.current-menu-item > a,
                    .fixed-header .menu > li > a:hover,
                    .main-nav .menu > li > a:hover,
                    .product-categories > li > a:hover,
                    .custom-info-block.a-right span, 
                    .custom-info-block.a-left span,
                    .custom-info-block a i:hover,
                    .product-categories > li.current-cat > a,
                    .menu-wrapper .menu .nav-sublist-dropdown .menu-parent-item > a:hover,
                    .woocommerce .woocommerce-breadcrumb a:hover, 
                    .woocommerce-page .woocommerce-breadcrumb a:hover,
                    .product-info .posted_in a:hover,
                    .slide-item .product .products-page-cats a:hover, 
                    .products-grid .product .products-page-cats a:hover,
                    .widget_layered_nav ul li:hover a,
                    .page-heading .row-fluid .span12 > .back-to:hover,
                    .breadcrumbs .back-to:hover,
                    #breadcrumb a:hover,
                    .links li a:hover,
					.menu-wrapper .menu > .nav-sublist-dropdown .menu-parent-item ul li:hover, 
					.menu-wrapper .menu > .nav-sublist-dropdown .menu-parent-item ul li:hover a,
					.menu-wrapper .menu ul > li > a:hover,
                    .filled.active,
                    .shopping-cart-widget .cart-summ a:hover,
                    .product-categories > li > ul > li > a:hover,
                    .product-categories > li > ul > li > a:hover + span,
                    .product-categories ul.children li > a:hover,
                    .product-categories ul.children li > a:hover + span,
                    .product-categories > li.current-cat > a+span,
                    .widget_nav_menu .current-menu-item a,
                    .widget_nav_menu .current-menu-item:before,
                    .fixed-menu-type2 .fixed-header .nav-sublist-dropdown li a:hover,
                    .product-category h5:hover,
                    .product-categories .children li.current-cat,
                    .product-categories .children li.current-cat a,
                    .product-categories .children li.current-cat span,
                    .pricing-table ul li.row-price,
                    .product-category:hover h5,
                    .widget_nav_menu li a:hover,
                    .widget_nav_menu li:hover:before,
                    .list li:before,
                    .blog-post .post-info a:hover,
					.show-all-posts:hover,
                    .cbp-qtrotator .testimonial-author .excerpt,
                    .top-bar .wishlist-link a:hover span,
                    .menu-type2 .menu .nav-sublist-dropdown .menu-parent-item li:hover:before,
                    .back-to-top:hover:before,
                    .tabs .tab-title:hover,
                    .flex-direction-nav a:hover,
                    .widget_layered_nav ul li a:hover,
                    .widget_layered_nav ul li:hover,
                    .product-categories .open-this:hover,
                    .widget_categories li:hover:before,
                    .etheme-social-icons li a:hover,
                    .product-categories > li.opened .open-this:hover,
                    .slider-container .show-all-posts:hover,
                    .widget_layered_nav ul li.chosen .count,
                    .widget_layered_nav ul li.chosen a,
                    .widget_layered_nav ul li.chosen a:before,
                    .recent-post-mini strong,
                    .menu-wrapper .menu ul > li:hover:before, 
                    .fixed-header .menu ul > li:hover:before,
                    .team-member .member-mask .mask-text a:hover,
                    .show-quickly:hover,
                    .header-type-6 .top-bar .top-links .submenu-dropdown ul li a:hover,
                    .header-type-6 .top-bar .top-links .submenu-dropdown ul li:hover:before,
                    .side-area-icon i:hover:before, 
                    .menu-icon i:hover:before,
                    a.bbp-author-name,
                    #bbpress-forums #bbp-single-user-details #bbp-user-navigation li.current a,
                    #bbpress-forums #bbp-single-user-details #bbp-user-navigation li.current:before,
					.bbp-forum-header a.bbp-forum-permalink,
					.bbp-topic-header a.bbp-topic-permalink,
					.bbp-reply-header a.bbp-reply-permalink,
					.et-tweets.owl-carousel .owl-prev:hover:before,
					.et-tweets.owl-carousel .owl-next:hover:before,
					.etheme_widget_brands ul li.active-brand a,
                    .comment-block .author-link a:hover,
                    .header-type-3 .shopping-cart-link span.amount, 
                    .header-type-4 .shopping-cart-link span.amount, 
                    .header-type-6 .shopping-cart-link span.amount
                ';
        // important
        $selectors['active_color_important'] = '
                    .hover-icon:hover,
                    .breadcrumbs .back-to:hover
                ';
        // Price COLOR!
        $selectors['pricecolor'] = '
                    .products-small .product-item .price,
                    .product_list_widget .amount,
                    .cart_totals .table .total .amount,
                    .price
                ';
        $selectors['active_bg'] = '
                    .filled:hover,
                    .progress-bar > div,
                    .active2:hover,
                    .button.active:hover,
                    button.active:hover,
                    input[type="submit"].active:hover,
                    .checkout-steps-nav a.button.active:hover,
                    .portfolio-filters .active,
                    .product-info .single_add_to_cart_button,
                    .product-info .single_add_to_wishlist:hover,
                    .checkout-button.button,
                    .checkout-button.button:hover,
                    .header-type-6 .top-bar, 
					.filled.active,
					.block-with-ico.ico-position-top i,
                    .added-text,
                    .etheme_cp_btn_show,
                    .toolbar .switchToList:hover, 
                    .toolbar .switchToList.switcher-active,
                    .toolbar .switchToGrid:hover, 
                    .toolbar .switchToGrid.switcher-active,
                    .button.white.filled:hover,
                    .button.active,
                    .button.active2,
                    .button.white:hover,
                    .woocommerce-checkout-payment .place-order .button
                ';
        $selectors['active_border'] = '
                    .button:hover,
                    button:hover,
                    .button.white.filled:hover,
                    input[type="submit"]:hover,
                    .button.active,
                    button.active,
                    input[type="submit"].active,
                    .filled:hover,
                    .widget_layered_nav ul li:hover,
                    .page-numbers li span,
                    .pagination li span,
                    .page-numbers li a:hover,
                    .pagination li a:hover,
                    .switchToGrid:hover, 
                    .switchToList:hover, 
                    .toolbar .switchToGrid.switcher-active,
                    .toolbar .switchToList.switcher-active, 
                    textarea:focus,
                    input[type="text"]:focus,
                    input[type="password"]:focus,
                    input[type="datetime"]:focus,
                    input[type="datetime-local"]:focus,
                    input[type="date"]:focus,
                    input[type="month"]:focus,
                    input[type="time"]:focus,
                    input[type="week"]:focus,
                    input[type="number"]:focus,
                    input[type="email"]:focus,
                    input[type="url"]:focus,
                    input[type="search"]:focus,
                    input[type="tel"]:focus,
                    input[type="color"]:focus,
                    .uneditable-input:focus,
                    .active2,
                    .woocommerce.widget_price_filter .ui-slider .ui-slider-range, 
                    .woocommerce-page .widget_price_filter .ui-slider .ui-slider-range,
                    .checkout-steps-nav a.button.active,
                    .product-info .single_add_to_cart_button,
                    .main-nav .menu > li.current-menu-parent > a:before, 
                    .main-nav .menu > li.current-menu-item > a:before,
                    .cta-block.style-filled,
                    .search #searchform input[type="text"]:focus,
                    .product-categories .open-this:hover,
                    .product-categories > li.opened .open-this:hover,
                    .woocommerce-checkout-payment .place-order .button

                ';
        $selectors['darken_color'] = '
                ';
        $selectors['darken_bg'] = '
                    .woocommerce.widget_price_filter .ui-slider .ui-slider-handle
                ';
        $selectors['darken_border'] = '
                ';
        ?>

            <style type="text/css">
                <?php 
        echo jsString($selectors['font_color']);
        ?>
 { color: #6f6f6f; }
            </style>

            <?php 
        $activeColor = etheme_get_option('activecol') ? etheme_get_option('activecol') : '#d7a200';
        $priceColor = etheme_get_option('pricecolor') ? etheme_get_option('pricecolor') : '#d7a200';
        $rgb = hex2rgb($activeColor);
        $darkenRgb = array();
        $darkenRgb[0] = $rgb[0] > 30 ? $rgb[0] - 30 : 0;
        $darkenRgb[1] = $rgb[1] > 30 ? $rgb[1] - 30 : 0;
        $darkenRgb[2] = $rgb[2] > 30 ? $rgb[2] - 30 : 0;
        $darkenColor = 'rgb(' . $darkenRgb[0] . ',' . $darkenRgb[1] . ',' . $darkenRgb[2] . ')';
        ?>

            <style type="text/css">
            <?php 
        echo jsString($selectors['active_color']);
        ?>
              { color: <?php 
        echo $activeColor;
        ?>
; }

            <?php 
        echo jsString($selectors['active_color_important']);
        ?>
    { color: <?php 
        echo $activeColor;
        ?>
!important; }

            <?php 
        echo jsString($selectors['active_bg']);
        ?>
                 { background-color: <?php 
        echo $activeColor;
        ?>
; }

            <?php 
        echo jsString($selectors['active_border']);
        ?>
             { border-color: <?php 
        echo $activeColor;
        ?>
; }

            </style>
            
            <style type="text/css">
                <?php 
        echo jsString($selectors['pricecolor']);
        ?>
              { color: <?php 
        echo $priceColor;
        ?>
; }
            </style>

            <style type="text/css">
            <?php 
        echo jsString($selectors['darken_color']);
        ?>
              { color: <?php 
        echo $darkenColor;
        ?>
; }

            <?php 
        echo jsString($selectors['darken_bg']);
        ?>
                 { background-color: <?php 
        echo $darkenColor;
        ?>
; }

            <?php 
        echo jsString($selectors['darken_border']);
        ?>
             { border-color: <?php 
        echo $darkenColor;
        ?>
; }

            </style>

            <style>
                .woocommerce.widget_price_filter .ui-slider .ui-slider-range, 
                .woocommerce-page .widget_price_filter .ui-slider .ui-slider-range{
                  background: <?php 
        echo 'rgba(' . $rgb[0] . ',' . $rgb[1] . ',' . $rgb[2] . ',0.35)';
        ?>
;
                }

            </style>

            <style type="text/css">
                <?php 
        $h1 = etheme_get_option('h1');
        ?>
                <?php 
        $h2 = etheme_get_option('h2');
        ?>
                <?php 
        $h3 = etheme_get_option('h3');
        ?>
                <?php 
        $h4 = etheme_get_option('h4');
        ?>
                <?php 
        $h5 = etheme_get_option('h5');
        ?>
                <?php 
        $h6 = etheme_get_option('h6');
        ?>
                <?php 
        $sfont = etheme_get_option('sfont');
        ?>
                <?php 
        $mainfont = etheme_get_option('mainfont');
        ?>
                
                body {
                    <?php 
        if (!empty($sfont['font-color'])) {
            ?>
      color: <?php 
            echo $sfont['font-color'] . ';';
        }
        ?>
                    <?php 
        if (!empty($sfont['font-family'])) {
            ?>
     font-family: <?php 
            echo $sfont['font-family'] . ';';
        }
        ?>
                    <?php 
        if (!empty($sfont['google-font'])) {
            ?>
     font-family: <?php 
            echo str_replace("+", " ", $sfont['google-font']) . ';';
        }
        ?>
                    <?php 
        if (!empty($sfont['font-size'])) {
            ?>
       font-size: <?php 
            echo $sfont['font-size'] . ';';
        }
        ?>
                    <?php 
        if (!empty($sfont['font-style'])) {
            ?>
      font-style: <?php 
            echo $sfont['font-style'] . ';';
        }
        ?>
                    <?php 
        if (!empty($sfont['font-weight'])) {
            ?>
     font-weight: <?php 
            echo $sfont['font-weight'] . ';';
        }
        ?>
                    <?php 
        if (!empty($sfont['font-variant'])) {
            ?>
    font-variant: <?php 
            echo $sfont['font-variant'] . ';';
        }
        ?>
                    <?php 
        if (!empty($sfont['letter-spacing'])) {
            ?>
  letter-spacing: <?php 
            echo $sfont['letter-spacing'] . ';';
        }
        ?>
                    <?php 
        if (!empty($sfont['line-height'])) {
            ?>
     line-height: <?php 
            echo $sfont['line-height'] . ';';
        }
        ?>
                    <?php 
        if (!empty($sfont['text-decoration'])) {
            ?>
 text-decoration:  <?php 
            echo $sfont['text-decoration'] . ';';
        }
        ?>
                    <?php 
        if (!empty($sfont['text-transform'])) {
            ?>
  text-transform:  <?php 
            echo $sfont['text-transform'] . ';';
        }
        ?>
                }
                
                h1 {
                    <?php 
        if (!empty($h1['font-color'])) {
            ?>
      color: <?php 
            echo $h1['font-color'] . ';';
        }
        ?>
                    <?php 
        if (!empty($h1['font-family'])) {
            ?>
     font-family: <?php 
            echo $h1['font-family'] . ';';
        }
        ?>
                    <?php 
        if (!empty($h1['google-font'])) {
            ?>
     font-family: <?php 
            echo str_replace("+", " ", $h1['google-font']) . ';';
        }
        ?>
                    <?php 
        if (!empty($h1['font-size'])) {
            ?>
       font-size: <?php 
            echo $h1['font-size'] . ';';
        }
        ?>
                    <?php 
        if (!empty($h1['font-style'])) {
            ?>
      font-style: <?php 
            echo $h1['font-style'] . ';';
        }
        ?>
                    <?php 
        if (!empty($h1['font-weight'])) {
            ?>
     font-weight: <?php 
            echo $h1['font-weight'] . ';';
        }
        ?>
                    <?php 
        if (!empty($h1['font-variant'])) {
            ?>
    font-variant: <?php 
            echo $h1['font-variant'] . ';';
        }
        ?>
                    <?php 
        if (!empty($h1['letter-spacing'])) {
            ?>
  letter-spacing: <?php 
            echo $h1['letter-spacing'] . ';';
        }
        ?>
                    <?php 
        if (!empty($h1['line-height'])) {
            ?>
     line-height: <?php 
            echo $h1['line-height'] . ';';
        }
        ?>
                    <?php 
        if (!empty($h1['text-decoration'])) {
            ?>
 text-decoration:  <?php 
            echo $h1['text-decoration'] . ';';
        }
        ?>
                    <?php 
        if (!empty($h1['text-transform'])) {
            ?>
  text-transform:  <?php 
            echo $h1['text-transform'] . ';';
        }
        ?>
                }
                h2 {
                    <?php 
        if (!empty($h2['font-color'])) {
            ?>
      color: <?php 
            echo $h2['font-color'] . ';';
        }
        ?>
                    <?php 
        if (!empty($h2['font-family'])) {
            ?>
     font-family: <?php 
            echo $h2['font-family'] . ';';
        }
        ?>
                    <?php 
        if (!empty($h2['google-font'])) {
            ?>
     font-family: <?php 
            echo str_replace("+", " ", $h2['google-font']) . ';';
        }
        ?>
                    <?php 
        if (!empty($h2['font-size'])) {
            ?>
       font-size: <?php 
            echo $h2['font-size'] . ';';
        }
        ?>
                    <?php 
        if (!empty($h2['font-style'])) {
            ?>
      font-style: <?php 
            echo $h2['font-style'] . ';';
        }
        ?>
                    <?php 
        if (!empty($h2['font-weight'])) {
            ?>
     font-weight: <?php 
            echo $h2['font-weight'] . ';';
        }
        ?>
                    <?php 
        if (!empty($h2['font-variant'])) {
            ?>
    font-variant: <?php 
            echo $h2['font-variant'] . ';';
        }
        ?>
                    <?php 
        if (!empty($h2['letter-spacing'])) {
            ?>
  letter-spacing: <?php 
            echo $h2['letter-spacing'] . ';';
        }
        ?>
                    <?php 
        if (!empty($h2['line-height'])) {
            ?>
     line-height: <?php 
            echo $h2['line-height'] . ';';
        }
        ?>
                    <?php 
        if (!empty($h2['text-decoration'])) {
            ?>
 text-decoration:  <?php 
            echo $h2['text-decoration'] . ';';
        }
        ?>
                    <?php 
        if (!empty($h2['text-transform'])) {
            ?>
  text-transform:  <?php 
            echo $h2['text-transform'] . ';';
        }
        ?>
                }
                h3 {
                    <?php 
        if (!empty($h3['font-color'])) {
            ?>
      color: <?php 
            echo $h3['font-color'] . ';';
        }
        ?>
                    <?php 
        if (!empty($h3['font-family'])) {
            ?>
     font-family: <?php 
            echo $h3['font-family'] . ';';
        }
        ?>
                    <?php 
        if (!empty($h3['google-font'])) {
            ?>
     font-family: <?php 
            echo str_replace("+", " ", $h3['google-font']) . ';';
        }
        ?>
                    <?php 
        if (!empty($h3['font-size'])) {
            ?>
       font-size: <?php 
            echo $h3['font-size'] . ';';
        }
        ?>
                    <?php 
        if (!empty($h3['font-style'])) {
            ?>
      font-style: <?php 
            echo $h3['font-style'] . ';';
        }
        ?>
                    <?php 
        if (!empty($h3['font-weight'])) {
            ?>
     font-weight: <?php 
            echo $h3['font-weight'] . ';';
        }
        ?>
                    <?php 
        if (!empty($h3['font-variant'])) {
            ?>
    font-variant: <?php 
            echo $h3['font-variant'] . ';';
        }
        ?>
                    <?php 
        if (!empty($h3['letter-spacing'])) {
            ?>
  letter-spacing: <?php 
            echo $h3['letter-spacing'] . ';';
        }
        ?>
                    <?php 
        if (!empty($h3['line-height'])) {
            ?>
     line-height: <?php 
            echo $h3['line-height'] . ';';
        }
        ?>
                    <?php 
        if (!empty($h3['text-decoration'])) {
            ?>
 text-decoration:  <?php 
            echo $h3['text-decoration'] . ';';
        }
        ?>
                    <?php 
        if (!empty($h3['text-transform'])) {
            ?>
  text-transform:  <?php 
            echo $h3['text-transform'] . ';';
        }
        ?>
                }
                h4 {
                    <?php 
        if (!empty($h4['font-color'])) {
            ?>
      color: <?php 
            echo $h4['font-color'] . ';';
        }
        ?>
                    <?php 
        if (!empty($h4['font-family'])) {
            ?>
     font-family: <?php 
            echo $h4['font-family'] . ';';
        }
        ?>
                    <?php 
        if (!empty($h4['google-font'])) {
            ?>
     font-family: <?php 
            echo str_replace("+", " ", $h4['google-font']) . ';';
        }
        ?>
                    <?php 
        if (!empty($h4['font-size'])) {
            ?>
       font-size: <?php 
            echo $h4['font-size'] . ';';
        }
        ?>
                    <?php 
        if (!empty($h4['font-style'])) {
            ?>
      font-style: <?php 
            echo $h4['font-style'] . ';';
        }
        ?>
                    <?php 
        if (!empty($h4['font-weight'])) {
            ?>
     font-weight: <?php 
            echo $h4['font-weight'] . ';';
        }
        ?>
                    <?php 
        if (!empty($h4['font-variant'])) {
            ?>
    font-variant: <?php 
            echo $h4['font-variant'] . ';';
        }
        ?>
                    <?php 
        if (!empty($h4['letter-spacing'])) {
            ?>
  letter-spacing: <?php 
            echo $h4['letter-spacing'] . ';';
        }
        ?>
                    <?php 
        if (!empty($h4['line-height'])) {
            ?>
     line-height: <?php 
            echo $h4['line-height'] . ';';
        }
        ?>
                    <?php 
        if (!empty($h4['text-decoration'])) {
            ?>
 text-decoration:  <?php 
            echo $h4['text-decoration'] . ';';
        }
        ?>
                    <?php 
        if (!empty($h4['text-transform'])) {
            ?>
  text-transform:  <?php 
            echo $h4['text-transform'] . ';';
        }
        ?>
                }
                h5 {
                    <?php 
        if (!empty($h5['font-color'])) {
            ?>
      color: <?php 
            echo $h5['font-color'] . ';';
        }
        ?>
                    <?php 
        if (!empty($h5['font-family'])) {
            ?>
     font-family: <?php 
            echo $h5['font-family'] . ';';
        }
        ?>
                    <?php 
        if (!empty($h5['google-font'])) {
            ?>
     font-family: <?php 
            echo str_replace("+", " ", $h5['google-font']) . ';';
        }
        ?>
                    <?php 
        if (!empty($h5['font-size'])) {
            ?>
       font-size: <?php 
            echo $h5['font-size'] . ';';
        }
        ?>
                    <?php 
        if (!empty($h5['font-style'])) {
            ?>
      font-style: <?php 
            echo $h5['font-style'] . ';';
        }
        ?>
                    <?php 
        if (!empty($h5['font-weight'])) {
            ?>
     font-weight: <?php 
            echo $h5['font-weight'] . ';';
        }
        ?>
                    <?php 
        if (!empty($h5['font-variant'])) {
            ?>
    font-variant: <?php 
            echo $h5['font-variant'] . ';';
        }
        ?>
                    <?php 
        if (!empty($h5['letter-spacing'])) {
            ?>
  letter-spacing: <?php 
            echo $h5['letter-spacing'] . ';';
        }
        ?>
                    <?php 
        if (!empty($h5['line-height'])) {
            ?>
     line-height: <?php 
            echo $h5['line-height'] . ';';
        }
        ?>
                    <?php 
        if (!empty($h5['text-decoration'])) {
            ?>
 text-decoration:  <?php 
            echo $h5['text-decoration'] . ';';
        }
        ?>
                    <?php 
        if (!empty($h5['text-transform'])) {
            ?>
  text-transform:  <?php 
            echo $h5['text-transform'] . ';';
        }
        ?>
                }         
                h6 {
                    <?php 
        if (!empty($h6['font-color'])) {
            ?>
      color: <?php 
            echo $h6['font-color'] . ';';
        }
        ?>
                    <?php 
        if (!empty($h6['font-family'])) {
            ?>
     font-family: <?php 
            echo $h6['font-family'] . ';';
        }
        ?>
                    <?php 
        if (!empty($h6['google-font'])) {
            ?>
     font-family: <?php 
            echo str_replace("+", " ", $h6['google-font']) . ';';
        }
        ?>
                    <?php 
        if (!empty($h6['font-size'])) {
            ?>
       font-size: <?php 
            echo $h6['font-size'] . ';';
        }
        ?>
                    <?php 
        if (!empty($h6['font-style'])) {
            ?>
      font-style: <?php 
            echo $h6['font-style'] . ';';
        }
        ?>
                    <?php 
        if (!empty($h6['font-weight'])) {
            ?>
     font-weight: <?php 
            echo $h6['font-weight'] . ';';
        }
        ?>
                    <?php 
        if (!empty($h6['font-variant'])) {
            ?>
    font-variant: <?php 
            echo $h6['font-variant'] . ';';
        }
        ?>
                    <?php 
        if (!empty($h6['letter-spacing'])) {
            ?>
  letter-spacing: <?php 
            echo $h6['letter-spacing'] . ';';
        }
        ?>
                    <?php 
        if (!empty($h6['line-height'])) {
            ?>
     line-height: <?php 
            echo $h6['line-height'] . ';';
        }
        ?>
                    <?php 
        if (!empty($h6['text-decoration'])) {
            ?>
 text-decoration:  <?php 
            echo $h6['text-decoration'] . ';';
        }
        ?>
                    <?php 
        if (!empty($h6['text-transform'])) {
            ?>
  text-transform:  <?php 
            echo $h6['text-transform'] . ';';
        }
        ?>
                }
                <?php 
        echo jsString($selectors['main_font']);
        ?>
 {
                    <?php 
        if (!empty($mainfont['font-color'])) {
            ?>
      color: <?php 
            echo $mainfont['font-color'] . ';';
        }
        ?>
                    <?php 
        if (!empty($mainfont['font-family'])) {
            ?>
     font-family: <?php 
            echo $mainfont['font-family'] . ';';
        }
        ?>
                    <?php 
        if (!empty($mainfont['google-font'])) {
            ?>
     font-family: <?php 
            echo str_replace("+", " ", $mainfont['google-font']) . ';';
        }
        ?>
                    <?php 
        if (!empty($mainfont['font-size'])) {
            ?>
       font-size: <?php 
            echo $mainfont['font-size'] . ';';
        }
        ?>
                    <?php 
        if (!empty($mainfont['font-style'])) {
            ?>
      font-style: <?php 
            echo $mainfont['font-style'] . ';';
        }
        ?>
                    <?php 
        if (!empty($mainfont['font-weight'])) {
            ?>
     font-weight: <?php 
            echo $mainfont['font-weight'] . ';';
        }
        ?>
                    <?php 
        if (!empty($mainfont['font-variant'])) {
            ?>
    font-variant: <?php 
            echo $mainfont['font-variant'] . ';';
        }
        ?>
                    <?php 
        if (!empty($mainfont['letter-spacing'])) {
            ?>
  letter-spacing: <?php 
            echo $mainfont['letter-spacing'] . ';';
        }
        ?>
                    <?php 
        if (!empty($mainfont['line-height'])) {
            ?>
     line-height: <?php 
            echo $mainfont['line-height'] . ';';
        }
        ?>
                    <?php 
        if (!empty($mainfont['text-decoration'])) {
            ?>
 text-decoration:  <?php 
            echo $mainfont['text-decoration'] . ';';
        }
        ?>
                    <?php 
        if (!empty($mainfont['text-transform'])) {
            ?>
  text-transform:  <?php 
            echo $mainfont['text-transform'] . ';';
        }
        ?>
 
                }
            </style>
            <script type="text/javascript">
                var active_color_selector = '<?php 
        echo jsString($selectors['active_color']);
        ?>
';
                var active_bg_selector = '<?php 
        echo jsString($selectors['active_bg']);
        ?>
';
                var active_border_selector = '<?php 
        echo jsString($selectors['active_border']);
        ?>
';
                var active_color_default = '<?php 
        echo $activeColor;
        ?>
';
                var bg_default = '<?php 
        etheme_option('backgroundcol');
        ?>
'; 
                var pattern_default = '<?php 
        if (!empty($bg['background-image'])) {
            echo $bg['background-image'];
        }
        ?>
'; 


                var ajaxFilterEnabled = <?php 
        echo etheme_get_option('ajax_filter') ? 1 : 0;
        ?>
;
                var successfullyAdded = '<?php 
        _e('successfully added to your shopping cart', ETHEME_DOMAIN);
        ?>
';
                var view_mode_default = '<?php 
        echo etheme_get_option('view_mode');
        ?>
';
                var catsAccordion = false;
                <?php 
        if (etheme_get_option('cats_accordion')) {
            ?>
                        catsAccordion = true;
                    <?php 
        }
        ?>
                <?php 
        if (class_exists('WooCommerce')) {
            global $woocommerce;
            ?>
                        var checkoutUrl = '<?php 
            echo esc_url($woocommerce->cart->get_checkout_url());
            ?>
';
                        var contBtn = '<?php 
            _e('Continue shopping', ETHEME_DOMAIN);
            ?>
';
                        var checkBtn = '<?php 
            _e('Checkout', ETHEME_DOMAIN);
            ?>
';
                    <?php 
        }
        ?>
                <?php 
        if (etheme_get_option('nice_scroll')) {
            ?>
                    jQuery(document).ready(function(){
                        jQuery("body").niceScroll({
                            hidecursordelay: 100000,
                            scrollspeed: 60,
                            cursorwidth: 6,
                            cursorborder: '1px solid #909090',
                            cursorborderradius: 0,
                            horizrailenabled:false
                        });
                    });
                <?php 
        }
        ?>
            </script>

        <?php 
        if ($etheme_responsive) {
            ?>
            <style type="text/css">
            @import url("<?php 
            echo get_template_directory_uri();
            ?>
/css/large-resolution.css") (min-width:<?php 
            echo etheme_get_option('responsive_from') ? etheme_get_option('responsive_from') : '1440';
            ?>
px);
            </style>
        <?php 
        }
    }