'; extract( $styles ); /*** Add Dynamic CSS ***/ /* Hoot Grid */ hoot_add_css_rule( array( 'selector' => '.hgrid', 'property' => 'max-width', 'value' => $grid_width, 'idtag' => 'grid_width', ) ); /* Base Typography and HTML */ hoot_add_css_rule( array( 'selector' => 'a', 'property' => 'color', 'value' => $accent_color, 'idtag' => 'accent_color', ) ); // Overridden in premium hoot_add_css_rule( array( 'selector' => 'a:hover', 'property' => 'color', 'value' => $accent_color_dark, ) ); // Overridden in premium hoot_add_css_rule( array( 'selector' => '.accent-typo', 'property' => array( // property => array( value, idtag, important, typography_reset ), 'background' => array( $accent_color, 'accent_color' ), 'color' => array( $accent_font, 'accent_font' ), ), ) ); hoot_add_css_rule( array( 'selector' => '.invert-typo', 'property' => 'color', 'value' => $content_bg_color, ) ); hoot_add_css_rule( array( 'selector' => '.enforce-typo', 'property' => 'background', 'value' => $content_bg_color, ) ); hoot_add_css_rule( array( 'selector' => 'body.wordpress input[type="submit"], body.wordpress #submit, body.wordpress .button', 'property' => array( // property => array( value, idtag, important, typography_reset ), 'border-color' => array( $accent_color, 'accent_color' ), 'background' => array( $accent_color, 'accent_color' ), 'color' => array( $accent_font, 'accent_font' ), ), ) ); hoot_add_css_rule( array( 'selector' => 'body.wordpress input[type="submit"]:hover, body.wordpress #submit:hover, body.wordpress .button:hover, body.wordpress input[type="submit"]:focus, body.wordpress #submit:focus, body.wordpress .button:focus', 'property' => array( // property => array( value, idtag, important, typography_reset ), // 'background' => array( $accent_color_dark ), 'color' => array( $accent_color, 'accent_color' ), 'background' => array( $accent_font, 'accent_font' ), ), ) ); $headingproperty = array(); if ( 'standard' == $headings_fontface ) $headingproperty['font-family'] = array( '"Roboto", sans-serif' ); elseif ( 'alternate' == $headings_fontface ) $headingproperty['font-family'] = array( '"Comfortaa", sans-serif' ); elseif ( 'display' == $headings_fontface ) $headingproperty['font-family'] = array( '"Oswald", sans-serif' ); elseif ( 'heading' == $headings_fontface ) $headingproperty['font-family'] = array( '"Montserrat", sans-serif' ); elseif ( 'heading2' == $headings_fontface ) $headingproperty['font-family'] = array( '"Lora", serif' ); if ( 'uppercase' == $headings_fontface_style ) $headingproperty['text-transform'] = array( 'uppercase' ); else $headingproperty['text-transform'] = array( 'none' ); if ( !empty( $headingproperty ) ) { hoot_add_css_rule( array( 'selector' => 'h1, h2, h3, h4, h5, h6, .title, .titlefont', 'property' => $headingproperty, ) ); // Removed in premium } /* Layout */ // if ( $site_layout == 'boxed' ) { hoot_add_css_rule( array( 'selector' => '#main.main' . ',' . '#header-supplementary' . ',' . '.below-header', 'property' => 'background', 'value' => $content_bg_color, ) ); hoot_add_css_rule( array( 'selector' => '#header-primary,' . '.sub-footer, .footer', 'property' => 'background', 'value' => $content_bg_color, ) ); // Removed in premium // } /* Header (Topbar, Header, Main Nav Menu) */ // Topbar hoot_add_css_rule( array( 'selector' => '#topbar', 'property' => array( // property => array( value, idtag, important, typography_reset ), 'background' => $content_bg_color, // 'background' => array( $accent_color, 'accent_color' ), // 'color' => array( $accent_font, 'accent_font' ), ), ) ); // Overridden in premium hoot_add_css_rule( array( 'selector' => '#topbar.js-search .searchform.expand .searchtext', 'property' => 'background', 'value' => $content_bg_color, // $accent_color, // 'idtag' => 'accent_color', ) ); // Overridden in premium // hoot_add_css_rule( array( // 'selector' => '#topbar.js-search .searchform.expand .searchtext' . ',' . '#topbar .js-search-placeholder', // 'property' => 'color', // 'value' => $accent_font, // 'idtag' => 'accent_font', // ) ); // Overridden in premium /* Header (Topbar, Header, Main Nav Menu) */ // Logo hoot_add_css_rule( array( 'selector' => '#site-logo.logo-border', 'property' => 'border-color', 'value' => $accent_color, 'idtag' => 'accent_color', ) ); /* Header (Topbar, Header, Main Nav Menu) */ // Header Layout - Search hoot_add_css_rule( array( 'selector' => '.header-aside-search.js-search .searchform i.fa-search', 'property' => 'color', 'value' => $accent_color, 'idtag' => 'accent_color', ) ); /* Header (Topbar, Header, Main Nav Menu) */ // Text Logo $logoproperty = array(); if ( 'standard' == $logo_fontface ) $logoproperty['font-family'] = array( '"Roboto", sans-serif' ); elseif ( 'alternate' == $logo_fontface ) $logoproperty['font-family'] = array( '"Comfortaa", sans-serif' ); elseif ( 'display' == $logo_fontface ) $logoproperty['font-family'] = array( '"Oswald", sans-serif' ); elseif ( 'heading' == $logo_fontface ) $logoproperty['font-family'] = '"Montserrat", sans-serif'; elseif ( 'heading2' == $logo_fontface ) $logoproperty['font-family'] = array( '"Lora", serif' ); if ( 'uppercase' == $logo_fontface_style ) $logoproperty['text-transform'] = array( 'uppercase' ); else $logoproperty['text-transform'] = array( 'none' ); if ( !empty( $logoproperty ) ) { hoot_add_css_rule( array( 'selector' => '#site-title', 'property' => $logoproperty, ) ); // Removed in premium } if ( 'uppercase' == $logo_fontface_style ) { hoot_add_css_rule( array( 'selector' => '#site-description', 'property' => 'text-transform', 'value' => $logo_fontface_style, 'idtag' => 'logo_fontface_style', ) ); // Removed in premium } /* Header (Topbar, Header, Main Nav Menu) */ // Logo (with icon) if ( intval( $site_title_icon_size ) ) { hoot_add_css_rule( array( 'selector' => '.site-logo-with-icon #site-title i', 'property' => 'font-size', 'value' => $site_title_icon_size, 'idtag' => 'site_title_icon_size', ) ); } /* Header (Topbar, Header, Main Nav Menu) */ // Mixed/Mixedcustom Logo (with image) if ( !empty( $logo_image_width ) ) : hoot_add_css_rule( array( 'selector' => '.site-logo-mixed-image img', 'property' => 'max-width', 'value' => $logo_image_width, 'idtag' => 'logo_image_width', ) ); endif; /* Header (Topbar, Header, Main Nav Menu) */ // Custom Logo if ( 'custom' == $logo || 'mixedcustom' == $logo ) { if ( is_array( $logo_custom ) && !empty( $logo_custom ) ) { // Code duplicated in _get_custom_text_logo() for selective_refresh $lcount = 1; foreach ( $logo_custom as $logo_custom_line ) { if ( !$logo_custom_line['sortitem_hide'] && !empty( $logo_custom_line['size'] ) ) { hoot_add_css_rule( array( 'selector' => '#site-logo-custom .site-title-line' . $lcount . ',#site-logo-mixedcustom .site-title-line' . $lcount, 'property' => 'font-size', 'value' => $logo_custom_line['size'], ) ); } if ( !$logo_custom_line['sortitem_hide'] && !empty( $logo_custom_line['font'] ) ) { $logo_custom_line_tt = 'none'; $logo_custom_line_tt = ( $logo_custom_line['font'] == 'heading' && 'uppercase' == $logo_fontface_style ) ? 'uppercase' : $logo_custom_line_tt; $logo_custom_line_tt = ( $logo_custom_line['font'] == 'heading2' && 'uppercase' == $headings_fontface_style ) ? 'uppercase' : $logo_custom_line_tt; hoot_add_css_rule( array( 'selector' => '#site-logo-custom .site-title-line' . $lcount . ',#site-logo-mixedcustom .site-title-line' . $lcount, 'property' => 'text-transform', 'value' => $logo_custom_line_tt, ) ); } $lcount++; } } } hoot_add_css_rule( array( 'selector' => '.site-title-line em', 'property' => 'color', 'value' => $accent_color, 'idtag' => 'accent_color', ) ); $sitetitleheadingfont = ''; if ( 'standard' == $headings_fontface ) $sitetitleheadingfont = '"Roboto", sans-serif'; elseif ( 'alternate' == $headings_fontface ) $sitetitleheadingfont = '"Comfortaa", sans-serif'; elseif ( 'display' == $headings_fontface ) $sitetitleheadingfont = '"Oswald", sans-serif'; elseif ( 'heading' == $headings_fontface ) $sitetitleheadingfont = '"Montserrat", sans-serif'; elseif ( 'heading2' == $headings_fontface ) $sitetitleheadingfont = '"Lora", serif'; hoot_add_css_rule( array( 'selector' => '.site-title-heading-font', 'property' => 'font-family', 'value' => $sitetitleheadingfont, ) ); /* Header (Topbar, Header, Main Nav Menu) */ // Nav Menu hoot_add_css_rule( array( 'selector' => '.menu-items ul', 'property' => 'background', 'value' => $content_bg_color, ) ); // Removed in premium hoot_add_css_rule( array( 'selector' => '.mobilemenu-fixed .menu-toggle, .mobilemenu-fixed .menu-items', 'property' => 'background', 'value' => $content_bg_color, 'media' => 'only screen and (max-width: 969px)', ) ); // Removed in premium hoot_add_css_rule( array( 'selector' => '.menu-items li.current-menu-item, .menu-items li.current-menu-ancestor, .menu-items li:hover', 'property' => array( // property => array( value, idtag, important, typography_reset ), 'background' => array( $accent_color, 'accent_color' ), ), ) ); hoot_add_css_rule( array( 'selector' => '.menu-items li.current-menu-item > a, .menu-items li.current-menu-ancestor > a, .menu-items li:hover > a', 'property' => array( // property => array( value, idtag, important, typography_reset ), 'color' => array( $accent_font, 'accent_font' ), ), ) ); /* Main #Content */ // hoot_add_css_rule( array( // 'selector' => '.entry-footer .entry-byline', // 'property' => 'color', // 'value' => $accent_color, // 'idtag' => 'accent_color', // ) ); // Removed in premium // Overridden in premium /* Main #Content for Index (Archive / Blog List) */ hoot_add_css_rule( array( 'selector' => '.more-link' . ',' . '.more-link a', 'property' => array( // property => array( value, idtag, important, typography_reset ), 'color' => array( $accent_color, 'accent_color' ), ), ) ); hoot_add_css_rule( array( 'selector' => '.more-link:hover' . ',' . '.more-link:hover a', 'property' => array( // property => array( value, idtag, important, typography_reset ), // 'background' => array( $content_bg_color ), 'color' => array( $accent_color_dark, 'accent_color_dark' ), ), ) ); /* Frontpage */ $sections = hoot_sortlist( hoot_get_mod( 'frontpage_sections' ) ); if ( is_array( $sections ) && !empty( $sections ) ) { foreach ( $sections as $key => $section ) { $id = ( $key == 'content' ) ? 'frontpage-page-content' : sanitize_html_class( 'frontpage-' . $key ); $type = hoot_get_mod( "frontpage_sectionbg_{$key}-font" ); switch ($type) { case 'color': $selector = '.'.$id.' *, .'.$id.' .more-link, .'.$id.' .more-link a'; break; case 'force': $selector = '#'.$id.' *, #'.$id.' .more-link, #'.$id.' .more-link a'; break; default: $selector = ''; break; } if ( $selector ) { hoot_add_css_rule( array( 'selector' => $selector, 'property' => 'color', 'value' => hoot_get_mod( "frontpage_sectionbg_{$key}-fontcolor" ), ) ); } } } /* Sidebars and Widgets */ hoot_add_css_rule( array( 'selector' => '.sidebar .widget-title' . ',' . '.sub-footer .widget-title, .footer .widget-title', 'property' => array( // property => array( value, idtag, important, typography_reset ), 'background' => array( $accent_color, 'accent_color' ), 'color' => array( $accent_font, 'accent_font' ), ), ) ); if ( !empty( $widgetmargin ) ) : hoot_add_css_rule( array( 'selector' => '.main-content-grid' . ',' . '.widget' . ',' . '.frontpage-area', 'property' => 'margin-top', 'value' => $widgetmargin, 'idtag' => 'widgetmargin', ) ); hoot_add_css_rule( array( 'selector' => '.widget' . ',' . '.frontpage-area', 'property' => 'margin-bottom', 'value' => $widgetmargin, 'idtag' => 'widgetmargin', ) ); hoot_add_css_rule( array( 'selector' => '.frontpage-area.module-bg-highlight, .frontpage-area.module-bg-color, .frontpage-area.module-bg-image', 'property' => 'padding', 'value' => $widgetmargin . ' 0', ) ); hoot_add_css_rule( array( 'selector' => '.sidebar', 'property' => 'margin-top', 'value' => $widgetmargin, 'media' => 'only screen and (max-width: 969px)', ) ); hoot_add_css_rule( array( 'selector' => '.frontpage-widgetarea > div.hgrid > [class*="hgrid-span-"]', 'property' => 'margin-bottom', 'value' => $widgetmargin, 'media' => 'only screen and (max-width: 969px)', ) ); endif; if ( !empty( $smallwidgetmargin ) ) : hoot_add_css_rule( array( 'selector' => '.footer .widget', 'property' => 'margin', 'value' => $smallwidgetmargin . ' 0', ) ); endif; hoot_add_css_rule( array( 'selector' => '.js-search .searchform.expand .searchtext', 'property' => 'background', 'value' => $content_bg_color, ) ); /* Plugins */ hoot_add_css_rule( array( 'selector' => '#infinite-handle span' . ',' . '.lrm-form a.button, .lrm-form button, .lrm-form button[type=submit], .lrm-form #buddypress input[type=submit], .lrm-form input[type=submit]' . ',' . '.widget_newsletterwidget, .widget_newsletterwidgetminimal' . ',' . '.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt' . ',' . '.widget_breadcrumb_navxt .breadcrumbs > .hoot-bcn-pretext', 'property' => array( // property => array( value, idtag, important, typography_reset ), 'background' => array( $accent_color, 'accent_color' ), 'color' => array( $accent_font, 'accent_font' ), ), ) ); hoot_add_css_rule( array( 'selector' => '.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover', 'property' => array( // property => array( value, idtag, important, typography_reset ), 'background' => array( $accent_font, 'accent_font' ), 'color' => array( $accent_color, 'accent_color' ), ), ) ); hoot_add_css_rule( array( 'selector' => '.widget_breadcrumb_navxt .breadcrumbs > .hoot-bcn-pretext:after', 'property' => 'border-left-color', 'value' => $accent_color, 'idtag' => 'accent_color', ) ); }