function mmm_skin_extend_css() { global $mega_main_menu; // Topbar colors $topbar_bgcolor = get_theme_mod('lbmn_topbar_backgroundcolor', LBMN_TOPBAR_BACKGROUNDCOLOR_DEFAULT); $topbar_height = intval(str_replace('px', '', get_theme_mod('lbmn_topbar_height', LBMN_TOPBAR_HEIGHT_DEFAULT))); // Header colors $headertop_bgcolor = get_theme_mod('lbmn_headertop_backgroundcolor', LBMN_HEADERTOP_BACKGROUNDCOLOR_DEFAULT); $headertop_sticky_bgcolor = get_theme_mod('lbmn_headertop_stick_backgroundcolor', LBMN_HEADERTOP_STICK_BACKGROUNDCOLOR_DEFAULT); $headertop_linkcolor = get_theme_mod('lbmn_headertop_linkcolor', LBMN_HEADERTOP_LINKCOLOR_DEFAULT); $headertop_linkcolor_hover = get_theme_mod('lbmn_headertop_linkhovercolor', LBMN_HEADERTOP_LINKHOVERCOLOR_DEFAULT); $headertop_textcolor = get_theme_mod('lbmn_headertop_textcolor', LBMN_HEADERTOP_TEXTCOLOR_DEFAULT); $headertop_fontstyling_left = get_theme_mod('lbmn_headertop_fontstyling_left'); $headertop_fontstyling_right = get_theme_mod('lbmn_headertop_fontstyling_right'); $headertop_height = intval(str_replace('px', '', get_theme_mod('lbmn_headertop_height', LBMN_HEADERTOP_HEIGHT_DEFAULT))); $headertop_menuheight = intval(str_replace('px', '', get_theme_mod('lbmn_headertop_menu_height', LBMN_HEADERTOP_MENUHEIGHT_DEFAULT))); // Logo related settings $lbmn_theme_option = get_option('lbmn_theme_options'); // array $header_logo = $lbmn_theme_option['lbmn_logo_image']; $lbmn_logo_placement = get_option('lbmn_logo_placement', LBMN_LOGO_PLACEMENT_DEFAULT); $styles = '/* Dynamically extended styles */ '; /** * ---------------------------------------------------------------------- * Top Bar */ // Topbar background color $styles .= ".topbar .menu_holder:before {"; $styles .= "background-color: {$topbar_bgcolor};"; $styles .= "}"; // Topbar dividers opacity $topbar_items_separator_opacity = get_theme_mod('lbmn_topbar_firstlevelitems_separator_opacity', LBMN_TOPBAR_FIRSTLEVELITEMS_SEPARATOR_OPACITY_DEFAULT); $styles .= "#mega_main_menu.direction-horizontal.topbar > .menu_holder > .menu_inner > ul > li > .item_link:before, #mega_main_menu.direction-horizontal.topbar > .menu_holder > .menu_inner > ul > li.nav_search_box:before {"; $styles .= "opacity: {$topbar_items_separator_opacity}"; $styles .= "}"; $languages = apply_filters('wpml_active_languages', NULL, 'orderby=id&order=desc'); if (!empty($languages)) { foreach ($languages as $l) { $my_default_lang = apply_filters('wpml_default_language', NULL); if ($my_default_lang != $l['language_code']) { $lang = $l['language_code']; // Topbar custom fonts $megamenu_font = lbmn_output_css_webfont(get_theme_mod('lbmn_topbar_firstlevelitems_font', LBMN_TOPBAR_FIRSTLEVELITEMS_FONT_DEFAULT), $lang); $styles .= ".current_language_" . $l['language_code'] . " #mega_main_menu.topbar > .menu_holder > .menu_inner > .nav_logo > .mobile_toggle > .mobile_button, "; $styles .= ".current_language_" . $l['language_code'] . " #mega_main_menu.topbar > .menu_holder > .menu_inner > ul > li > .item_link, "; $styles .= ".current_language_" . $l['language_code'] . " #mega_main_menu.topbar > .menu_holder > .menu_inner > ul > li > .item_link .link_text, "; $styles .= ".current_language_" . $l['language_code'] . " #mega_main_menu.topbar > .menu_holder > .menu_inner > ul > li .post_details > .post_title, "; $styles .= ".current_language_" . $l['language_code'] . " #mega_main_menu.topbar > .menu_holder > .menu_inner > ul > li .post_details > .post_title > .item_link"; $styles .= "{"; $styles .= "font-family:" . str_replace('+', ' ', $megamenu_font['font_family']) . ";"; $styles .= "}"; } } } // Topbar custom fonts $megamenu_font = lbmn_output_css_webfont(get_theme_mod('lbmn_topbar_firstlevelitems_font', LBMN_TOPBAR_FIRSTLEVELITEMS_FONT_DEFAULT)); $styles .= "#mega_main_menu.topbar > .menu_holder > .menu_inner > .nav_logo > .mobile_toggle > .mobile_button, "; $styles .= "#mega_main_menu.topbar > .menu_holder > .menu_inner > ul > li > .item_link, "; $styles .= "#mega_main_menu.topbar > .menu_holder > .menu_inner > ul > li > .item_link .link_text, "; $styles .= "#mega_main_menu.topbar > .menu_holder > .menu_inner > ul > li .post_details > .post_title, "; $styles .= "#mega_main_menu.topbar > .menu_holder > .menu_inner > ul > li .post_details > .post_title > .item_link"; $styles .= "{"; $styles .= "font-family:" . str_replace('+', ' ', $megamenu_font['font_family']) . ";"; $styles .= "}"; // regular text color and hover color $styles .= "\n\t\tbody #mega_main_menu.topbar > .menu_holder > .menu_inner > ul > li > span.item_link,\n\t\tbody #mega_main_menu.topbar > .menu_holder > .menu_inner > ul > li > span.item_link *,\n\t\tbody #mega_main_menu.topbar > .menu_holder > .menu_inner > ul > li:hover > span.item_link * {\n\t\t\tcolor:" . get_theme_mod('lbmn_topbar_textlinescolor', LBMN_TOPBAR_TEXTCOLOR_DEFAULT) . ";\n\t\t}"; $styles .= ".topbar .menu_holder {\n\t\t\tmin-height:" . $topbar_height . "px;"; $styles .= "}"; // No border radius to first-level items of the top bar menu $styles .= "\n\t\tbody #global-container #mega_main_menu.topbar > .menu_holder > .menu_inner > ul > li:last-child > .item_link,\n\t\tbody #global-container #mega_main_menu.topbar > .menu_holder > .menu_inner > ul > li:first-child > .item_link {\n\t\t\tborder-radius: 0;\n\t\t}"; /** * ---------------------------------------------------------------------- * Header Menu area */ // Header background color $styles .= "\n\t\t.header-menu .menu_holder:before {\n\t\t\tbackground-color: {$headertop_bgcolor};\n\t\t}\n\n\t\t.header-menu .menu_holder.sticky_container:before {\n\t\t\tbackground-color: {$headertop_sticky_bgcolor};\n\t\t}\n\t\t"; // Mega Menu dividers opacity $headertop_items_separator_opacity = get_theme_mod('lbmn_megamenu_firstlevelitems_separator_opacity', LBMN_MEGAMENU_FIRSTLEVELITEMS_SEPARATOR_OPACITY_DEFAULT); $styles .= "#mega_main_menu.direction-horizontal.header-menu > .menu_holder > .menu_inner > ul > li > .item_link:before, #mega_main_menu.direction-horizontal.header-menu > .menu_holder > .menu_inner > ul > li.nav_search_box:before {"; $styles .= "opacity: {$headertop_items_separator_opacity}"; $styles .= "}"; // first level menu items radius $styles .= "body #global-container #mega_main_menu.header-menu > .menu_holder > .menu_inner > ul > li > .item_link,\n\t\t\t\t\t\tbody #global-container #mega_main_menu.header-menu > .menu_holder > .menu_inner > ul > li:hover > .item_link "; $styles .= "{"; $styles .= "border-radius:" . get_theme_mod('lbmn_megamenu_linkhoverborderradius', LBMN_HEADERTOP_LINKHOVERBORDERRADIUS_DEFAULT) . "px;"; $styles .= "}"; // lbmn_debug_console( get_theme_mod( 'lbmn_megamenu_linkhoverborderradius', LBMN_HEADERTOP_LINKHOVERBORDERRADIUS_DEFAULT) ); $languages = apply_filters('wpml_active_languages', NULL, 'orderby=id&order=desc'); if (!empty($languages)) { foreach ($languages as $l) { $my_default_lang = apply_filters('wpml_default_language', NULL); if ($my_default_lang != $l['language_code']) { $lang = $l['language_code']; $megamenu_font = lbmn_output_css_webfont(get_theme_mod('lbmn_megamenu_firstlevelitems_font', LBMN_MEGAMENU_FIRSTLEVELITEMS_FONT_DEFAULT), $lang); $megamenu_dropdown_font = lbmn_output_css_webfont(get_theme_mod('lbmn_megamenu_dropdown_font', LBMN_MEGAMENU_DROPDOWN_FONT_DEFAULT), $lang); $styles .= ".current_language_" . $l['language_code'] . " #mega_main_menu.header-menu > .menu_holder > .menu_inner > .nav_logo > .mobile_toggle > .mobile_button, "; $styles .= ".current_language_" . $l['language_code'] . " #mega_main_menu.header-menu > .menu_holder > .menu_inner > ul > li > .item_link, "; $styles .= ".current_language_" . $l['language_code'] . " #mega_main_menu.header-menu > .menu_holder > .menu_inner > ul > li > .item_link .link_text, "; $styles .= ".current_language_" . $l['language_code'] . " #mega_main_menu.header-menu > .menu_holder > .menu_inner > ul > li .post_details > .post_title, "; $styles .= ".current_language_" . $l['language_code'] . " #mega_main_menu.header-menu > .menu_holder > .menu_inner > ul > li .post_details > .post_title > .item_link"; $styles .= "{"; $styles .= "font-family:" . str_replace('+', ' ', $megamenu_font['font_family']) . ";"; $styles .= "}"; $styles .= ".current_language_" . $l['language_code'] . " #mega_main_menu.header-menu li .mega_dropdown > li > .item_link,"; $styles .= ".current_language_" . $l['language_code'] . " #mega_main_menu.header-menu ul li .mega_dropdown > li > .item_link .link_text,"; $styles .= ".current_language_" . $l['language_code'] . " #mega_main_menu.header-menu ul li .mega_dropdown,"; $styles .= ".current_language_" . $l['language_code'] . " #mega_main_menu.header-menu > .menu_holder > .menu_inner > ul > li.nav_search_box *, "; $styles .= ".current_language_" . $l['language_code'] . " #mega_main_menu.header-menu > .menu_holder > .menu_inner > ul > li .post_details > .post_description "; $styles .= "{"; $styles .= "font-family:" . str_replace('+', ' ', $megamenu_dropdown_font['font_family']) . ";"; $styles .= "}"; $styles .= ".current_language_" . $l['language_code'] . " .header-menu > .menu_holder > .menu_inner > ul > li.nav_search_box #mega_main_menu_searchform .field:focus {"; $styles .= "font-family:" . str_replace('+', ' ', $megamenu_dropdown_font['font_family']) . ";"; $styles .= "}"; } } } // Mega Menu custom fonts $megamenu_font = lbmn_output_css_webfont(get_theme_mod('lbmn_megamenu_firstlevelitems_font', LBMN_MEGAMENU_FIRSTLEVELITEMS_FONT_DEFAULT)); $megamenu_dropdown_font = lbmn_output_css_webfont(get_theme_mod('lbmn_megamenu_dropdown_font', LBMN_MEGAMENU_DROPDOWN_FONT_DEFAULT)); $styles .= "#mega_main_menu.header-menu > .menu_holder > .menu_inner > .nav_logo > .mobile_toggle > .mobile_button, "; $styles .= "#mega_main_menu.header-menu > .menu_holder > .menu_inner > ul > li > .item_link, "; $styles .= "#mega_main_menu.header-menu > .menu_holder > .menu_inner > ul > li > .item_link .link_text, "; $styles .= "#mega_main_menu.header-menu > .menu_holder > .menu_inner > ul > li .post_details > .post_title, "; $styles .= "#mega_main_menu.header-menu > .menu_holder > .menu_inner > ul > li .post_details > .post_title > .item_link"; $styles .= "{"; $styles .= "font-family:" . str_replace('+', ' ', $megamenu_font['font_family']) . ";"; $styles .= "}"; $styles .= "#mega_main_menu.header-menu li .mega_dropdown > li > .item_link,"; $styles .= "#mega_main_menu.header-menu ul li .mega_dropdown > li > .item_link .link_text,"; $styles .= "#mega_main_menu.header-menu ul li .mega_dropdown,"; $styles .= "#mega_main_menu.header-menu > .menu_holder > .menu_inner > ul > li.nav_search_box *, "; $styles .= "#mega_main_menu.header-menu > .menu_holder > .menu_inner > ul > li .post_details > .post_description "; $styles .= "{"; $styles .= "font-family:" . str_replace('+', ' ', $megamenu_dropdown_font['font_family']) . ";"; $styles .= "}"; $styles .= ".header-menu > .menu_holder > .menu_inner > ul > li.nav_search_box #mega_main_menu_searchform .field:focus {"; $styles .= "font-family:" . str_replace('+', ' ', $megamenu_dropdown_font['font_family']) . ";"; $styles .= "font-weight:" . get_theme_mod('lbmn_megamenu_dropdown_fontweight', '400') . ";"; $styles .= "font-size:" . get_theme_mod('lbmn_megamenu_dropdown_fontsize', '14px') . ";"; $styles .= "}"; $styles .= " #mega_main_menu > .menu_holder > .menu_inner > ul > li.default_dropdown .mega_dropdown > li > .item_link {\n\t\t\tpadding:10px 14px;\n\t\t}"; $styles .= "#mega_main_menu.header-menu > .menu_holder > .menu_inner > ul > li > .item_link:after {"; $styles .= "opacity:" . get_theme_mod('lbmn_megamenu_dropdown_markeropacity', LBMN_MEGAMENU_DROPDOWN_MARKEROPACITY_DEFAULT) . ";"; $styles .= "}"; // Never make icon blod $styles .= "#mega_main_menu > .menu_holder > .menu_inner > ul > li > .item_link.with_icon i {"; $styles .= "font-weight:normal!important;"; $styles .= "}"; // Search block settigns (header) $header_search_inputwidth = get_theme_mod('lbmn_searchblock_inputfieldwidth', LBMN_SEARCHBLOCK_INPUTFIELDWIDTH_DEFAULT); $styles .= "#mega_main_menu > .menu_holder > .menu_inner > ul > li.nav_search_box #mega_main_menu_searchform .field:focus"; $styles .= "{"; $styles .= "max-width:" . $header_search_inputwidth . "px;"; $styles .= "width:" . $header_search_inputwidth . "px;"; $styles .= "}"; $styles .= "#mega_main_menu.header-menu ul .nav_search_box #mega_main_menu_searchform:before "; $styles .= "{"; $styles .= "border-radius:" . str_replace('px', '', get_theme_mod('lbmn_searchblock_inputfieldradius', LBMN_SEARCHBLOCK_INPUTFIELDRADIUS_DEFAULT)) . "px;"; $styles .= "}"; $styles .= ".header-menu li.nav_search_box > #mega_main_menu_searchform:before "; $styles .= "{"; $styles .= "background-color:" . get_theme_mod('lbmn_searchblock_inputbackgroundcolor', LBMN_SEARCHBLOCK_INPUTBACKGROUNDCOLOR_DEFAULT) . ";"; $styles .= "}"; $styles .= "\n\t\t\t#mega_main_menu > .menu_holder > .menu_inner > ul > li.nav_search_box #mega_main_menu_searchform {\n\t\t\t\tmargin-top: -18px;\n\t\t\t}\n\n\t\t\t#mega_main_menu > .menu_holder > .menu_inner > ul > li.nav_search_box #mega_main_menu_searchform .icosearch,\n\t\t\t#mega_main_menu > .menu_holder > .menu_inner > ul > li.nav_search_box #mega_main_menu_searchform .submit,\n\t\t\t#mega_main_menu > .menu_holder > .menu_inner > ul > li.nav_search_box #mega_main_menu_searchform .field {\n\t\t\t\tmargin: 5px 0;\n\t\t\t}\n\n\t\t\t#mega_main_menu > .menu_holder > .menu_inner > ul > li.nav_search_box #mega_main_menu_searchform .field {\n\t\t\t\tpadding-left: 18px;\n\t\t\t padding-right: 18px;\n\t\t\t}\n\n\t\t\t#mega_main_menu > .menu_holder > .menu_inner > ul > li.nav_search_box #mega_main_menu_searchform .icosearch,\n\t\t\t#mega_main_menu > .menu_holder > .menu_inner > ul > li.nav_search_box #mega_main_menu_searchform .submit {\n\t\t\t\twidth: 36px;\n\t\t\t}\n\n\t\t"; // fix separators to work with overflow $styles .= "body #mega_main_menu.header-menu.direction-horizontal > .menu_holder > .menu_inner > ul > li > .item_link:before"; $styles .= "{"; $styles .= "left: 0;"; $styles .= "}"; // first level menu items margin $styles .= "#mega_main_menu.header-menu > .menu_holder > .menu_inner > ul > li > .item_link "; $styles .= "{"; $styles .= "margin-right:" . str_replace('px', '', get_theme_mod('lbmn_megamenu_firstlevelitems_spacing', LBMN_MEGAMENU_FIRSTLEVELITEMS_SPACING_DEFAULT)) . "px;"; $styles .= "}"; // no margin for the last item $styles .= "#mega_main_menu.header-menu > .menu_holder > .menu_inner > ul > li:last-child > .item_link "; $styles .= "{"; $styles .= "margin-right:0px!important;"; $styles .= "}"; // regular text color $styles .= "\n\t\tbody #mega_main_menu.header-menu > .menu_holder > .menu_inner > ul > li > span.item_link,\n\t\tbody #mega_main_menu.header-menu > .menu_holder > .menu_inner > ul > li > span.item_link *,\n\t\tbody #mega_main_menu.header-menu > .menu_holder > .menu_inner > ul > li:hover > span.item_link * {\n\t\t\tcolor:" . get_theme_mod('lbmn_megamenu_textlinescolor', LBMN_HEADERTOP_TEXTCOLOR_DEFAULT) . ";\n\t\t}"; $styles .= "#mega_main_menu.header-menu > .menu_holder > .menu_inner > ul > li > .item_link {"; $styles .= "padding-left:" . get_theme_mod('lbmn_megamenu_firstlevelitems_innerspacing', LBMN_MEGAMENU_FIRSTLEVELITEMS_INNERSPACING_DEFAULT) . "px;"; $styles .= "padding-right:" . get_theme_mod('lbmn_megamenu_firstlevelitems_innerspacing', LBMN_MEGAMENU_FIRSTLEVELITEMS_INNERSPACING_DEFAULT) . "px;"; $styles .= "}"; // disable custom inner padding for custom styled menu elements (CTA buttons, etc) $styles .= "#mega_main_menu.header-menu > .menu_holder > .menu_inner > ul > li[class*=additional_style_] > .item_link {\n\t\t\tpadding-left:15px;\n\t\t\tpadding-right:15px;\n\t\t\tmargin-left: 10px;\n\t\t\tmargin-right: 10px;\n\t\t}"; /* #mega_main_menu > .menu_holder > .menu_inner > ul > li.grid_dropdown:hover > .mega_dropdown, #mega_main_menu > .menu_holder > .menu_inner > ul > li.grid_dropdown > .item_link:hover + .mega_dropdown, #mega_main_menu > .menu_holder > .menu_inner > ul > li.grid_dropdown.keep_open > .mega_dropdown, #mega_main_menu > .menu_holder > .menu_inner > ul > li.grid_dropdown:hover > .mega_dropdown, #mega_main_menu > .menu_holder > .menu_inner > ul > li.grid_dropdown > .mega_dropdown > li:hover .post_details, #mega_main_menu > .menu_holder > .menu_inner > ul > li.grid_dropdown > .mega_dropdown > li.keep_open .post_details */ // IMPORTANT: if you change CSS here, make sure to updae customizer live preview code too // function prepareHeaderStylesOutput @ customizer-preview.js if ($headertop_height) { $styles .= "\n\n\t\t\t.header-overlay .site-header {\n\t\t\t\tmargin-bottom:-" . $headertop_height . "px;\n\t\t\t}\n\n\t\t\t.header-overlay .site-content .dslc-content > .dslc-modules-section:first-child .dslc-modules-section-wrapper {\n\t\t\t\tmargin-top:" . $headertop_height . "px;\n\t\t\t}\n\n\t\t\t"; // IF LOGO IS ON THE SAME LINE WITH MENU $styles .= ".header-menu .menu_holder {\n\t\t\t\tmin-height:" . $headertop_height . "px;"; if ($headertop_menuheight) { if ($headertop_height - $headertop_menuheight > 0) { $styles .= "padding-top:" . ($headertop_height - $headertop_menuheight) / 2 . "px;"; } else { $styles .= "padding-top:0px;"; } } $styles .= "}"; $styles .= ".header-menu .nav_logo {\n\t\t\t\tmin-height:" . $headertop_height . "px;"; if ($headertop_menuheight) { if ($headertop_height - $headertop_menuheight > 0) { $styles .= "margin-top: -" . ($headertop_height - $headertop_menuheight) / 2 . "px;"; } else { $styles .= "margin-top:0px;"; } } $styles .= "}"; $styles .= ".header-menu .sticky_container .nav_logo, .header-menu .menu_holder.sticky_container {\n\t\t\t\tmin-height:0px; margin-top:0;"; $styles .= "}"; $styles .= ".header-menu .nav_logo .logo_link {\n\t\t\t\tmin-height:" . $headertop_height . "px;\n\t\t\t\tline-height:" . $headertop_height . "px;\n\t\t\t}"; // Override height for sticky headers $headertop_height_sticky = str_replace('px', '', get_theme_mod('lbmn_headertop_stick_height', LBMN_HEADERTOP_STICK_DEFAULT)); $styles .= "#mega_main_menu.header-menu .sticky_container {"; $styles .= "padding-top:0px;"; $styles .= "}"; $styles .= "#mega_main_menu.header-menu .sticky_container .nav_logo {"; $styles .= "margin-top:0px;"; $styles .= "}"; $styles .= "#mega_main_menu.header-menu .sticky_container {"; //.menu_holder.sticky_container $styles .= "min-height:" . $headertop_height_sticky . "px;"; $styles .= "}"; $styles .= "#mega_main_menu.header-menu .sticky_container .nav_logo {"; $styles .= "min-height:" . $headertop_height_sticky . "px;"; $styles .= "}"; $styles .= "#mega_main_menu.header-menu .sticky_container .nav_logo .logo_link {"; $styles .= "min-height:" . $headertop_height_sticky . "px;"; $styles .= "line-height:" . $headertop_height_sticky . "px;"; $styles .= "}"; // Sticky vertical padding $headertop_sticky_padding = str_replace('px', '', get_theme_mod('lbmn_headertop_sticky_padding', LBMN_HEADERTOP_STICKY_PADDING_DEFAULT)); $styles .= "#mega_main_menu.header-menu .sticky_container {"; $styles .= "padding-top:" . $headertop_sticky_padding . "px;"; $styles .= "padding-bottom:" . $headertop_sticky_padding . "px;"; $styles .= "}"; // Override height of mobile headers $styles .= " @media (max-width: 767px) { /* DO NOT CHANGE THIS LINE (See = Specific Options -> Responsive Resolution) */"; $styles .= "#mega_main_menu.header-menu.mobile_minimized-enable .menu_holder {"; $styles .= "min-height:" . $headertop_height_sticky . "px;"; $styles .= "padding-top:0px;"; $styles .= "}"; $styles .= "#mega_main_menu.header-menu.mobile_minimized-enable .nav_logo {"; $styles .= "min-height:" . $headertop_height_sticky . "px;"; $styles .= "margin-top:0px;"; $styles .= "}"; $styles .= "#mega_main_menu.header-menu.mobile_minimized-enable .nav_logo .logo_link {"; $styles .= "min-height:" . $headertop_height_sticky . "px;"; $styles .= "line-height:" . $headertop_height_sticky . "px;"; $styles .= "}"; // Sticky vertical padding $styles .= "#mega_main_menu.header-menu.mobile_minimized-enable .menu_holder {"; $styles .= "padding-top:" . $headertop_sticky_padding . "px;"; $styles .= "padding-bottom:" . $headertop_sticky_padding . "px;"; $styles .= "}"; $styles .= "}"; // IF LOGO IS ABOVE MENU $styles .= ".header-menu.logoplacement-top-left .nav_logo,\n\t\t\t.header-menu.logoplacement-top-center .nav_logo,\n\t\t\t.header-menu.logoplacement-top-right .nav_logo {"; $styles .= "min-height:" . ($headertop_height - $headertop_menuheight) . "px;"; $styles .= "}"; $styles .= ".header-menu.logoplacement-top-left .nav_logo .logo_link,\n\t\t\t.header-menu.logoplacement-top-center .nav_logo .logo_link,\n\t\t\t.header-menu.logoplacement-top-right .nav_logo .logo_link {"; $styles .= "min-height:" . ($headertop_height - $headertop_menuheight) . "px;"; $styles .= "line-height:" . ($headertop_height - $headertop_menuheight) . "px;"; $styles .= "}"; } /** * ---------------------------------------------------------------------- * Disable hover for non linked items */ $styles .= "\n\t\t#mega_main_menu.mega_main_menu > .menu_holder > .menu_inner > ul > li > span.item_link:hover {\n\t\t\tbackground-color:inherit;\n\t\t}"; /** * ---------------------------------------------------------------------- * Header logo */ // if custom logo margin-top is set if (get_theme_mod('lbmn_logo_margin_top')) { $custom_logo_margin_top = floatval(get_theme_mod('lbmn_logo_margin_top')); if ($custom_logo_margin_top != 0) { $styles .= "#mega_main_menu .nav_logo .logo_link {margin-top:" . $custom_logo_margin_top . "px;}"; } } // if custom logo margin-left is set if (get_theme_mod('lbmn_logo_margin_left')) { $custom_logo_margin_left = floatval(get_theme_mod('lbmn_logo_margin_left')); if ($custom_logo_margin_left != 0) { $styles .= "#mega_main_menu .nav_logo .logo_link {margin-left:" . $custom_logo_margin_left . "px;}"; } } // if custom logo margin-right is set if (get_theme_mod('lbmn_logo_margin_right')) { $custom_logo_margin_right = floatval(get_theme_mod('lbmn_logo_margin_right')); if ($custom_logo_margin_right != 0) { $styles .= "#mega_main_menu .nav_logo .logo_link {margin-right:" . $custom_logo_margin_right . "px;}"; } } // Fix menu dropdown arrows > $styles .= "body #mega_main_menu li.default_dropdown > .mega_dropdown > li.drop_to_right > .item_link:before {\ncontent: '\\e834';\nright: 4px;\nfont-family: iconfont;\nfont-size: 12px;\n}"; // Menu background color // $styles .= ".header-menu .menu_holder:after { // max-height:" . $headertop_menuheight . "px; // $styles .= "}"; // Center header to the grid borders global $content_width; $styles .= ".header-menu .menu_inner {"; $styles .= "max-width:1200px; margin-left:auto; margin-right:auto;"; $styles .= "}"; $styles .= ' @media (max-width: 767px) { /* DO NOT CHANGE THIS LINE (See = Specific Options -> Responsive Resolution) */ #mega_main_menu.topbar { display:none; } .notification-panel { text-align: left; } .notification-panel__message { font-size: 90%; } .calltoaction-area { text-align: left; } .calltoaction-area__message { font-size: 70%; } /* hide top bar for mobiles */ .topbar { display: none; } /* fix wpadminbar spacing bug */ #wpadminbar { top: -46px; } /* make mobile logo not biger that 70% */ .header-menu .logo_link { max-width: 70%; } } '; return $styles; }
/** * ---------------------------------------------------------------------- * Generate customized CSS output */ function lbmn_customized_css() { $styles = ''; $lbmn_themeoptions = get_option('lbmn_theme_options'); // get array of our theme options /** * ---------------------------------------------------------------------- * Background */ $page_background = get_theme_mod('lbmn_page_background_color', LBMN_PAGEBACKGROUNDCOLOR_DEFAULT); $content_background = get_theme_mod('lbmn_content_background_color', LBMN_CONTENT_BACKGROUND_COLOR_DEFAULT); $styles .= "body, .global-wrapper {background-color:" . $content_background . ";}"; $styles .= "body.boxed-page-layout {background-color:" . $page_background . ";}"; // Need !important here for the right Theme Customizer work $lbmn_page_background_image = $lbmn_themeoptions['lbmn_page_background_image']; $lbmn_page_background_image_opacity = get_theme_mod('lbmn_page_background_image_opacity'); $lbmn_page_background_image_repeat = get_theme_mod('lbmn_page_background_image_repeat'); $lbmn_page_background_image_position = get_theme_mod('lbmn_page_background_image_position'); $lbmn_page_background_image_attachment = get_theme_mod('lbmn_page_background_image_attachment'); $lbmn_page_background_image_size = get_theme_mod('lbmn_page_background_image_size'); // $styles .= '/*$lbmn_page_background_image:'.$lbmn_page_background_image.'*/'; if ($lbmn_page_background_image) { $styles .= "body.boxed-page-layout:before {background-image:url(" . $lbmn_page_background_image . ");}"; } if (isset($lbmn_page_background_image_opacity)) { $styles .= "body.boxed-page-layout:before {opacity:" . $lbmn_page_background_image_opacity . ";}"; } if ($lbmn_page_background_image_repeat) { $styles .= "body.boxed-page-layout:before {background-repeat:" . $lbmn_page_background_image_repeat . ";}"; } if ($lbmn_page_background_image_position) { $styles .= "body.boxed-page-layout:before {background-position:" . $lbmn_page_background_image_position . ";}"; } if ($lbmn_page_background_image_attachment) { $styles .= "body.boxed-page-layout:before {background-attachment:" . $lbmn_page_background_image_attachment . ";}"; } if ($lbmn_page_background_image_size) { $styles .= "body.boxed-page-layout:before {background-size:" . $lbmn_page_background_image_size . ";}"; } $styles .= ""; $styles .= ""; /** * ---------------------------------------------------------------------- * Notification panel */ $notificationpanel_height = intval(str_replace('px', '', get_theme_mod('lbmn_notificationpanel_height', LBMN_NOTIFICATIONPANEL_HEIGHT_DEFAULT))); $notificationpanel_bgcolor = get_theme_mod('lbmn_notificationpanel_backgroundcolor', LBMN_NOTIFICATIONPANEL_BACKGROUNDCOLOR_DEFAULT); $notificationpanel_txtcolor = get_theme_mod('lbmn_notificationpanel_textcolor', LBMN_NOTIFICATIONPANEL_TXTCOLOR_DEFAULT); $notificationpanel_bgcolor_hover = get_theme_mod('lbmn_notificationpanel_backgroundcolor_hover', LBMN_NOTIFICATIONPANEL_BACKGROUNDCOLOR_HOVER_DEFAULT); $notificationpanel_txtcolor_hover = get_theme_mod('lbmn_notificationpanel_textcolor_hover', LBMN_NOTIFICATIONPANEL_TXTCOLOR_HOVER_DEFAULT); $styles .= ".notification-panel {"; $styles .= "background-color: {$notificationpanel_bgcolor};"; $styles .= "}"; $styles .= ".notification-panel, .notification-panel * {color: {$notificationpanel_txtcolor}; }"; $styles .= ".notification-panel:before {"; $styles .= "min-height: " . $notificationpanel_height . "px;"; $styles .= "}"; $styles .= ".notification-panel:hover {"; $styles .= "background-color: {$notificationpanel_bgcolor_hover};"; $styles .= "}"; $styles .= ".notification-panel:hover, .notification-panel:hover * {color: {$notificationpanel_txtcolor_hover}; }"; /** * ---------------------------------------------------------------------- * Typography */ $link_color = get_theme_mod('lbmn_typography_link_color', LBMN_TYPOGRAPHY_LINK_COLOR_DEFAULT); $link_color_hover = get_theme_mod('lbmn_typography_link_hover_color', LBMN_TYPOGRAPHY_LINK_HOVER_COLOR_DEFAULT); $styles .= "a {"; $styles .= "color: " . $link_color . ";"; $styles .= "}"; $styles .= "a:hover {"; $styles .= "color: " . $link_color_hover . ";"; $styles .= "}"; $typography_p_font = lbmn_output_css_webfont(get_theme_mod('lbmn_typography_p_font', LBMN_TYPOGRAPHY_P_FONT_DEFAULT)); $typography_p_font = str_replace('+', ' ', $typography_p_font['font_family']); $typography_p_fontsize = get_theme_mod('lbmn_typography_p_fontsize', LBMN_TYPOGRAPHY_P_FONTSIZE_DEFAULT); $typography_p_fontweight = get_theme_mod('lbmn_typography_p_fontweight', LBMN_TYPOGRAPHY_P_FONTWEIGHT_DEFAULT); $typography_p_lineheight = get_theme_mod('lbmn_typography_p_lineheight', LBMN_TYPOGRAPHY_P_LINEHEIGHT_DEFAULT); $typography_p_marginbottom = get_theme_mod('lbmn_typography_p_marginbottom', LBMN_TYPOGRAPHY_P_MARGINBOTTOM_DEFAULT); $typography_p_color = get_theme_mod('lbmn_typography_p_color', LBMN_TYPOGRAPHY_P_COLOR_DEFAULT); $styles .= "body {"; $styles .= "font-family: " . $typography_p_font . ";"; $styles .= "line-height: " . $typography_p_lineheight . "px;"; $styles .= "font-weight: " . $typography_p_fontweight . ";"; // $styles .= "margin-bottom: ".$typography_p_marginbottom."px;"; $styles .= "color: " . $typography_p_color . ";"; $styles .= "}"; $styles .= ".site {"; $styles .= "font-size: " . $typography_p_fontsize . "px;"; $styles .= "}"; $styles .= "p {"; $styles .= "margin-bottom: " . $typography_p_marginbottom . "px;"; $styles .= "}"; /** * ------------------------------ */ $typography_h1_font = lbmn_output_css_webfont(get_theme_mod('lbmn_typography_h1_font', LBMN_TYPOGRAPHY_H1_FONT_DEFAULT)); $typography_h1_font = str_replace('+', ' ', $typography_h1_font['font_family']); $typography_h1_fontsize = get_theme_mod('lbmn_typography_h1_fontsize', LBMN_TYPOGRAPHY_H1_FONTSIZE_DEFAULT); $typography_h1_fontweight = get_theme_mod('lbmn_typography_h1_fontweight', LBMN_TYPOGRAPHY_H1_FONTWEIGHT_DEFAULT); $typography_h1_lineheight = get_theme_mod('lbmn_typography_h1_lineheight', LBMN_TYPOGRAPHY_H1_LINEHEIGHT_DEFAULT); $typography_h1_marginbottom = get_theme_mod('lbmn_typography_h1_marginbottom', LBMN_TYPOGRAPHY_H1_MARGINBOTTOM_DEFAULT); $typography_h1_color = get_theme_mod('lbmn_typography_h1_color', LBMN_TYPOGRAPHY_H1_COLOR_DEFAULT); $styles .= "h1 {"; $styles .= "font-family: " . $typography_h1_font . ";"; $styles .= "font-size: " . $typography_h1_fontsize . "px;"; $styles .= "line-height: " . $typography_h1_lineheight . "px;"; $styles .= "font-weight: " . $typography_h1_fontweight . ";"; $styles .= "margin-bottom: " . $typography_h1_marginbottom . "px;"; $styles .= "color: " . $typography_h1_color . ";"; $styles .= "}"; /** * ------------------------------ */ $typography_h2_font = lbmn_output_css_webfont(get_theme_mod('lbmn_typography_h2_font', LBMN_TYPOGRAPHY_H2_FONT_DEFAULT)); $typography_h2_font = str_replace('+', ' ', $typography_h2_font['font_family']); $typography_h2_fontsize = get_theme_mod('lbmn_typography_h2_fontsize', LBMN_TYPOGRAPHY_H2_FONTSIZE_DEFAULT); $typography_h2_fontweight = get_theme_mod('lbmn_typography_h2_fontweight', LBMN_TYPOGRAPHY_H2_FONTWEIGHT_DEFAULT); $typography_h2_lineheight = get_theme_mod('lbmn_typography_h2_lineheight', LBMN_TYPOGRAPHY_H2_LINEHEIGHT_DEFAULT); $typography_h2_marginbottom = get_theme_mod('lbmn_typography_h2_marginbottom', LBMN_TYPOGRAPHY_H2_MARGINBOTTOM_DEFAULT); $typography_h2_color = get_theme_mod('lbmn_typography_h2_color', LBMN_TYPOGRAPHY_H2_COLOR_DEFAULT); $styles .= "h2 {"; $styles .= "font-family: " . $typography_h2_font . ";"; $styles .= "font-size: " . $typography_h2_fontsize . "px;"; $styles .= "line-height: " . $typography_h2_lineheight . "px;"; $styles .= "font-weight: " . $typography_h2_fontweight . ";"; $styles .= "margin-bottom: " . $typography_h2_marginbottom . "px;"; $styles .= "color: " . $typography_h2_color . ";"; $styles .= "}"; /** * ------------------------------ */ $typography_h3_font = lbmn_output_css_webfont(get_theme_mod('lbmn_typography_h3_font', LBMN_TYPOGRAPHY_H3_FONT_DEFAULT)); $typography_h3_font = str_replace('+', ' ', $typography_h3_font['font_family']); $typography_h3_fontsize = get_theme_mod('lbmn_typography_h3_fontsize', LBMN_TYPOGRAPHY_H3_FONTSIZE_DEFAULT); $typography_h3_fontweight = get_theme_mod('lbmn_typography_h3_fontweight', LBMN_TYPOGRAPHY_H3_FONTWEIGHT_DEFAULT); $typography_h3_lineheight = get_theme_mod('lbmn_typography_h3_lineheight', LBMN_TYPOGRAPHY_H3_LINEHEIGHT_DEFAULT); $typography_h3_marginbottom = get_theme_mod('lbmn_typography_h3_marginbottom', LBMN_TYPOGRAPHY_H3_MARGINBOTTOM_DEFAULT); $typography_h3_color = get_theme_mod('lbmn_typography_h3_color', LBMN_TYPOGRAPHY_H3_COLOR_DEFAULT); $styles .= "h3 {"; $styles .= "font-family: " . $typography_h3_font . ";"; $styles .= "font-size: " . $typography_h3_fontsize . "px;"; $styles .= "line-height: " . $typography_h3_lineheight . "px;"; $styles .= "font-weight: " . $typography_h3_fontweight . ";"; $styles .= "margin-bottom: " . $typography_h3_marginbottom . "px;"; $styles .= "color: " . $typography_h3_color . ";"; $styles .= "}"; /** * ------------------------------ */ $typography_h4_font = lbmn_output_css_webfont(get_theme_mod('lbmn_typography_h4_font', LBMN_TYPOGRAPHY_H4_FONT_DEFAULT)); $typography_h4_font = str_replace('+', ' ', $typography_h4_font['font_family']); $typography_h4_fontsize = get_theme_mod('lbmn_typography_h4_fontsize', LBMN_TYPOGRAPHY_H4_FONTSIZE_DEFAULT); $typography_h4_fontweight = get_theme_mod('lbmn_typography_h4_fontweight', LBMN_TYPOGRAPHY_H4_FONTWEIGHT_DEFAULT); $typography_h4_lineheight = get_theme_mod('lbmn_typography_h4_lineheight', LBMN_TYPOGRAPHY_H4_LINEHEIGHT_DEFAULT); $typography_h4_marginbottom = get_theme_mod('lbmn_typography_h4_marginbottom', LBMN_TYPOGRAPHY_H4_MARGINBOTTOM_DEFAULT); $typography_h4_color = get_theme_mod('lbmn_typography_h4_color', LBMN_TYPOGRAPHY_H4_COLOR_DEFAULT); $styles .= "h4 {"; $styles .= "font-family: " . $typography_h4_font . ";"; $styles .= "font-size: " . $typography_h4_fontsize . "px;"; $styles .= "line-height: " . $typography_h4_lineheight . "px;"; $styles .= "font-weight: " . $typography_h4_fontweight . ";"; $styles .= "margin-bottom: " . $typography_h4_marginbottom . "px;"; $styles .= "color: " . $typography_h4_color . ";"; $styles .= "}"; /** * ------------------------------ */ $typography_h5_font = lbmn_output_css_webfont(get_theme_mod('lbmn_typography_h5_font', LBMN_TYPOGRAPHY_H5_FONT_DEFAULT)); $typography_h5_font = str_replace('+', ' ', $typography_h5_font['font_family']); $typography_h5_fontsize = get_theme_mod('lbmn_typography_h5_fontsize', LBMN_TYPOGRAPHY_H5_FONTSIZE_DEFAULT); $typography_h5_fontweight = get_theme_mod('lbmn_typography_h5_fontweight', LBMN_TYPOGRAPHY_H5_FONTWEIGHT_DEFAULT); $typography_h5_lineheight = get_theme_mod('lbmn_typography_h5_lineheight', LBMN_TYPOGRAPHY_H5_LINEHEIGHT_DEFAULT); $typography_h5_marginbottom = get_theme_mod('lbmn_typography_h5_marginbottom', LBMN_TYPOGRAPHY_H5_MARGINBOTTOM_DEFAULT); $typography_h5_color = get_theme_mod('lbmn_typography_h5_color', LBMN_TYPOGRAPHY_H5_COLOR_DEFAULT); $styles .= "h5 {"; $styles .= "font-family: " . $typography_h5_font . ";"; $styles .= "font-size: " . $typography_h5_fontsize . "px;"; $styles .= "line-height: " . $typography_h5_lineheight . "px;"; $styles .= "font-weight: " . $typography_h5_fontweight . ";"; $styles .= "margin-bottom: " . $typography_h5_marginbottom . "px;"; $styles .= "color: " . $typography_h5_color . ";"; $styles .= "}"; /** * ------------------------------ */ $typography_h6_font = lbmn_output_css_webfont(get_theme_mod('lbmn_typography_h6_font', LBMN_TYPOGRAPHY_H6_FONT_DEFAULT)); $typography_h6_font = str_replace('+', ' ', $typography_h6_font['font_family']); $typography_h6_fontsize = get_theme_mod('lbmn_typography_h6_fontsize', LBMN_TYPOGRAPHY_H6_FONTSIZE_DEFAULT); $typography_h6_fontweight = get_theme_mod('lbmn_typography_h6_fontweight', LBMN_TYPOGRAPHY_H6_FONTWEIGHT_DEFAULT); $typography_h6_lineheight = get_theme_mod('lbmn_typography_h6_lineheight', LBMN_TYPOGRAPHY_H6_LINEHEIGHT_DEFAULT); $typography_h6_marginbottom = get_theme_mod('lbmn_typography_h6_marginbottom', LBMN_TYPOGRAPHY_H6_MARGINBOTTOM_DEFAULT); $typography_h6_color = get_theme_mod('lbmn_typography_h6_color', LBMN_TYPOGRAPHY_H6_COLOR_DEFAULT); $styles .= "h6 {"; $styles .= "font-family: " . $typography_h6_font . ";"; $styles .= "font-size: " . $typography_h6_fontsize . "px;"; $styles .= "line-height: " . $typography_h6_lineheight . "px;"; $styles .= "font-weight: " . $typography_h6_fontweight . ";"; $styles .= "margin-bottom: " . $typography_h6_marginbottom . "px;"; $styles .= "color: " . $typography_h6_color . ";"; $styles .= "}"; /** * ---------------------------------------------------------------------- * Call to action panel */ $calltoaction_height = intval(str_replace('px', '', get_theme_mod('lbmn_calltoaction_height', LBMN_CALLTOACTION_HEIGHT_DEFAULT))); $calltoaction_bgcolor = get_theme_mod('lbmn_calltoaction_backgroundcolor', LBMN_CALLTOACTION_BACKGROUNDCOLOR_DEFAULT); $calltoaction_txtcolor = get_theme_mod('lbmn_calltoaction_textcolor', LBMN_CALLTOACTION_TXTCOLOR_DEFAULT); $calltoaction_bgcolor_hover = get_theme_mod('lbmn_calltoaction_backgroundcolor_hover', LBMN_CALLTOACTION_BACKGROUNDCOLOR_HOVER_DEFAULT); $calltoaction_txtcolor_hover = get_theme_mod('lbmn_calltoaction_textcolor_hover', LBMN_CALLTOACTION_TXTCOLOR_HOVER_DEFAULT); $calltoaction_fontfamily = lbmn_output_css_webfont(get_theme_mod('lbmn_calltoaction_font', LBMN_CALLTOACTION_FONT_DEFAULT)); $calltoaction_fontfamily = str_replace('+', ' ', $calltoaction_fontfamily['font_family']); $calltoaction_fontsize = get_theme_mod('lbmn_calltoaction_fontsize', LBMN_CALLTOACTION_FONTSIZE_DEFAULT); $calltoaction_fontweight = get_theme_mod('lbmn_calltoaction_fontweight', LBMN_CALLTOACTION_FONTWEIGHT_DEFAULT); $styles .= "\n\t.calltoaction-area {\n\t\tbackground-color: {$calltoaction_bgcolor};\n\t\theight: {$calltoaction_height}px;\n\t\tline-height: {$calltoaction_height}px;\n\t}"; $styles .= ".calltoaction-area, .calltoaction-area * {color: {$calltoaction_txtcolor}; }"; $styles .= ".calltoaction-area:hover {"; $styles .= "background-color: {$calltoaction_bgcolor_hover};"; $styles .= "}"; $styles .= ".calltoaction-area:hover, .calltoaction-area:hover * {color: {$calltoaction_txtcolor_hover}; }"; // Call to action area custom fonts $styles .= ".calltoaction-area__content"; $styles .= "{"; $styles .= "font-family:{$calltoaction_fontfamily};"; $styles .= "font-weight:{$calltoaction_fontweight};"; $styles .= "font-size:{$calltoaction_fontsize}px;"; $styles .= "}"; /** * ---------------------------------------------------------------------- * Form Elements */ // form normal $styles .= 'input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea {'; $styles .= "\tbackground: {$content_background};"; $styles .= "}"; /** * ---------------------------------------------------------------------- * Minimize generated styles */ // Remove comments // $styles = preg_replace('!/\*[^*]*\*+([^/][^*]*\*+)*/!', '', $styles); // Remove space after colons $styles = str_replace(': ', ':', $styles); // Remove whitespace $styles = str_replace(array("\r\n", "\r", "\n", "\t", ' ', ' ', ' '), '', $styles); // Wrap CSS into <style> tags $styles = "<!-- Dynamically generated styles " . date("Y-m-d H:i") . " -->\n<style type='text/css' id ='" . LBMN_THEME_NAME . "_customized_css'>\n" . $styles . "\n</style>"; return $styles; }