function mk_preloader_script() { global $mk_options; $single_preloader = ''; $preloader_check = 'disabled'; if (global_get_post_id()) { $single_preloader = get_post_meta(global_get_post_id(), 'page_preloader', true); } if ($single_preloader == 'true') { $preloader_check = 'enabled'; } else { if ($mk_options['preloader'] == 'true') { $preloader_check = 'enabled'; } } if ($preloader_check == 'enabled') { wp_enqueue_script('queryloasder2', THEME_JS . '/min/jquery.queryloader2.js', array('jquery'), false, false); } }
function mk_preloader_body_overlay() { global $mk_options; $post_id = global_get_post_id(); if ($post_id) { $single_preloader = get_post_meta($post_id, 'page_preloader', true); } $preloader_check = $single_preloader = ''; if ($single_preloader == 'true') { $preloader_check = 'enabled'; } else { if ($mk_options['preloader'] == 'true') { $preloader_check = 'enabled'; } } if ($preloader_check == 'enabled') { echo '<div class="mk-body-loader-overlay"><div style="background-image:url(' . THEME_IMAGES . '/empty.png)"></div></div>'; } }
function mk_dynamic_js_vars() { global $mk_options; $post_id = global_get_post_id(); echo '<script type="text/javascript">' . "\n"; echo 'var abb = {};' . "\n"; echo 'var php = {};' . "\n"; echo 'var mk_header_parallax, mk_banner_parallax, mk_page_parallax, mk_footer_parallax, mk_body_parallax;' . "\n"; echo 'var mk_images_dir = "' . THEME_IMAGES . '",' . "\n"; echo 'mk_theme_js_path = "' . THEME_JS . '",' . "\n"; echo 'mk_theme_dir = "' . THEME_DIR_URI . '",' . "\n"; echo 'mk_captcha_placeholder = "' . __('Enter Captcha', 'mk_framework') . '",' . "\n"; echo 'mk_captcha_invalid_txt = "' . __('Invalid. Try again.', 'mk_framework') . '",' . "\n"; echo 'mk_captcha_correct_txt = "' . __('Captcha correct.', 'mk_framework') . '",' . "\n"; echo 'mk_responsive_nav_width = ' . $mk_options['responsive_nav_width'] . ',' . "\n"; echo 'mk_check_rtl = ' . (is_rtl() ? "false" : "true") . ',' . "\n"; echo 'mk_grid_width = ' . $mk_options['grid_width'] . ',' . "\n"; echo 'mk_ajax_search_option = "' . $mk_options['header_search_location'] . '",' . "\n"; echo 'mk_preloader_txt_color = "' . ($mk_options['preloader_txt_color'] ? $mk_options['preloader_txt_color'] : '#444') . '",' . "\n"; echo 'mk_preloader_bg_color = "' . ($mk_options['preloader_bg_color'] ? $mk_options['preloader_bg_color'] : '#fff') . '",' . "\n"; echo 'mk_accent_color = "' . $mk_options['skin_color'] . '",' . "\n"; echo 'mk_go_to_top = "' . ($mk_options['go_to_top'] ? $mk_options['go_to_top'] : 'false') . '",' . "\n"; $mk_preloader_bar_color = isset($mk_options['preloader_bar_color']) && !empty($mk_options['preloader_bar_color']) ? $mk_options['preloader_bar_color'] : $mk_options['skin_color']; echo 'mk_preloader_bar_color = "' . $mk_preloader_bar_color . '",' . "\n"; echo 'mk_preloader_logo = "' . $mk_options['preloader_logo'] . '";' . "\n"; if ($post_id) { echo 'var mk_header_parallax = ' . (get_post_meta($post_id, 'header_parallax', true) ? get_post_meta($post_id, 'header_parallax', true) : "false") . ',' . "\n"; echo 'mk_banner_parallax = ' . (get_post_meta($post_id, 'banner_parallax', true) ? get_post_meta($post_id, 'banner_parallax', true) : "false") . ',' . "\n"; echo 'mk_page_parallax = ' . (get_post_meta($post_id, 'page_parallax', true) ? get_post_meta($post_id, 'page_parallax', true) : "false") . ',' . "\n"; echo 'mk_footer_parallax = ' . (get_post_meta($post_id, 'footer_parallax', true) ? get_post_meta($post_id, 'footer_parallax', true) : "false") . ',' . "\n"; echo 'mk_body_parallax = ' . (get_post_meta($post_id, 'body_parallax', true) ? get_post_meta($post_id, 'body_parallax', true) : "false") . ',' . "\n"; echo 'mk_no_more_posts = "' . __('No More Posts', 'mk_framework') . '";' . "\n"; } echo 'function is_touch_device() { return ("ontouchstart" in document.documentElement); }' . "\n"; echo '</script>' . "\n"; }
</script> <?php wp_head(); ?> </head> <?php $mk_body_class[] = $mk_header_class = $show_header_old = $show_header = $transparent_header = $transparent_header_skin = $trans_header_class = $page_is_transparent = $header_sticky_style_css = ''; $header_style = !empty($mk_options['theme_header_style']) ? $mk_options['theme_header_style'] : 1; $toolbar_toggle = !empty($mk_options['theme_toolbar_toggle']) ? $mk_options['theme_toolbar_toggle'] : 'true'; $header_align = !empty($mk_options['theme_header_align']) ? $mk_options['theme_header_align'] : 'left'; $header_grid_start = $mk_options['header_grid'] == 'true' ? '<div class="mk-grid header-grid">' : ''; $header_grid_end = $mk_options['header_grid'] == 'true' ? '</div>' : ''; $header_width_class = $mk_options['header_grid'] == 'true' ? 'boxed-header' : 'full-header'; $sticky_header_style = isset($mk_options['header_sticky_style']) ? $mk_options['header_sticky_style'] : 'fixed'; $sticky_header_offset = isset($mk_options['sticky_header_offset']) ? $mk_options['sticky_header_offset'] : 'header'; $post_id = global_get_post_id(); if ($post_id) { $enable = get_post_meta($post_id, '_enable_local_backgrounds', true); if ($enable == 'true') { $header_style_meta = get_post_meta($post_id, 'theme_header_style', true); $header_align_meta = get_post_meta($post_id, 'theme_header_align', true); $toolbar_toggle_meta = get_post_meta($post_id, 'theme_toolbar_toggle', true); $transparent_header_meta = get_post_meta($post_id, '_transparent_header', true); $transparent_header_skin_meta = get_post_meta($post_id, '_transparent_header_skin', true); $sticky_header_offset_meta = get_post_meta($post_id, '_sticky_header_offset', true); $trans_header_remove_bg_meta = get_post_meta($post_id, '_trans_header_remove_bg', true); $header_style = isset($header_style_meta) && !empty($header_style_meta) ? $header_style_meta : $header_style; $header_align = isset($header_align_meta) && !empty($header_align_meta) ? $header_align_meta : $header_align; $toolbar_toggle = isset($toolbar_toggle_meta) && !empty($toolbar_toggle_meta) ? $toolbar_toggle_meta : $toolbar_toggle; $transparent_header = isset($transparent_header_meta) && !empty($transparent_header_meta) ? $transparent_header_meta : 'false'; $transparent_header_skin = isset($transparent_header_skin_meta) && !empty($transparent_header_skin_meta) ? $transparent_header_skin_meta : 'light';
function mk_side_dashboard() { global $mk_options; $header_style = !empty($mk_options['theme_header_style']) ? $mk_options['theme_header_style'] : 1; $header_style3_structure = !empty($mk_options['header_style3_structure']) ? $mk_options['header_style3_structure'] : 'header_dashboard_style'; /*Full Screen Navigation Settings*/ $full_screen_logo = !empty($mk_options['fullscreen_nav_logo']) ? $mk_options['fullscreen_nav_logo'] : 'dark'; $dark_logo = $mk_options['logo']; $light_logo = isset($mk_options['light_header_logo']) ? $mk_options['light_header_logo'] : ''; $mobile_logo = isset($mk_options['responsive_logo']) ? $mk_options['responsive_logo'] : ''; $is_repsonive_logo = !empty($mobile_logo) ? 'logo-is-responsive' : ''; $post_id = global_get_post_id(); if ($post_id) { $enable = get_post_meta($post_id, '_enable_local_backgrounds', true); $header_style_meta = get_post_meta($post_id, 'theme_header_style', true); $header_style = isset($header_style_meta) && !empty($header_style_meta) && $enable == 'true' ? $header_style_meta : $header_style; } if ($header_style == 3) { if ($header_style3_structure == 'header_dashboard_style') { $output = ''; $output .= '<div class="mk-side-dashboard">'; //$output .= '<span class="mk-sidedasboard-close"><i class="mk-theme-icon-cancel"></i></span>'; /* Top Widgets */ $output .= '<div class="side-dash-top-widgets">'; ob_start(); dynamic_sidebar('Side Dashboard - Above Navigation'); $output .= ob_get_contents(); ob_end_clean(); $output .= '</div>'; /************/ $output .= wp_nav_menu(array('theme_location' => 'side-dashboard-menu', 'container' => 'nav', 'container_id' => 'mk-sidedash-navigation', 'container_class' => 'side_dashboard_menu', 'menu_class' => 'sidedash-navigation-ul', 'echo' => false, 'fallback_cb' => '', 'walker' => new header_icon_walker())); /* Bottom Widets */ $output .= '<div class="side-dash-bottom-widgets">'; ob_start(); dynamic_sidebar('Side Dashboard - Below Navigation'); $output .= ob_get_contents(); ob_end_clean(); $output .= '</div>'; /************/ $output .= '</div>'; echo $output; } else { if ($header_style3_structure == 'header_fullscreen_style') { $output = ''; $output .= '<div class="mk-fullscreen-nav ' . $is_repsonive_logo . '">'; $output .= '<a href="#" class="mk-fullscreen-nav-close"><i class="mk-moon-close-2"></i></a>'; $output .= '<div class="mk-fullscreen-nav-wrapper">'; if ($full_screen_logo == 'dark') { $output .= '<img class="mk-fullscreen-nav-logo dark-logo" alt="' . get_bloginfo('name') . '" src="' . $dark_logo . '" />'; $output .= '<img class="mk-fullscreen-nav-logo responsive-logo" alt="' . get_bloginfo('name') . '" src="' . $mobile_logo . '" />'; } else { if ($full_screen_logo == 'light') { $output .= '<img class="mk-fullscreen-nav-logo light-logo" alt="' . get_bloginfo('name') . '" src="' . $light_logo . '" />'; $output .= '<img class="mk-fullscreen-nav-logo responsive-logo" alt="' . get_bloginfo('name') . '" src="' . $mobile_logo . '" />'; } } $output .= wp_nav_menu(array('theme_location' => 'fullscreen-menu', 'container' => 'nav', 'container_id' => 'fullscreen-navigation', 'container_class' => 'fullscreen-menu', 'menu_class' => 'fullscreen-navigation-ul', 'echo' => false, 'fallback_cb' => '', 'walker' => new header_icon_walker())); $output .= '</div> </div>'; echo $output; } } } }
function mk_theme_breadcrumbs() { global $mk_options, $post; $post_id = global_get_post_id(); if ($post_id) { $local_skining = get_post_meta($post_id, '_enable_local_backgrounds', true); $breadcrumb_skin = get_post_meta($post_id, '_breadcrumb_skin', true); if ($local_skining == 'true' && !empty($breadcrumb_skin)) { $breadcrumb_skin_class = $breadcrumb_skin; } else { $breadcrumb_skin_class = $mk_options['breadcrumb_skin']; } } else { $breadcrumb_skin_class = $mk_options['breadcrumb_skin']; } $delimiter = ' / '; echo '<div id="mk-breadcrumbs"><div class="mk-breadcrumbs-inner ' . $breadcrumb_skin_class . '-skin">'; if (!is_front_page()) { echo '<a href="'; echo home_url(); echo '">' . __('Home', 'mk_framework'); echo "</a>" . $delimiter; } if (function_exists('is_woocommerce') && is_woocommerce() && is_archive()) { $shop_page_id = wc_get_page_id('shop'); $shop_page = get_post($shop_page_id); $permalinks = get_option('woocommerce_permalinks'); if ($shop_page_id && $shop_page && get_option('page_on_front') !== $shop_page_id) { echo '<a href="' . get_permalink($shop_page) . '">' . $shop_page->post_title . '</a> '; } } if (is_category() && !is_singular('portfolio')) { $category = get_the_category(); $ID = $category[0]->cat_ID; echo is_wp_error($cat_parents = get_category_parents($ID, TRUE, '', FALSE)) ? '' : '<span>' . $cat_parents . '</span>'; } else { if (is_singular('news')) { echo '<span>' . get_the_title() . '</span>'; } else { if (is_single() && !is_attachment()) { if (get_post_type() == 'product') { if ($terms = wc_get_product_terms($post->ID, 'product_cat', array('orderby' => 'parent', 'order' => 'DESC'))) { $main_term = $terms[0]; $ancestors = get_ancestors($main_term->term_id, 'product_cat'); $ancestors = array_reverse($ancestors); foreach ($ancestors as $ancestor) { $ancestor = get_term($ancestor, 'product_cat'); if (!is_wp_error($ancestor) && $ancestor) { echo '<a href="' . get_term_link($ancestor->slug, 'product_cat') . '">' . $ancestor->name . '</a>' . $delimiter; } } echo '<a href="' . get_term_link($main_term->slug, 'product_cat') . '">' . $main_term->name . '</a>' . $delimiter; } echo get_the_title(); } elseif (is_singular('portfolio')) { $portfolio_category = get_the_term_list($post->ID, 'portfolio_category', '', ' / '); if (!empty($portfolio_category)) { echo $portfolio_category . $delimiter; } echo '<span>' . get_the_title() . '</span>'; } elseif (get_post_type() != 'post') { if (function_exists('is_bbpress') && is_bbpress()) { } else { $post_type = get_post_type_object(get_post_type()); $slug = $post_type->rewrite; echo '<a href="' . get_post_type_archive_link(get_post_type()) . '">' . $post_type->labels->singular_name . '</a>' . $delimiter; echo get_the_title(); } } else { $cat = current(get_the_category()); echo get_category_parents($cat, true, $delimiter); echo get_the_title(); } } elseif (is_page() && !$post->post_parent) { echo get_the_title(); } elseif (is_page() && $post->post_parent) { $parent_id = $post->post_parent; $breadcrumbs = array(); while ($parent_id) { $page = get_page($parent_id); $breadcrumbs[] = '<a href="' . get_permalink($page->ID) . '">' . get_the_title($page->ID) . '</a>'; $parent_id = $page->post_parent; } $breadcrumbs = array_reverse($breadcrumbs); foreach ($breadcrumbs as $crumb) { echo $crumb . '' . $delimiter; } echo get_the_title(); } elseif (is_attachment()) { $parent = get_post($post->post_parent); $cat = get_the_category($parent->ID); $cat = $cat[0]; /* admin@innodron.com patch: Fix for Catchable fatal error: Object of class WP_Error could not be converted to string ref: https://wordpress.org/support/topic/catchable-fatal-error-object-of-class-wp_error-could-not-be-converted-to-string-11 */ echo is_wp_error($cat_parents = get_category_parents($cat, TRUE, '' . $delimiter . '')) ? '' : $cat_parents; /* end admin@innodron.com patch */ echo '<a href="' . get_permalink($parent) . '">' . $parent->post_title . '</a>' . $delimiter; echo get_the_title(); } elseif (is_search()) { echo __('Search results for “', 'mk_framework') . get_search_query() . '”'; } elseif (is_tag()) { echo __('Tag “', 'mk_framework') . single_tag_title('', false) . '”'; } elseif (is_author()) { $userdata = get_userdata(get_the_author_meta('ID')); echo __('Author:', 'mk_framework') . ' ' . $userdata->display_name; } elseif (is_day()) { echo '<a href="' . get_year_link(get_the_time('Y')) . '">' . get_the_time('Y') . '</a>' . $delimiter; echo '<a href="' . get_month_link(get_the_time('Y'), get_the_time('m')) . '">' . get_the_time('F') . '</a>' . $delimiter; echo get_the_time('d'); } elseif (is_month()) { echo '<a href="' . get_year_link(get_the_time('Y')) . '">' . get_the_time('Y') . '</a>' . $delimiter; echo get_the_time('F'); } elseif (is_year()) { echo get_the_time('Y'); } } } if (get_query_var('paged')) { echo ' (' . __('Page', 'mk_framework') . ' ' . get_query_var('paged') . ')'; } if (is_tax()) { $term = get_term_by('slug', get_query_var('term'), get_query_var('taxonomy')); if (function_exists('is_woocommerce') && is_woocommerce() && is_archive()) { echo $delimiter; } echo '<span>' . $term->name . '</span>'; } if (function_exists('is_bbpress') && is_bbpress()) { $item = array(); $post_type_object = get_post_type_object(bbp_get_forum_post_type()); if (!empty($post_type_object->has_archive) && !bbp_is_forum_archive()) { $item[] = '<a href="' . get_post_type_archive_link(bbp_get_forum_post_type()) . '">' . bbp_get_forum_archive_title() . '</a>'; } if (bbp_is_forum_archive()) { $item[] = bbp_get_forum_archive_title(); } elseif (bbp_is_topic_archive()) { $item[] = bbp_get_topic_archive_title(); } elseif (bbp_is_single_view()) { $item[] = bbp_get_view_title(); } elseif (bbp_is_single_topic()) { $topic_id = get_queried_object_id(); $item = array_merge($item, mk_breadcrumbs_get_parents(bbp_get_topic_forum_id($topic_id))); if (bbp_is_topic_split() || bbp_is_topic_merge() || bbp_is_topic_edit()) { $item[] = '<a href="' . bbp_get_topic_permalink($topic_id) . '">' . bbp_get_topic_title($topic_id) . '</a>'; } else { $item[] = bbp_get_topic_title($topic_id); } if (bbp_is_topic_split()) { $item[] = __('Split', 'mk_framework'); } elseif (bbp_is_topic_merge()) { $item[] = __('Merge', 'mk_framework'); } elseif (bbp_is_topic_edit()) { $item[] = __('Edit', 'mk_framework'); } } elseif (bbp_is_single_reply()) { $reply_id = get_queried_object_id(); $item = array_merge($item, mk_breadcrumbs_get_parents(bbp_get_reply_topic_id($reply_id))); if (!bbp_is_reply_edit()) { $item[] = bbp_get_reply_title($reply_id); } else { $item[] = '<a href="' . bbp_get_reply_url($reply_id) . '">' . bbp_get_reply_title($reply_id) . '</a>'; $item[] = __('Edit', 'mk_framework'); } } elseif (bbp_is_single_forum()) { $forum_id = get_queried_object_id(); $forum_parent_id = bbp_get_forum_parent_id($forum_id); if (0 !== $forum_parent_id) { $item = array_merge($item, mk_breadcrumbs_get_parents($forum_parent_id)); } $item[] = bbp_get_forum_title($forum_id); } elseif (bbp_is_single_user() || bbp_is_single_user_edit()) { if (bbp_is_single_user_edit()) { $item[] = '<a href="' . bbp_get_user_profile_url() . '">' . bbp_get_displayed_user_field('display_name') . '</a>'; $item[] = __('Edit', 'mk_framework'); } else { $item[] = bbp_get_displayed_user_field('display_name'); } } echo implode($delimiter, $item); } echo "</div></div>"; }
function mk_dynamic_css() { wp_enqueue_style('mk-style', get_stylesheet_uri(), false, false, 'all'); global $mk_options; $output = $fontface_style_1 = $fontface_style_2 = $fontface_css_1 = $fontface_css_2 = $google_font_2 = $google_font_1 = $typekit_fonts_1 = $typekit_fonts_2 = ''; $safefont_css_2 = $safefont_css_1 = $body_bg = $header_bg = $banner_bg = $page_bg = $footer_bg = $classic_nav_bg = ''; /* Get skin color from global $_GET for skin switcher panel */ if (isset($_GET['skin'])) { $skin_color = '#' . $_GET['skin']; } else { $skin_color = $mk_options['skin_color']; } ########################################### # Typography ########################################### $special_elements_1_list = isset($mk_options['special_elements_1']) ? $mk_options['special_elements_1'] : ''; $special_elements_2_list = isset($mk_options['special_elements_2']) ? $mk_options['special_elements_2'] : ''; function my_strstr($haystack, $needle, $before_needle = false) { if (!$before_needle) { return strstr($haystack, $needle); } else { return substr($haystack, 0, strpos($haystack, $needle)); } } /* fontface */ if (isset($mk_options['special_fonts_type_1']) && $mk_options['special_fonts_type_1'] == 'fontface') { $fontface_1 = $mk_options['special_fonts_list_1']; $stylesheet = FONTFACE_DIR . '/fontface_stylesheet.css'; if (file_exists($stylesheet)) { $file_content = file_get_contents($stylesheet); if (preg_match("/@font-face\\s*{[^}]*?font-family\\s*:\\s*('|\"){$fontface_1}\\1.*?}/is", $file_content, $match)) { $fontface_style_1 = preg_replace("/url\\s*\\(\\s*['|\"]\\s*/is", "\\0" . FONTFACE_URI . "/", $match[0]) . "\n"; } if (is_array($mk_options['special_elements_1'])) { $special_elements_1 = implode(', ', $mk_options['special_elements_1']); } else { $special_elements_1 = $mk_options['special_elements_1']; } if ($special_elements_1 && $fontface_1) { $fontface_css_1 = $special_elements_1 . '{ font-family: "' . $fontface_1 . '"}'; } } } if (isset($mk_options['special_fonts_type_2']) && $mk_options['special_fonts_type_2'] == 'fontface') { $fontface_2 = $mk_options['special_fonts_list_2']; $stylesheet = FONTFACE_DIR . '/fontface_stylesheet.css'; if (file_exists($stylesheet)) { $file_content = file_get_contents($stylesheet); if (preg_match("/@font-face\\s*{[^}]*?font-family\\s*:\\s*('|\"){$fontface_2}\\1.*?}/is", $file_content, $match)) { $fontface_style_2 = preg_replace("/url\\s*\\(\\s*['|\"]\\s*/is", "\\0" . FONTFACE_URI . "/", $match[0]) . "\n"; } if (is_array($special_elements_2_list)) { $special_elements_2 = implode(', ', $special_elements_2_list); } else { $special_elements_2 = $special_elements_2_list; } if ($special_elements_2 && $fontface_2) { $fontface_css_2 = $special_elements_2 . '{ font-family: "' . $fontface_2 . '"}'; } } } /** * Safe Fonts * */ if (isset($mk_options['special_fonts_type_1']) && $mk_options['special_fonts_type_1'] == 'safe_font') { $safefont_1 = $mk_options['special_fonts_list_1']; if (is_array($mk_options['special_elements_1'])) { $special_elements_1 = implode(', ', $mk_options['special_elements_1']); } else { $special_elements_1 = $mk_options['special_elements_1']; } if ($special_elements_1 && $safefont_1) { $safefont_css_1 = $special_elements_1 . '{ font-family: ' . $safefont_1 . '}'; } } if (isset($mk_options['special_fonts_type_1']) && $mk_options['special_fonts_type_2'] == 'safe_font') { $safefont_2 = $mk_options['special_fonts_list_2']; if (is_array($mk_options['special_elements_2'])) { $special_elements_2 = implode(', ', $mk_options['special_elements_2']); } else { $special_elements_2 = $mk_options['special_elements_2']; } if ($special_elements_2 && $safefont_2) { $safefont_css_2 = $special_elements_2 . '{ font-family: ' . $safefont_2 . '}'; } } /** * Typekit fonts * */ $typekit_id = isset($mk_options['typekit_id']) ? $mk_options['typekit_id'] : ''; $typekit_elements_list_1 = isset($mk_options['typekit_elements_1']) ? $mk_options['typekit_elements_1'] : ''; $typekit_font_family_1 = isset($mk_options['typekit_font_family_1']) ? $mk_options['typekit_font_family_1'] : ''; if ($typekit_id != '' && $typekit_elements_list_1 != '' && $typekit_font_family_1 != '') { if (is_array($typekit_elements_list_1)) { $typekit_elements_list_1 = implode(', ', $typekit_elements_list_1); } else { $typekit_elements_list_1 = $typekit_elements_list_1; } $typekit_fonts_1 = $typekit_elements_list_1 . ' {font-family: "' . $typekit_font_family_1 . '"}'; } $typekit_elements_list_2 = isset($mk_options['typekit_elements_2']) ? $mk_options['typekit_elements_2'] : ''; $typekit_font_family_2 = isset($mk_options['typekit_font_family_2']) ? $mk_options['typekit_font_family_2'] : ''; if ($typekit_id != '' && $typekit_elements_list_2 != '' && $typekit_font_family_2 != '') { if (is_array($typekit_elements_list)) { $typekit_elements_list_2 = implode(', ', $typekit_elements_list_2); } else { $typekit_elements_list_2 = $typekit_elements_list_2; } $typekit_fonts_2 = $typekit_elements_list_2 . ' {font-family: "' . $typekit_font_family_2 . '"}'; } /** * Google Fonts * */ if (is_array($special_elements_1_list)) { $special_elements_1 = implode(', ', $special_elements_1_list); } else { $special_elements_1 = $special_elements_1_list; } if (is_array($special_elements_2_list)) { $special_elements_2 = implode(', ', $special_elements_2_list); } else { $special_elements_2 = $special_elements_2_list; } if ($special_elements_1 && $mk_options['special_fonts_type_1'] == 'google') { $google_font_1 = $special_elements_1 . ' {font-family: '; $format_name1 = strpos($mk_options['special_fonts_list_1'], ':'); if ($format_name1 !== false) { $google_font_1 .= my_strstr(str_replace('+', ' ', $mk_options['special_fonts_list_1']), ':', true); } else { $google_font_1 .= str_replace('+', ' ', $mk_options['special_fonts_list_1']); } $google_font_1 .= ' }'; } if ($special_elements_2 && $mk_options['special_fonts_type_2'] == 'google') { $google_font_2 = $special_elements_2 . ' {font-family: '; $format_name2 = strpos($mk_options['special_fonts_list_2'], ':'); if ($format_name2 !== false) { $google_font_2 .= my_strstr(str_replace('+', ' ', $mk_options['special_fonts_list_2']), ':', true); } else { $google_font_2 .= str_replace('+', ' ', $mk_options['special_fonts_list_2']); } $google_font_2 .= ' }'; } $safe_font = $mk_options['font_family'] ? 'font-family: ' . stripslashes($mk_options['font_family']) . ';' : ''; /** * Body background */ $body_bg .= $mk_options['body_color'] ? 'background-color:' . $mk_options['body_color'] . ';' : ''; $body_bg .= $mk_options['body_image'] ? 'background-image:url(' . $mk_options['body_image'] . ');' : ' '; $body_bg .= $mk_options['body_repeat'] ? 'background-repeat:' . $mk_options['body_repeat'] . ';' : ''; $body_bg .= $mk_options['body_position'] ? 'background-position:' . $mk_options['body_position'] . ';' : ''; $body_bg .= $mk_options['body_attachment'] ? 'background-attachment:' . $mk_options['body_attachment'] . ';' : ''; /** * Header background */ $header_bg .= $mk_options['header_color'] ? 'background-color:' . $mk_options['header_color'] . ';' : ''; $header_bg .= $mk_options['header_image'] ? 'background-image:url(' . $mk_options['header_image'] . ');' : ' '; $header_bg .= $mk_options['header_repeat'] ? 'background-repeat:' . $mk_options['header_repeat'] . ';' : ''; $header_bg .= $mk_options['header_position'] ? 'background-position:' . $mk_options['header_position'] . ';' : ''; $header_bg .= $mk_options['header_attachment'] ? 'background-attachment:' . $mk_options['header_attachment'] . ';' : ''; /** * Header Banner background */ $banner_bg .= $mk_options['banner_color'] ? 'background-color:' . $mk_options['banner_color'] . ';' : ''; $banner_bg .= $mk_options['banner_image'] ? 'background-image:url(' . $mk_options['banner_image'] . ');' : ' '; $banner_bg .= $mk_options['banner_repeat'] ? 'background-repeat:' . $mk_options['banner_repeat'] . ';' : ''; $banner_bg .= $mk_options['banner_position'] ? 'background-position:' . $mk_options['banner_position'] . ';' : ''; $banner_bg .= $mk_options['banner_attachment'] ? 'background-attachment:' . $mk_options['banner_attachment'] . ';' : ''; /** * Page background */ $page_bg .= $mk_options['page_color'] ? 'background-color:' . $mk_options['page_color'] . ';' : ''; $page_bg .= $mk_options['page_image'] ? 'background-image:url(' . $mk_options['page_image'] . ');' : ' '; $page_bg .= $mk_options['page_repeat'] ? 'background-repeat:' . $mk_options['page_repeat'] . ';' : ''; $page_bg .= $mk_options['page_position'] ? 'background-position:' . $mk_options['page_position'] . ';' : ''; $page_bg .= $mk_options['page_attachment'] ? 'background-attachment:' . $mk_options['page_attachment'] . ';' : ''; /** * Footer background */ $footer_bg = $mk_options['footer_color'] ? 'background-color:' . $mk_options['footer_color'] . ';' : ''; $footer_bg .= $mk_options['footer_image'] ? 'background-image:url(' . $mk_options['footer_image'] . ');' : ' '; $footer_bg .= $mk_options['footer_repeat'] ? 'background-repeat:' . $mk_options['footer_repeat'] . ';' : ''; $footer_bg .= $mk_options['footer_position'] ? 'background-position:' . $mk_options['footer_position'] . ';' : ''; $footer_bg .= $mk_options['footer_attachment'] ? 'background-attachment:' . $mk_options['footer_attachment'] . ';' : ''; $page_title_color = $mk_options['page_title_color']; $page_subtitle_color = $mk_options['page_subtitle_color']; $banner_border_color = $mk_options['banner_border_color']; $boxed_layout_shadow_size = $mk_options['boxed_layout_shadow_size']; $boxed_layout_shadow_intensity = $mk_options['boxed_layout_shadow_intensity']; $page_title_padding = 15; $trans_header_border_color = ''; $page_color = $mk_options['page_color']; if (global_get_post_id()) { $post_id = global_get_post_id(); $enable = get_post_meta($post_id, '_enable_local_backgrounds', true); if ($enable == 'true') { $body_bg = get_post_meta($post_id, 'body_color', true) ? 'background-color: ' . get_post_meta($post_id, 'body_color', true) . ';' : 'background-color: ' . $mk_options['body_color'] . ';'; $body_bg .= get_post_meta($post_id, 'body_image', true) ? 'background-image:url(' . get_post_meta($post_id, 'body_image', true) . ');' : ''; $body_bg .= get_post_meta($post_id, 'body_repeat', true) ? 'background-repeat:' . get_post_meta($post_id, 'body_repeat', true) . ';' : ''; $body_bg .= get_post_meta($post_id, 'body_position', true) ? 'background-position:' . get_post_meta($post_id, 'body_position', true) . ';' : ''; $body_bg .= get_post_meta($post_id, 'body_attachment', true) ? 'background-attachment:' . get_post_meta($post_id, 'body_attachment', true) . ';' : ''; $header_bg = get_post_meta($post_id, 'header_color', true) ? 'background-color: ' . get_post_meta($post_id, 'header_color', true) . ';' : 'background-color: ' . $mk_options['header_color'] . ';'; $header_bg .= get_post_meta($post_id, 'header_image', true) ? 'background-image:url(' . get_post_meta($post_id, 'header_image', true) . ');' : ''; $header_bg .= get_post_meta($post_id, 'header_repeat', true) ? 'background-repeat:' . get_post_meta($post_id, 'header_repeat', true) . ';' : ''; $header_bg .= get_post_meta($post_id, 'header_position', true) ? 'background-position:' . get_post_meta($post_id, 'header_position', true) . ';' : ''; $header_bg .= get_post_meta($post_id, 'header_attachment', true) ? 'background-attachment:' . get_post_meta($post_id, 'header_attachment', true) . ';' : ''; $banner_bg = get_post_meta($post_id, 'banner_color', true) ? 'background-color: ' . get_post_meta($post_id, 'banner_color', true) . ';' : 'background-color: ' . $mk_options['banner_color'] . ';'; $banner_bg .= get_post_meta($post_id, 'banner_image', true) ? 'background-image:url(' . get_post_meta($post_id, 'banner_image', true) . ');' : ''; $banner_bg .= get_post_meta($post_id, 'banner_repeat', true) ? 'background-repeat:' . get_post_meta($post_id, 'banner_repeat', true) . ';' : ''; $banner_bg .= get_post_meta($post_id, 'banner_position', true) ? 'background-position:' . get_post_meta($post_id, 'banner_position', true) . ';' : ''; $banner_bg .= get_post_meta($post_id, 'banner_attachment', true) ? 'background-attachment:' . get_post_meta($post_id, 'banner_attachment', true) . ';' : ''; $page_bg = get_post_meta($post_id, 'page_color', true) ? 'background-color: ' . get_post_meta($post_id, 'page_color', true) . ';' : 'background-color: ' . $mk_options['page_color'] . ';'; $page_bg .= get_post_meta($post_id, 'page_image', true) ? 'background-image:url(' . get_post_meta($post_id, 'page_image', true) . ');' : ''; $page_bg .= get_post_meta($post_id, 'page_repeat', true) ? 'background-repeat:' . get_post_meta($post_id, 'page_repeat', true) . ';' : ''; $page_bg .= get_post_meta($post_id, 'page_position', true) ? 'background-position:' . get_post_meta($post_id, 'page_position', true) . ';' : ''; $page_bg .= get_post_meta($post_id, 'page_attachment', true) ? 'background-attachment:' . get_post_meta($post_id, 'page_attachment', true) . ';' : ''; $footer_bg = get_post_meta($post_id, 'footer_color', true) ? 'background-color: ' . get_post_meta($post_id, 'footer_color', true) . ';' : 'background-color: ' . $mk_options['footer_color'] . ';'; $footer_bg .= get_post_meta($post_id, 'footer_image', true) ? 'background-image:url(' . get_post_meta($post_id, 'footer_image', true) . ');' : ''; $footer_bg .= get_post_meta($post_id, 'footer_repeat', true) ? 'background-repeat:' . get_post_meta($post_id, 'footer_repeat', true) . ';' : ''; $footer_bg .= get_post_meta($post_id, 'footer_position', true) ? 'background-position:' . get_post_meta($post_id, 'footer_position', true) . ';' : ''; $footer_bg .= get_post_meta($post_id, 'footer_attachment', true) ? 'background-attachment:' . get_post_meta($post_id, 'footer_attachment', true) . ';' : ''; $page_title_color = get_post_meta($post_id, '_page_title_color', true) ? get_post_meta($post_id, '_page_title_color', true) : ''; $page_subtitle_color = get_post_meta($post_id, '_page_subtitle_color', true) ? get_post_meta($post_id, '_page_subtitle_color', true) : ''; $banner_border_color = get_post_meta($post_id, '_banner_border_color', true) ? get_post_meta($post_id, '_banner_border_color', true) : ''; $trans_header_border_color = get_post_meta($post_id, '_trans_header_border_bottom', true) ? get_post_meta($post_id, '_trans_header_border_bottom', true) : ''; $boxed_layout_shadow_size = get_post_meta($post_id, 'boxed_layout_shadow_size', true); $boxed_layout_shadow_intensity = get_post_meta($post_id, 'boxed_layout_shadow_intensity', true); $page_color = get_post_meta($post_id, 'page_color', true) ? get_post_meta($post_id, 'page_color', true) : $page_color; } } $skin_darker = hexDarker($skin_color, 20); $skin_color_60 = mk_color($mk_options['skin_color'], 0.6); if ($mk_options['main_nav_bg_color'] == '') { $classic_nav_bg = $header_bg; } else { $classic_nav_bg = 'background-color:' . $mk_options['main_nav_bg_color'] . ';'; } $sidebar_width = 100 - $mk_options['content_width']; $boxed_layout_width = $mk_options['grid_width'] + 60; ########################################### # Font family ########################################### $output .= "\nbody {\n\t{$safe_font}\n}\n\n{$fontface_style_1}\n{$fontface_style_2}\n{$fontface_css_1}\n{$fontface_css_2}\n{$google_font_1}\n{$google_font_2}\n{$safefont_css_1}\n{$safefont_css_2}\n{$typekit_fonts_1}\n{$typekit_fonts_2}\n"; ########################################### # Backgrounds ########################################### $output .= "\n\nbody\n{\n\t{$body_bg}\n}\n\n#mk-header\n{\n\t{$banner_bg}\n}\n\n\n\n.mk-header-bg\n{\n\t{$header_bg}\n}\n\n\n\n.mk-header-toolbar\n{\n\tbackground-color: {$mk_options['header_toolbar_bg']};\n}\n\n\n\n\n\n#theme-page\n{\n\t{$page_bg}\n}\n\n\n\n#mk-footer\n{\n\t{$footer_bg}\n\t"; if (!empty($mk_options['footer_top_thickness']) && !empty($mk_options['footer_top_border_color'])) { $output .= "\n\t\tborder-top:{$mk_options['footer_top_thickness']}px solid {$mk_options['footer_top_border_color']};\n\t"; } $output .= "\n}\n\n#mk-footer .footer-wrapper\n{\n\t"; if (isset($mk_options['footer_wrapper_padding'])) { $output .= "\n\t\tpadding:{$mk_options['footer_wrapper_padding']}px 0;\n\t"; } $output .= "\n}\n\n#mk-footer .widget\n{\n\tmargin-bottom:{$mk_options['footer_widget_margin_bottom']}px;\n}\n\n\n\n#mk-footer [class*='mk-col-'] {\n\tpadding:0 {$mk_options['footer_gutter']}%;\n}\n\n\n\n\n\n#sub-footer\n{\n\tbackground-color: {$mk_options['sub_footer_bg_color']};\n}\n\n.mk-footer-copyright {\n\tfont-size:{$mk_options['copyright_size']}px;\n\tletter-spacing: {$mk_options['copyright_letter_spacing']}px;\n}\n\n\n#mk-boxed-layout\n{\n -webkit-box-shadow: 0 0 {$boxed_layout_shadow_size}px rgba(0, 0, 0, {$boxed_layout_shadow_intensity});\n -moz-box-shadow: 0 0 {$boxed_layout_shadow_size}px rgba(0, 0, 0, {$boxed_layout_shadow_intensity});\n box-shadow: 0 0 {$boxed_layout_shadow_size}px rgba(0, 0, 0, {$boxed_layout_shadow_intensity});\n}\n\n\n\n\n\n\n\n.mk-tabs-panes,\n.mk-news-tab .mk-tabs-tabs li.ui-tabs-active a,\n.mk-divider .divider-go-top,\n.ajax-container,\n.mk-fancy-title.pattern-style span,\n.mk-portfolio-view-all,\n.mk-woo-view-all,\n.mk-blog-view-all\n{\n\tbackground-color: {$page_color};\n}\n\n\n\n.mk-header-bg\n{\n -webkit-opacity: {$mk_options['header_opacity']};\n -moz-opacity: {$mk_options['header_opacity']};\n -o-opacity: {$mk_options['header_opacity']};\n opacity: {$mk_options['header_opacity']};\n}\n\n\n\n.header-sticky-ready .mk-header-bg\n{\n -webkit-opacity: {$mk_options['header_sticky_opacity']};\n -moz-opacity: {$mk_options['header_sticky_opacity']};\n -o-opacity: {$mk_options['header_sticky_opacity']};\n opacity: {$mk_options['header_sticky_opacity']};\n}\n\n"; $header_btn_border_thickness = isset($mk_options['header_btn_border_thickness']) ? $mk_options['header_btn_border_thickness'] : 1; /* Header, Header Banner and Header toolbar border bottoms */ if (!empty($mk_options['header_border_color'])) { $output .= "\n\t\t\t.mk-header-inner,\n\t\t\t.header-sticky-ready .mk-header-inner,\n\t\t\t.header-style-2.header-sticky-ready .mk-classic-nav-bg\n\t\t\t{\n\t\t\t\tborder-bottom:{$header_btn_border_thickness}px solid {$mk_options['header_border_color']};\n\t\t\t}\n\t\t\t.header-style-4.header-align-left .mk-header-inner,\n\t\t\t.header-style-4.header-align-center .mk-header-inner\n\t\t\t {\n\t\t\t\tborder-bottom:none;\n\t\t\t\tborder-right:{$header_btn_border_thickness}px solid {$mk_options['header_border_color']};\n\t\t\t}\n\t\t\t.header-style-4.header-align-right .mk-header-inner {\n\t\t\t\tborder-bottom:none;\n\t\t\t\tborder-left:{$header_btn_border_thickness}px solid {$mk_options['header_border_color']};\n\t\t\t}\n\t\t\t.header-style-2 .mk-header-nav-container {\n\t\t\t\tborder-top:{$header_btn_border_thickness}px solid {$mk_options['header_border_color']};\n\t\t\t}\n\t\t"; } if (!empty($mk_options['sticky_header_border_color'])) { $output .= "\n\t\t\t.header-sticky-ready .mk-header-inner,\n\t\t\t.header-style-2.header-sticky-ready .mk-classic-nav-bg\n\t\t\t{\n\t\t\t\tborder-bottom:{$header_btn_border_thickness}px solid {$mk_options['sticky_header_border_color']};\n\t\t\t}\n\t\t"; } if (!empty($mk_options['header_toolbar_border_color'])) { $output .= "\n\t\t\t\t.mk-header-toolbar\n\t\t\t\t\t{\n\t\t\t\t\t\tborder-bottom:1px solid {$mk_options['header_toolbar_border_color']};\n\t\t\t\t\t}\n\t\t\t"; } if (!empty($banner_border_color)) { $output .= "\n\t\t\t\t#mk-header\n\t\t\t\t\t{\n\t\t\t\t\t\tborder-bottom:1px solid {$banner_border_color};\n\t\t\t\t\t}\n\n\t\t\t"; } if (!empty($trans_header_border_color)) { $output .= "\n\t\t\t\t#mk-header.transparent-header:not(.header-sticky-ready) .mk-header-holder\n\t\t\t\t\t{\n\t\t\t\t\t\tborder-bottom:1px solid {$trans_header_border_color};\n\t\t\t\t\t}\n\t\t\t"; } ########################################### # General Typography & Coloring ########################################### $body_line_height = isset($mk_options['body_line_height']) ? $mk_options['body_line_height'] : 1.66; $p_line_height = isset($mk_options['p_line_height']) ? $mk_options['p_line_height'] : 1.66; $output .= "\nbody\n{\n\tfont-size: {$mk_options['body_font_size']}px;\n\tcolor: {$mk_options['body_text_color']};\n\tfont-weight: {$mk_options['body_weight']};\n\tline-height: {$body_line_height}em;\n}\n\n\np,\n.mk-box-icon-2-content {\n\tfont-size: {$mk_options['p_size']}px;\n\tcolor: {$mk_options['p_color']};\n\tline-height: {$p_line_height}em;\n}\n\n\na {\n\tcolor: {$mk_options['a_color']};\n}\n\n\na:hover {\n\tcolor: {$mk_options['a_color_hover']};\n}\n\n\n#theme-page strong {\n\tcolor: {$mk_options['strong_color']};\n}\n\n\n\n#theme-page h1\n{\n\tfont-size: {$mk_options['h1_size']}px;\n\tcolor: {$mk_options['h1_color']};\n\tfont-weight: {$mk_options['h1_weight']};\n\ttext-transform: {$mk_options['h1_transform']};\n}\n\n#theme-page h2\n{\n\tfont-size: {$mk_options['h2_size']}px;\n\tcolor: {$mk_options['h2_color']};\n\tfont-weight: {$mk_options['h2_weight']};\n\ttext-transform: {$mk_options['h2_transform']};\n}\n\n\n#theme-page h3\n{\n\tfont-size: {$mk_options['h3_size']}px;\n\tcolor: {$mk_options['h3_color']};\n\tfont-weight: {$mk_options['h3_weight']};\n\ttext-transform: {$mk_options['h3_transform']};\n}\n\n#theme-page h4\n{\n\tfont-size: {$mk_options['h4_size']}px;\n\tcolor: {$mk_options['h4_color']};\n\tfont-weight: {$mk_options['h4_weight']};\n\ttext-transform: {$mk_options['h4_transform']};\n}\n\n\n#theme-page h5\n{\n\tfont-size: {$mk_options['h5_size']}px;\n\tcolor: {$mk_options['h5_color']};\n\tfont-weight: {$mk_options['h5_weight']};\n\ttext-transform: {$mk_options['h5_transform']};\n}\n\n\n#theme-page h6\n{\n\tfont-size: {$mk_options['h6_size']}px;\n\tcolor: {$mk_options['h6_color']};\n\tfont-weight: {$mk_options['h6_weight']};\n\ttext-transform: {$mk_options['h6_transform']};\n}\n\n.page-introduce-title\n{\n\tfont-size: {$mk_options['page_introduce_title_size']}px;\n\tcolor: {$page_title_color};\n\ttext-transform: {$mk_options['page_title_transform']};\n\tfont-weight: {$mk_options['page_introduce_weight']};\n\tletter-spacing: {$mk_options['page_introduce_title_letter_spacing']}px;\n}\n\n\n.page-introduce-subtitle\n{\n\tfont-size: {$mk_options['page_introduce_subtitle_size']}px;\n\tline-height: 100%;\n\tcolor: {$page_subtitle_color};\n\tfont-size: {$mk_options['page_introduce_subtitle_size']}px;\n\ttext-transform: {$mk_options['page_introduce_subtitle_transform']};\n}\n\n\n::-webkit-selection\n{\n\tbackground-color: {$skin_color};\n\tcolor:#fff;\n}\n\n::-moz-selection\n{\n\tbackground-color: {$skin_color};\n\tcolor:#fff;\n}\n\n::selection\n{\n\tbackground-color: {$skin_color};\n\tcolor:#fff;\n}\n\n"; ########################################### # Widgets ########################################### $output .= "\n\n#mk-sidebar,\n#mk-sidebar p\n{\n\t\tfont-size: {$mk_options['sidebar_text_size']}px;\n\t\tcolor: {$mk_options['sidebar_text_color']};\n\t\tfont-weight: {$mk_options['sidebar_text_weight']};\n}\n\n\n\n#mk-sidebar .widgettitle\n{\n\t\ttext-transform: {$mk_options['sidebar_title_transform']};\n\t\tfont-size: {$mk_options['sidebar_title_size']}px;\n\t\tcolor: {$mk_options['sidebar_title_color']};\n\t\tfont-weight: {$mk_options['sidebar_title_weight']};\n}\n\n\n#mk-sidebar .widgettitle a\n{\n\t\tcolor: {$mk_options['sidebar_title_color']};\n}\n\n\n\n#mk-sidebar .widget a\n{\n\t\tcolor: {$mk_options['sidebar_links_color']};\n}\n\n\n#mk-footer,\n#mk-footer p\n{\n\t\tfont-size: {$mk_options['footer_text_size']}px;\n\t\tcolor: {$mk_options['footer_text_color']};\n\t\tfont-weight: {$mk_options['footer_text_weight']};\n}\n\n\n\n#mk-footer .widgettitle\n{\n\t\ttext-transform: {$mk_options['footer_title_transform']};\n\t\tfont-size: {$mk_options['footer_title_size']}px;\n\t\tcolor: {$mk_options['footer_title_color']};\n\t\tfont-weight: {$mk_options['footer_title_weight']};\n}\n\n\n\n#mk-footer .widgettitle a\n{\n\t\tcolor: {$mk_options['footer_title_color']};\n}\n\n\n\n#mk-footer .widget:not(.widget_social_networks) a\n{\n\t\tcolor: {$mk_options['footer_links_color']};\n\n}\n\n\n.mk-side-dashboard {\n\tbackground-color: {$mk_options['dash_bg_color']};\n}\n\n\n.mk-side-dashboard,\n.mk-side-dashboard p\n{\n\t\tfont-size: {$mk_options['dash_text_size']}px;\n\t\tcolor: {$mk_options['dash_text_color']};\n\t\tfont-weight: {$mk_options['dash_text_weight']};\n}\n\n\n\n.mk-side-dashboard .widgettitle\n{\n\t\ttext-transform: {$mk_options['dash_title_transform']};\n\t\tfont-size: {$mk_options['dash_title_size']}px;\n\t\tcolor: {$mk_options['dash_title_color']};\n\t\tfont-weight: {$mk_options['dash_title_weight']};\n}\n\n\n\n.mk-side-dashboard .widgettitle a\n{\n\t\tcolor: {$mk_options['dash_title_color']};\n}\n\n\n\n.mk-side-dashboard .widget a\n{\n\t\tcolor: {$mk_options['dash_links_color']};\n\n}\n\n.sidedash-navigation-ul li a,\n.sidedash-navigation-ul li .mk-nav-arrow {\n\tcolor:{$mk_options['dash_nav_link_color']};\n}\n\n.sidedash-navigation-ul li a:hover {\n\tcolor:{$mk_options['dash_nav_link_hover_color']};\n\tbackground-color:{$mk_options['dash_nav_bg_hover_color']};\n}"; $sidebar_links_hover_color = isset($mk_options['sidebar_links_hover_color']) && !empty($mk_options['sidebar_links_hover_color']) ? $mk_options['sidebar_links_hover_color'] : $skin_color; $footer_links_hover_color = isset($mk_options['footer_links_hover_color']) && !empty($mk_options['footer_links_hover_color']) ? $mk_options['footer_links_hover_color'] : $skin_color; $dash_links_hover_color = isset($mk_options['dash_links_hover_color']) && !empty($mk_options['dash_links_hover_color']) ? $mk_options['dash_links_hover_color'] : $skin_color; $output .= "\n#mk-sidebar .widget:not(.widget_social_networks) a:hover \n{\n\tcolor: {$sidebar_links_hover_color};\n}\n#mk-footer .widget:not(.widget_social_networks) a:hover \n{\n\tcolor: {$footer_links_hover_color};\n}\n.mk-side-dashboard .widget:not(.widget_social_networks) a:hover\n{\n\tcolor: {$dash_links_hover_color};\n}\n\n\n\n"; ########################################### # Widths ########################################### $output .= "\n\n.mk-grid\n{\n\tmax-width: {$mk_options['grid_width']}px;\n}\n\n.mk-header-nav-container, .mk-classic-menu-wrapper\n{\n\twidth: {$mk_options['grid_width']}px;\n}\n\n\n.theme-page-wrapper #mk-sidebar.mk-builtin\n{\n\twidth: {$sidebar_width}%;\n}\n\n.theme-page-wrapper.right-layout .theme-content,\n.theme-page-wrapper.left-layout .theme-content\n{\n\twidth: {$mk_options['content_width']}%;\n}\n\n\n.mk-boxed-enabled #mk-boxed-layout,\n.mk-boxed-enabled #mk-boxed-layout .header-style-1 .mk-header-holder,\n.mk-boxed-enabled #mk-boxed-layout .header-style-3 .mk-header-holder\n{\n\tmax-width: {$boxed_layout_width}px;\n\n}\n\n\n.mk-boxed-enabled #mk-boxed-layout .header-style-1 .mk-header-holder,\n.mk-boxed-enabled #mk-boxed-layout .header-style-3 .mk-header-holder,\n.mk-boxed-enabled #mk-boxed-layout .header-style-2.header-sticky-ready .mk-header-nav-container\n{\n\t\twidth: {$boxed_layout_width}px !important;\n\t\tleft:auto !important;\n}\n\n\n.header-style-1 .mk-header-start-tour,\n.header-style-3 .mk-header-start-tour,\n.header-style-1 .mk-header-inner #mk-header-search,\n.header-style-1 .mk-header-inner,\n.header-style-1 .mk-search-trigger,\n.header-style-3 .mk-header-inner,\n.header-style-1 .header-logo,\n.header-style-3 .header-logo,\n.header-style-1 .shopping-cart-header,\n.header-style-3 .shopping-cart-header,\n#mk-header-social.header-section a\n{\n\theight: {$mk_options['header_height']}px;\n\tline-height:{$mk_options['header_height']}px;\n}\n\n\n@media handheld, only screen and (max-width: {$mk_options['grid_width']}px){\n\n\t\t.header-grid.mk-grid .header-logo.left-logo\n\t\t{\n\t\t\tleft: 15px !important;\n\t\t}\n\t\t.header-grid.mk-grid .header-logo.right-logo, .mk-header-right {\n\t\t\tright: 15px !important;\n\t\t}\n\n}\n"; $toolbar_toggle = !empty($mk_options['theme_toolbar_toggle']) ? $mk_options['theme_toolbar_toggle'] : 'true'; if (global_get_post_id()) { $enable = get_post_meta(global_get_post_id(), '_enable_local_backgrounds', true); if ($enable == 'true') { $toolbar_toggle_meta = get_post_meta($post_id, 'theme_toolbar_toggle', true); $toolbar_toggle = isset($toolbar_toggle_meta) && !empty($toolbar_toggle_meta) ? $toolbar_toggle_meta : $toolbar_toggle; } } // This seems to be an old tweak - the whole <body> is already moved down the toolbar $toolbar_toggle_height = $toolbar_toggle == 'true' ? 32 : 0; // so lets comment out this value $header_padding_holder = $mk_options['header_height'] + $toolbar_toggle_height; $output .= "\n\n#mk-theme-container:not(.mk-transparent-header) .header-style-1 .mk-header-padding-wrapper,\n#mk-theme-container:not(.mk-transparent-header) .header-style-3 .mk-header-padding-wrapper {\n\tpadding-top:{$header_padding_holder}px;\n}\n\n\n"; ################################################# # Content maximum width to convert to responsive ################################################# $output .= "\n@media handheld, only screen and (max-width: {$mk_options['content_responsive']}px){\n\n\t\t\t.theme-page-wrapper .theme-content\n\t\t\t{\n\t\t\t\twidth: 100% !important;\n\t\t\t\tfloat: none !important;\n\t\t\t}\n\n\n\t\t\t.theme-page-wrapper\n\t\t\t{\n\t\t\t\tpadding-right:15px !important;\n\t\t\t\tpadding-left: 15px !important;\n\t\t\t}\n\n\n\t\t\t.theme-page-wrapper .theme-content:not(.no-padding)\n\t\t\t{\n\t\t\t\tpadding:25px 0 !important;\n\t\t\t}\n\n\n\t\t\t.theme-page-wrapper #mk-sidebar\n\t\t\t{\n\t\t\t\twidth: 100% !important;\n\t\t\t\tfloat: none !important;\n\t\t\t\tpadding: 0 !important;\n\n\t\t\t}\n\n\n\t\t\t.theme-page-wrapper #mk-sidebar .sidebar-wrapper\n\t\t\t{\n\t\t\t\tpadding:20px 0 !important;\n\t\t\t}\n\n}\n\n\n\n@media handheld, only screen and (max-width: {$mk_options['grid_width']}px){\n\t\t.mk-go-top,\n\t\t.mk-quick-contact-wrapper\n\t\t{\n\t\t\tbottom:70px !important;\n\t\t}\n\n\t\t.mk-grid {\n\t\t\twidth: 100%;\n\t\t}\n\n\t\t.mk-padding-wrapper {\n\t\t\tpadding: 0 20px;\n\t\t}\n\n }\n\n\n"; ################################################# # Header Toolbar Colorings ################################################# $output .= "\n\n#mk-toolbar-navigation ul li a,\n.mk-language-nav > a,\n.mk-header-login .mk-login-link,\n.mk-subscribe-link,\n.mk-checkout-btn,\n.mk-header-tagline a,\n.header-toolbar-contact a,\n#mk-toolbar-navigation ul li a:hover,\n.mk-language-nav > a:hover,\n.mk-header-login .mk-login-link:hover,\n.mk-subscribe-link:hover,\n.mk-checkout-btn:hover,\n.mk-header-tagline a:hover\n{\n\tcolor:{$mk_options['header_toolbar_link_color']};\n}\n\n\n\n.mk-header-tagline,\n.header-toolbar-contact,\n.mk-header-date\n{\n\tcolor:{$mk_options['header_toolbar_txt_color']};\n}\n\n\n.mk-header-toolbar #mk-header-social a i {\n\tcolor:{$mk_options['header_toolbar_social_network_color']};\n}\n\n"; $header_social_style = $mk_options['header_social_networks_style']; $header_social_color = $mk_options['header_social_color']; $header_social_hover = $mk_options['header_social_hover_color']; $header_social_border = $mk_options['header_social_border_color']; $header_social_bg = $mk_options['header_social_bg_color']; $output .= "\n\t.header-section#mk-header-social ul li a i {\n\t\tcolor: {$header_social_color};\n\t}\n\t.header-section#mk-header-social ul li a:hover i {\n\t\tcolor: {$header_social_hover};\n}\n"; if ($header_social_style == 'square-pointed' || $header_social_style == 'square-rounded' || $header_social_style == 'simple-rounded') { $output .= "\n\t\t.header-section#mk-header-social ul li a {\n\t\t\tborder-color: {$header_social_border};\n\t\t}\n\t\t.header-section#mk-header-social ul li a:hover {\n\t\t\tborder-color: {$header_social_bg};\n\t\t\tbackground-color: {$header_social_bg};\n\t\t}\n\t"; } ################################################# # Header Section ################################################# // Outline Styles for social buttons repositioning $small_position = ($mk_options['header_height'] - 34) / 2; $medium_position = ($mk_options['header_height'] - 50) / 2; $large_position = ($mk_options['header_height'] - 66) / 2; $sticky_position = ($mk_options['header_scroll_height'] - 34) / 2; $vertical_header_logo_padding = isset($mk_options['vertical_header_logo_padding']) ? $mk_options['vertical_header_logo_padding'] : 0; $responsive_icon_text_color = isset($mk_options['responsive_icon_text_color']) ? $mk_options['responsive_icon_text_color'] : $mk_options['main_nav_top_text_color']; $output .= "\n\n.header-style-2 .header-logo,\n.header-style-4 .header-logo\n{\n\theight: {$mk_options['header_height']}px !important;\n}\n\n.header-style-4 .header-logo {\n\tmargin:{$vertical_header_logo_padding}px 0;\n}\n\n\n\n\n.header-style-2 .mk-header-inner\n{\n\n\tline-height:{$mk_options['header_height']}px;\n}\n\n.mk-header-nav-container\n{\n\tbackground-color: {$mk_options['main_nav_bg_color']};\n}\n\n\n.mk-header-start-tour\n{\n\tfont-size: {$mk_options['start_tour_size']}px;\n\tcolor: {$mk_options['start_tour_color']};\n}\n\n\n.mk-header-start-tour:hover\n{\n\tcolor: {$mk_options['start_tour_color']};\n}\n\n\n.mk-classic-nav-bg\n{\n\t{$classic_nav_bg}\n}\n\n\n.mk-search-trigger,\n.mk-shoping-cart-link i,\n.mk-toolbar-resposnive-icon i\n{\n\tcolor: {$mk_options['main_nav_top_text_color']};\n}\n\n.mk-css-icon-close div,\n.mk-css-icon-menu div {\n\tbackground-color: {$responsive_icon_text_color};\n}\n\n\n#mk-header-searchform .text-input\n{\n\tbackground-color:{$mk_options['header_toolbar_search_input_bg']} !important;\n\tcolor: {$mk_options['header_toolbar_search_input_txt']};\n}\n\n\n#mk-header-searchform span i\n{\n\tcolor: {$mk_options['header_toolbar_search_input_txt']};\n}\n\n\n#mk-header-searchform .text-input::-webkit-input-placeholder\n{\n\tcolor: {$mk_options['header_toolbar_search_input_txt']};\n}\n\n\n#mk-header-searchform .text-input:-ms-input-placeholder\n{\n\tcolor: {$mk_options['header_toolbar_search_input_txt']};\n}\n\n\n#mk-header-searchform .text-input:-moz-placeholder\n{\n\tcolor: {$mk_options['header_toolbar_search_input_txt']};\n}\n\n\n\n.header-style-1.header-sticky-ready .menu-hover-style-1 .main-navigation-ul > li > a,\n.header-style-3.header-sticky-ready .menu-hover-style-1 .main-navigation-ul > li > a,\n.header-style-1.header-sticky-ready .menu-hover-style-5 .main-navigation-ul > li,\n.header-style-1.header-sticky-ready .menu-hover-style-2 .main-navigation-ul > li > a,\n.header-style-3.header-sticky-ready .menu-hover-style-2 .main-navigation-ul > li > a,\n\n.header-style-1.header-style-1.header-sticky-ready .menu-hover-style-4 .main-navigation-ul > li > a,\n.header-style-3.header-sticky-ready .menu-hover-style-4 .main-navigation-ul > li > a,\n\n.header-style-1.header-sticky-ready .menu-hover-style-3 .main-navigation-ul > li,\n.header-style-1.header-sticky-ready .mk-header-holder #mk-header-search,\n\n.header-style-3.header-sticky-ready .mk-header-holder #mk-header-search,\n.header-sticky-ready.header-style-3 .mk-header-start-tour,\n.header-sticky-ready.header-style-1 .mk-header-start-tour,\n.header-sticky-ready.header-style-1 .mk-header-inner,\n.header-sticky-ready.header-style-3 .mk-header-inner,\n.header-sticky-ready.header-style-3 .header-logo,\n.header-sticky-ready.header-style-1 .header-logo,\n.header-sticky-ready.header-style-1 .mk-search-trigger,\n.header-sticky-ready.header-style-1 .shopping-cart-header,\n.header-sticky-ready.header-style-3 .shopping-cart-header,\n.header-sticky-ready #mk-header-social.header-section a {\n\theight:{$mk_options['header_scroll_height']}px !important;\n\tline-height:{$mk_options['header_scroll_height']}px !important;\n\n}\n\n#mk-header-social.header-section a.small {\n\tmargin-top: {$small_position}px;\n}\n#mk-header-social.header-section a.medium {\n\tmargin-top: {$medium_position}px;\n}\n#mk-header-social.header-section a.large {\n\tmargin-top: {$large_position}px;\n}\n\n.header-sticky-ready #mk-header-social.header-section a.small,\n.header-sticky-ready #mk-header-social.header-section a.medium,\n.header-sticky-ready #mk-header-social.header-section a.large {\n\tmargin-top: {$sticky_position}px;\n\tline-height: 16px !important;\n\theight: 16px !important;\n\tfont-size: 16px !important;\n\twidth: 16px !important;\n\tpadding: 8px !important;\n}\n.header-sticky-ready #mk-header-social.header-section a.small i:before,\n.header-sticky-ready #mk-header-social.header-section a.medium i:before,\n.header-sticky-ready #mk-header-social.header-section a.large i:before {\n\tline-height: 16px !important;\n\tfont-size: 16px !important;\n}\n\n"; ################################################# # Main Nvigation ################################################# $main_nav_sub_width = isset($mk_options['main_nav_sub_width']) ? $mk_options['main_nav_sub_width'] : 210; $output .= "\n\n.main-navigation-ul > li.menu-item > a.menu-item-link\n{\n\tcolor: {$mk_options['main_nav_top_text_color']};\n\tfont-size: {$mk_options['main_nav_top_size']}px;\n\tfont-weight: {$mk_options['main_nav_top_weight']};\n\tpadding-right:{$mk_options['main_nav_item_space']}px!important;\n\tpadding-left:{$mk_options['main_nav_item_space']}px!important;\n\ttext-transform:{$mk_options['main_menu_transform']};\n}\n\n.mk-vm-menuwrapper ul li a {\n\tcolor: {$mk_options['main_nav_top_text_color']};\n\tfont-size: {$mk_options['main_nav_top_size']}px;\n\tfont-weight: {$mk_options['main_nav_top_weight']};\n\ttext-transform:{$mk_options['main_menu_transform']};\n}\n.mk-vm-menuwrapper li > a:after,\n.mk-vm-menuwrapper li.mk-vm-back:after {\n\tcolor: {$mk_options['main_nav_top_text_color']};\n}\n\n.main-navigation-ul > li.no-mega-menu ul.sub-menu li.menu-item a.menu-item-link \n{\n\twidth:{$main_nav_sub_width}px;\n}\n\n\n.mk-header-3-menu-trigger {\n\tcolor: {$mk_options['main_nav_top_text_color']};\n}\n\n\n\n.menu-hover-style-1 .main-navigation-ul li.menu-item > a.menu-item-link:hover,\n.menu-hover-style-1 .main-navigation-ul li.menu-item:hover > a.menu-item-link,\n.menu-hover-style-1 .main-navigation-ul li.current-menu-item > a.menu-item-link,\n.menu-hover-style-1 .main-navigation-ul li.current-menu-ancestor > a.menu-item-link,\n.menu-hover-style-2 .main-navigation-ul li.menu-item > a.menu-item-link:hover,\n.menu-hover-style-2 .main-navigation-ul li.menu-item:hover > a.menu-item-link,\n.menu-hover-style-2 .main-navigation-ul li.current-menu-item > a.menu-item-link,\n.menu-hover-style-2 .main-navigation-ul li.current-menu-ancestor > a.menu-item-link,\n.menu-hover-style-1.mk-vm-menuwrapper li.menu-item > a:hover,\n.menu-hover-style-1.mk-vm-menuwrapper li.menu-item:hover > a,\n.menu-hover-style-1.mk-vm-menuwrapper li.current-menu-item > a,\n.menu-hover-style-1.mk-vm-menuwrapper li.current-menu-ancestor > a,\n.menu-hover-style-2.mk-vm-menuwrapper li.menu-item > a:hover,\n.menu-hover-style-2.mk-vm-menuwrapper li.menu-item:hover > a,\n.menu-hover-style-2.mk-vm-menuwrapper li.current-menu-item > a,\n.menu-hover-style-2.mk-vm-menuwrapper li.current-menu-ancestor > a\n{\n\n\tcolor: {$mk_options['main_nav_top_hover_skin']} !important;\n}\n\n\n.menu-hover-style-3 .main-navigation-ul > li.menu-item > a.menu-item-link:hover,\n.menu-hover-style-3 .main-navigation-ul > li.menu-item:hover > a.menu-item-link,\n.menu-hover-style-3.mk-vm-menuwrapper li > a:hover,\n.menu-hover-style-3.mk-vm-menuwrapper li:hover > a\n{\n\tborder:2px solid {$mk_options['main_nav_top_hover_skin']};\n}\n.menu-hover-style-3 .main-navigation-ul > li.current-menu-item > a.menu-item-link,\n.menu-hover-style-3 .main-navigation-ul > li.current-menu-ancestor > a.menu-item-link,\n.menu-hover-style-3.mk-vm-menuwrapper li.current-menu-item > a,\n.menu-hover-style-3.mk-vm-menuwrapper li.current-menu-ancestor > a{\n\n\tborder:2px solid {$mk_options['main_nav_top_hover_skin']};\n\tbackground-color:{$mk_options['main_nav_top_hover_skin']};\n\tcolor:{$mk_options['main_nav_top_hover_txt_color']};\n\n}\n.menu-hover-style-3.mk-vm-menuwrapper li.current-menu-ancestor > a:after {\n\tcolor:{$mk_options['main_nav_top_hover_txt_color']};\n}\n\n.menu-hover-style-4 .main-navigation-ul li.menu-item > a.menu-item-link:hover,\n.menu-hover-style-4 .main-navigation-ul li.menu-item:hover > a.menu-item-link,\n.menu-hover-style-4 .main-navigation-ul li.current-menu-item > a.menu-item-link,\n.menu-hover-style-4 .main-navigation-ul li.current-menu-ancestor > a.menu-item-link,\n\n.menu-hover-style-4.mk-vm-menuwrapper li a:hover,\n.menu-hover-style-4.mk-vm-menuwrapper li:hover > a,\n.menu-hover-style-4.mk-vm-menuwrapper li.current-menu-item > a,\n.menu-hover-style-4.mk-vm-menuwrapper li.current-menu-ancestor > a,\n.menu-hover-style-5 .main-navigation-ul > li.menu-item > a.menu-item-link:after\n{\n\n\tbackground-color: {$mk_options['main_nav_top_hover_skin']};\n\tcolor:{$mk_options['main_nav_top_hover_txt_color']};\n}\n\n\n\n.menu-hover-style-4.mk-vm-menuwrapper li.current-menu-ancestor > a:after,\n.menu-hover-style-4.mk-vm-menuwrapper li.current-menu-item > a:after,\n.menu-hover-style-4.mk-vm-menuwrapper li:hover > a:after,\n.menu-hover-style-4.mk-vm-menuwrapper li a:hover::after {\n\tcolor:{$mk_options['main_nav_top_hover_txt_color']};\n}\n\n\n.menu-hover-style-1 .main-navigation-ul > li.dropdownOpen > a.menu-item-link,\n.menu-hover-style-1 .main-navigation-ul > li.active > a.menu-item-link,\n.menu-hover-style-1 .main-navigation-ul > li.open > a.menu-item-link,\n.menu-hover-style-1 .main-navigation-ul > li.menu-item > a:hover,\n.menu-hover-style-1 .main-navigation-ul > li.current-menu-item > a.menu-item-link,\n.menu-hover-style-1 .main-navigation-ul > li.current-menu-ancestor > a.menu-item-link {\n\tborder-top-color:{$mk_options['main_nav_sub_border_top_color']};\n}\n\n.menu-hover-style-1.mk-vm-menuwrapper li > a:hover,\n.menu-hover-style-1.mk-vm-menuwrapper li.current-menu-item > a,\n.menu-hover-style-1.mk-vm-menuwrapper li.current-menu-ancestor > a\n{\n\tborder-left-color:{$mk_options['main_nav_sub_border_top_color']};\n}\n\n\n.header-style-1 .menu-hover-style-1 .main-navigation-ul > li > a,\n.header-style-1 .menu-hover-style-2 .main-navigation-ul > li > a,\n.header-style-1 .menu-hover-style-4 .main-navigation-ul > li > a,\n.header-style-1 .menu-hover-style-5 .main-navigation-ul > li\n {\n\theight: {$mk_options['header_height']}px;\n\tline-height:{$mk_options['header_height']}px;\n}\n\n.header-style-1 .menu-hover-style-3 .main-navigation-ul > li,\n.header-style-1 .menu-hover-style-5 .main-navigation-ul > li\n{\n\theight: {$mk_options['header_height']}px;\n\tline-height:{$mk_options['header_height']}px;\n}"; $hover_3_height = $mk_options['header_height'] / 2; $hover_3_height_sticky = $mk_options['header_scroll_height'] / 1.5; $output .= "\n.header-style-1 .menu-hover-style-3 .main-navigation-ul > li > a {\n\tline-height:{$hover_3_height}px;\n}\n.header-style-1.header-sticky-ready .menu-hover-style-3 .main-navigation-ul > li > a {\n\tline-height:{$hover_3_height_sticky}px;\n}\n.header-style-1 .menu-hover-style-5 .main-navigation-ul > li > a {\n\tline-height:20px;\n\tvertical-align:middle;\n}\n"; if (!empty($mk_options['main_nav_sub_border_top_color'])) { $output .= "\n.main-navigation-ul > li.no-mega-menu ul.sub-menu:after,\n.main-navigation-ul > li.has-mega-menu > ul.sub-menu:after\n{\n background-color:{$mk_options['main_nav_sub_border_top_color']};\n}\n.mk-shopping-cart-box {\n\tborder-top:2px solid {$mk_options['main_nav_sub_border_top_color']};\n}\n"; } $output .= "\n#mk-main-navigation li.no-mega-menu ul.sub-menu,\n#mk-main-navigation li.has-mega-menu > ul.sub-menu,\n.mk-shopping-cart-box\n{\n\tbackground-color: {$mk_options['main_nav_sub_bg_color']};\n}\n\n\n#mk-main-navigation ul.sub-menu a.menu-item-link,\n#mk-main-navigation ul .megamenu-title,\n.megamenu-widgets-container a,\n.mk-shopping-cart-box .product_list_widget li a,\n.mk-shopping-cart-box .product_list_widget li.empty,\n.mk-shopping-cart-box .product_list_widget li span,\n.mk-shopping-cart-box .widget_shopping_cart .total\n{\n\tcolor: {$mk_options['main_nav_sub_text_color']};\n}\n\n.mk-shopping-cart-box .mk-button.cart-widget-btn {\n\tborder-color:{$mk_options['main_nav_sub_text_color']};\n\tcolor:{$mk_options['main_nav_sub_text_color']};\n}\n.mk-shopping-cart-box .mk-button.cart-widget-btn:hover {\n\tbackground-color:{$mk_options['main_nav_sub_text_color']};\n\tcolor:{$mk_options['main_nav_sub_bg_color']};\n}\n\n#mk-main-navigation ul .megamenu-title\n{\n\tcolor: {$mk_options['main_nav_mega_title_color']};\n}\n#mk-main-navigation ul .megamenu-title:after\n{\n\tbackground-color: {$mk_options['main_nav_mega_title_color']};\n}\n\n.megamenu-widgets-container {\n\tcolor: {$mk_options['main_nav_sub_text_color']};\n}\n\n.megamenu-widgets-container .widgettitle\n{\n\t\ttext-transform: {$mk_options['sidebar_title_transform']};\n\t\tfont-size: {$mk_options['sidebar_title_size']}px;\n\t\tfont-weight: {$mk_options['sidebar_title_weight']};\n}\n\n#mk-main-navigation ul.sub-menu li.menu-item ul.sub-menu li.menu-item a.menu-item-link i\n{\n\tcolor: {$mk_options['main_nav_sub_icon_color']};\n}\n\n\n\n\n#mk-main-navigation ul.sub-menu a.menu-item-link:hover\n{\n\tcolor: {$mk_options['main_nav_sub_text_color_hover']} !important;\n}\n.megamenu-widgets-container a:hover {\n\tcolor: {$mk_options['main_nav_sub_text_color_hover']};\t\n}\n\n\n.main-navigation-ul li.menu-item ul.sub-menu li.menu-item a.menu-item-link:hover,\n.main-navigation-ul li.menu-item ul.sub-menu li.menu-item:hover > a.menu-item-link,\n.main-navigation-ul ul.sub-menu li.menu-item a.menu-item-link:hover,\n.main-navigation-ul ul.sub-menu li.menu-item:hover > a.menu-item-link,\n.main-navigation-ul ul.sub-menu li.current-menu-item > a.menu-item-link\n{\n\tbackground-color:{$mk_options['main_nav_sub_hover_bg_color']} !important;\n}\n\n\n.mk-search-trigger:hover,\n.mk-header-start-tour:hover\n{\n\tcolor: {$mk_options['main_nav_top_hover_skin']};\n}\n\n\n\n.main-navigation-ul li.menu-item ul.sub-menu li.menu-item a.menu-item-link\n{\n\tfont-size: {$mk_options['main_nav_sub_size']}px;\n\tfont-weight: {$mk_options['main_nav_sub_weight']};\n\ttext-transform:{$mk_options['main_nav_sub_transform']};\n\tletter-spacing: {$mk_options['main_nav_sub_letter_spacing']}px;\n}\n.has-mega-menu .megamenu-title {\n\tletter-spacing: {$mk_options['main_nav_sub_letter_spacing']}px;\n}\n\n.header-style-4 {\n\ttext-align : {$mk_options['vertical_header_align']}\n\t}\n"; if ($mk_options['vertical_header_align'] != 'center') { $output .= "\n\t.mk-vm-menuwrapper li > a {\n\t\tpadding-right: 45px;\n\t}\n\t"; } if (!empty($mk_options['mega_menu_divider_color'])) { $output .= ".has-mega-menu > ul.sub-menu > li.menu-item {\n\t border-left: 1px solid {$mk_options['mega_menu_divider_color']};\n}\n"; } $sub_level_box_border_color = isset($mk_options['sub_level_box_border_color']) ? $mk_options['sub_level_box_border_color'] : '#d3d3d3'; $nav_sub_shadow = isset($mk_options['nav_sub_shadow']) ? $mk_options['nav_sub_shadow'] : 'true'; if (!empty($sub_level_box_border_color)) { $output .= "\n.main-navigation-ul > li.no-mega-menu ul,\n.main-navigation-ul > li.has-mega-menu > ul,\n.mk-shopping-cart-box {\n\tborder:1px solid {$sub_level_box_border_color};\n}\n"; } if ($nav_sub_shadow != 'false') { $output .= "\n.main-navigation-ul > li.no-mega-menu ul,\n.main-navigation-ul > li.has-mega-menu > ul,\n.mk-shopping-cart-box {\n -webkit-box-shadow: 0 20px 50px 10px rgba(0, 0, 0, 0.15);\n -moz-box-shadow: 0 20px 50px 10px rgba(0, 0, 0, 0.15);\n box-shadow: 0 20px 50px 10px rgba(0, 0, 0, 0.15);\n}\n"; } ################################################# # Header Resposnive State ################################################# $output .= "\n\n@media handheld, only screen and (max-width: {$mk_options['responsive_nav_width']}px){\n\n\t\t\t#mk-header:not(.header-style-4) .mk-header-holder {\n\t\t\t\tposition:relative !important;\n\t\t\t\ttop:0 !important;\n\t\t\t}\n\n\t\t\t.mk-header-padding-wrapper {\n\t\t\t\tdisplay:none !important;\n\t\t\t}\n\n\t\t\t.mk-header-nav-container\n\t\t\t{\n\t\t\t\twidth: auto !important;\n\t\t\t\tdisplay:none;\n\t\t\t}\n\n\n\t\t\t.header-style-1 .mk-header-right,\n\t\t\t.header-style-2 .mk-header-right,\n\t\t\t.header-style-3 .mk-header-right {\n\t\t\t\tright:55px !important;\n\t\t\t}\n\n\n\t\t\t.header-style-1 .mk-header-inner #mk-header-search,\n\t\t\t.header-style-2 .mk-header-inner #mk-header-search,\n\t\t\t.header-style-3 .mk-header-inner #mk-header-search\n\t\t\t{\n\t\t\t\tdisplay:none !important;\n\t\t\t}\n\n\n\t\t\t.mk-fullscreen-search-overlay {\n\t\t\t\tdisplay:none;\n\t\t\t}\n\n\t\t\t#mk-header-search\n\t\t\t{\n\t\t\t\tpadding-bottom: 10px !important;\n\t\t\t}\n\n\n\t\t\t#mk-header-searchform span .text-input\n\t\t\t{\n\t\t\t\twidth: 100% !important;\n\t\t\t}\n\n\n\t\t\t.header-style-2 .header-logo .center-logo\n\t\t\t{\n\t\t\t text-align: right !important;\n\t\t\t}\n\n\n\t\t\t.header-style-2 .header-logo .center-logo a\n\t\t\t{\n\t\t\t margin: 0 !important;\n\t\t\t}\n\n\n\t\t\t.header-logo,\n\t\t\t.header-style-4 .header-logo\n\t\t\t{\n\t\t\t height: 90px !important;\n\t\t\t}\n\n\t\t\t.mk-header-inner\n\t\t\t{\n\t\t\t\tpadding-top:0 !important;\n\t\t\t}\n\n\n\t\t\t.header-logo\n\t\t\t{\n\t\t\t\tposition:relative !important;\n\t\t\t\tright:auto !important;\n\t\t\t\tleft:auto !important;\n\t\t\t\tfloat:left !important;\n\t\t\t\ttext-align:left;\n\t\t\t}\n\n\n\t\t\t.shopping-cart-header\n\t\t\t{\n\t\t\t\tmargin:0 20px 0 0 !important;\n\t\t\t}\n\n\n\t\t\t#mk-responsive-nav\n\t\t\t{\n\t\t\t\tbackground-color:{$mk_options['responsive_nav_color']} !important;\n\t\t\t}\n\n\n\t\t\t.mk-header-nav-container #mk-responsive-nav\n\t\t\t{\n\t\t\t\tvisibility: hidden;\n\t\t\t}\n\n\n\n\n\t\t\t#mk-responsive-nav li ul li .megamenu-title:hover,\n\t\t\t#mk-responsive-nav li ul li .megamenu-title,\n\t\t\t#mk-responsive-nav li a, #mk-responsive-nav li ul li a:hover,\n\t\t\t#mk-responsive-nav .mk-nav-arrow\n\t\t\t{\n\t\t \t\t\tcolor:{$mk_options['responsive_nav_txt_color']} !important;\n\t\t\t}\n\n\n\t\t\t.mk-mega-icon\n\t\t\t{\n\t\t\t\tdisplay:none !important;\n\t\t\t}\n\n\n\t\t\t.mk-header-bg\n\t\t\t{\n\t\t\t\tzoom:1 !important;\n\t\t\t\tfilter:alpha(opacity=100) !important;\n\t\t\t\topacity:1 !important;\n\t\t\t}\n\n\n\n\n\t\t\t.header-style-1 .mk-nav-responsive-link,\n\t\t\t.header-style-2 .mk-nav-responsive-link\n\t\t\t{\n\t\t\t\tdisplay:block !important;\n\t\t\t}\n\n\t\t\t.mk-header-nav-container\n\t\t\t{\n\t\t\t\theight:100%;\n\t\t\t\tz-index:200;\n\t\t\t}\n\n\n\t\t\t#mk-main-navigation\n\t\t\t{\n\t\t\tposition:relative;\n\t\t\tz-index:2;\n\t\t\t}\n\n\n\t\t\t.mk_megamenu_columns_2,\n\t\t\t.mk_megamenu_columns_3,\n\t\t\t.mk_megamenu_columns_4,\n\t\t\t.mk_megamenu_columns_5,\n\t\t\t.mk_megamenu_columns_6\n\t\t\t{\n\t\t\t\twidth:100% !important;\n\t\t\t}\n\n\t\t\t.header-style-1.header-align-right .header-logo img,\n\t\t\t.header-style-3.header-align-right .header-logo img,\n\t\t\t.header-style-3.header-align-center .header-logo img {\n\t\t\t\tfloat: left !important;\n\t\t\t\tright:auto !important;\n\t\t\t}\n\n\n\t\t\t.header-style-4 .mk-header-inner {\n\t\t\t\twidth: auto !important;\n\t\t\t\tposition: relative !important;\n\t\t\t\toverflow: visible;\n\t\t\t\tpadding-bottom: 0;\n\t\t\t}\n\t\t\t.admin-bar .header-style-4 .mk-header-inner {\n\t\t\t\ttop:0 !important;\n\t\t\t}\n\t\t\t.header-style-4 .mk-header-right {\n\t\t\t\tdisplay: none;\n\t\t\t}\n\t\t\t.header-style-4 .mk-nav-responsive-link {\n\t\t\t\tdisplay: block !important;\n\t\t\t}\n\t\t\t.header-style-4 .mk-vm-menuwrapper,\n\t\t\t.header-style-4 #mk-header-search {\n\t\t\t\tdisplay: none;\n\t\t\t}\n\t\t\t.header-style-4 .header-logo {\n\t\t\t\twidth:auto !important;\n\t\t\t\tdisplay: inline-block !important;\n\t\t\t\ttext-align:left !important;\n\t\t\t\tmargin:0 !important;\n\t\t\t}\n\t\t\t.vertical-header-enabled .header-style-4 .header-logo img {\n\t\t\t\t\tmax-width: 100% !important;\n\t\t\t\t\tleft: 20px!important;\n\t\t\t\t\t-webkit-transform: translate(0, 0);\n\t\t\t\t\t-moz-transform: translate(0, 0);\n\t\t\t\t\t-ms-transform: translate(0, 0);\n\t\t\t\t\t-o-transform: translate(0, 0);\n\t\t\t\t\tposition:relative !important;\n\t\t\t}\n\t\t\t.vertical-header-enabled.vertical-header-right #mk-theme-container {\n\t\t\t\tpadding-right: 0;\n\t\t\t}\n\t\t\t.vertical-header-enabled.vertical-header-left #mk-theme-container, .vertical-header-enabled.vertical-header-center #mk-theme-container {\n\t\t\t\tpadding-left: 0;\n\t\t\t}\n\n}\n\n\n\n\n@media handheld, only screen and (min-width: {$mk_options['responsive_nav_width']}px) {\n\t\t .mk-transparent-header .sticky-style-slide .mk-header-holder {\n\t\t position: absolute;\n\t\t }\n\t\t .mk-transparent-header .remove-header-bg-true:not(.header-sticky-ready) .mk-header-bg {\n\t\t opacity: 0;\n\t\t }\n\t\t .mk-transparent-header .remove-header-bg-true#mk-header:not(.header-sticky-ready) .mk-header-inner {\n\t\t border: 0;\n\t\t }\n\t\t .mk-transparent-header .remove-header-bg-true.light-header-skin:not(.header-sticky-ready) .mk-desktop-logo.light-logo {\n\t\t display: block !important;\n\t\t }\n\t\t .mk-transparent-header .remove-header-bg-true.light-header-skin:not(.header-sticky-ready) .mk-desktop-logo.dark-logo {\n\t\t display: none !important;\n\t\t }\n\t\t .mk-transparent-header .remove-header-bg-true.light-header-skin:not(.header-sticky-ready) .main-navigation-ul > li.menu-item > a.menu-item-link,\n\t\t .mk-transparent-header .remove-header-bg-true.light-header-skin:not(.header-sticky-ready) .mk-search-trigger,\n\t\t .mk-transparent-header .remove-header-bg-true.light-header-skin:not(.header-sticky-ready) .mk-shoping-cart-link i,\n\t\t .mk-transparent-header .remove-header-bg-true.light-header-skin:not(.header-sticky-ready) .mk-header-start-tour,\n\t\t .mk-transparent-header .remove-header-bg-true.light-header-skin:not(.header-sticky-ready) #mk-header-social a i,\n\t\t .mk-transparent-header .remove-header-bg-true.light-header-skin:not(.header-sticky-ready) .menu-hover-style-1 .main-navigation-ul > li.menu-item > a.menu-item-link:hover,\n\t\t .mk-transparent-header .remove-header-bg-true.light-header-skin:not(.header-sticky-ready) .menu-hover-style-1 .main-navigation-ul > li.menu-item:hover > a.menu-item-link,\n\t\t .mk-transparent-header .remove-header-bg-true.light-header-skin:not(.header-sticky-ready) .menu-hover-style-1 .main-navigation-ul > li.current-menu-item > a.menu-item-link,\n\t\t .mk-transparent-header .remove-header-bg-true.light-header-skin:not(.header-sticky-ready) .menu-hover-style-1 .main-navigation-ul > li.current-menu-ancestor > a.menu-item-link,\n\t\t .mk-transparent-header .remove-header-bg-true.light-header-skin:not(.header-sticky-ready) .menu-hover-style-2 .main-navigation-ul > li.menu-item > a.menu-item-link:hover,\n\t\t .mk-transparent-header .remove-header-bg-true.light-header-skin:not(.header-sticky-ready) .menu-hover-style-2 .main-navigation-ul > li.menu-item:hover > a.menu-item-link,\n\t\t .mk-transparent-header .remove-header-bg-true.light-header-skin:not(.header-sticky-ready) .menu-hover-style-2 .main-navigation-ul > li.current-menu-item > a.menu-item-link {\n\t\t color: #fff !important;\n\t\t }\n\t\t .mk-transparent-header .remove-header-bg-true.light-header-skin:not(.header-sticky-ready) .mk-css-icon-menu div {\n\t\t background-color: #fff !important;\n\t\t }\n\t\t .mk-transparent-header .remove-header-bg-true.light-header-skin:not(.header-sticky-ready) .menu-hover-style-1 .main-navigation-ul > li.dropdownOpen > a.menu-item-link,\n\t\t .mk-transparent-header .remove-header-bg-true.light-header-skin:not(.header-sticky-ready) .menu-hover-style-1 .main-navigation-ul > li.active > a.menu-item-link,\n\t\t .mk-transparent-header .remove-header-bg-true.light-header-skin:not(.header-sticky-ready) .menu-hover-style-1 .main-navigation-ul > li.open > a.menu-item-link,\n\t\t .mk-transparent-header .remove-header-bg-true.light-header-skin:not(.header-sticky-ready) .menu-hover-style-1 .main-navigation-ul > li.menu-item > a:hover,\n\t\t .mk-transparent-header .remove-header-bg-true.light-header-skin:not(.header-sticky-ready) .menu-hover-style-1 .main-navigation-ul > li.current-menu-item > a.menu-item-link,\n\t\t .mk-transparent-header .remove-header-bg-true.light-header-skin:not(.header-sticky-ready) .menu-hover-style-1 .main-navigation-ul > li.current-menu-ancestor > a.menu-item-link {\n\t\t border-top-color: #fff;\n\t\t }\n\t\t .mk-transparent-header .remove-header-bg-true.light-header-skin:not(.header-sticky-ready) .menu-hover-style-3 .main-navigation-ul > li.current-menu-item > a.menu-item-link,\n\t\t .mk-transparent-header .remove-header-bg-true.light-header-skin:not(.header-sticky-ready) .menu-hover-style-3 .main-navigation-ul > li.current-menu-ancestor > a.menu-item-link,\n\t\t .mk-transparent-header .remove-header-bg-true.light-header-skin:not(.header-sticky-ready) .menu-hover-style-3.mk-vm-menuwrapper li.current-menu-item > a,\n\t\t .mk-transparent-header .remove-header-bg-true.light-header-skin:not(.header-sticky-ready) .menu-hover-style-3.mk-vm-menuwrapper li.current-menu-ancestor > a {\n\t\t border: 2px solid #fff;\n\t\t background-color: #fff;\n\t\t color: #222 !important;\n\t\t }\n\t\t .mk-transparent-header .remove-header-bg-true.light-header-skin:not(.header-sticky-ready) .menu-hover-style-3 .main-navigation-ul > li.menu-item > a.menu-item-link:hover,\n\t\t .mk-transparent-header .remove-header-bg-true.light-header-skin:not(.header-sticky-ready) .menu-hover-style-3 .main-navigation-ul > li.menu-item:hover > a.menu-item-link,\n\t\t .mk-transparent-header .remove-header-bg-true.light-header-skin:not(.header-sticky-ready) .menu-hover-style-3.mk-vm-menuwrapper li > a:hover,\n\t\t .mk-transparent-header .remove-header-bg-true.light-header-skin:not(.header-sticky-ready) .menu-hover-style-3.mk-vm-menuwrapper li:hover > a {\n\t\t border: 2px solid #fff;\n\t\t }\n\t\t .mk-transparent-header .remove-header-bg-true.light-header-skin:not(.header-sticky-ready) .menu-hover-style-4 .main-navigation-ul li.menu-item > a.menu-item-link:hover,\n\t\t .mk-transparent-header .remove-header-bg-true.light-header-skin:not(.header-sticky-ready) .menu-hover-style-4 .main-navigation-ul li.menu-item:hover > a.menu-item-link,\n\t\t .mk-transparent-header .remove-header-bg-true.light-header-skin:not(.header-sticky-ready) .menu-hover-style-4 .main-navigation-ul li.current-menu-item > a.menu-item-link,\n\t\t .mk-transparent-header .remove-header-bg-true.light-header-skin:not(.header-sticky-ready) .menu-hover-style-5 .main-navigation-ul > li.menu-item > a.menu-item-link:after {\n\t\t background-color: #fff;\n\t\t color: #222 !important;\n\t\t }\n\n\n\t\t .mk-transparent-header .remove-header-bg-true.dark-header-skin:not(.header-sticky-ready) .mk-desktop-logo.dark-logo {\n\t\t display: block !important;\n\t\t }\n\t\t .mk-transparent-header .remove-header-bg-true.dark-header-skin:not(.header-sticky-ready) .mk-desktop-logo.light-logo {\n\t\t display: none !important;\n\t\t }\n\t\t .mk-transparent-header .remove-header-bg-true.dark-header-skin:not(.header-sticky-ready) .main-navigation-ul > li.menu-item > a.menu-item-link,\n\t\t .mk-transparent-header .remove-header-bg-true.dark-header-skin:not(.header-sticky-ready) .mk-search-trigger,\n\t\t .mk-transparent-header .remove-header-bg-true.dark-header-skin:not(.header-sticky-ready) .mk-shoping-cart-link i,\n\t\t .mk-transparent-header .remove-header-bg-true.dark-header-skin:not(.header-sticky-ready) .mk-header-start-tour,\n\t\t .mk-transparent-header .remove-header-bg-true.dark-header-skin:not(.header-sticky-ready) #mk-header-social a i,\n\t\t .mk-transparent-header .remove-header-bg-true.dark-header-skin:not(.header-sticky-ready) .menu-hover-style-1 .main-navigation-ul li.menu-item > a.menu-item-link:hover,\n\t\t .mk-transparent-header .remove-header-bg-true.dark-header-skin:not(.header-sticky-ready) .menu-hover-style-1 .main-navigation-ul li.menu-item:hover > a.menu-item-link,\n\t\t .mk-transparent-header .remove-header-bg-true.dark-header-skin:not(.header-sticky-ready) .menu-hover-style-1 .main-navigation-ul li.current-menu-item > a.menu-item-link,\n\t\t .mk-transparent-header .remove-header-bg-true.dark-header-skin:not(.header-sticky-ready) .menu-hover-style-1 .main-navigation-ul li.current-menu-ancestor > a.menu-item-link,\n\t\t .mk-transparent-header .remove-header-bg-true.dark-header-skin:not(.header-sticky-ready) .menu-hover-style-2 .main-navigation-ul li.menu-item > a.menu-item-link:hover,\n\t\t .mk-transparent-header .remove-header-bg-true.dark-header-skin:not(.header-sticky-ready) .menu-hover-style-2 .main-navigation-ul li.menu-item:hover > a.menu-item-link,\n\t\t .mk-transparent-header .remove-header-bg-true.dark-header-skin:not(.header-sticky-ready) .menu-hover-style-2 .main-navigation-ul li.current-menu-item > a.menu-item-link,\n\t\t .mk-transparent-header .remove-header-bg-true.dark-header-skin:not(.header-sticky-ready) .menu-hover-style-2 .main-navigation-ul li.current-menu-ancestor > a.menu-item-link {\n\t\t color: #222 !important;\n\t\t }\n\t\t .mk-transparent-header .remove-header-bg-true.dark-header-skin:not(.header-sticky-ready) .menu-hover-style-1 .main-navigation-ul > li.dropdownOpen > a.menu-item-link,\n\t\t .mk-transparent-header .remove-header-bg-true.dark-header-skin:not(.header-sticky-ready) .menu-hover-style-1 .main-navigation-ul > li.active > a.menu-item-link,\n\t\t .mk-transparent-header .remove-header-bg-true.dark-header-skin:not(.header-sticky-ready) .menu-hover-style-1 .main-navigation-ul > li.open > a.menu-item-link,\n\t\t .mk-transparent-header .remove-header-bg-true.dark-header-skin:not(.header-sticky-ready) .menu-hover-style-1 .main-navigation-ul > li.menu-item > a:hover,\n\t\t .mk-transparent-header .remove-header-bg-true.dark-header-skin:not(.header-sticky-ready) .menu-hover-style-1 .main-navigation-ul > li.current-menu-item > a.menu-item-link,\n\t\t .mk-transparent-header .remove-header-bg-true.dark-header-skin:not(.header-sticky-ready) .menu-hover-style-1 .main-navigation-ul > li.current-menu-ancestor > a.menu-item-link {\n\t\t border-top-color: #222;\n\t\t }\n\t\t .mk-transparent-header .remove-header-bg-true.dark-header-skin:not(.header-sticky-ready) .mk-css-icon-menu div {\n\t\t background-color: #222 !important;\n\t\t }\n\t\t .mk-transparent-header .remove-header-bg-true.dark-header-skin:not(.header-sticky-ready) .menu-hover-style-3 .main-navigation-ul > li.current-menu-item > a.menu-item-link,\n\t\t .mk-transparent-header .remove-header-bg-true.dark-header-skin:not(.header-sticky-ready) .menu-hover-style-3 .main-navigation-ul > li.current-menu-ancestor > a.menu-item-link,\n\t\t .mk-transparent-header .remove-header-bg-true.dark-header-skin:not(.header-sticky-ready) .menu-hover-style-3.mk-vm-menuwrapper li.current-menu-item > a,\n\t\t .mk-transparent-header .remove-header-bg-true.dark-header-skin:not(.header-sticky-ready) .menu-hover-style-3.mk-vm-menuwrapper li.current-menu-ancestor > a {\n\t\t border: 2px solid #222;\n\t\t background-color: #222;\n\t\t color: #fff !important;\n\t\t }\n\t\t .mk-transparent-header .remove-header-bg-true.dark-header-skin:not(.header-sticky-ready) .menu-hover-style-3 .main-navigation-ul > li.menu-item > a.menu-item-link:hover,\n\t\t .mk-transparent-header .remove-header-bg-true.dark-header-skin:not(.header-sticky-ready) .menu-hover-style-3 .main-navigation-ul > li.menu-item:hover > a.menu-item-link,\n\t\t .mk-transparent-header .remove-header-bg-true.dark-header-skin:not(.header-sticky-ready) .menu-hover-style-3.mk-vm-menuwrapper li > a:hover,\n\t\t .mk-transparent-header .remove-header-bg-true.dark-header-skin:not(.header-sticky-ready) .menu-hover-style-3.mk-vm-menuwrapper li:hover > a {\n\t\t border: 2px solid #222;\n\t\t }\n\t\t .mk-transparent-header .remove-header-bg-true.dark-header-skin:not(.header-sticky-ready) .menu-hover-style-4 .main-navigation-ul li.menu-item > a.menu-item-link:hover,\n\t\t .mk-transparent-header .remove-header-bg-true.dark-header-skin:not(.header-sticky-ready) .menu-hover-style-4 .main-navigation-ul li.menu-item:hover > a.menu-item-link,\n\t\t .mk-transparent-header .remove-header-bg-true.dark-header-skin:not(.header-sticky-ready) .menu-hover-style-4 .main-navigation-ul li.current-menu-item > a.menu-item-link,\n\t\t .mk-transparent-header .remove-header-bg-true.dark-header-skin:not(.header-sticky-ready) .menu-hover-style-4 .main-navigation-ul li.current-menu-ancestor > a.menu-item-link,\n\t\t .mk-transparent-header .remove-header-bg-true.dark-header-skin:not(.header-sticky-ready) .menu-hover-style-5 .main-navigation-ul > li.menu-item > a.menu-item-link:after {\n\t\t background-color: #222;\n\t\t color: #fff !important;\n\t\t }\n}\n\n\n"; ################################################# # Theme Skin colors ################################################# $output .= "\n.comment-reply a,\n.mk-tabs .mk-tabs-tabs li.ui-tabs-active a > i,\n.mk-toggle .mk-toggle-title.active-toggle:before,\n.introduce-simple-title,\n.rating-star .rated,\n.mk-accordion .mk-accordion-single.current .mk-accordion-tab:before,\n.mk-testimonial-author,\n.modern-style .mk-testimonial-company,\n#wp-calendar td#today,\n.mk-tweet-list a,\n.widget_testimonials .testimonial-slider .testimonial-author,\n.news-full-without-image .news-categories span,\n.news-half-without-image .news-categories span,\n.news-fourth-without-image .news-categories span,\n.mk-read-more,\n.news-single-social li a,\n.portfolio-widget-cats,\n.portfolio-carousel-cats,\n.blog-showcase-more,\n.simple-style .mk-employee-item:hover .team-member-position,\n.mk-readmore,\n.about-author-name,\n.filter-portfolio li a:hover,\n.mk-portfolio-classic-item .portfolio-categories a,\n.register-login-links a:hover,\n#mk-language-navigation ul li a:hover,\n#mk-language-navigation ul li.current-menu-item > a,\n.not-found-subtitle,\n.mk-mini-callout a,\n.mk-quick-contact-wrapper h4,\n.search-loop-meta a,\n.new-tab-readmore,\n.mk-news-tab .mk-tabs-tabs li.ui-tabs-active a,\n.mk-tooltip,\n.mk-search-permnalink,\n.divider-go-top:hover,\n.widget-sub-navigation ul li a:hover,\n.mk-toggle-title.active-toggle i,\n.mk-accordion-single.current .mk-accordion-tab i,\n.monocolor.pricing-table .pricing-price span,\n#mk-footer .widget_posts_lists ul li .post-list-meta time,\n.mk-footer-tweets .tweet-username,\n.quantity .plus:hover,\n.quantity .minus:hover,\n.mk-woo-tabs .mk-tabs-tabs li.ui-state-active a,\n.product .add_to_cart_button i,\n.blog-modern-comment:hover,\n.blog-modern-share:hover,\n.mk-tabs.simple-style .mk-tabs-tabs li.ui-tabs-active a,\n.product-category .item-holder:hover h4\n{\n\tcolor: {$skin_color} !important;\n}\n\n"; ################################################# # Theme Skin Background color ################################################# $output .= "\n.image-hover-overlay,\n.newspaper-portfolio,\n.similar-posts-wrapper .post-thumbnail:hover > .overlay-pattern,\n.portfolio-logo-section,\n.post-list-document .post-type-thumb:hover,\n#cboxTitle,\n#cboxPrevious,\n#cboxNext,\n#cboxClose,\n.comment-form-button,\n.mk-dropcaps.fancy-style,\n.mk-image-overlay,\n.pinterest-item-overlay,\n.news-full-with-image .news-categories span,\n.news-half-with-image .news-categories span,\n.news-fourth-with-image .news-categories span,\n.widget-portfolio-overlay,\n.portfolio-carousel-overlay,\n.blog-carousel-overlay,\n.mk-classic-comments span,\n.mk-similiar-overlay,\n.mk-skin-button,\n.mk-flex-caption .flex-desc span,\n.mk-icon-box .mk-icon-wrapper i:hover,\n.mk-quick-contact-link:hover,\n.quick-contact-active.mk-quick-contact-link,\n.mk-fancy-table th,\n.ui-slider-handle,\n.widget_price_filter .ui-slider-range,\n.shop-skin-btn,\n#review_form_wrapper input[type=submit],\n#mk-nav-search-wrapper form .nav-side-search-icon:hover,\nform.ajax-search-complete i,\n.blog-modern-btn,\n.showcase-blog-overlay,\n.gform_button[type=submit],\n.button.alt,\n#respond #submit,\n.woocommerce .price_slider_amount .button.button,\n.mk-shopping-cart-box .mk-button.checkout,\n.widget_shopping_cart .mk-button.checkout,\n.widget_shopping_cart .mk-button.checkout\n{\n\tbackground-color: {$skin_color} !important;\n}\n\n"; ################################################# # Shortcodes and other elements ################################################# $output .= "\n\n.mk-circle-image .item-holder\n{\n\t-webkit-box-shadow:0 0 0 1px {$skin_color};\n\t-moz-box-shadow:0 0 0 1px {$skin_color};\n\tbox-shadow:0 0 0 1px {$skin_color};\n}\n\n\n\n.mk-blockquote.line-style,\n.bypostauthor .comment-content,\n.bypostauthor .comment-content:after,\n.mk-tabs.simple-style .mk-tabs-tabs li.ui-tabs-active a\n{\n\tborder-color: {$skin_color} !important;\n}\n\n\n\n.news-full-with-image .news-categories span,\n.news-half-with-image .news-categories span,\n.news-fourth-with-image .news-categories span,\n.mk-flex-caption .flex-desc span\n{\n\tbox-shadow: 8px 0 0 {$skin_color}, -8px 0 0 {$skin_color};\n}\n\n\n\n.monocolor.pricing-table .pricing-cols .pricing-col.featured-plan\n{\n\tborder:1px solid {$skin_color} !important;\n}\n\n\n\n\n.mk-skin-button.three-dimension\n{\n\tbox-shadow: 0px 3px 0px 0px {$skin_darker};\n}\n\n\n.mk-skin-button.three-dimension:active\n{\n\tbox-shadow: 0px 1px 0px 0px {$skin_darker};\n}\n\n\n\n.mk-footer-copyright, #mk-footer-navigation li a\n{\n\tcolor: {$mk_options['sub_footer_nav_copy_color']};\n}\n\n\n\n.mk-woocommerce-main-image img:hover, .mk-single-thumbnails img:hover\n{\n\tborder:1px solid {$skin_color} !important;\n\n}\n\n\n\n.product-loading-icon\n{\n\tbackground-color:{$skin_color_60};\n}\n\n\n{$mk_options['custom_css']}\n\n"; $output = preg_replace('/\\r|\\n|\\t/', '', $output); wp_enqueue_style('theme-dynamic-styles', get_template_directory_uri() . '/dist/app.min.css'); wp_add_inline_style('theme-dynamic-styles', $output); }
if (empty($woocommerce_loop['columns'])) { $woocommerce_loop['columns'] = apply_filters('loop_shop_columns', 4); } // Ensure visibility if (!$product->is_visible()) { return; } // Increase loop count $woocommerce_loop['loop']++; $grid_width = $mk_options['grid_width']; $content_width = $mk_options['content_width']; $height = $mk_options['woo_loop_img_height']; $quality = $mk_options['woo_image_quality']; // Sets the shop loop columns from theme options. if (is_shop()) { $layout = get_post_meta(global_get_post_id(), '_layout', true); if ($layout == 'full') { $classes[] = 'four-column'; $width = round($grid_width / 4) - 28; $column_width = round($grid_width / 4); } else { $classes[] = 'three-column'; $width = round($content_width / 100 * $grid_width / 3) - 31; $column_width = round($grid_width / 3); } } else { switch ($woocommerce_loop['columns']) { case 4: $classes[] = 'four-column'; $width = round($grid_width / 4) - 28; $column_width = round($grid_width / 4);
function mk_woocommerce_output_content_wrapper_end() { global $mk_options; if (is_singular('product')) { $page_layout = $mk_options['woocommerce_single_layout']; } else { if (global_get_post_id()) { $page_layout = get_post_meta(global_get_post_id(), '_layout', true); } else { if (mk_is_woo_archive()) { $page_layout = get_post_meta(mk_is_woo_archive(), '_layout', true); } } } if (isset($_REQUEST['layout']) && !empty($_REQUEST['layout'])) { $page_layout = $_REQUEST['layout']; } $page_layout = isset($page_layout) && !empty($page_layout) ? $page_layout : 'full'; ?> </div> <?php if ($page_layout != 'full') { get_sidebar(); } ?> <div class="clearboth"></div> </div> </div> </div> <?php }
/** * Add page title and subtitle. * * @since 1.0.0 * @package GeoDirectory * @param string $title Page title. * @param string $subtitle Page subtitle. */ function jupiter_geodir_page_title($title = '', $subtitle = '') { global $mk_options; $post_id = global_get_post_id(); $shadow_css = ''; if ($mk_options['page_title_shadow'] == 'true') { $shadow_css = 'mk-drop-shadow'; } $align = !empty($align) ? $align : 'left'; //$title = 'xxxx'; echo '<section id="mk-page-introduce" class="intro-' . $align . '">'; echo '<div class="mk-grid">'; if (!empty($title)) { echo '<h1 class="page-introduce-title ' . $shadow_css . '">' . $title . '</h1>'; } if (!empty($subtitle)) { echo '<div class="page-introduce-subtitle">'; echo $subtitle; echo '</div>'; } if ($mk_options['disable_breadcrumb'] == 'true') { if (get_post_meta($post_id, '_disable_breadcrumb', true) != 'false') { /** * Calls the theme breadcrumbs for Jupiter theme. * * @since 1.4.0 */ do_action('theme_breadcrumbs', $post_id); } } echo '<div class="clearboth"></div></div></section>'; }
function mk_side_dashboard() { global $mk_options; $header_style = !empty($mk_options['theme_header_style']) ? $mk_options['theme_header_style'] : 1; $post_id = global_get_post_id(); if ($post_id) { $enable = get_post_meta($post_id, '_enable_local_backgrounds', true); $header_style_meta = get_post_meta($post_id, 'theme_header_style', true); $header_style = isset($header_style_meta) && !empty($header_style_meta) && $enable == 'true' ? $header_style_meta : $header_style; } if ($header_style == 3) { $output = ''; $output .= '<div class="mk-side-dashboard">'; //$output .= '<span class="mk-sidedasboard-close"><i class="mk-theme-icon-cancel"></i></span>'; /* Top Widgets */ $output .= '<div class="side-dash-top-widgets">'; ob_start(); dynamic_sidebar('Side Dashboard - Above Navigation'); $output .= ob_get_contents(); ob_end_clean(); $output .= '</div>'; /************/ $output .= wp_nav_menu(array('theme_location' => 'side-dashboard-menu', 'container' => 'nav', 'container_id' => 'mk-sidedash-navigation', 'container_class' => 'side_dashboard_menu', 'menu_class' => 'sidedash-navigation-ul', 'echo' => false, 'fallback_cb' => '', 'walker' => new header_icon_walker())); /* Bottom Widets */ $output .= '<div class="side-dash-bottom-widgets">'; ob_start(); dynamic_sidebar('Side Dashboard - Below Navigation'); $output .= ob_get_contents(); ob_end_clean(); $output .= '</div>'; /************/ $output .= '</div>'; echo $output; } }