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;
}
