/** * Inline CSS with the customizer options */ function wolf_customizer_css() { $css = wolf_get_customizer_bg_options('body_bg', 'body'); $css .= wolf_get_customizer_bg_options('site_footer_bg', '.site-footer'); if ('boxed-layout' == get_theme_mod('layout') && (get_theme_mod('body_bg_color') || get_theme_mod('body_bg_img'))) { $css .= '#page{background:none;}'; } if (WOLF_DEBUG) { return $css; } else { return wolf_compact_css($css); } }
/** * Sanitize html style attribute * * @param string $style * @return string */ function wolf_sanitize_style_attr($style) { return esc_attr(trim(wolf_compact_css($style))); }
/** * Woocommerce mosaic category shortcode * * @param array $atts * @return string */ function wolf_woocommerce_categories_shortcode($atts) { if (class_exists('Vc_Manager') && function_exists('vc_map_get_attributes')) { $atts = vc_map_get_attributes('wolf_woocommerce_categories', $atts); } extract(shortcode_atts(array('layout' => 'classic-thumb', 'columns' => 3, 'padding' => 'yes', 'exclude' => '', 'include' => ''), $atts)); $padding = sanitize_text_field($padding); $exclude = sanitize_text_field($exclude); $include = sanitize_text_field($include); $layout = sanitize_text_field(wolf_get_image_size($layout)); $columns = absint($columns); $include_ids = array(); if ('' != $include) { $include = explode(',', str_replace(' ', '', $include)); foreach ($include as $slug) { $cat = get_term_by('slug', $slug, 'product_cat'); $include_ids[] = $cat->term_id; } } $exclude_ids = array(); if ('' != $exclude) { $exclude = explode(',', str_replace(' ', '', $exclude)); foreach ($exclude as $slug) { $cat = get_term_by('slug', $slug, 'product_cat'); $exclude_ids[] = $cat->term_id; } } $output = ''; include_once WC()->plugin_path() . '/includes/walkers/class-product-cat-list-walker.php'; $cats_args = array('taxonomy' => 'product_cat', 'parent' => 0, 'show_count' => 0, 'pad_counts' => 0, 'hide_empty' => 1, 'title_li' => '', 'menu_order' => 'asc', 'walker' => new WC_Product_Cat_List_Walker()); if ('' != $include) { $cats_args['include'] = $include_ids; } if ('' != $exclude) { $cats_args['exclude'] = $exclude_ids; } $cats = get_categories($cats_args); if (array() != $cats) { $rand_id = rand(0, 999); $selector = "shop-categories-{$rand_id}"; if ('mosaic' == $layout) { $output .= "<div class='mosaic-shop-categories-container' id='{$selector}'>"; } else { $columns = intval($columns); $itemwidth = $columns > 0 ? floor(100 / $columns) : 100; $float = is_rtl() ? 'right' : 'left'; $css = "<style type='text/css'>\r\n\t\t\t\t\t#{$selector} .mosaic-shop-category{\r\n\t\t\t\t\t\tfloat: {$float};\r\n\t\t\t\t\t\twidth: {$itemwidth}%;\r\n\r\n\t\t\t\t"; if ('yes' == $padding) { $css .= "padding:1rem;"; } if (1 == $columns) { $css .= 'padding-bottom:10px!important;'; } $css .= '}</style>'; $output .= wolf_compact_css($css); $output .= "<div class='shop-categories-container' id='{$selector}'>"; } foreach ($cats as $cat) { $title = $cat->name; $thumbnail_id = get_woocommerce_term_meta($cat->term_id, 'thumbnail_id', true); $link = get_term_link($cat); $class = 'mosaic-shop-category product-cat'; $size = $layout; if ('mosaic' == $layout) { $size = get_woocommerce_term_meta($cat->term_id, 'thumbnail_size', true); if ('2x1' == $size) { $class .= ' width2 wide'; } elseif ('2x2' == $size) { $class .= ' width2 height2 big'; } } $img_url = wolf_get_url_from_attachment_id(absint($thumbnail_id), $size); if ($thumbnail_id) { $output .= "<div class='{$class}'>\r\n\t\t\t\t\t\t<figure class='effect-edouard'>\r\n\t\t\t\t\t\t\t<img src='{$img_url}'>\r\n\t\t\t\t\t\t\t<figcaption>\r\n\t\t\t\t\t\t\t\t<div class='figcaption-inner table'>\r\n\t\t\t\t\t\t\t\t\t<div class='table-cell' >\r\n\t\t\t\t\t\t\t\t\t\t<a href='{$link}' class='mask-link'></a>\r\n\t\t\t\t\t\t\t\t\t\t<h2 class='category-title'>{$title}</h2>\r\n\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t</figcaption>\r\n\t\t\t\t\t\t</figure>\r\n\t\t\t\t\t</div>"; } } // endforeach $output .= '</div>'; if ('mosaic' == $layout) { wp_enqueue_script('packery'); $output .= '<script type="text/javascript">jQuery(document).ready(function(){'; $output .= 'jQuery( ".mosaic-shop-categories-container" ).imagesLoaded( function() { jQuery( ".mosaic-shop-categories-container" ).isotope( { itemSelector : ".mosaic-shop-category", //animationEngine : "none", layoutMode: "packery" } ); });'; $output .= '});</script>'; } } // endif return $output; }
/** * Columns shortcode * * @param array $atts * @param string $content * @return string */ function wolf_row_shortcode($atts, $content = null) { $output = $el_class = $custom_class = $style = ''; extract(shortcode_atts(array('el_class' => '', 'font_type' => 'dark', 'background_color' => '', 'background_type' => '', 'background_image' => '', 'background_position' => '', 'background_attachment' => '', 'background_repeat' => '', 'background_size' => '', 'video_bg_type' => '', 'video_bg_youtube_url' => '', 'video_bg_mp4' => '', 'video_bg_webm' => '', 'video_bg_ogv' => '', 'video_opacity' => '100', 'video_bg_img' => '', 'content_type' => 'standard', 'no_padding' => '', 'padding_top' => '', 'padding_bottom' => '', 'parallax' => '', 'full_screen' => '', 'anchor' => '', 'overlay' => '', 'overlay_image' => '', 'overlay_color' => '', 'overlay_opacity' => '100', 'inline_style' => '', 'hide_class' => ''), $atts)); $style = ''; $overlay_style = ''; $video_opacity = 100; $overlay_opacity = $overlay_opacity ? absint($overlay_opacity) / 100 : 0.4; $custom_class .= 'wolf-row clearfix content-' . $font_type . '-font' . ' wolf-row-' . $content_type . '-width'; if ($hide_class) { $custom_class .= ' ' . $hide_class; } if ($video_bg_mp4 || $video_bg_youtube_url) { $custom_class .= ' wolf-row-video-bg'; } if ($no_padding) { $custom_class .= ' wolf-row-no-padding'; } if ($full_screen) { $custom_class .= ' section-full-screen'; } wp_enqueue_script('wpb_composer_front_js'); $el_class = $this->getExtraClass($el_class); $css_class = apply_filters(VC_SHORTCODE_CUSTOM_CSS_FILTER_TAG, 'wpb_row section ' . $custom_class . ' ' . get_row_css_class() . $el_class, $this->settings['base']); $_image = ''; if ($background_image != ' ') { $_image = wolf_get_url_from_attachment_id($background_image, 'extra-large'); } if ($parallax && 'image' == $background_type && $_image) { $css_class .= ' section-parallax'; } if ($background_color) { $style .= "background-color:{$background_color};"; } if ('image' == $background_type) { if ($background_image) { $style .= "background-image:url({$_image});"; } if ($background_position) { $style .= "background-position:{$background_position};"; } if ($background_repeat) { $style .= "background-repeat:{$background_repeat};"; } if ($background_size == 'cover') { $style .= "-webkit-background-size: 100%; -o-background-size: 100%; -moz-background-size: 100%; background-size: 100%;-webkit-background-size: cover; -o-background-size: cover; background-size: cover;"; } if ($background_size == 'resize') { $style .= "-webkit-background-size: 100%; -o-background-size: 100%;-moz-background-size: 100%; background-size: 100%;"; } } // endif image background if ($overlay && ('image' == $background_type && $_image || 'video' == $background_type && ($video_bg_mp4 || $video_bg_youtube_url))) { $_overlay_image = ''; if ($overlay_image != '') { $_overlay_image = wolf_get_url_from_attachment_id($overlay_image, 'extra-large'); } if ($overlay_color) { $overlay_style .= "background-color:{$overlay_color};"; } if ($overlay_image) { $overlay_style .= "background-image:url({$_overlay_image});"; } $overlay_style .= "opacity:{$overlay_opacity};"; } $_style = $style ? ' style="' . wolf_compact_css($style) . '"' : ''; $_overlay_style = $overlay_style ? ' style="' . wolf_compact_css($overlay_style) . '"' : ''; $section_id = $anchor ? ' id="' . $anchor . '"' : ''; $output .= '<div' . $_style . $section_id . ' class="' . $css_class . '">'; $inner_style = ''; if ('' != $padding_top) { $padding_top = is_numeric($padding_top) ? $padding_top . 'px' : $padding_top; $inner_style .= "padding-top:{$padding_top};"; } if ('' != $padding_bottom) { $padding_bottom = is_numeric($padding_bottom) ? $padding_bottom . 'px' : $padding_bottom; $inner_style .= "padding-bottom:{$padding_bottom};"; } if ($video_bg_mp4 && 'video' == $background_type && 'selhosted' == $video_bg_type) { $video_bg_img = $video_bg_img ? wolf_get_url_from_attachment_id(absint($video_bg_img), 'extra-large') : null; $output .= wolf_video_bg($video_bg_mp4, $video_bg_webm, $video_bg_ogv, $video_opacity, $video_bg_img, $parallax); } //elseif( $video_bg_youtube_url && 'video' == $background_type && 'youtube' == $video_bg_type ) { $output .= wolf_youtube_video_bg($video_bg_youtube_url); //} if ($overlay) { $output .= '<div class="row-overlay"' . $_overlay_style . '></div>'; } $output .= "<div class='wolf-row-inner' style='{$inner_style}'>"; $output .= '<div class="wrap">'; $output .= wpb_js_remove_wpautop($content); $output .= '</div><!--.wrap-->'; $output .= "\n"; $output .= '</div><!--.wolf-row-inner-->'; $output .= "\n"; // end row inner $output .= '</div><!--.wolf-row-->'; return $output; }
/** * 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); } }
/** * Get background CSS * * @param string $selector * @param string $meta_name */ function wolf_post_meta_get_background_css($selector, $meta_name) { $css = ''; if (wolf_get_header_post_id() && !is_search()) { $post_id = wolf_get_header_post_id(); $url = null; $attachment_id = get_post_meta($post_id, $meta_name . '_img', true); $color = get_post_meta($post_id, $meta_name . '_color', true); $repeat = get_post_meta($post_id, $meta_name . '_repeat', true); $position = get_post_meta($post_id, $meta_name . '_position', true); $attachment = get_post_meta($post_id, $meta_name . '_attachment', true); $size = get_post_meta($post_id, $meta_name . '_size', true); $overlay_opacity = get_post_meta($post_id, '_header_overlay_opacity', true); $overlay_img = get_post_meta($post_id, '_header_overlay_img', true); $overlay_pattern = $overlay_img ? esc_url(wolf_get_url_from_attachment_id($overlay_img)) : ''; $overlay_color = get_post_meta($post_id, '_header_overlay_color', true); if (wolf_get_category_meta('header_bg_img') || wolf_get_category_meta('header_bg_color')) { $attachment_id = wolf_get_category_meta('header_bg_img'); $color = wolf_get_category_meta('header_bg_color'); $repeat = wolf_get_category_meta('header_bg_repeat'); $position = wolf_get_category_meta('header_bg_position'); $attachment = wolf_get_category_meta('header_bg_attachment'); $size = wolf_get_category_meta('header_bg_size'); } /* do overlay */ if (wolf_get_category_meta('header_bg_img') && 'image' == wolf_get_category_meta('header_bg_type') || wolf_get_category_meta('header_video_bg_mp4') && 'video' == wolf_get_category_meta('header_bg_type')) { $overlay_opacity = wolf_get_category_meta('header_overlay_opacity'); $overlay_img = wolf_get_category_meta('header_overlay_img'); $overlay_pattern = $overlay_img ? esc_url(wolf_get_url_from_attachment_id($overlay_img)) : ''; $overlay_color = wolf_get_category_meta('header_overlay_color'); } if ($attachment_id) { $url = 'url("' . wolf_get_url_from_attachment_id($attachment_id, 'extra-large') . '")'; } if ($color || $attachment_id) { $css .= "{$selector} {background : {$color} {$position} {$repeat} {$attachment}}"; if ($attachment_id) { $css .= "{$selector} {background-image:{$url};}"; } if ($size == 'cover') { $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 ($size == 'resize') { $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}"; } } if ($overlay_color) { $css .= ".has-header-image .header-overlay{background-color:{$overlay_color};}"; } if ($overlay_pattern) { $css .= ".has-header-image .header-overlay{background-image:url({$overlay_pattern});}"; } if (0 < $overlay_opacity) { $css .= '.has-header-image .header-overlay{opacity:' . $overlay_opacity / 100 . '}'; } if ('dark' == get_post_meta($post_id, '_header_font_color', true)) { $css .= "\r\n\t\t\t\t\t.menu-transparent.has-header-image.show-title-area #navbar-container .nav-menu li a,\r\n\t\t\t\t\t.menu-semi-transparent.has-header-image.show-title-area #navbar-container .nav-menu li a{\r\n\t\t\t\t\t\tcolor: #333;\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\t.menu-transparent.has-header-image.show-title-area #navbar-container .nav-menu li a:hover,\r\n\t\t\t\t\t.menu-semi-transparent.has-header-image.show-title-area #navbar-container .nav-menu li a:hover{\r\n\t\t\t\t\t\tcolor: #0d0d0d;\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\t.menu-transparent.has-header-image.show-title-area .logo-light,\r\n\t\t\t\t\t.menu-semi-transparent.has-header-image.show-title-area .logo-light{\r\n\t\t\t\t\t\topacity:0;\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\t.menu-transparent.has-header-image.show-title-area .logo-dark,\r\n\t\t\t\t\t.menu-semi-transparent.has-header-image.show-title-area .logo-dark{\r\n\t\t\t\t\t\topacity:1;\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\t.menu-border.menu-transparent #navbar-container,\r\n\t\t\t\t\t.menu-border.menu-semi-transparent #navbar-container{\r\n\t\t\t\t\t\tborder-bottom: 1px solid rgba(0,0,0,.1);\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\t.has-header-image .page-header-container .breadcrumb,\r\n\t\t\t\t\t.has-header-image .page-header-container .breadcrumb a,\r\n\t\t\t\t\t.has-header-image .page-header-container .page-title-container h1,\r\n\t\t\t\t\t.has-header-image .page-header-container .page-title-container .subheading{\r\n\t\t\t\t\t\tcolor: #333;\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t"; if (!wolf_get_theme_option('sub_menu_bg_color')) { $css .= "\r\n\t\t\t\t\t\t.menu-hover-border-top.menu-transparent.has-header-image .nav-menu li:hover a,\r\n\t\t\t\t\t\t.menu-hover-border-top.menu-semi-transparent.has-header-image .nav-menu li:hover a,\r\n\t\t\t\t\t\t.menu-hover-border-top.menu-transparent.has-header-image .nav-menu li.current-menu-item > a:first-child,\r\n\t\t\t\t\t\t.menu-hover-border-top.menu-transparent.has-header-image .nav-menu li.current-menu-ancestor > a:first-child,\r\n\t\t\t\t\t\t.menu-hover-border-top.menu-semi-transparent.has-header-image .nav-menu li.current-menu-item > a:first-child,\r\n\t\t\t\t\t\t.menu-hover-border-top.menu-semi-transparent.has-header-image .nav-menu li.current-menu-ancestor > a:first-child {\r\n\t\t\t\t\t\t\t-webkit-box-shadow: inset 0px 3px 0px 0px #0d0d0d;\r\n\t\t\t\t\t\t\tbox-shadow: inset 0px 3px 0px 0px #0d0d0d;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t"; } } if (get_post_meta($post_id, '_hide_featured_image', true)) { $css .= ".entry-thumbnail{display:none;}"; } $custom_css = get_post_meta($post_id, '_custom_css', true); if ($custom_css) { $css .= $custom_css; } } if ($css) { return '/* Post Style */' . "\n" . wolf_compact_css($css); } }
// endif image background if ($overlay && ('image' == $background_type && $_image || 'video' == $background_type && ($video_bg_mp4 || $video_bg_youtube_url))) { $_overlay_image = ''; if ($overlay_image != '') { $_overlay_image = wolf_get_url_from_attachment_id($overlay_image, 'extra-large'); } if ($overlay_color) { $overlay_style .= "background-color:{$overlay_color};"; } if ($overlay_image) { $overlay_style .= "background-image:url({$_overlay_image});"; } $overlay_style .= "opacity:{$overlay_opacity};"; } $_style = $style ? ' style="' . wolf_compact_css($style) . '"' : ''; $_overlay_style = $overlay_style ? ' style="' . wolf_compact_css($overlay_style) . '"' : ''; $section_id = $anchor ? ' id="' . $anchor . '"' : ''; $output .= '<div' . $_style . $section_id . ' class="' . $css_class . '">'; $inner_style = ''; if ('' != $padding_top) { $padding_top = is_numeric($padding_top) ? $padding_top . 'px' : $padding_top; $inner_style .= "padding-top:{$padding_top};"; } if ('' != $padding_bottom) { $padding_bottom = is_numeric($padding_bottom) ? $padding_bottom . 'px' : $padding_bottom; $inner_style .= "padding-bottom:{$padding_bottom};"; } // video background if ('video' == $background_type) { $video_bg_img = $video_bg_img ? wolf_get_url_from_attachment_id(absint($video_bg_img), 'extra-large') : null; if ($video_bg_mp4 && 'selfhosted' == $video_bg_type) {
/** * Generate a simple gallery * * @access public * @param array $images * @param string $link * @param string $size * @param string $padding * @param int $columns * @param string $hover_effect * @param string $orderby * @return string $output */ function wolf_simple_gallery($images = array(), $link = 'file', $size = 'classic-thumb', $padding = 'no', $columns = 3, $hover_effect = 'default', $orderby = '', $inline_style = '', $class = '') { if ('rand' == $orderby) { shuffle($images); } $rand_id = rand(0, 999); $selector = "gallery-{$rand_id}"; $style = ''; $class = $class ? "{$class} " : ''; // add space $class .= "wolf-images-gallery clearfix simple-gallery hover-{$hover_effect}"; if ($inline_style) { $style .= $inline_style; } $style = $style ? " style='{$style}'" : ''; if ('yes' == $padding) { $class .= " padding"; } $columns = absint($columns); $itemwidth = $columns > 0 ? round(100 / $columns, 2, PHP_ROUND_HALF_DOWN) - 0.01 : 100; $float = is_rtl() ? 'right' : 'left'; $css = "<style type='text/css'>\r\n\t\t\t#{$selector} .block {\r\n\t\t\t\tfloat: {$float};\r\n\t\t\t\twidth: {$itemwidth}%;"; if (1 == $columns) { $css .= 'padding-bottom:10px!important;'; } $css .= '}</style>'; $output = wolf_compact_css($css); if (1 == $columns) { $size = 'extra-large'; } $output .= "<div class='{$class}' id='{$selector}'{$style}>"; foreach ($images as $image_id) { $attachment = get_post($image_id); $image_url = esc_url(wolf_get_url_from_attachment_id($image_id, $size)); $file = esc_url(wolf_get_url_from_attachment_id($image_id, 'extra-large')); $image_page = get_attachment_link($image_id); $href = 'post' == $link || 'attachment' == $link ? $image_page : $file; $class = 'file' == $link ? 'lightbox image-item' : 'image-item'; $title = wptexturize($attachment->post_title); $post_excerpt = wolf_sample(wptexturize($attachment->post_excerpt), 88); $title_attr = $post_excerpt ? $post_excerpt : ''; $output .= "<div class='block'>"; if ('none' != $link) { $output .= "<a title='{$title_attr}' href='{$href}' class='{$class}' rel='{$selector}'>"; } else { $output .= "<span class='{$class}'>"; } $output .= "<img src='{$image_url}' alt='{$title}'>"; if ('none' != $link) { $output .= '</a>'; } else { $output .= '</span>'; } $output .= '</div>'; } $output .= '</div>'; if (array() != $images) { return $output; } }