コード例 #1
0
 /**
  * Validate Color to RGBA
  * Takes the user's input color value and returns it only if it's a valid color.
  *
  * @since ReduxFramework 3.0.3
  */
 function validate_color_rgba($color)
 {
     if ($color == "transparent") {
         return $color;
     }
     $color = str_replace('#', '', $color);
     if (strlen($color) == 3) {
         $color = $color . $color;
     }
     if (preg_match('/^[a-f0-9]{6}$/i', $color)) {
         $color = '#' . $color;
     }
     return array('hex' => $color, 'rgba' => Redux_Helpers::hex2rgba($color));
 }
コード例 #2
0
 public function output()
 {
     if ((!isset($this->field['output']) || !is_array($this->field['output'])) && !isset($this->field['compiler'])) {
         return;
     }
     if (!empty($this->value)) {
         $mode = isset($this->field['mode']) && !empty($this->field['mode']) ? $this->field['mode'] : 'color';
         if ($this->value['alpha'] == "0.00" || empty($this->value['color'])) {
             $style = $mode . ':transparent;';
         } elseif (!empty($this->value['color'])) {
             $style = $mode . ':rgba(' . Redux_Helpers::hex2rgba($this->value['color']) . ',' . $this->value['alpha'] . ');';
         }
         if (!empty($this->field['output']) && is_array($this->field['output'])) {
             $css = Redux_Functions::parseCSS($this->field['output'], $style, $this->value);
             $this->parent->outputCSS .= $css;
         }
         if (!empty($this->field['compiler']) && is_array($this->field['compiler'])) {
             $css = Redux_Functions::parseCSS($this->field['compiler'], $style, $this->value);
             $this->parent->compilerCSS .= $css;
         }
     }
 }
コード例 #3
0
 public function output()
 {
     if ((!isset($this->field['output']) || !is_array($this->field['output'])) && !isset($this->field['compiler'])) {
         return;
     }
     $style = '';
     if (!empty($this->value)) {
         $mode = isset($this->field['mode']) && !empty($this->field['mode']) ? $this->field['mode'] : 'color';
         if ($this->value['alpha'] == "0.00" || empty($this->value['color'])) {
             $style .= $mode . ':transparent;';
         } elseif (!empty($this->value['color'])) {
             $style .= $mode . ':rgba(' . Redux_Helpers::hex2rgba($this->value['color']) . ',' . $this->value['alpha'] . ');';
         }
         if (!empty($this->field['output']) && is_array($this->field['output'])) {
             $keys = implode(",", $this->field['output']);
             $this->parent->outputCSS .= $keys . "{" . $style . '}';
         }
         if (!empty($this->field['compiler']) && is_array($this->field['compiler'])) {
             $keys = implode(",", $this->field['compiler']);
             $this->parent->compilerCSS .= $keys . "{" . $style . '}';
         }
     }
 }
コード例 #4
0
ファイル: field_color_rgba.php プロジェクト: venturepact/blog
 /**
  * Field Render Function.
  *
  * Takes the vars and outputs the HTML for the field in the settings
  *
  * @since       1.0.0
  * @access      public
  * @return      void
  */
 public function render()
 {
     $defaults = array('color' => '#000000', 'alpha' => 1, 'rgba' => '');
     $this->value = wp_parse_args($this->value, $defaults);
     $field_id = $this->field['id'];
     // Color picker container
     echo '<div 
               class="redux-color-rgba-container' . $this->field['class'] . '" 
               data-id="' . $field_id . '"
               data-show-input="' . $this->field['options']['show_input'] . '"
               data-show-initial="' . $this->field['options']['show_initial'] . '"
               data-show-alpha="' . $this->field['options']['show_alpha'] . '"
               data-show-palette="' . $this->field['options']['show_palette'] . '"
               data-show-palette-only="' . $this->field['options']['show_palette_only'] . '"
               data-show-selection-palette="' . $this->field['options']['show_selection_palette'] . '"
               data-max-palette-size="' . $this->field['options']['max_palette_size'] . '"
               data-allow-empty="' . $this->field['options']['allow_empty'] . '"
               data-clickout-fires-change="' . $this->field['options']['clickout_fires_change'] . '"
               data-choose-text="' . $this->field['options']['choose_text'] . '"
               data-cancel-text="' . $this->field['options']['cancel_text'] . '"
               data-input-text="' . $this->field['options']['input_text'] . '"
               data-show-buttons="' . $this->field['options']['show_buttons'] . '"
               data-palette="' . urlencode(json_encode($this->field['options']['palette'])) . '"
           >';
     // Colour picker layout
     $opt_name = $this->parent->args['opt_name'];
     if ('' == $this->value['color']) {
         $color = '';
     } else {
         $color = 'rgba(' . Redux_Helpers::hex2rgba($this->value['color']) . ',' . $this->value['alpha'] . ')';
     }
     echo '<input
                 name="' . $opt_name . '[' . $field_id . '][color]"
                 id="' . $field_id . '-color"
                 class="redux-color-rgba"
                 type="text"
                 value="' . $this->value['color'] . '"
                 data-color="' . $color . '"
                 data-id="' . $field_id . '"
                 data-current-color="' . $this->value['color'] . '"
                 data-block-id="' . $field_id . '"
               />';
     echo '<input
                 type="hidden"
                 class="redux-hidden-color"
                 data-id="' . $field_id . '-color"
                 id="' . $field_id . '-color"
                 value="' . $this->value['color'] . '"
               />';
     // Hidden input for alpha channel
     echo '<input
                 type="hidden"
                 class="redux-hidden-alpha"
                 data-id="' . $field_id . '-alpha"
                 name="' . $opt_name . '[' . $field_id . '][alpha]' . '"
                 id="' . $field_id . '-alpha"
                 value="' . $this->value['alpha'] . '"
               />';
     // Hidden input for rgba
     echo '<input
                 type="hidden"
                 class="redux-hidden-rgba"
                 data-id="' . $field_id . '-rgba"
                 name="' . $opt_name . '[' . $field_id . '][rgba]' . '"
                 id="' . $field_id . '-rgba"
                 value="' . $this->value['rgba'] . '"
               />';
     echo '</div>';
 }
コード例 #5
0
.folio-slidebar .sb-slidebar{
	background-color: rgba(<?php 
echo Redux_Helpers::hex2rgba($fdata['slidebar_nav_background']);
?>
, <?php 
echo $fdata['slidebar_nav_bk_opacity'];
?>
);
}
/*.folio-slidebar .sb-slidebar .logo{
	margin-top: 0;
	padding: 24px 14px 24px 24px;
}*/
.sb-slidebar .main-nav ul li a{
   color: rgba(<?php 
echo Redux_Helpers::hex2rgba($fdata['slidebar_menu_typo']['color']);
?>
, 1);
		font-size: <?php 
echo $fdata['slidebar_menu_typo']['font-size'];
?>
;
      <?php 
if (isset($fdata['slidebar_menu_typo']['font-style'])) {
    ?>
        font-style: <?php 
    echo $fdata['slidebar_menu_typo']['font-style'] != '' ? $fdata['slidebar_menu_typo']['font-style'] : 'normal';
    ?>
;
        font-weight: <?php 
    echo $fdata['slidebar_menu_typo']['font-weight'];
コード例 #6
0
 /**
  * getColorVal.  Returns formatted color val in hex or rgba.
  *
  * If this field requires any scripts, or css define this function and register/enqueue the scripts/css
  *
  * @since       1.0.0
  * @access      private
  * @return      string
  */
 private function getColorVal()
 {
     // No notices
     $color = '';
     $alpha = 1;
     $rgba = '';
     // Must be an array
     if (is_array($this->value)) {
         // Enum array to parse values
         foreach ($this->value as $id => $val) {
             // Sanitize alpha
             if ($id == 'alpha') {
                 $alpha = !empty($val) ? $val : 1;
             } elseif ($id == 'color') {
                 $color = !empty($val) ? $val : '';
             } elseif ($id == 'rgba') {
                 $rgba = !empty($val) ? $val : '';
                 $rgba = Redux_Helpers::hex2rgba($color, $alpha);
             }
         }
         // Only build rgba output if alpha ia less than 1
         if ($alpha < 1 && $alpha != '') {
             $color = $rgba;
         }
     }
     return $color;
 }
コード例 #7
0
ファイル: extensions.php プロジェクト: junrillg/platystarter
    metaboxes =>
    widget areas =>
    shortcodes =>
    icon select => gallery
    tracking =>
    * */
$iconMap = array('repeater' => 'tags', 'social-profiles' => 'group', 'js-button' => 'hand-down', 'multi-media' => 'picture', 'css-layout' => 'fullscreen', 'color-schemes' => 'adjust-alt', 'custom-fonts' => 'fontsize', 'live-search' => 'search', 'support-faqs' => 'question', 'date-time' => 'calendar', 'premium-support' => 'fire', 'metaboxes' => 'magic', 'widget-areas' => 'inbox-box', 'shortcodes' => 'shortcode', 'icon-select' => 'gallery', 'accordion' => 'lines');
$colors = array('8CC63F', '8CC63F', '0A803B', '25AAE1', '0F75BC', 'F7941E', 'F1592A', 'ED217C', 'BF1E2D', '8569CF', '0D9FD8', '8AD749', 'EECE00', 'F8981F', 'F80E27', 'F640AE');
shuffle($colors);
echo '<style type="text/css">';
?>

<?php 
foreach ($colors as $key => $color) {
    echo '.theme-browser .theme.color' . esc_html($key) . ' .theme-screenshot{background-color:' . esc_html(Redux_Helpers::hex2rgba($color, 0.45)) . ';}';
    echo '.theme-browser .theme.color' . esc_html($key) . ':hover .theme-screenshot{background-color:' . esc_html(Redux_Helpers::hex2rgba($color, 0.75)) . ';}';
}
echo '</style>';
$color = 1;
?>
<div class="wrap about-wrap">
    <h1><?php 
esc_html_e('Redux Framework - Extensions', 'redux-framework');
?>
</h1>

    <div class="about-text">
        <?php 
printf(__('Supercharge your Redux experience. Our extensions provide you with features that will take your products to the next level.', 'redux-framework'), esc_html($this->display_version));
?>
    </div>
コード例 #8
0
    function az_page_header($postid)
    {
        global $options_alice, $post;
        $options_az = redux_post_meta('alice', $postid);
        $title_header_layout_class = $title_header_height_output = $fill_bg_h = $fill_hide_bg = $text_color = $heading_format = null;
        $check_title_header_settings = $options_az['az_title_header_display'];
        $check_title_header_hide_settings = $options_az['az_title_header_hide_display'];
        $check_title_header_layout = $options_az['az_title_header_layout'];
        $check_title_header_module = $options_az['az_title_header_module'];
        $check_title_header_slider = $options_az['az_title_header_slider_mode'];
        $check_title_header_mask = $options_az['az_title_header_mask_mode'];
        $check_title_header_video = $options_az['az_title_header_video_mode'];
        $check_title_header_text_display = $options_az['az_title_header_text_display'];
        $title_header_height = $options_az['az_title_header_height'];
        $title_animated_background_color = $options_az['az_animated_pattern_background_color'];
        $title_animated_background = $options_az['az_animated_pattern_background_image'];
        $title_animated_duration = $options_az['az_animated_pattern_animation_duration'];
        $title_animated_moveset = $options_az['az_animated_pattern_animation_moveset'];
        $title_header_background_color = $options_az['az_title_header_normal_bg_color'];
        $title_header_hide_background_color = $options_az['az_title_header_hide_color'];
        $title_header_background_image = $options_az['az_title_header_image'];
        $title_header_background_position = $options_az['az_title_header_image_position'];
        $title_header_background_repeat = $options_az['az_title_header_image_repeat'];
        $title_header_background_image_parallax = $options_az['az_title_header_image_parallax'];
        $az_slider_alias = $options_az['az_title_header_az_slider_alias'];
        $az_slider_text_format = $options_az['az_title_header_az_slider_text_format'];
        $az_slider_animation_type = $options_az['az_title_header_az_slider_animation_type'];
        $az_slider_autoplay = $options_az['az_title_header_az_slider_autoplay'];
        $az_slider_loop = $options_az['az_title_header_az_slider_loop'];
        $az_slider_slide_speed = $options_az['az_title_header_az_slider_slide_speed'];
        $az_slider_slideshow_speed = $options_az['az_title_header_az_slider_slideshow_speed'];
        $az_slider_parallax_slide = $options_az['az_title_header_az_slider_parallax'];
        $rev_slider_alias = $options_az['az_title_header_revolution_slider_alias'];
        $title_header_video_mobile_settings = $options_az['az_title_header_video_mobile_settings'];
        $title_header_video_image = $options_az['az_title_header_video_image'];
        $title_header_video_self_image = $options_az['az_title_header_video_self_image'];
        $title_header_video_webm = $options_az['az_title_header_video_webm'];
        $title_header_video_mp4 = $options_az['az_title_header_video_mp4'];
        $title_header_video_volume = $options_az['az_title_header_video_volume'];
        $title_header_video_autoplay = $options_az['az_title_header_video_autoplay'];
        $title_header_video_loop = $options_az['az_title_header_video_loop'];
        $title_header_video_youtube_image = $options_az['az_title_header_video_youtube_image'];
        $title_header_video_youtube_url = $options_az['az_title_header_video_youtube_url'];
        $title_header_video_youtube_vol = $options_az['az_title_header_video_youtube_volume'];
        $title_header_video_youtube_autoplay = $options_az['az_title_header_video_youtube_autoplay'];
        $title_header_video_youtube_loop = $options_az['az_title_header_video_youtube_loop'];
        $title_header_video_vimeo_id = $options_az['az_title_header_video_vimeo_id'];
        $title_header_video_vimeo_vol = $options_az['az_title_header_video_vimeo_volume'];
        $title_header_video_vimeo_autoplay = $options_az['az_title_header_video_vimeo_autoplay'];
        $title_header_video_vimeo_loop = $options_az['az_title_header_video_vimeo_loop'];
        $title_header_mask_pattern = $options_az['az_title_header_mask_pattern'];
        $title_header_mask_pattern_opacity = $options_az['az_title_header_mask_pattern_opacity'];
        $title_header_mask_color = $options_az['az_title_header_mask_background'];
        $title_heading = $options_az['az_title_header_text_heading'];
        $title_subheading = $options_az['az_title_header_text_subheading'];
        $title_heading_format = $options_az['az_title_header_text_format'];
        $title_text_color = $options_az['az_title_header_text_color'];
        $scrollBtn = $options_az['az_scroll_to_section'];
        // Allowed Tags
        $allowed_tags = array('br' => array(), 'strong' => array());
        // Mobile Detect
        $detect = new Mobile_Detect();
        $device_version = '';
        if ($detect->isMobile()) {
            $device_version = 'mobile-version';
        } else {
            $device_version = 'desktop-version';
        }
        // FullScreen/Normal Class
        $mode_height = null;
        if ($check_title_header_layout == 'fullscreen') {
            $title_header_layout_class = ' full-container';
            $mode_height = ' full-height';
        } else {
            $title_header_layout_class = ' normal-container';
            $mode_height = ' normal-height';
        }
        // Check Height Value
        if (!empty($title_header_height)) {
            $title_header_height_output = ' style="height: ' . esc_attr($title_header_height) . 'px;"';
        }
        // Check Custom Background Color
        if (!empty($title_header_background_color) && !empty($title_header_height)) {
            $fill_bg_h = ' style="background-color: ' . $title_header_background_color . '; height: ' . esc_attr($title_header_height) . 'px;"';
        } else {
            if (empty($title_header_background_color) && !empty($title_header_height)) {
                $fill_bg_h = ' style="height: ' . esc_attr($title_header_height) . 'px;"';
            } else {
                if (!empty($title_header_background_color) && empty($title_header_height)) {
                    $fill_bg_h = ' style="background-color: ' . $title_header_background_color . ';"';
                }
            }
        }
        // Check Custom Text Color
        if (!empty($title_text_color)) {
            $text_color = ' style="color: ' . $title_text_color . ';"';
        }
        // Check Custom Background Color Hide Title Header
        if (!empty($title_header_hide_background_color)) {
            $fill_hide_bg = ' style="background-color: ' . $title_header_hide_background_color . ';"';
        }
        // Check Title Heading Format
        if ($title_heading_format == 'big_format') {
            $heading_format = ' big-format-heading';
        } else {
            $heading_format = ' normal-format-heading';
        }
        // Check Background Color, Height Value & Animated Pattern Background & Time Animation and Moveset
        $height_bg_animate = $bg_url_animate = $output_css_animation = $duration_animation = $animation_moveset = null;
        if (!empty($title_animated_background['url'])) {
            $bg_url_animate = ' style="background-image: url(' . $title_animated_background['url'] . ');"';
            // Check Custom Background Color
            if (!empty($title_animated_background_color)) {
                $height_bg_animate = ' style="background-color: ' . $title_animated_background_color . ';"';
            }
            // Check Duration, Moveset and Animation CSS
            if (!empty($title_animated_duration)) {
                $duration_animation = '.title-header-container.animate-bg-scroll { -webkit-animation-duration: ' . esc_attr($title_animated_duration) . 's; animation-duration: ' . esc_attr($title_animated_duration) . 's; }';
            }
            if ($title_animated_moveset == 'leftright') {
                $animation_moveset = '
                    @-webkit-keyframes bgscroll { from {background-position:0 0;} to {background-position:' . $title_animated_background['width'] . 'px 0;} }
                    @keyframes bgscroll { from {background-position:0 0;} to {background-position:' . $title_animated_background['width'] . 'px 0;} }';
            } else {
                if ($title_animated_moveset == 'rightleft') {
                    $animation_moveset = '
                    @-webkit-keyframes bgscroll { from {background-position:0 0;} to {background-position:-' . $title_animated_background['width'] . 'px 0;} }
                    @keyframes bgscroll { from {background-position:0 0;} to {background-position:-' . $title_animated_background['width'] . 'px 0;} }';
                } else {
                    if ($title_animated_moveset == 'topbottom') {
                        $animation_moveset = '
                    @-webkit-keyframes bgscroll { from {background-position:0 0;} to {background-position:0 ' . $title_animated_background['height'] . 'px;} }
                    @keyframes bgscroll { from {background-position:0 0;} to {background-position:0 ' . $title_animated_background['height'] . 'px;} }';
                    } else {
                        $animation_moveset = '
                    @-webkit-keyframes bgscroll { from {background-position:0 0;} to {background-position:0 -' . $title_animated_background['height'] . 'px;} }
                    @keyframes bgscroll { from {background-position:0 0;} to {background-position:0 -' . $title_animated_background['height'] . 'px;} }';
                    }
                }
            }
            $output_css_animation = '
                <style type="text/css">
                    ' . $duration_animation . $animation_moveset . '
                </style>
            ';
        }
        if (!empty($title_header_height) && !empty($title_animated_background['url'])) {
            $bg_url_animate = ' style="height: ' . esc_attr($title_header_height) . 'px; background-image: url(' . $title_animated_background['url'] . ');"';
            // Check Custom Background Color
            if (!empty($title_animated_background_color)) {
                $height_bg_animate = ' style="background-color: ' . $title_animated_background_color . '; height: ' . esc_attr($title_header_height) . 'px;"';
            } else {
                $height_bg_animate = ' style="height: ' . esc_attr($title_header_height) . 'px;"';
            }
            // Check Duration, Moveset and Animation CSS
            if (!empty($title_animated_duration)) {
                $duration_animation = '.title-header-container.animate-bg-scroll { -webkit-animation-duration: ' . esc_attr($title_animated_duration) . 's; animation-duration: ' . esc_attr($title_animated_duration) . 's; }';
            }
            if ($title_animated_moveset == 'leftright') {
                $animation_moveset = '
                    @-webkit-keyframes bgscroll { from {background-position:0 0;} to {background-position:' . $title_animated_background['width'] . 'px 0;} }
                    @keyframes bgscroll { from {background-position:0 0;} to {background-position:' . $title_animated_background['width'] . 'px 0;} }';
            } else {
                if ($title_animated_moveset == 'rightleft') {
                    $animation_moveset = '
                    @-webkit-keyframes bgscroll { from {background-position:0 0;} to {background-position:-' . $title_animated_background['width'] . 'px 0;} }
                    @keyframes bgscroll { from {background-position:0 0;} to {background-position:-' . $title_animated_background['width'] . 'px 0;} }';
                } else {
                    if ($title_animated_moveset == 'topbottom') {
                        $animation_moveset = '
                    @-webkit-keyframes bgscroll { from {background-position:0 0;} to {background-position:0 ' . $title_animated_background['height'] . 'px;} }
                    @keyframes bgscroll { from {background-position:0 0;} to {background-position:0 ' . $title_animated_background['height'] . 'px;} }';
                    } else {
                        $animation_moveset = '
                    @-webkit-keyframes bgscroll { from {background-position:0 0;} to {background-position:0 -' . $title_animated_background['height'] . 'px;} }
                    @keyframes bgscroll { from {background-position:0 0;} to {background-position:0 -' . $title_animated_background['height'] . 'px;} }';
                    }
                }
            }
            $output_css_animation = '
                <style type="text/css">
                    ' . $duration_animation . $animation_moveset . '
                </style>
            ';
        }
        // Check Title Header Image / Background Position / Repeat
        $bg_mode_output = $bg_mode_position = $bg_mode_repeat = $bg_mode_parallax = null;
        // Background Position
        if ($title_header_background_position == 'left_top') {
            $bg_mode_position = 'left top';
        } else {
            if ($title_header_background_position == 'left_center') {
                $bg_mode_position = 'left center';
            } else {
                if ($title_header_background_position == 'left_bottom') {
                    $bg_mode_position = 'left bottom';
                } else {
                    if ($title_header_background_position == 'right_top') {
                        $bg_mode_position = 'right top';
                    } else {
                        if ($title_header_background_position == 'right_center') {
                            $bg_mode_position = 'right center';
                        } else {
                            if ($title_header_background_position == 'right_bottom') {
                                $bg_mode_position = 'right bottom';
                            } else {
                                if ($title_header_background_position == 'center_top') {
                                    $bg_mode_position = 'center top';
                                } else {
                                    if ($title_header_background_position == 'center_bottom') {
                                        $bg_mode_position = 'center bottom';
                                    } else {
                                        $bg_mode_position = 'center center';
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
        // Background Repeat
        if ($title_header_background_repeat == 'no_repeat') {
            $bg_mode_repeat = 'background-repeat: no-repeat;';
        } else {
            if ($title_header_background_repeat == 'repeat') {
                $bg_mode_repeat = 'background-repeat: repeat;';
            } else {
                if ($title_header_background_repeat == 'repeat_x') {
                    $bg_mode_repeat = 'background-repeat: repeat-x;';
                } else {
                    if ($title_header_background_repeat == 'repeat_y') {
                        $bg_mode_repeat = 'background-repeat: repeat-y;';
                    } else {
                        $bg_mode_repeat = 'background-repeat: no-repeat; background-size: cover;';
                    }
                }
            }
        }
        // Output Title Header Image Output
        if (!empty($title_header_background_image['url'])) {
            $bg_mode_output = ' style="background-image: url(' . $title_header_background_image['url'] . '); background-position:' . $bg_mode_position . '; ' . $bg_mode_repeat . '"';
        }
        if (!empty($title_header_height) && !empty($title_header_background_image['url'])) {
            $bg_mode_output = ' style="background-image: url(' . $title_header_background_image['url'] . '); background-position:' . $bg_mode_position . '; ' . $bg_mode_repeat . ' height: ' . esc_attr($title_header_height) . 'px;"';
        }
        // Output Title Header Image Parallax
        if (!empty($title_header_background_image_parallax['url'])) {
            $bg_mode_parallax = ' style="background-image: url(' . $title_header_background_image_parallax['url'] . ');"';
        }
        if (!empty($title_header_height) && !empty($title_header_background_image_parallax['url'])) {
            $bg_mode_parallax = ' style="background-image: url(' . $title_header_background_image_parallax['url'] . '); height: ' . esc_attr($title_header_height) . 'px;"';
        }
        // Check Mask Module
        $mask_output = $mask_rgba_value = null;
        if ($check_title_header_mask == 'mask_color' || $check_title_header_mask == 'mask_pattern_color') {
            $mask_rgba_value = Redux_Helpers::hex2rgba('' . $title_header_mask_color['color'] . '', '' . $title_header_mask_color['alpha'] . '');
        }
        if ($check_title_header_mask == 'mask_color') {
            $mask_output = '<span class="overlay-bg" style="background-color: ' . $mask_rgba_value . ';"></span>';
        } else {
            if ($check_title_header_mask == 'mask_pattern') {
                $mask_output = '<span class="overlay-pattern" style="background-image: url(' . $title_header_mask_pattern['url'] . '); opacity: ' . $title_header_mask_pattern_opacity . ';"></span>';
            } else {
                if ($check_title_header_mask == 'mask_pattern_color') {
                    $mask_output = '<span class="overlay-pattern" style="background-image: url(' . $title_header_mask_pattern['url'] . '); opacity: ' . $title_header_mask_pattern_opacity . ';"></span><span class="overlay-bg" style="background-color: ' . $mask_rgba_value . ';"></span>';
                } else {
                    $mask_output = '';
                }
            }
        }
        // Check Video Module
        $wrap_video_check = $video_mobile_out = $bg_self_image_visibility = $alternative_button_self = $alternative_button_yt = $alternative_button_vimeo = $video_output = $video_loop = $video_autoplay = $video_vol = $self_button_play_output = $vimeo_video_id = $vimeo_player_id = $vimeo_vol = $vimeo_autoplay = $vimeo_loop = $vimeo_button_play_output = $escape_url_yt = $youtube_video_url = $youtube_container = $youtube_vol = $youtube_autoplay = $youtube_loop = null;
        // Start Video Vimeo
        if ($check_title_header_video == 'vimeo_embed_code') {
            // Check Video Mobile/Tablets Settings
            if ($title_header_video_mobile_settings == 'lightbox') {
                $video_mobile_out = 'fancybox-media fancybox-video-popup';
            } else {
                $video_mobile_out = 'new-window-video';
            }
            $vimeo_video_id = esc_attr($title_header_video_vimeo_id);
            $vimeo_player_id = uniqid();
            // Mobile Image
            $bg_video_image = !empty($title_header_video_image['url']) ? 'background-image: url(' . $title_header_video_image['url'] . ');' : '';
            // Mute Audio
            if ($title_header_video_vimeo_vol == 'off') {
                $vimeo_vol = '1';
            } else {
                $vimeo_vol = '0';
            }
            // AutoPlay
            if ($title_header_video_vimeo_autoplay == 'off') {
                $vimeo_autoplay = 'false';
            } else {
                $vimeo_autoplay = 'true';
            }
            // Loop
            if ($title_header_video_vimeo_loop == 'off') {
                $vimeo_loop = '0';
            } else {
                $vimeo_loop = '1';
            }
            // Conditionals
            // Autoplay OFF - LOOP OFF
            if ($title_header_video_vimeo_autoplay == 'off' && $title_header_video_vimeo_loop == 'off') {
                if ($check_title_header_text_display == 'show' && $title_heading_format == 'big_format') {
                    $vimeo_button_play_output = '
                    <div class="video-header-status-vimeo pause" data-videovimeocheck="player_' . $vimeo_player_id . '"></div>';
                    $alternative_button_vimeo = '
                    <a href="#" class="vimeo_player_button inside" data-videoid="player_' . $vimeo_player_id . '"><i class="font-icon-play"></i></a>';
                } else {
                    if ($check_title_header_text_display == 'show' && $title_heading_format == 'normal_format') {
                        $vimeo_button_play_output = '
                    <div class="video-header-status-vimeo pause" data-videovimeocheck="player_' . $vimeo_player_id . '"></div>';
                        $alternative_button_vimeo = '
                    <a href="#" class="vimeo_player_button normal-inside" data-videoid="player_' . $vimeo_player_id . '"><i class="font-icon-play"></i></a>';
                    } else {
                        $vimeo_button_play_output = '
                    <div class="video-header-status-vimeo pause" data-videovimeocheck="player_' . $vimeo_player_id . '">
                        <a href="#" class="vimeo_player_button" data-videoid="player_' . $vimeo_player_id . '"><i class="font-icon-play"></i></a>
                    </div>';
                        $alternative_button_vimeo = '';
                    }
                }
            } else {
                if (!$title_header_video_vimeo_autoplay == 'off' && $title_header_video_vimeo_loop == 'off') {
                    if ($check_title_header_text_display == 'show' && $title_heading_format == 'big_format') {
                        $vimeo_button_play_output = '
                    <div class="video-header-status-vimeo play" data-videovimeocheck="player_' . $vimeo_player_id . '"></div>';
                        $alternative_button_vimeo = '
                    <a href="#" class="vimeo_player_button inside hided" data-videoid="player_' . $vimeo_player_id . '" style="visibility:hidden;"><i class="font-icon-play"></i></a>';
                        $wrap_video_check = ' not-visible';
                    }
                    if ($check_title_header_text_display == 'show' && $title_heading_format == 'normal_format') {
                        $vimeo_button_play_output = '
                    <div class="video-header-status-vimeo play" data-videovimeocheck="player_' . $vimeo_player_id . '"></div>';
                        $alternative_button_vimeo = '
                    <a href="#" class="vimeo_player_button normal-inside hided" data-videoid="player_' . $vimeo_player_id . '" style="visibility:hidden;"><i class="font-icon-play"></i></a>';
                        $wrap_video_check = ' not-visible';
                    } else {
                        $vimeo_button_play_output = '
                    <div class="video-header-status-vimeo play" data-videovimeocheck="player_' . $vimeo_player_id . '">
                        <a href="#" class="vimeo_player_button hided" data-videoid="player_' . $vimeo_player_id . '" style="visibility:hidden;"><i class="font-icon-play"></i></a>
                    </div>';
                        $wrap_video_check = ' not-visible';
                        $alternative_button_vimeo = '';
                    }
                } else {
                    if (!$title_header_video_vimeo_autoplay == 'off' && !$title_header_video_vimeo_loop == 'off') {
                        if ($check_title_header_text_display == 'show' && $title_heading_format == 'big_format') {
                            $vimeo_button_play_output = '
                    <div class="video-header-status-vimeo play" data-videovimeocheck="player_' . $vimeo_player_id . '"></div>';
                            $alternative_button_vimeo = '
                    <a href="#" class="vimeo_player_button inside hided" data-videoid="player_' . $vimeo_player_id . '" style="visibility:hidden;"><i class="font-icon-play"></i></a>';
                            $wrap_video_check = ' not-visible';
                        } else {
                            if ($check_title_header_text_display == 'show' && $title_heading_format == 'normal_format') {
                                $vimeo_button_play_output = '
                    <div class="video-header-status-vimeo play" data-videovimeocheck="player_' . $vimeo_player_id . '"></div>';
                                $alternative_button_vimeo = '
                    <a href="#" class="vimeo_player_button normal-inside hided" data-videoid="player_' . $vimeo_player_id . '" style="visibility:hidden;"><i class="font-icon-play"></i></a>';
                                $wrap_video_check = ' not-visible';
                            } else {
                                $vimeo_button_play_output = '
                    <div class="video-header-status-vimeo play" data-videovimeocheck="player_' . $vimeo_player_id . '">
                        <a href="#" class="vimeo_player_button hided" data-videoid="player_' . $vimeo_player_id . '" style="visibility:hidden;"><i class="font-icon-play"></i></a>
                    </div>';
                                $wrap_video_check = ' not-visible';
                                $alternative_button_vimeo = '';
                            }
                        }
                    } else {
                        if ($title_header_video_vimeo_autoplay == 'off' && !$title_header_video_vimeo_loop == 'off') {
                            if ($check_title_header_text_display == 'show' && $title_heading_format == 'big_format') {
                                $vimeo_button_play_output = '
                    <div class="video-header-status-vimeo pause" data-videovimeocheck="player_' . $vimeo_player_id . '"></div>';
                                $alternative_button_vimeo = '
                    <a href="#" class="vimeo_player_button inside" data-videoid="player_' . $vimeo_player_id . '"><i class="font-icon-play"></i></a>';
                            } else {
                                if ($check_title_header_text_display == 'show' && $title_heading_format == 'normal_format') {
                                    $vimeo_button_play_output = '
                    <div class="video-header-status-vimeo pause" data-videovimeocheck="player_' . $vimeo_player_id . '"></div>';
                                    $alternative_button_vimeo = '
                    <a href="#" class="vimeo_player_button normal-inside" data-videoid="player_' . $vimeo_player_id . '"><i class="font-icon-play"></i></a>';
                                } else {
                                    $vimeo_button_play_output = '
                    <div class="video-header-status-vimeo pause" data-videovimeocheck="player_' . $vimeo_player_id . '">
                        <a href="#" class="vimeo_player_button" data-videoid="player_' . $vimeo_player_id . '"><i class="font-icon-play"></i></a>
                    </div>';
                                    $alternative_button_vimeo = '';
                                }
                            }
                        }
                    }
                }
            }
            // if Mobile/Tablet
            if ($detect->isMobile()) {
                $vimeo_button_play_output = $wrap_video_check = '';
                if ($check_title_header_text_display == 'show' && $title_heading_format == 'big_format') {
                    $video_output = '
                    <div class="video-section-container vimeo-video">
                        <div class="mobile-video-fallback-image" style="' . $bg_video_image . '"></div>
                    </div>';
                    $alternative_button_vimeo = '
                    <a href="https://vimeo.com/' . $vimeo_video_id . '" target="_blank" class="mobile_video_button inside ' . $video_mobile_out . '"><i class="font-icon-play"></i></a>';
                } else {
                    if ($check_title_header_text_display == 'show' && $title_heading_format == 'normal_format') {
                        $video_output = '
                    <div class="video-section-container vimeo-video">
                        <div class="mobile-video-fallback-image" style="' . $bg_video_image . '"></div>
                    </div>';
                        $alternative_button_vimeo = '
                    <a href="https://vimeo.com/' . $vimeo_video_id . '" target="_blank" class="mobile_video_button normal-inside ' . $video_mobile_out . '"><i class="font-icon-play"></i></a>';
                    } else {
                        $alternative_button_vimeo = '';
                        $video_output = '
                    <div class="video-section-container vimeo-video">
                        <a href="https://vimeo.com/' . $vimeo_video_id . '" target="_blank" class="mobile_video_button ' . $video_mobile_out . '"><i class="font-icon-play"></i></a>
                        <div class="mobile-video-fallback-image" style="' . $bg_video_image . '"></div>
                    </div>';
                    }
                }
            } else {
                $video_output = '
                ' . $vimeo_button_play_output . '
                <div class="video-section-container vimeo-video">
                    <div class="video-embed-wrap">
                        <iframe class="vimeo video-header" data-volume="' . $vimeo_vol . '" data-autoplay="' . $vimeo_autoplay . '" data-loop="' . $vimeo_loop . '" id="player_' . $vimeo_player_id . '" src="http://player.vimeo.com/video/' . $vimeo_video_id . '?api=1&player_id=player_' . $vimeo_player_id . '" width="500" height="281" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
                    </div>
                </div>';
            }
        } else {
            if ($check_title_header_video == 'youtube_url') {
                // Check Video Mobile/Tablets Settings
                if ($title_header_video_mobile_settings == 'lightbox') {
                    $video_mobile_out = 'fancybox-media fancybox-video-popup';
                } else {
                    $video_mobile_out = 'new-window-video';
                }
                $escape_url_yt = esc_attr($title_header_video_youtube_url);
                $youtube_video_url = "videoURL:'https://www.youtube.com/watch?v={$escape_url_yt}'";
                $youtube_container = "containment:'.title-header-container'";
                // Mobile Image
                $bg_video_image = !empty($title_header_video_image['url']) ? 'background-image: url(' . $title_header_video_image['url'] . ');' : '';
                // Youtube Image
                $bg_video_image_yt = !empty($title_header_video_youtube_image['url']) ? '<div class="no-autoplay-video-fallback-image" style="background-image: url(' . $title_header_video_youtube_image['url'] . ');"></div>' : '';
                // Mute Audio
                if ($title_header_video_youtube_vol == 'off') {
                    $youtube_vol = 'false';
                } else {
                    $youtube_vol = 'true';
                }
                // AutoPlay
                if ($title_header_video_youtube_autoplay == 'off') {
                    $youtube_autoplay = 'false';
                } else {
                    $youtube_autoplay = 'true';
                }
                // Loop
                if ($title_header_video_youtube_loop == 'off') {
                    $youtube_loop = 'false';
                } else {
                    $youtube_loop = 'true';
                }
                // Conditionals
                // Autoplay OFF - LOOP OFF
                if ($title_header_video_youtube_autoplay == 'off' && $title_header_video_youtube_loop == 'off') {
                    if ($check_title_header_text_display == 'show' && $title_heading_format == 'big_format') {
                        $youtube_button_play_output = '
                    <div class="video-header-status-youtube pause"></div>';
                        $alternative_button_yt = '
                    <a href="#" class="player_YT_Mod_button inside"><i class="font-icon-play"></i></a>';
                    } else {
                        if ($check_title_header_text_display == 'show' && $title_heading_format == 'normal_format') {
                            $youtube_button_play_output = '
                    <div class="video-header-status-youtube pause"></div>';
                            $alternative_button_yt = '
                    <a href="#" class="player_YT_Mod_button normal-inside"><i class="font-icon-play"></i></a>';
                        } else {
                            $youtube_button_play_output = '
                    <div class="video-header-status-youtube pause">
                        <a href="#" class="player_YT_Mod_button"><i class="font-icon-play"></i></a>
                    </div>';
                            $alternative_button_yt = '';
                        }
                    }
                } else {
                    if (!$title_header_video_youtube_autoplay == 'off' && $title_header_video_youtube_loop == 'off') {
                        if ($check_title_header_text_display == 'show' && $title_heading_format == 'big_format') {
                            $youtube_button_play_output = '
                    <div class="video-header-status-youtube play"></div>';
                            $alternative_button_yt = '
                    <a href="#" class="player_YT_Mod_button inside" style="visibility:hidden;"><i class="font-icon-play"></i></a>';
                            $wrap_video_check = ' not-visible';
                        } else {
                            if ($check_title_header_text_display == 'show' && $title_heading_format == 'normal_format') {
                                $youtube_button_play_output = '
                    <div class="video-header-status-youtube play"></div>';
                                $alternative_button_yt = '
                    <a href="#" class="player_YT_Mod_button normal-inside" style="visibility:hidden;"><i class="font-icon-play"></i></a>';
                                $wrap_video_check = ' not-visible';
                            } else {
                                $youtube_button_play_output = '
                    <div class="video-header-status-youtube play">
                        <a href="#" class="player_YT_Mod_button" style="visibility:hidden;"><i class="font-icon-play"></i></a>
                    </div>';
                                $alternative_button_yt = '';
                                $wrap_video_check = ' not-visible';
                            }
                        }
                    } else {
                        if (!$title_header_video_youtube_autoplay == 'off' && !$title_header_video_youtube_loop == 'off') {
                            if ($check_title_header_text_display == 'show' && $title_heading_format == 'big_format') {
                                $youtube_button_play_output = '
                    <div class="video-header-status-youtube play"></div>';
                                $alternative_button_yt = '
                    <a href="#" class="player_YT_Mod_button inside" style="visibility:hidden;"><i class="font-icon-play"></i></a>';
                                $wrap_video_check = ' not-visible';
                            } else {
                                if ($check_title_header_text_display == 'show' && $title_heading_format == 'normal_format') {
                                    $youtube_button_play_output = '
                    <div class="video-header-status-youtube play"></div>';
                                    $alternative_button_yt = '
                    <a href="#" class="player_YT_Mod_button normal-inside" style="visibility:hidden;"><i class="font-icon-play"></i></a>';
                                    $wrap_video_check = ' not-visible';
                                } else {
                                    $youtube_button_play_output = '
                    <div class="video-header-status-youtube play">
                        <a href="#" class="player_YT_Mod_button" style="visibility:hidden;"><i class="font-icon-play"></i></a>
                    </div>';
                                    $wrap_video_check = ' not-visible';
                                    $alternative_button_yt = '';
                                }
                            }
                        } else {
                            if ($title_header_video_youtube_autoplay == 'off' && !$title_header_video_youtube_loop == 'off') {
                                if ($check_title_header_text_display == 'show' && $title_heading_format == 'big_format') {
                                    $youtube_button_play_output = '
                    <div class="video-header-status-youtube pause"></div>';
                                    $alternative_button_yt = '
                    <a href="#" class="player_YT_Mod_button inside"><i class="font-icon-play"></i></a>';
                                } else {
                                    if ($check_title_header_text_display == 'show' && $title_heading_format == 'normal_format') {
                                        $youtube_button_play_output = '
                    <div class="video-header-status-youtube pause"></div>';
                                        $alternative_button_yt = '
                    <a href="#" class="player_YT_Mod_button normal-inside"><i class="font-icon-play"></i></a>';
                                    } else {
                                        $youtube_button_play_output = '
                    <div class="video-header-status-youtube pause">
                        <a href="#" class="player_YT_Mod_button"><i class="font-icon-play"></i></a>
                    </div>';
                                        $alternative_button_yt = '';
                                    }
                                }
                            }
                        }
                    }
                }
                // if Mobile/Tablet
                if ($detect->isMobile()) {
                    $youtube_button_play_output = $wrap_video_check = '';
                    if ($check_title_header_text_display == 'show' && $title_heading_format == 'big_format') {
                        $video_output = '
                    <div class="video-section-container youtube-video">
                        <div class="mobile-video-fallback-image" style="' . $bg_video_image . '"></div>
                    </div>';
                        $alternative_button_yt = '
                    <a href="https://www.youtube.com/watch?v=' . $escape_url_yt . '" target="_blank" class="mobile_video_button inside ' . $video_mobile_out . '"><i class="font-icon-play"></i></a>';
                    } else {
                        if ($check_title_header_text_display == 'show' && $title_heading_format == 'big_format') {
                            $video_output = '
                    <div class="video-section-container youtube-video">
                        <div class="mobile-video-fallback-image" style="' . $bg_video_image . '"></div>
                    </div>';
                            $alternative_button_yt = '
                    <a href="https://www.youtube.com/watch?v=' . $escape_url_yt . '" target="_blank" class="mobile_video_button normal-inside ' . $video_mobile_out . '"><i class="font-icon-play"></i></a>';
                        } else {
                            $alternative_button_yt = '';
                            $video_output = '
                    <div class="video-section-container youtube-video">
                        <a href="https://www.youtube.com/watch?v=' . $escape_url_yt . '" target="_blank" class="mobile_video_button ' . $video_mobile_out . '"><i class="font-icon-play"></i></a>
                        <div class="mobile-video-fallback-image" style="' . $bg_video_image . '"></div>
                    </div>';
                        }
                    }
                } else {
                    $video_output = '
                ' . $youtube_button_play_output . '
                ' . $bg_video_image_yt . '
                <a class="player_YT_Mod" data-autoplay="' . $youtube_autoplay . '" data-property="{' . $youtube_video_url . ',' . $youtube_container . ',startAt:0,mute:' . $youtube_vol . ',autoPlay:' . $youtube_autoplay . ',loop:' . $youtube_loop . ',opacity:1,printUrl:false,showControls:false,stopMovieOnBlur:false}"></a>';
                }
            } else {
                if ($check_title_header_video == 'self_hosted') {
                    // Check Video Mobile/Tablets Settings
                    if ($title_header_video_mobile_settings == 'lightbox') {
                        $video_mobile_out = 'fancybox-media fancybox-video-popup-self-hosted';
                    } else {
                        $video_mobile_out = 'new-window-video';
                    }
                    $uniq_video = uniqid();
                    $player_video_id = 'player_' . $uniq_video;
                    // Mute Audio
                    if ($title_header_video_volume == 'off') {
                        $video_vol = 'unmute';
                    } else {
                        $video_vol = 'mute';
                    }
                    // AutoPlay
                    if ($title_header_video_autoplay == 'off') {
                        $video_autoplay = 'false';
                    } else {
                        $video_autoplay = 'true';
                    }
                    // Loop
                    if ($title_header_video_loop == 'off') {
                        $video_loop = '';
                    } else {
                        $video_loop = 'loop';
                    }
                    $bg_video_image = !empty($title_header_video_image['url']) ? 'background-image: url(' . $title_header_video_image['url'] . ');' : '';
                    $url_video_webm = !empty($title_header_video_webm['url']) ? $title_header_video_webm['url'] : '';
                    $url_video_mp4 = !empty($title_header_video_mp4['url']) ? $title_header_video_mp4['url'] : '';
                    // Conditionals
                    // Autoplay OFF - LOOP OFF
                    if ($title_header_video_autoplay == 'off' && $title_header_video_loop == 'off') {
                        if ($check_title_header_text_display == 'show' && $title_heading_format == 'big_format') {
                            $self_button_play_output = '
                    <div class="video-header-status-self pause"></div>';
                            $alternative_button_self = '
                    <a href="#" class="self_player_button inside"><i class="font-icon-play"></i></a>';
                        } else {
                            if ($check_title_header_text_display == 'show' && $title_heading_format == 'normal_format') {
                                $self_button_play_output = '
                    <div class="video-header-status-self pause"></div>';
                                $alternative_button_self = '
                    <a href="#" class="self_player_button normal-inside"><i class="font-icon-play"></i></a>';
                            } else {
                                $self_button_play_output = '
                    <div class="video-header-status-self pause">
                        <a href="#" class="self_player_button"><i class="font-icon-play"></i></a>
                    </div>';
                                $alternative_button_self = '';
                            }
                        }
                    } else {
                        if (!$title_header_video_autoplay == 'off' && $title_header_video_loop == 'off') {
                            if ($check_title_header_text_display == 'show' && $title_heading_format == 'big_format') {
                                $self_button_play_output = '
                    <div class="video-header-status-self play"></div>';
                                $alternative_button_self = '
                    <a href="#" class="self_player_button inside" style="visibility:hidden;"><i class="font-icon-play"></i></a>';
                                $wrap_video_check = ' not-visible';
                                $bg_self_image_visibility = ' played';
                            } else {
                                if ($check_title_header_text_display == 'show' && $title_heading_format == 'normal_format') {
                                    $self_button_play_output = '
                    <div class="video-header-status-self play"></div>';
                                    $alternative_button_self = '
                    <a href="#" class="self_player_button normal-inside" style="visibility:hidden;"><i class="font-icon-play"></i></a>';
                                    $wrap_video_check = ' not-visible';
                                    $bg_self_image_visibility = ' played';
                                } else {
                                    $self_button_play_output = '
                    <div class="video-header-status-self play">
                        <a href="#" class="self_player_button" style="visibility:hidden;"><i class="font-icon-play"></i></a>
                    </div>';
                                    $wrap_video_check = ' not-visible';
                                    $bg_self_image_visibility = ' played';
                                    $alternative_button_self = '';
                                }
                            }
                        } else {
                            if (!$title_header_video_autoplay == 'off' && !$title_header_video_loop == 'off') {
                                if ($check_title_header_text_display == 'show' && $title_heading_format == 'big_format') {
                                    $self_button_play_output = '
                    <div class="video-header-status-self play"></div>';
                                    $alternative_button_self = '
                    <a href="#" class="self_player_button inside" style="visibility:hidden;"><i class="font-icon-play"></i></a>';
                                    $wrap_video_check = ' not-visible';
                                    $bg_self_image_visibility = ' played';
                                } else {
                                    if ($check_title_header_text_display == 'show' && $title_heading_format == 'normal_format') {
                                        $self_button_play_output = '
                    <div class="video-header-status-self play"></div>';
                                        $alternative_button_self = '
                    <a href="#" class="self_player_button normal-inside" style="visibility:hidden;"><i class="font-icon-play"></i></a>';
                                        $wrap_video_check = ' not-visible';
                                        $bg_self_image_visibility = ' played';
                                    } else {
                                        $self_button_play_output = '
                    <div class="video-header-status-self play">
                        <a href="#" class="self_player_button" style="visibility:hidden;"><i class="font-icon-play"></i></a>
                    </div>';
                                        $wrap_video_check = ' not-visible';
                                        $bg_self_image_visibility = ' played';
                                        $alternative_button_self = '';
                                    }
                                }
                            } else {
                                if ($title_header_video_autoplay == 'off' && !$title_header_video_loop == 'off') {
                                    if ($check_title_header_text_display == 'show' && $title_heading_format == 'big_format') {
                                        $self_button_play_output = '
                    <div class="video-header-status-self pause"></div>';
                                        $alternative_button_self = '
                    <a href="#" class="self_player_button inside"><i class="font-icon-play"></i></a>';
                                    } else {
                                        if ($check_title_header_text_display == 'show' && $title_heading_format == 'normal_format') {
                                            $self_button_play_output = '
                    <div class="video-header-status-self pause"></div>';
                                            $alternative_button_self = '
                    <a href="#" class="self_player_button normal-inside"><i class="font-icon-play"></i></a>';
                                        } else {
                                            $self_button_play_output = '
                    <div class="video-header-status-self pause">
                        <a href="#" class="self_player_button"><i class="font-icon-play"></i></a>
                    </div>';
                                            $alternative_button_self = '';
                                        }
                                    }
                                }
                            }
                        }
                    }
                    // if Mobile/Tablet
                    if ($detect->isMobile()) {
                        $self_player_button = $wrap_video_check = $bg_self_image_visibility = '';
                        if ($check_title_header_text_display == 'show' && $title_heading_format == 'big_format') {
                            $video_output = '
                    <div class="video-section-container self-hosted-video">
                        <div class="mobile-video-fallback-image" style="' . $bg_video_image . '"></div>
                    </div>';
                            $alternative_button_self = '
                    <a href="' . $url_video_mp4 . '" target="_blank" class="mobile_video_button inside ' . $video_mobile_out . '" data-poster="' . $title_header_video_self_image['url'] . '"><i class="font-icon-play"></i></a>';
                        } else {
                            if ($check_title_header_text_display == 'show' && $title_heading_format == 'normal_format') {
                                $video_output = '
                    <div class="video-section-container self-hosted-video">
                        <div class="mobile-video-fallback-image" style="' . $bg_video_image . '"></div>
                    </div>';
                                $alternative_button_self = '
                    <a href="' . $url_video_mp4 . '" target="_blank" class="mobile_video_button normal-inside ' . $video_mobile_out . '" data-poster="' . $title_header_video_self_image['url'] . '"><i class="font-icon-play"></i></a>';
                            } else {
                                $alternative_button_self = '';
                                $video_output = '
                    <div class="video-section-container self-hosted-video">
                        <a href="' . $url_video_mp4 . '" target="_blank" class="mobile_video_button ' . $video_mobile_out . '" data-poster="' . $title_header_video_self_image['url'] . '"><i class="font-icon-play"></i></a>
                        <div class="mobile-video-fallback-image" style="' . $bg_video_image . '"></div>
                    </div>';
                            }
                        }
                    } else {
                        $bg_video_image_self = !empty($title_header_video_self_image['url']) ? '<div class="no-autoplay-video-fallback-image-self' . $bg_self_image_visibility . '" style="background-image: url(' . $title_header_video_self_image['url'] . ');"></div>' : '';
                        $video_output = '
                <div class="video-section-container self-hosted-video">
                ' . $self_button_play_output . '
                ' . $bg_video_image_self . '
                    <div class="video-wrap">
                        <video id="' . $player_video_id . '" class="video-header" preloader="auto" ' . $video_loop . ' width="1920" height="800" data-volume="' . $video_vol . '" data-autoplay="' . $video_autoplay . '" data-loop="' . $video_loop . '">
                            <source type="video/webm" src="' . $url_video_webm . '">
                            <source type="video/mp4" src="' . $url_video_mp4 . '">
                        </video>
                    </div>
                </div>';
                    }
                }
            }
        }
        // Check Slider Output
        $slider_output = $slider_autoplay = $slider_loop = $slide_speed = $slideshow_speed = $animation_slide = $parallax_slide = $parallax_css = $scroll_btn_output = null;
        if ($check_title_header_slider == 'rev_slider') {
            $slider_output = do_shortcode('[rev_slider ' . $rev_slider_alias . ']');
        } else {
            if ($check_title_header_slider == 'az_slider') {
                // Animation Type
                if ($az_slider_animation_type == 'slide') {
                    $animation_slide = 'slide';
                } else {
                    $animation_slide = 'fade';
                }
                // Autoplay
                if ($az_slider_autoplay == 'off') {
                    $slider_autoplay = 'false';
                    // Loop
                    if ($az_slider_loop == 'off') {
                        $slider_loop = 'false';
                    } else {
                        $slider_loop = 'false';
                    }
                } else {
                    $slider_autoplay = 'true';
                    // Loop
                    if ($az_slider_loop == 'off') {
                        $slider_loop = 'false';
                    } else {
                        $slider_loop = 'true';
                    }
                }
                // Slide Speed
                $slide_speed = $az_slider_slide_speed;
                // SlideShow Speed
                $slideshow_speed = $az_slider_slideshow_speed;
                // Parallax
                if ($az_slider_parallax_slide == 'off') {
                    $parallax_slide = 'false';
                    $parallax_css = '';
                } else {
                    $parallax_slide = 'true';
                    $parallax_css = ' background-position: center top;';
                }
                $slider_output .= '
                <div id="title-header-flexslider" class="flexslider" data-parallax="' . $parallax_slide . '" data-slide-type="' . $animation_slide . '" data-slide-easing="swing" data-slide-speed="' . esc_attr($slide_speed) . '" data-slide-loop="' . $slider_loop . '" data-slideshow="' . $slider_autoplay . '" data-slideshow-speed="' . esc_attr($slideshow_speed) . '">
                    <ul class="slides">';
                // Output Slides
                if ($az_slider_text_format == 'big_format') {
                    $slider_text_format = ' big-format-heading';
                } else {
                    $slider_text_format = ' normal-format-heading';
                }
                $values = $options_az['az_title_header_az_slider_alias'];
                if (is_array($values)) {
                    foreach ($values as $value) {
                        $slider_output .= '
                            <li class="slide" style="background-image: url(' . $value['image'] . ');' . $parallax_css . '">
                                ' . $mask_output . '';
                        if (!empty($value['title']) || !empty($value['description']) || !empty($value['url'])) {
                            $slider_output .= '
                            <div class="slider-content' . $slider_text_format . '">';
                        }
                        if (!empty($value['url'])) {
                            $slider_output .= '
                            <a href="' . esc_url($value['url']) . '">';
                        }
                        if (!empty($value['title'])) {
                            $slider_output .= '
                            <h1 class="slide-title">' . wp_kses($value['title'], $allowed_tags) . '</h1>';
                        }
                        if (!empty($value['description'])) {
                            $slider_output .= '
                            <h2 class="slide-subtitle">' . wp_kses($value['description'], $allowed_tags) . '</h2>';
                        }
                        if (!empty($value['url'])) {
                            $slider_output .= '
                            </a>';
                        }
                        if (!empty($value['title']) || !empty($value['description']) || !empty($value['url'])) {
                            $slider_output .= '
                            </div>';
                        }
                        $slider_output .= '
                            </li>';
                    }
                }
                $slider_output .= '
                    </ul>';
                // Output Pagination Slide
                $slider_output .= '
                <ol class="flex-control-nav flex-control-paging">';
                $elements = $options_az['az_title_header_az_slider_alias'];
                if (is_array($elements)) {
                    foreach ($elements as $element) {
                        $slider_output .= '
                            <li><a>' . strip_tags($element['title']) . '</a></li>';
                    }
                }
                $slider_output .= '
                </ol>';
                $slider_output .= '
                </div>';
            }
        }
        ?>

<div class="wrap-title-header <?php 
        echo esc_attr($device_version);
        ?>
">
<?php 
        if ($check_title_header_settings == 'show') {
            ?>
    
    <div class="fake-layer-spacer<?php 
            echo esc_attr($mode_height);
            ?>
"<?php 
            echo !empty($title_header_height_output) ? $title_header_height_output : '';
            ?>
></div>

    <?php 
            if ($check_title_header_module == 'image') {
                ?>
    
    <div id="image-header" class="title-header-spacer">
        <div class="title-header-container imagize<?php 
                echo esc_attr($mode_height);
                echo esc_attr($title_header_layout_class);
                ?>
"<?php 
                echo !empty($bg_mode_output) ? $bg_mode_output : '';
                ?>
>
            <?php 
                echo !empty($mask_output) ? $mask_output : '';
                ?>
            <?php 
                if ($check_title_header_text_display == 'show') {
                    ?>
            <div class="box-content<?php 
                    echo esc_attr($heading_format);
                    ?>
">
                <div class="box-content-titles">
                    <?php 
                    if (!empty($title_heading)) {
                        ?>
                    <h1 class="title"<?php 
                        echo !empty($text_color) ? $text_color : '';
                        ?>
><?php 
                        echo wp_kses($title_heading, $allowed_tags);
                        ?>
</h1>
                    <?php 
                    } else {
                        ?>
                    <h1 class="title"<?php 
                        echo !empty($text_color) ? $text_color : '';
                        ?>
><?php 
                        echo the_title();
                        ?>
</h1>
                    <?php 
                    }
                    ?>
                    <?php 
                    if (!empty($title_subheading)) {
                        ?>
                    <h2 class="subheading"<?php 
                        echo !empty($text_color) ? $text_color : '';
                        ?>
><?php 
                        echo wp_kses($title_subheading, $allowed_tags);
                        ?>
</h2>
                    <?php 
                    }
                    ?>
                </div>
            </div>
            <?php 
                }
                ?>
        </div>
        <?php 
                if ($check_title_header_layout == 'fullscreen' && $scrollBtn == 'enable') {
                    echo '<a class="scroll-btn-full-area-title-header"><i class="font-icon-arrow-down-simple-thin-round animated-opacity"></i></a>';
                }
                ?>
    </div>

    <?php 
            } else {
                if ($check_title_header_module == 'image_parallax') {
                    ?>

    <div id="image-parallax-header" class="title-header-spacer">
        <div class="title-header-container imagize-parallax<?php 
                    echo esc_attr($mode_height);
                    echo esc_attr($title_header_layout_class);
                    ?>
"<?php 
                    echo !empty($bg_mode_parallax) ? $bg_mode_parallax : '';
                    ?>
>
            <?php 
                    echo !empty($mask_output) ? $mask_output : '';
                    ?>
            <?php 
                    if ($check_title_header_text_display == 'show') {
                        ?>
            <div class="box-content<?php 
                        echo esc_attr($heading_format);
                        ?>
">
                <div class="box-content-titles">
                    <?php 
                        if (!empty($title_heading)) {
                            ?>
                    <h1 class="title"<?php 
                            echo !empty($text_color) ? $text_color : '';
                            ?>
><?php 
                            echo wp_kses($title_heading, $allowed_tags);
                            ?>
</h1>
                    <?php 
                        } else {
                            ?>
                    <h1 class="title"<?php 
                            echo !empty($text_color) ? $text_color : '';
                            ?>
><?php 
                            echo the_title();
                            ?>
</h1>
                    <?php 
                        }
                        ?>
                    <?php 
                        if (!empty($title_subheading)) {
                            ?>
                    <h2 class="subheading"<?php 
                            echo !empty($text_color) ? $text_color : '';
                            ?>
><?php 
                            echo wp_kses($title_subheading, $allowed_tags);
                            ?>
</h2>
                    <?php 
                        }
                        ?>
                </div>
            </div>
            <?php 
                    }
                    ?>
        </div>
        <?php 
                    if ($check_title_header_layout == 'fullscreen' && $scrollBtn == 'enable') {
                        echo '<a class="scroll-btn-full-area-title-header"><i class="font-icon-arrow-down-simple-thin-round animated-opacity"></i></a>';
                    }
                    ?>
    </div>

    <?php 
                } else {
                    if ($check_title_header_module == 'video') {
                        ?>

    <div id="video-header" class="<?php 
                        echo esc_attr($check_title_header_video);
                        ?>
 title-header-spacer">          
        <div class="title-header-container<?php 
                        echo esc_attr($mode_height);
                        echo esc_attr($title_header_layout_class);
                        ?>
"<?php 
                        echo !empty($title_header_height_output) ? $title_header_height_output : '';
                        ?>
>
            <?php 
                        echo !empty($mask_output) ? $mask_output : '';
                        ?>
            <?php 
                        echo !empty($video_output) ? $video_output : '';
                        ?>
            <?php 
                        if ($check_title_header_text_display == 'show') {
                            ?>
            <div class="box-content<?php 
                            echo esc_attr($heading_format);
                            echo esc_attr($wrap_video_check);
                            ?>
">
                <div class="box-content-titles">
                    <?php 
                            if (!empty($title_heading)) {
                                ?>
                    <h1 class="title"<?php 
                                echo !empty($text_color) ? $text_color : '';
                                ?>
><?php 
                                echo wp_kses($title_heading, $allowed_tags);
                                ?>
</h1>
                    <?php 
                            } else {
                                ?>
                    <h1 class="title"<?php 
                                echo !empty($text_color) ? $text_color : '';
                                ?>
><?php 
                                echo the_title();
                                ?>
</h1>
                    <?php 
                            }
                            ?>
                    <?php 
                            if (!empty($title_subheading)) {
                                ?>
                    <h2 class="subheading"<?php 
                                echo !empty($text_color) ? $text_color : '';
                                ?>
><?php 
                                echo wp_kses($title_subheading, $allowed_tags);
                                ?>
</h2>
                    <?php 
                            }
                            ?>
                    <?php 
                            echo !empty($alternative_button_self) ? $alternative_button_self : '';
                            ?>
                    <?php 
                            echo !empty($alternative_button_yt) ? $alternative_button_yt : '';
                            ?>
                    <?php 
                            echo !empty($alternative_button_vimeo) ? $alternative_button_vimeo : '';
                            ?>
                </div>
            </div>
            <?php 
                        }
                        ?>
        </div>
        <?php 
                        if ($check_title_header_layout == 'fullscreen' && $scrollBtn == 'enable') {
                            echo '<a class="scroll-btn-full-area-title-header"><i class="font-icon-arrow-down-simple-thin-round animated-opacity"></i></a>';
                        }
                        ?>
    </div>

    <?php 
                    } else {
                        if ($check_title_header_module == 'slider') {
                            ?>
    
    <div id="slider-header-revolution" class="title-header-spacer <?php 
                            echo esc_attr($check_title_header_slider);
                            ?>
">   
        <div class="title-header-container<?php 
                            echo esc_attr($mode_height);
                            echo esc_attr($title_header_layout_class);
                            ?>
"<?php 
                            echo !empty($title_header_height_output) ? $title_header_height_output : '';
                            ?>
>
            <?php 
                            echo !empty($slider_output) ? $slider_output : '';
                            ?>
        </div>
        <?php 
                            if ($check_title_header_layout == 'fullscreen' && $scrollBtn == 'enable' && $check_title_header_slider == 'az_slider') {
                                echo '<a class="scroll-btn-full-area-title-header"><i class="font-icon-arrow-down-simple-thin-round animated-opacity"></i></a>';
                            }
                            ?>
    </div>

    <?php 
                        } else {
                            if ($check_title_header_module == 'animate') {
                                ?>

    <div id="animated-pattern-header" class="title-header-spacer">                
        <div class="title-header-container animate-bg-scroll<?php 
                                echo esc_attr($mode_height);
                                echo esc_attr($title_header_layout_class);
                                ?>
"<?php 
                                echo !empty($bg_url_animate) ? $bg_url_animate : '';
                                ?>
>
            <?php 
                                echo !empty($output_css_animation) ? $output_css_animation : '';
                                ?>
            <?php 
                                if ($check_title_header_text_display == 'show') {
                                    ?>
            <div class="box-content<?php 
                                    echo esc_attr($heading_format);
                                    ?>
">
                <div class="box-content-titles">
                    <?php 
                                    if (!empty($title_heading)) {
                                        ?>
                    <h1 class="title"<?php 
                                        echo !empty($text_color) ? $text_color : '';
                                        ?>
><?php 
                                        echo wp_kses($title_heading, $allowed_tags);
                                        ?>
</h1>
                    <?php 
                                    } else {
                                        ?>
                    <h1 class="title"<?php 
                                        echo !empty($text_color) ? $text_color : '';
                                        ?>
><?php 
                                        echo the_title();
                                        ?>
</h1>
                    <?php 
                                    }
                                    ?>
                    <?php 
                                    if (!empty($title_subheading)) {
                                        ?>
                    <h2 class="subheading"<?php 
                                        echo !empty($text_color) ? $text_color : '';
                                        ?>
><?php 
                                        echo wp_kses($title_subheading, $allowed_tags);
                                        ?>
</h2>
                    <?php 
                                    }
                                    ?>
                </div>
            </div>
            <?php 
                                }
                                ?>
        </div>
        <?php 
                                if ($check_title_header_layout == 'fullscreen' && $scrollBtn == 'enable') {
                                    echo '<a class="scroll-btn-full-area-title-header"><i class="font-icon-arrow-down-simple-thin-round animated-opacity"></i></a>';
                                }
                                ?>
    </div>
    <?php 
                            } else {
                                ?>

    <div id="text-header" class="title-header-spacer">
        <div class="title-header-container<?php 
                                echo esc_attr($mode_height);
                                echo esc_attr($title_header_layout_class);
                                ?>
"<?php 
                                echo !empty($fill_bg_h) ? $fill_bg_h : '';
                                ?>
>
            <?php 
                                if ($check_title_header_text_display == 'show') {
                                    ?>
            <div class="box-content<?php 
                                    echo esc_attr($heading_format);
                                    ?>
">
                <div class="box-content-titles">
                    <?php 
                                    if (!empty($title_heading)) {
                                        ?>
                    <h1 class="title"<?php 
                                        echo !empty($text_color) ? $text_color : '';
                                        ?>
><?php 
                                        echo wp_kses($title_heading, $allowed_tags);
                                        ?>
</h1>
                    <?php 
                                    } else {
                                        ?>
                    <h1 class="title"<?php 
                                        echo !empty($text_color) ? $text_color : '';
                                        ?>
><?php 
                                        echo the_title();
                                        ?>
</h1>
                    <?php 
                                    }
                                    ?>
                    <?php 
                                    if (!empty($title_subheading)) {
                                        ?>
                    <h2 class="subheading"<?php 
                                        echo !empty($text_color) ? $text_color : '';
                                        ?>
><?php 
                                        echo wp_kses($title_subheading, $allowed_tags);
                                        ?>
</h2>
                    <?php 
                                    }
                                    ?>
                </div>
            </div>
            <?php 
                                }
                                ?>
        </div>
        <?php 
                                if ($check_title_header_layout == 'fullscreen' && $scrollBtn == 'enable') {
                                    echo '<a class="scroll-btn-full-area-title-header"><i class="font-icon-arrow-down-simple-thin-round animated-opacity"></i></a>';
                                }
                                ?>
    </div>

    <?php 
                            }
                        }
                    }
                }
            }
            ?>

<?php 
        } else {
            ?>

    <?php 
            if ($check_title_header_settings == 'hide' && $check_title_header_hide_settings == 'colorful') {
                ?>
    <div class="no-page-header colorful-version"<?php 
                echo !empty($fill_hide_bg) ? $fill_hide_bg : '';
                ?>
></div>
    <?php 
            } else {
                ?>
    <div class="no-page-header transparent-version"></div>
    <?php 
            }
            ?>

<?php 
        }
        ?>

</div>
<?php 
    }
コード例 #9
0
ファイル: welcome.php プロジェクト: xygcxy/iunmcf
    /**
     * Render Changelog Screen
     *
     * @access public
     * @since  2.0.3
     * @return void
     */
    public function redux_extensions()
    {
        /*
                    repeater =>
                    social profiles =>
                    js button =>
                    multi media =>
                    css layout =>
                    color schemes => adjust-alt
                    custom fonts => fontsize
                    code mirror => view-mode
                    live search => search
                    support faq's => question
                    date time picker =>
                    premium support =>
                    metaboxes =>
                    widget areas =>
                    shortcodes =>
                    icon select => gallery
                    tracking =>
                     * */
        $iconMap = array('repeater' => 'asl', 'social-profiles' => 'group', 'js-button' => 'hand-down', 'multi-media' => 'picture', 'css-layout' => 'fullscreen', 'color-schemes' => 'adjust-alt', 'custom-fonts' => 'fontsize', 'codemirror' => 'view-mode', 'live-search' => 'search', 'support-faqs' => 'question', 'date-time' => 'calendar', 'premium-support' => 'fire', 'metaboxes' => 'magic', 'widget-areas' => 'inbox-box', 'shortcodes' => 'shortcode', 'icon-select' => 'gallery');
        $colors = array('8CC63F', '8CC63F', '0A803B', '25AAE1', '0F75BC', 'F7941E', 'F1592A', 'ED217C', 'BF1E2D', '8569CF', '0D9FD8', '8AD749', 'EECE00', 'F8981F', 'F80E27', 'F640AE');
        shuffle($colors);
        echo '<style type="text/css">';
        ?>

            <?php 
        foreach ($colors as $key => $color) {
            echo '.theme-browser .theme.color' . $key . ' .theme-screenshot{background-color:' . Redux_Helpers::hex2rgba($color, 0.45) . ';}';
            echo '.theme-browser .theme.color' . $key . ':hover .theme-screenshot{background-color:' . Redux_Helpers::hex2rgba($color, 0.75) . ';}';
        }
        echo '</style>';
        $color = 1;
        ?>


            <div class="wrap about-wrap">
                <h1><?php 
        _e('Redux Framework - Extensions', 'redux-framework');
        ?>
</h1>

                <div
                    class="about-text"><?php 
        printf(__('Supercharge your Redux experience. Our extensions provide you with features that will take your products to the next level.', 'redux-framework'), $this->display_version);
        ?>
</div>
                <div
                    class="redux-badge"><i
                        class="el el-redux"></i><span><?php 
        printf(__('Version %s', 'redux-framework'), ReduxFramework::$_version);
        ?>
</span>
                </div>

                <?php 
        $this->tabs();
        ?>

                <p class="about-description"><?php 
        _e("While some are built specificially for developers, extensions such as Custom Fonts are sure to make any user happy.", 'redux-framework');
        ?>
</p>

                <div class="extensions">
                    <div class="feature-section theme-browser rendered" style="clear:both;">
                        <?php 
        $data = get_transient('redux-extensions-fetch');
        if (empty($data)) {
            $data = json_decode(wp_remote_retrieve_body(wp_remote_get('http://reduxframework.com/wp-admin/admin-ajax.php?action=get_redux_extensions')), true);
            if (!empty($data)) {
                set_transient('redux-extensions-fetch', $data, 24 * HOUR_IN_SECONDS);
            }
        }
        function shuffle_assoc($list)
        {
            if (!is_array($list)) {
                return $list;
            }
            $keys = array_keys($list);
            shuffle($keys);
            $random = array();
            foreach ($keys as $key) {
                $random[$key] = $list[$key];
            }
            return $random;
        }
        $data = shuffle_assoc($data);
        foreach ($data as $key => $extension) {
            ?>
                                <div class="theme color<?php 
            echo $color;
            $color++;
            ?>
">
                                    <div class="theme-screenshot">
                                        <figure>
                                            <i class="el <?php 
            echo isset($iconMap[$key]) && !empty($iconMap[$key]) ? 'el-' . $iconMap[$key] : 'el-redux';
            ?>
"></i>
                                            <figcaption>
                                                <p><?php 
            echo $extension['excerpt'];
            ?>
</p>
                                                <a href="<?php 
            echo $extension['url'];
            ?>
" target="_blank">Learn more</a>
                                            </figcaption>
                                        </figure>
                                    </div>
                                    <h3 class="theme-name" id="classic"><?php 
            echo $extension['title'];
            ?>
</h3>

                                    <div class="theme-actions">
                                        <a class="button button-primary button-install-demo"
                                           data-demo-id="<?php 
            echo $key;
            ?>
"
                                           href="<?php 
            echo $extension['url'];
            ?>
" target="_blank">Learn
                                            More</a></div>
                                </div>

                            <?php 
        }
        ?>
                    </div>
                </div>

            </div>
        <?php 
    }
コード例 #10
0
    // Get the Categories from Portfolio for Filter
    $terms = get_the_terms($post->ID, 'project-category');
    $list_categories = NULL;
    if (!empty($terms)) {
        foreach ($terms as $term) {
            $list_categories .= strtolower(str_replace(" ", "-", $term->slug)) . ' ';
        }
    }
    // Colorize FX
    $colorize_fx_project = $colorize_fx_class = $colorize_hover = '';
    if ($portfolio_colorize_effect == true) {
        $colorize_fx_project = get_post_meta($post->ID, 'az_colorize_project_fx', true);
        if (!empty($colorize_fx_project['color'])) {
            $color_output = $colorize_fx_project['color'];
            $alpha_output = $colorize_fx_project['alpha'];
            $colorize_rgba_output = Redux_Helpers::hex2rgba('' . $color_output . '', '' . $alpha_output . '');
            $colorize_hover = ' style="background-color: ' . $colorize_rgba_output . ';"';
            $colorize_fx_class = ' colorize-portfolio-item';
        } else {
            $color_output = $alpha_output = $colorize_hover = $colorize_fx_class = '';
        }
    }
    // Start Item
    $output .= '
	<div' . setClass(array('single-portfolio-item', $portfolio_columns_count, $list_categories)) . '>';
    // Featured Image
    if (has_post_thumbnail()) {
        $thumb = get_post_thumbnail_id();
        $img_url = wp_get_attachment_image_src($thumb, 'full');
        if ($portfolio_layout_mode == "masonry-ly-portfolio") {
            $tw = max(floor($img_url[1] / 480), 1);
コード例 #11
0
        } else {
            if ($check_img_repeat == 'repeat') {
                $bg_img_repeat = 'background-repeat: repeat;';
            } else {
                if ($check_img_repeat == 'repeat_x') {
                    $bg_img_repeat = 'background-repeat: repeat-x;';
                } else {
                    if ($check_img_repeat == 'repeat_y') {
                        $bg_img_repeat = 'background-repeat: repeat-y;';
                    } else {
                        $bg_img_repeat = 'background-repeat: no-repeat; background-size: cover;';
                    }
                }
            }
        }
        $rgba_value = Redux_Helpers::hex2rgba('' . $options_alice['left_side_overaly_mask_color']['color'] . '', '' . $options_alice['left_side_overaly_mask_color']['alpha'] . '');
        $bg_slogan_class = 'bg-image-slogan';
        $bg_overlay_mask = '<span class="bg-image-slogan-mask" style="background-color: ' . $rgba_value . ';"></span>';
        $bg_background_image = ' style="background-image: url(' . $options_alice['left_side_background_image']['url'] . '); background-position:' . $bg_img_position . '; ' . $bg_img_repeat . '"';
    }
}
// Slogan Text Color
$slogant_text_color = !empty($options_alice['left_side_header_slogan_text_color']) ? ' style="color: ' . $options_alice['left_side_header_slogan_text_color'] . ';"' : '';
?>

<div id="my-menu" class="<?php 
echo esc_attr($bg_slogan_visibility);
?>
">
    <?php 
if ($options_alice['left_side_slogan_visibility'] == 'show') {
コード例 #12
0
if (!empty($search_title_image['url'])) {
    $bg_mode_output = ' style="background-image: url(' . $search_title_image['url'] . '); background-position:' . $bg_mode_position . '; ' . $bg_mode_repeat . '"';
}
if (!empty($search_title_height) && !empty($search_title_image['url'])) {
    $bg_mode_output = ' style="background-image: url(' . $search_title_image['url'] . '); background-position:' . $bg_mode_position . '; ' . $bg_mode_repeat . ' height: ' . esc_attr($search_title_height) . 'px;"';
}
// Output Title Header Image Parallax
if (!empty($search_title_image_parallax['url'])) {
    $bg_mode_parallax = ' style="background-image: url(' . $search_title_image_parallax['url'] . ');"';
}
if (!empty($search_title_height) && !empty($search_title_image_parallax['url'])) {
    $bg_mode_parallax = ' style="background-image: url(' . $search_title_image_parallax['url'] . '); height: ' . esc_attr($search_title_height) . 'px;"';
}
// Check Mask Module
if ($search_title_mask == 'mask_color' || $search_title_mask == 'mask_pattern_color') {
    $mask_rgba_value = Redux_Helpers::hex2rgba('' . $search_title_mask_bg['color'] . '', '' . $search_title_mask_bg['alpha'] . '');
}
if ($search_title_mask == 'mask_color') {
    $mask_output = '<span class="overlay-bg" style="background-color: ' . $mask_rgba_value . ';"></span>';
} else {
    if ($search_title_mask == 'mask_pattern') {
        $mask_output = '<span class="overlay-pattern" style="background-image: url(' . $search_title_mask_pattern['url'] . '); opacity: ' . $search_title_mask_pattern_opacity . ';"></span>';
    } else {
        if ($search_title_mask == 'mask_pattern_color') {
            $mask_output = '<span class="overlay-pattern" style="background-image: url(' . $search_title_mask_pattern['url'] . '); opacity: ' . $search_title_mask_pattern_opacity . ';"></span><span class="overlay-bg" style="background-color: ' . $mask_rgba_value . ';"></span>';
        } else {
            $mask_output = '';
        }
    }
}
?>