function wolf_get_customizer_bg_options($id, $selector)
{
    $css = '';
    $img = '';
    $color = get_theme_mod($id . '_color');
    $repeat = get_theme_mod($id . '_repeat');
    $position = get_theme_mod($id . '_position');
    $attachment = get_theme_mod($id . '_attachment');
    $size = get_theme_mod($id . '_size');
    $none = get_theme_mod($id . '_none');
    $parallax = get_theme_mod($id . '_parallax');
    $opacity = intval(get_theme_mod($id . '_opacity', 100)) / 100;
    $color_rgba = 'rgba(' . wolf_hex_to_rgb($color) . ', ' . $opacity . ')';
    /* Backgrounds
    	---------------------------------*/
    if ('' == $none) {
        if (get_theme_mod($id . '_img')) {
            $img = 'url("' . get_theme_mod($id . '_img') . '")';
        }
        if ($color || $img) {
            if (!$img) {
                $css .= "{$selector} {background-color:{$color};background-color:{$color_rgba};}";
            }
            if ($img) {
                if ($parallax) {
                    $css .= "{$selector} {background : {$color} {$img} {$repeat} fixed}";
                    $css .= "{$selector} {background-position : 50% 0}";
                } else {
                    $css .= "{$selector} {background : {$color} {$img} {$position} {$repeat} {$attachment}}";
                }
                if ('cover' == $size) {
                    $css .= "{$selector} {\r\n\t\t\t\t\t\t-webkit-background-size: 100%;\r\n\t\t\t\t\t\t-o-background-size: 100%;\r\n\t\t\t\t\t\t-moz-background-size: 100%;\r\n\t\t\t\t\t\tbackground-size: 100%;\r\n\t\t\t\t\t\t-webkit-background-size: cover;\r\n\t\t\t\t\t\t-o-background-size: cover;\r\n\t\t\t\t\t\tbackground-size: cover;\r\n\t\t\t\t\t}";
                }
                if ('resize' == $size) {
                    $css .= "{$selector} {\r\n\t\t\t\t\t\t-webkit-background-size: 100%;\r\n\t\t\t\t\t\t-o-background-size: 100%;\r\n\t\t\t\t\t\t-moz-background-size: 100%;\r\n\t\t\t\t\t\tbackground-size: 100%;\r\n\t\t\t\t\t}";
                }
            }
        }
    } else {
        $css .= "{$selector} {background:none;}";
    }
    return $css;
}
Пример #2
0
/**
 * Inline CSS with the theme options
 */
function wolf_theme_options_css()
{
    $css = '';
    /*-----------------------------------------------------------------------------------*/
    /*  Accent Color
    	/*-----------------------------------------------------------------------------------*/
    $accent = wolf_get_theme_option('accent_color');
    if ($accent) {
        $css .= "\r\n\t\ta,\r\n\t\t.add_to_cart_button:hover,\r\n\t\t.wolf-button:hover,\r\n\t\tinput[type='submit']:hover,\r\n\t\tinput[type='reset']:hover,\r\n\t\t.wolf-social:hover,\r\n\t\t.wolf-show-ticket-button:hover,\r\n\t\t.team-member-social-container a:hover,\r\n\t\th1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover,\r\n\t\t.content-light-font h1 a:hover, .content-light-font h2 a:hover,\r\n\t\t.content-light-font h3 a:hover, .content-light-font h4 a:hover,\r\n\t\t.content-light-font h5 a:hover, .content-light-font h6 a:hover,\r\n\t\t.site-footer a:hover,\r\n\t\t#site-navigation-secondary a:hover,\r\n\t\t.comment-reply-link,\r\n\t\t.widget a:not(.button):not(.wolf-button):hover,\r\n\t\tfigure.effect-sadie .entry-meta a,\r\n\t\t#top-bar #lang_sel a.lang_sel_sel:hover,\r\n\t\t.video-sidebar-container .video-title a:hover,\r\n\t\t.video-category .video-author-name a:hover,\r\n\t\t.single-video .video-author-meta .video-author-name a:hover,\r\n\t\t.has-bg h2.entry-title a:hover,\r\n\t\t.post-archives .entry-content a:hover,\r\n\t\t.video-youtube-all.single-video .video-author-meta .video-author-name a:hover,\r\n\t\t.video-youtube.single-video .video-author-meta .video-author-name a:hover,\r\n\t\t.wolf-bigtweet-content:before{\r\n\t\t\tcolor:{$accent};\r\n\t\t}\r\n\r\n\r\n\t\t.entry-meta a:hover, .edit-link a:hover,\r\n\t\t#work-filter a.active, #work-filter a:hover, #video-filter a.active,\r\n\t\t#video-filter a:hover, #gallery-filter a.active, #gallery-filter a:hover,\r\n\t\t#plugin-filter a.active, #plugin-filter a:hover,\r\n\t\t#theme-filter a.active, #theme-filter a:hover,\r\n\t\t#demo-filter a.active, #demo-filter a:hover,\r\n\t\t.menu-hover-text-color .nav-menu li a:hover,\r\n\t\t.menu-hover-text-color .nav-menu li.current-menu-item > a:first-child,\r\n\t\t.menu-hover-text-color .nav-menu li.current-menu-ancestor > a:first-child,\r\n\t\t.menu-hover-text-color .nav-menu li.active a:first-child,\r\n\t\tinput[type='submit']#place_order:hover{\r\n\t\t\tcolor:{$accent}!important;\r\n\t\t}\r\n\r\n\t\ta#scroll-down:hover,\r\n\t\ta#top-arrow:hover,\r\n\t\tinput[type='submit'],\r\n\t\tinput[type='reset'],\r\n\t\t.wolf-button,\r\n\t\t.button,\r\n\t\t.add_to_cart_button,\r\n\t\t.wolf-show-ticket-button{\r\n\t\t\tbackground:{$accent};\r\n\t\t\tborder-color:{$accent};\r\n\t\t}\r\n\r\n\t\t.content-light-font .border-button-accent-hover:hover,\r\n\t\t.border-button-accent-hover:hover,\r\n\t\t.trigger,\r\n\t\t.sidebar-footer input[type='submit'].wolf-mailchimp-submit:hover,\r\n\t\tinput[type='submit']#place_order{\r\n\t\t\tbackground:{$accent}!important;\r\n\t\t\tborder-color:{$accent}!important;\r\n\t\t}\r\n\r\n\t\t.sidebar-footer .wolf-mailchimp-email:focus,\r\n\t\t.bypostauthor .avatar{\r\n\t\t\tborder-color:{$accent};\r\n\t\t}\r\n\r\n\r\n\t\t.wolf-social.square:hover, .wolf-social.circle:hover {\r\n\t\t\tbackground: {$accent};\r\n\t\t\tborder-color: {$accent};\r\n\t\t}\r\n\r\n\t\t.vc_progress_bar .vc_single_bar .vc_bar,\r\n\t\t.mejs-container .mejs-controls .mejs-time-rail .mejs-time-current,\r\n\t\t.mejs-container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current{\r\n\t\t\tbackground:{$accent}!important;\r\n\t\t}\r\n\r\n\t\t.wolf-social.hover-fill-in.square:hover,\r\n\t\t.wolf-social.hover-fill-in.circle:hover,\r\n\t\t.wolf-social.circle.wolf-social-no-custom-style.hover-fill-in:hover,\r\n\t\t.wolf-social.square.wolf-social-no-custom-style.hover-fill-in:hover,\r\n\t\t.icon-box.icon-type-circle .wolf-icon-no-custom-style.hover-fill-in:hover,\r\n\t\t.icon-box.icon-type-square .wolf-icon-no-custom-style.hover-fill-in:hover{\r\n\t\t\t-webkit-box-shadow: inset 0 0 0 1em {$accent};\r\n\t\t\tbox-shadow: inset 0 0 0 1em {$accent};\r\n\t\t\tborder-color: {$accent};\r\n\t\t}\r\n\r\n\t\t.icon-box.icon-type-circle .wolf-icon-no-custom-style.hover-none:hover,\r\n\t\t.icon-box.icon-type-square .wolf-icon-no-custom-style.hover-none:hover{\r\n\t\t\tbackground:{$accent};\r\n\t\t\tborder-color:{$accent}!important;\r\n\t\t}\r\n\r\n\t\t.pricing-table-currency,\r\n\t\t.pricing-table-price,\r\n\t\t.pricing-table-strike:before{\r\n\t\t\tcolor:{$accent}!important;\r\n\t\t}\r\n\r\n\t\t#navbar-container .nav-menu li.button-style > a:first-child span,\r\n\t\t#navbar-container-left .nav-menu li.button-style > a:first-child span,\r\n\t\t#navbar-mobile .nav-menu li.button-style > a:first-child span{\r\n\t\t\tbackground-color:{$accent}!important;\r\n\t\t}\r\n\r\n\t\t#navbar-container .nav-menu li.button-style > a:first-child span:hover,\r\n\t\t#navbar-container-left .nav-menu li.button-style > a:first-child span:hover,\r\n\t\t#navbar-mobile .nav-menu li.button-style > a:first-child span:hover{\r\n\t\t\tbackground:" . wolf_color_brightness($accent, -8) . ";\r\n\t\t}\r\n\r\n\t\tfigure.effect-sadie .item-icon,\r\n\t\t#infscr-loading,\r\n\t\t.shortcode-videos-grid figure,\r\n\t\t.shortcode-works-grid figure,\r\n\t\t.shortcode-plugins-grid figure,\r\n\t\t.shortcode-albums-grid figure,\r\n\t\t.pricing-table-featured,\r\n\t\t.pricing-table-inner ul li.pricing-table-button a:hover,\r\n\t\t.pricing-table-active ul li.pricing-table-button a ,\r\n\t\t.nav-menu .product-count, .menu .product-count,\r\n\t\t.woocommerce .widget_price_filter .ui-slider .ui-slider-range,\r\n\t\t.woocommerce-page .widget_price_filter .ui-slider .ui-slider-range,\r\n\t\t.woocommerce span.onsale,\r\n\t\t.woocommerce-page span.onsale,\r\n\t\t.woocommerce .woocommerce-tabs .panel,\r\n\t\t.woocommerce-page .woocommerce-tabs .panel,\r\n\t\t.woocommerce .woocommerce-tabs ul.tabs li.active,\r\n\t\t.woocommerce-page .woocommerce-tabs ul.tabs li.active,\r\n\t\t.pricing-table-price-strike:before,\r\n\t\t.notif-count{\r\n\t\t\tbackground:{$accent};\r\n\t\t}\r\n\r\n\t\t::-moz-selection{\r\n\t\t\tbackground-color:{$accent}!important;\r\n\t\t}\r\n\r\n\t\t::selection{\r\n\t\t\tbackground-color:{$accent}!important;\r\n\t\t}\r\n";
    }
    if ('standard' == wolf_get_theme_option('home_header_type') && !wolf_is_slider_in_home_header()) {
        $css .= wolf_get_background_css('.is-home-header .parallax-inner', 'header_bg');
    }
    $css .= wolf_get_background_css('.is-home-header .hero-inner', 'header_bg');
    $css .= wolf_get_background_css('.footer-holder', 'footer_holder_bg');
    $holder_overlay_img = wolf_get_theme_option('footer_holder_overlay_img');
    $holder_overlay_pattern = $holder_overlay_img ? esc_url(wolf_get_url_from_attachment_id($holder_overlay_img)) : '';
    $holder_overlay_opacity = wolf_get_theme_option('footer_holder_overlay_opacity');
    $holder_overlay_color = wolf_get_theme_option('footer_holder_overlay_color');
    if ($holder_overlay_color) {
        $css .= ".footer-holder-overlay{background-color:{$holder_overlay_color};}";
    }
    if ($holder_overlay_pattern) {
        $css .= ".footer-holder-overlay{background-image:url({$holder_overlay_pattern});}";
    }
    if ($holder_overlay_opacity) {
        $css .= '.footer-holder-overlay{opacity:' . $holder_overlay_opacity / 100 . '}';
    }
    if ('dark' == wolf_get_theme_option('header_bg_font_color') && is_page_template('page-templates/home.php')) {
        $css .= "\r\n\t\t\t.menu-transparent.is-home-header #navbar-container .nav-menu li a,\r\n\t\t\t.menu-semi-transparent.is-home-header #navbar-container .nav-menu li a{\r\n\t\t\t\tcolor: #333;\r\n\t\t\t}\r\n\r\n\t\t\t.menu-transparent.is-home-header #navbar-container .nav-menu li a:hover,\r\n\t\t\t.menu-semi-transparent.is-home-header #navbar-container .nav-menu li a:hover{\r\n\t\t\t\tcolor: #0d0d0d;\r\n\t\t\t}\r\n\r\n\t\t\t.menu-transparent.is-home-header .logo-light{\r\n\t\t\t\topacity:0;\r\n\t\t\t}\r\n\r\n\t\t\t.menu-transparent.is-home-header .logo-dark{\r\n\t\t\t\topacity:1;\r\n\t\t\t}\r\n\r\n\t\t\t.menu-border.menu-transparent #navbar-container,\r\n\t\t\t.menu-border.menu-semi-transparent #navbar-container{\r\n\t\t\t\tborder-bottom: 1px solid rgba(0,0,0,.1);\r\n\t\t\t}\r\n\t\t";
        if (!wolf_get_theme_option('sub_menu_bg_color')) {
            $css .= "\r\n\t\t\t\t.menu-hover-border-top.menu-transparent.is-home-header .nav-menu li:hover a,\r\n\t\t\t\t.menu-hover-border-top.menu-semi-transparent.is-home-header .nav-menu li:hover a,\r\n\t\t\t\t.menu-hover-border-top.menu-transparent.is-home-header .nav-menu li.current-menu-item > a:first-child,\r\n\t\t\t\t.menu-hover-border-top.menu-transparent.is-home-header .nav-menu li.current-menu-ancestor > a:first-child,\r\n\t\t\t\t.menu-hover-border-top.menu-semi-transparent.is-home-header .nav-menu li.current-menu-item > a:first-child,\r\n\t\t\t\t.menu-hover-border-top.menu-semi-transparent.is-home-header .nav-menu li.current-menu-ancestor > a:first-child {\r\n\t\t\t\t\t-webkit-box-shadow: inset 0px 3px 0px 0px #0d0d0d;\r\n\t\t\t\t\tbox-shadow: inset 0px 3px 0px 0px #0d0d0d;\r\n\t\t\t\t}\r\n\t\t\t";
        }
    }
    if (!wolf_is_slider_in_home_header()) {
        $overlay_img = wolf_get_theme_option('header_overlay_img');
        $overlay_pattern = $overlay_img ? esc_url(wolf_get_url_from_attachment_id($overlay_img)) : '';
        $overlay_opacity = wolf_get_theme_option('header_overlay_opacity');
        $overlay_color = wolf_get_theme_option('header_overlay_color');
        if ($overlay_color) {
            $css .= ".is-home-header .header-overlay{background-color:{$overlay_color};}";
        }
        if ($overlay_pattern) {
            $css .= ".is-home-header .header-overlay{background-image:url({$overlay_pattern});}";
        }
        if ($overlay_opacity) {
            $css .= '.is-home-header .header-overlay{opacity:' . $overlay_opacity / 100 . '}';
        }
    }
    /*-----------------------------------------------------------------------------------*/
    /*  Sub menu bg color
    	/*-----------------------------------------------------------------------------------*/
    $sub_menu_bg_color = wolf_get_theme_option('sub_menu_bg_color');
    if ($sub_menu_bg_color) {
        $css .= "\r\n\r\n\t\t#navbar-container .nav-menu li.cart-menu-item .cart-menu-panel,\r\n\t\t#navbar-container .nav-menu li ul.sub-menu,\r\n\t\t#navbar-container .nav-menu li ul.children,\r\n\t\t.menu-hover-plain-color #navbar-container .nav-menu li:hover a,\r\n\t\t.menu-hover-plain-color #navbar-container .nav-menu li.current-menu-item > a:first-child,\r\n\t\t.menu-hover-plain-color #navbar-container .nav-menu li.current-menu-ancestor > a:first-child,\r\n\t\t.menu-hover-plain-color #navbar-container .nav-menu li.active > a:first-child,\r\n\t\t.sticky-menu.menu-hover-plain-color #navbar-container .nav-menu li:hover a,\r\n\t\t.sticky-menu.menu-hover-plain-color #navbar-container .nav-menu li.current-menu-item > a:first-child,\r\n\t\t.sticky-menu.menu-hover-plain-color #navbar-container .nav-menu li.current-menu-ancestor > a:first-child,\r\n\t\t.sticky-menu.menu-hover-plain-color #navbar-container .nav-menu li.active > a:first-child{\r\n\t\t\tbackground-color:{$sub_menu_bg_color}!important;\r\n\t\t}\r\n\r\n\t\t.menu-hover-border-top.menu-transparent.is-home-header .nav-menu li:hover a,\r\n\t\t.menu-hover-border-top.menu-semi-transparent.is-home-header .nav-menu li:hover a,\r\n\t\t.menu-hover-border-top.menu-transparent.is-home-header .nav-menu li.current-menu-item > a:first-child,\r\n\t\t.menu-hover-border-top.menu-transparent.is-home-header .nav-menu li.current-menu-ancestor > a:first-child,\r\n\t\t.menu-hover-border-top.menu-semi-transparent.is-home-header .nav-menu li.current-menu-item > a:first-child,\r\n\t\t.menu-hover-border-top.menu-semi-transparent.is-home-header .nav-menu li.current-menu-ancestor > a:first-child,\r\n\t\t.menu-hover-border-top.menu-transparent.has-header-image.show-title-area .nav-menu li:hover a,\r\n\t\t.menu-hover-border-top.menu-semi-transparent.has-header-image.show-title-area .nav-menu li:hover a,\r\n\t\t.menu-hover-border-top.menu-transparent.has-header-image.show-title-area .nav-menu li.current-menu-item > a:first-child,\r\n\t\t.menu-hover-border-top.menu-transparent.has-header-image.show-title-area .nav-menu li.current-menu-ancestor > a:first-child,\r\n\t\t.menu-hover-border-top.menu-semi-transparent.has-header-image.show-title-area .nav-menu li.current-menu-item > a:first-child,\r\n\t\t.menu-hover-border-top.menu-semi-transparent.has-header-image.show-title-area .nav-menu li.current-menu-ancestor > a:first-child {\r\n\t\t\t-webkit-box-shadow: inset 0px 3px 0px 0px {$sub_menu_bg_color};\r\n\t\t\tbox-shadow: inset 0px 3px 0px 0px {$sub_menu_bg_color};\r\n\t\t}\r\n\t";
    }
    /*-----------------------------------------------------------------------------------*/
    /*  Sub bg color
    	/*-----------------------------------------------------------------------------------*/
    $sub_menu_color = wolf_get_theme_option('sub_menu_color');
    if ($sub_menu_color) {
        $css .= "\r\n\t\t/*#navbar-container-right .wolf-social,\r\n\t\t#navbar-container-right .widget-title,\r\n\t\t#navbar-container-right,\r\n\t\t#navbar-container-right a,\r\n\t\t#navbar-container-right a:hover,\r\n\t\t#navbar-container-right .wolf-twitter-widget ul.wolf-tweet-list li:before,*/\r\n\t\t.wolf #navbar-container .nav-menu li.cart-menu-item .cart-menu-panel a,\r\n\t\t.wolf #navbar-container .nav-menu li ul.sub-menu span,\r\n\t\t.wolf #navbar-container .nav-menu li ul.children span,\r\n\t\t.wolf #navbar-container .nav-menu li ul.sub-menu li:before,\r\n\t\t.wolf #navbar-container .nav-menu li ul.children li:before,\r\n\t\t.menu-dark.menu-hover-plain-color .nav-menu li:hover a,\r\n\t\t.menu-dark.menu-hover-plain-color .nav-menu li.current-menu-item > a:first-child,\r\n\t\t.menu-dark.menu-hover-plain-color .nav-menu li.current-menu-ancestor > a:first-child,\r\n\t\t.menu-light.menu-hover-plain-color .nav-menu li:hover a,\r\n\t\t.menu-light.menu-hover-plain-color .nav-menu li.current-menu-item > a:first-child,\r\n\t\t.menu-light.menu-hover-plain-color .nav-menu li.current-menu-ancestor > a:first-child,\r\n\t\t.sticky-menu.menu-hover-plain-color #navbar-container .nav-menu li:hover a,\r\n\t\t.sticky-menu.menu-hover-plain-color #navbar-container .nav-menu li.current-menu-item > a:first-child,\r\n\t\t.sticky-menu.menu-hover-plain-color #navbar-container .nav-menu li.current-menu-ancestor > a:first-child{\r\n\t\t\tcolor:{$sub_menu_color}!important;\r\n\t\t}\r\n";
    }
    /*-----------------------------------------------------------------------------------*/
    /*  Loader
    	/*-----------------------------------------------------------------------------------*/
    $spinner_color = wolf_get_theme_option('spinner_color');
    $loading_overlay_color = wolf_get_theme_option('loading_overlay_color');
    if ($loading_overlay_color) {
        $css .= "#loading-overlay{background:{$loading_overlay_color}}";
    }
    if ($spinner_color) {
        $css .= ".loader2-double-bounce1,\r\n\t\t.loader2-double-bounce2,\r\n\t\t.loader3 > div,\r\n\t\t.loader4-cube1,\r\n.loader4-cube2,\r\n.loader5,\r\n.loader6-dot1, .loader6-dot2,\r\n.loader7 > div,\r\n.loader8-container1 > div, .loader8-container2 > div, .loader8-container3 > div\r\n{background-color:{$spinner_color}}";
    }
    /*-----------------------------------------------------------------------------------*/
    /*  Overlay Menu
    	/*-----------------------------------------------------------------------------------*/
    $overlay_menu_bg = wolf_get_theme_option('overlay_menu_bg');
    $overlay_opacity = wolf_get_theme_option('overlay_menu_bg_opacity');
    $overlay_opacity = $overlay_opacity ? $overlay_opacity / 100 : 1;
    if ($overlay_menu_bg) {
        $css .= '
			#navbar-container-overlay{
				background-color:rgba(' . wolf_hex_to_rgb($overlay_menu_bg) . ', ' . $overlay_opacity . ');
			}
		';
    }
    $overlay_menu_color = wolf_get_theme_option('overlay_menu_color');
    if ($overlay_menu_color) {
        $css .= '
			#navbar-container-overlay,
			#navbar-container-overlay a{
				color:' . $overlay_menu_color . '!important;
			}
		';
    }
    /*-----------------------------------------------------------------------------------*/
    /*  Entry Meta
    	/*-----------------------------------------------------------------------------------*/
    $entry_meta_font = wolf_get_theme_option('entry_meta_font_name');
    $entry_meta_selectors = '.entry-meta, .category, .edit-link, .author-link, .author-description, .share-link,
	.page-title-container .subheading, .page-title-container .category-description p';
    if ($entry_meta_font) {
        $css .= "{$entry_meta_selectors}{font-family:'{$entry_meta_font}'}";
    }
    $entry_meta_font_weight = wolf_get_theme_option('entry_meta_font_weight');
    if ($entry_meta_font_weight) {
        $css .= "{$entry_meta_selectors}{font-weight:{$entry_meta_font_weight}}";
    }
    $entry_meta_font_transform = wolf_get_theme_option('entry_meta_font_transform');
    if ('uppercase' == $entry_meta_font_transform) {
        $css .= "{$entry_meta_selectors}{text-transform:uppercase}";
    }
    $entry_meta_font_style = wolf_get_theme_option('entry_meta_font_style');
    if ($entry_meta_font_style) {
        $css .= "{$entry_meta_selectors}{font-style:{$entry_meta_font_style}}";
    }
    $entry_meta_letterspacing = wolf_get_theme_option('entry_meta_font_letter_spacing');
    if ($entry_meta_letterspacing) {
        $entry_meta_letterspacing = $entry_meta_letterspacing . 'px';
        $css .= "{$entry_meta_selectors}{letter-spacing:{$entry_meta_letterspacing}}";
    }
    /*-----------------------------------------------------------------------------------*/
    /*  Heading Font
    	/*-----------------------------------------------------------------------------------*/
    $heading_font = wolf_get_theme_option('heading_font_name');
    $heading_selectors = 'h1, h2, h3, h4, h5, h2.entry-title, .widget-title, .counter-text, .countdown-period, .wolf-slide-title';
    if ($heading_font) {
        $css .= "{$heading_selectors}{font-family:'{$heading_font}'}";
    }
    $heading_font_weight = wolf_get_theme_option('heading_font_weight');
    if ($heading_font_weight) {
        $css .= "{$heading_selectors}{font-weight:{$heading_font_weight}}";
    }
    $heading_font_transform = wolf_get_theme_option('heading_font_transform');
    if ('uppercase' == $heading_font_transform) {
        $css .= "{$heading_selectors}{text-transform:uppercase}";
    }
    $heading_font_style = wolf_get_theme_option('heading_font_style');
    if ($heading_font_style) {
        $css .= "{$heading_selectors}{font-style:{$heading_font_style}}";
    }
    $heading_letterspacing = wolf_get_theme_option('heading_font_letter_spacing');
    if ($heading_letterspacing) {
        $heading_letterspacing = $heading_letterspacing . 'px';
        $css .= "{$heading_selectors}{letter-spacing:{$heading_letterspacing}}";
    }
    /*-----------------------------------------------------------------------------------*/
    /*  Page title Font
    	/*-----------------------------------------------------------------------------------*/
    $page_title_font = wolf_get_theme_option('page_title_font_name');
    $page_title_selectors = 'h1.page-title';
    if ($page_title_font) {
        $css .= "{$page_title_selectors}{font-family:'{$page_title_font}'}";
    }
    $page_title_font_weight = wolf_get_theme_option('page_title_font_weight');
    if ($page_title_font_weight) {
        $css .= "{$page_title_selectors}{font-weight:{$page_title_font_weight}}";
    }
    $page_title_font_transform = wolf_get_theme_option('page_title_font_transform');
    if ('uppercase' == $page_title_font_transform) {
        $css .= "{$page_title_selectors}{text-transform:uppercase}";
    }
    $page_title_font_style = wolf_get_theme_option('page_title_font_style');
    if ($page_title_font_style) {
        $css .= "{$page_title_selectors}{font-style:{$page_title_font_style}}";
    }
    $page_title_letterspacing = wolf_get_theme_option('page_title_font_letter_spacing');
    if ($page_title_letterspacing) {
        $page_title_letterspacing = $page_title_letterspacing . 'px';
        $css .= "{$heading_selectors}{letter-spacing:{$heading_letterspacing}}";
    }
    /*-----------------------------------------------------------------------------------*/
    /*  Menu Font
    	/*-----------------------------------------------------------------------------------*/
    $menu_font = wolf_get_theme_option('menu_font_name');
    $menu_selectors = '.nav-menu li a, #navbar-container-right';
    if ($menu_font) {
        $css .= "{$menu_selectors}{ font-family:'{$menu_font}'}";
    }
    $menu_font_weight = wolf_get_theme_option('menu_font_weight');
    if ($menu_font_weight) {
        $css .= "{$menu_selectors}{font-weight:{$menu_font_weight}}";
    }
    $menu_font_transform = wolf_get_theme_option('menu_font_transform');
    if ('uppercase' == $menu_font_transform) {
        $css .= "{$menu_selectors}{text-transform:uppercase}";
    }
    $menu_font_style = wolf_get_theme_option('menu_font_style');
    if ($menu_font_style) {
        $css .= "{$menu_selectors}{font-style:{$menu_font_style}}";
    }
    $menu_letterspacing = wolf_get_theme_option('menu_font_letter_spacing');
    if ($menu_letterspacing) {
        $menu_letterspacing = $menu_letterspacing . 'px';
        $css .= "{$menu_selectors}{letter-spacing:{$menu_letterspacing}}";
    }
    /*-----------------------------------------------------------------------------------*/
    /*  Body Font
    	/*-----------------------------------------------------------------------------------*/
    $body_font = wolf_get_theme_option('body_font_name');
    $body_selectors = 'body, blockquote.testimonial-content, .wolf-slide-subtitle';
    if ($body_font) {
        $css .= "{$body_selectors}{font-family:'{$body_font}'}";
    }
    /*-----------------------------------------------------------------------------------*/
    /*  Backgrounds
    	/*-----------------------------------------------------------------------------------*/
    if ('boxed' == wolf_get_theme_option('layout')) {
        $css .= wolf_get_background_css('body.wolf', 'body_bg');
    }
    if ('boxed' == wolf_get_theme_option('layout') && (wolf_get_theme_option('body_bg_color') || wolf_get_theme_option('body_bg_img'))) {
        $css .= '#page{background:none;}';
    }
    // page
    //$css .= wolf_get_background_css( '.wolf #page-content', 'page_bg' );
    if ('light' == wolf_get_theme_option('page_bg_font_color')) {
        $css .= "\r\n\t\t\tbody{\r\n\t\t\t\tcolor:white;\r\n\t\t\t}\r\n\t\t";
    }
    // footer
    $css .= wolf_get_background_css('site_footer_bg', '.site-footer');
    /*-----------------------------------------------------------------------------------*/
    /*  Custom CSS
    	/*-----------------------------------------------------------------------------------*/
    if (wolf_get_theme_option('c')) {
        $css .= stripslashes(wolf_get_theme_option('c'));
    }
    if (get_option('wolf_theme_css_' . wolf_get_theme_slug())) {
        $css .= stripslashes(get_option('wolf_theme_css_' . wolf_get_theme_slug()));
    }
    if (WOLF_DEBUG) {
        return $css;
    } else {
        return wolf_compact_css($css);
    }
}