PHP td_css_compiler Exemples

Exemple #1

Fichier : td_css_generator_demo.php Projet : weerapat/wp-daily

/**
 * Created by ra.
 * Date: 9/2/2015
 * CSS generator for this specific demo
 */
function td_css_demo_gen()
{
    $td_demo_custom_css = "\n\t<style>\n\t\t/* @theme_color */\n\t\t.td-health .td-module-comments a {\n        \tbackground-color: @theme_color;\n    \t}\n    \t.td-health .td-module-comments a:after {\n        \tborder-color: @theme_color transparent transparent transparent;\n    \t}\n    \t.td-health .td-header-style-6 .sf-menu > li > a:hover,\n\t    .td-health .td-header-style-6 .sf-menu > .sfHover > a,\n\t    .td-health .td-header-style-6 .sf-menu > .current-menu-item > a,\n\t    .td-health .td-header-style-6 .sf-menu > .current-menu-ancestor > a,\n\t    .td-health .td-header-style-6 .sf-menu > .current-category-ancestor > a {\n\t        color: @theme_color !important;\n\t    }\n\t</style>\n\t";
    $td_demo_css_compiler = new td_css_compiler($td_demo_custom_css);
    $td_demo_css_compiler->load_setting('theme_color');
    return $td_demo_css_compiler->compile_css();
}

Exemple #2

Fichier : td_css_generator_demo.php Projet : luxifel/Bionerd

/**
 * Created by ra.
 * Date: 9/2/2015
 * CSS generator for this specific demo
 */
function td_css_demo_gen()
{
    $td_demo_custom_css = "\r\n\t<style>\r\n\t\t/* @theme_color */\r\n\t\t.td-travel .td-header-style-5 .sf-menu > li > a:hover,\r\n\t    .td-travel .td-header-style-5 .sf-menu > .sfHover > a,\r\n\t    .td-travel .td-header-style-5 .sf-menu > .current-menu-item > a,\r\n\t    .td-travel .td-header-style-5 .sf-menu > .current-menu-ancestor > a,\r\n\t    .td-travel .td-header-style-5 .sf-menu > .current-category-ancestor > a {\r\n\t        color: @theme_color !important;\r\n\t    }\r\n\t</style>\r\n\t";
    $td_demo_css_compiler = new td_css_compiler($td_demo_custom_css);
    $td_demo_css_compiler->load_setting('theme_color');
    return $td_demo_css_compiler->compile_css();
}

Exemple #3

Fichier : td_block.php Projet : vikasjain1595/wordpresstheme

 /**
  * the base render function. This is called by all the child classes of this class
  * this function also adds the block specific css to the buffer (for hover and stuff)
  * @param $atts
  * @return string ''
  */
 function render($atts, $content = null)
 {
     $this->atts = $this->add_live_filter_atts($atts);
     //add live filter atts
     $this->block_uid = td_global::td_generate_unique_id();
     //update unique id on each render
     $this->td_query =& td_data_source::get_wp_query($this->atts);
     //by ref do the query
     /**
      * if we have an header color, add an unique class to this block and also add the css in the buffer
      *  - also does not add the class and color on specific blocks
      */
     if (!empty($atts['header_color']) and $this->block_id != 'td_block_14' and $this->block_id != 'td_slide') {
         $unique_block_class = $this->block_uid . '_inline';
         if (!empty($this->atts['class'])) {
             $this->atts['class'] = $this->atts['class'] . ' ' . $unique_block_class;
         } else {
             $this->atts['class'] = $unique_block_class;
         }
         $raw_css = "\n                <style>\n                    /* @header_color */\n                    .{$unique_block_class} .td_module_wrap:hover .entry-title a {\n                        color: @header_color;\n                    }\n\n                    .{$unique_block_class} .td-next-prev-wrap a:hover i {\n                        background-color: @header_color;\n                        border-color: @header_color;\n                    }\n                    .{$unique_block_class} .td_module_wrap .td-post-category:hover {\n                        background-color: @header_color;\n                    }\n\n                    .{$unique_block_class} .td-pulldown-filter-display-option:hover {\n                        color: @header_color !important;\n                    }\n\n                    .{$unique_block_class} a.td-pulldown-filter-link:hover {\n                        color: @header_color !important;\n                    }\n                </style>\n            ";
         if (strtolower($atts['header_color']) != 'ffffff' and strtolower($atts['header_color']) != '#ffffff') {
             $td_css_compiler = new td_css_compiler($raw_css);
             $td_css_compiler->load_setting_raw('header_color', $atts['header_color']);
             /**
              * this outputs the custom style for this block  scoped - http://www.w3schools.com/tags/att_style_scoped.asp
              */
             $buffy = '<style scoped>';
             $buffy .= $td_css_compiler->compile_css();
             $buffy .= '</style>';
             echo $buffy;
         }
     }
     return '';
 }

Exemple #4

Fichier : td_css_generator_demo.php Projet : weerapat/wp-daily

/**
 * Created by ra.
 * Date: 9/2/2015
 * CSS generator for this specific demo
 */
function td_css_demo_gen()
{
    $td_demo_custom_css = "\n\t<style>\n\t\t/* @theme_color */\n\t\t.td-cars .td-module-comments a,\n\t\t.td-cars .td_video_playlist_title {\n\t\t\tbackground-color: @theme_color;\n\t\t}\n\n\t\t.td-cars .td-module-comments a:after {\n\t\t\tborder-color: @theme_color transparent transparent transparent;\n\t\t}\n\n\t\t/* @submenu_hover_color */\n\t\t.td-cars .td-header-style-10 .sf-menu > li > a:hover,\n\t\t.td-cars .td-header-style-10 .sf-menu > .sfHover > a,\n\t\t.td-cars .td-header-style-10 .sf-menu > .current-menu-item > a,\n\t\t.td-cars .td-header-style-10 .sf-menu > .current-menu-ancestor > a,\n\t\t.td-cars .td-header-style-10 .sf-menu > .current-category-ancestor > a,\n\t\t.td-header-style-10 .header-search-wrap .td-icon-search:hover {\n\t\t\tcolor: @submenu_hover_color;\n\t\t}\n\n\n\t</style>\n\t";
    $td_demo_css_compiler = new td_css_compiler($td_demo_custom_css);
    $td_demo_css_compiler->load_setting('theme_color');
    $td_demo_css_compiler->load_setting('submenu_hover_color');
    return $td_demo_css_compiler->compile_css();
}

Exemple #5

Fichier : td_block_template_1.php Projet : Che234/andreatelo

 /**
  * renders the CSS for each block, each template may require a different css generated by the theme
  * @return string CSS the rendered css and <style> block
  */
 function get_css()
 {
     extract(shortcode_atts(array('header_color' => '', 'header_text_color' => ''), $this->template_data_array['atts']));
     // check if we have a header color, do nothing if we don't have a header_color or header_text_color
     if ((empty($header_color) or $header_color == '#') and (empty($header_text_color) or $header_text_color == '#')) {
         return '';
     }
     // $unique_block_class - the unique class that is on the block. use this to target the specific instance via css
     $unique_block_class = $this->template_data_array['unique_block_class'];
     // the css that will be compiled by the block, <style> - will be removed by the compiler
     $raw_css = "\r\n        <style>\r\n\r\n            /* @header_color */\r\n            .{$unique_block_class} .td_module_wrap:hover .entry-title a,\r\n            .{$unique_block_class} a.td-pulldown-filter-link:hover,\r\n            .{$unique_block_class} .td-subcat-item a:hover,\r\n            .{$unique_block_class} .td-subcat-item .td-cur-simple-item,\r\n            .{$unique_block_class} .td_quote_on_blocks {\r\n                color: @header_color;\r\n            }\r\n\r\n            .{$unique_block_class} .td-next-prev-wrap a:hover,\r\n            .{$unique_block_class} .td-load-more-wrap a:hover {\r\n                background-color: @header_color;\r\n                border-color: @header_color;\r\n            }\r\n            .{$unique_block_class} .td-subcat-dropdown:hover .td-subcat-more,\r\n            .{$unique_block_class} .td-post-category:hover {\r\n                background-color: @header_color;\r\n            }\r\n\r\n            .{$unique_block_class} .block-title span,\r\n            .{$unique_block_class} .td-trending-now-title,\r\n            .{$unique_block_class} .block-title a,\r\n            .{$unique_block_class} .td-read-more a {\r\n                background-color: @header_color;\r\n            }\r\n\r\n            .{$unique_block_class} .block-title {\r\n                border-color: @header_color;\r\n            }\r\n\r\n            /* @header_text_color */\r\n            .{$unique_block_class} .block-title span,\r\n            .{$unique_block_class} .td-trending-now-title,\r\n            .{$unique_block_class} .block-title a {\r\n                color: @header_text_color;\r\n            }\r\n        </style>\r\n    ";
     $td_css_compiler = new td_css_compiler($raw_css);
     $td_css_compiler->load_setting_raw('header_color', $header_color);
     $td_css_compiler->load_setting_raw('header_text_color', $header_text_color);
     $compiled_style = $td_css_compiler->compile_css();
     if (!empty($compiled_style)) {
         /** scoped - @link http://www.w3schools.com/tags/att_style_scoped.asp */
         $compiled_style = PHP_EOL . '<style scoped>' . PHP_EOL . $compiled_style . PHP_EOL . '</style>';
     }
     return $compiled_style;
 }

Exemple #6

Fichier : td_css_generator.php Projet : luxifel/Bionerd

/**
 * @big_grid_large_image is put after @big_grid_small_images so that it will overwrite small posts style
 */
function td_css_generator()
{
    $raw_css = "\r\n    <style>\r\n    /* ------------------------------------------------------ */\r\n    /* Newspaper 6 */\r\n\r\n    /* ------------------------------------------------------ */\r\n    /* GENERAL Theme Colors */\r\n\r\n    /* THEME ACCENT COLOR */\r\n    /* @theme_color */\r\n    .td-header-wrap .black-menu .sf-menu > .current-menu-item > a,\r\n    .td-header-wrap .black-menu .sf-menu > .current-menu-ancestor > a,\r\n    .td-header-wrap .black-menu .sf-menu > .current-category-ancestor > a,\r\n    .td-header-wrap .black-menu .sf-menu > li > a:hover,\r\n    .td-header-wrap .black-menu .sf-menu > .sfHover > a,\r\n    .td-header-style-12 .td-header-menu-wrap-full,\r\n    .sf-menu > .current-menu-item > a:after,\r\n    .sf-menu > .current-menu-ancestor > a:after,\r\n    .sf-menu > .current-category-ancestor > a:after,\r\n    .sf-menu > li:hover > a:after,\r\n    .sf-menu > .sfHover > a:after,\r\n    .sf-menu ul .td-menu-item > a:hover,\r\n    .sf-menu ul .sfHover > a,\r\n    .sf-menu ul .current-menu-ancestor > a,\r\n    .sf-menu ul .current-category-ancestor > a,\r\n    .sf-menu ul .current-menu-item > a,\r\n    .td-header-style-12 .td-affix,\r\n    .header-search-wrap .td-drop-down-search:after,\r\n    .header-search-wrap .td-drop-down-search .btn:hover,\r\n    input[type=submit]:hover,\r\n    .td-read-more a,\r\n    .td-post-category:hover,\r\n    .td-grid-style-1.td-hover-1 .td-big-grid-post:hover .td-post-category,\r\n    .td-grid-style-5.td-hover-1 .td-big-grid-post:hover .td-post-category,\r\n    .td_top_authors .td-active .td-author-post-count,\r\n    .td_top_authors .td-active .td-author-comments-count,\r\n    .td_top_authors .td_mod_wrap:hover .td-author-post-count,\r\n    .td_top_authors .td_mod_wrap:hover .td-author-comments-count,\r\n    .td-404-sub-sub-title a:hover,\r\n    .td-search-form-widget .wpb_button:hover,\r\n    .td-rating-bar-wrap div,\r\n    .td_category_template_3 .td-current-sub-category,\r\n    .td-login-wrap .btn,\r\n    .td_display_err,\r\n    .td_display_msg_ok,\r\n    .dropcap,\r\n    .td_wrapper_video_playlist .td_video_controls_playlist_wrapper,\r\n    .wpb_default,\r\n    .wpb_default:hover,\r\n    .td-left-smart-list:hover,\r\n    .td-right-smart-list:hover,\r\n    .woocommerce-checkout .woocommerce input.button:hover,\r\n    .woocommerce-page .woocommerce a.button:hover,\r\n    .woocommerce-account div.woocommerce .button:hover,\r\n    #bbpress-forums button:hover,\r\n    .bbp_widget_login .button:hover,\r\n    .td-footer-wrapper .td-post-category,\r\n    .td-footer-wrapper .widget_product_search input[type=\"submit\"]:hover,\r\n    .woocommerce .product a.button:hover,\r\n    .woocommerce .product #respond input#submit:hover,\r\n    .woocommerce .checkout input#place_order:hover,\r\n    .woocommerce .woocommerce.widget .button:hover,\r\n    .single-product .product .summary .cart .button:hover,\r\n    .woocommerce-cart .woocommerce table.cart .button:hover,\r\n    .woocommerce-cart .woocommerce .shipping-calculator-form .button:hover,\r\n    .td-next-prev-wrap a:hover,\r\n    .td-load-more-wrap a:hover,\r\n    .td-post-small-box a:hover,\r\n    .page-nav .current,\r\n    .page-nav:first-child > div,\r\n    .td_category_template_8 .td-category-header .td-category a.td-current-sub-category,\r\n    .td_category_template_4 .td-category-siblings .td-category a:hover,\r\n    #bbpress-forums .bbp-pagination .current,\r\n    #bbpress-forums #bbp-single-user-details #bbp-user-navigation li.current a,\r\n    .td-theme-slider:hover .slide-meta-cat a,\r\n    a.vc_btn-black:hover,\r\n    .td-trending-now-wrapper:hover .td-trending-now-title,\r\n    .td-scroll-up-visible,\r\n    .td-mobile-close a,\r\n    .td-smart-list-button:hover,\r\n    .td-weather-information:before,\r\n    .td-weather-week:before {\r\n        background-color: @theme_color;\r\n    }\r\n\r\n    .woocommerce .woocommerce-message .button:hover,\r\n    .woocommerce .woocommerce-error .button:hover,\r\n    .woocommerce .woocommerce-info .button:hover {\r\n        background-color: @theme_color !important;\r\n    }\r\n\r\n    .woocommerce .product .onsale,\r\n    .woocommerce.widget .ui-slider .ui-slider-handle {\r\n        background: none @theme_color;\r\n    }\r\n\r\n    .woocommerce.widget.widget_layered_nav_filters ul li a {\r\n        background: none repeat scroll 0 0 @theme_color !important;\r\n    }\r\n\r\n    a,\r\n    cite a:hover,\r\n    .td_mega_menu_sub_cats .cur-sub-cat,\r\n    .td-mega-span h3 a:hover,\r\n    .td_mod_mega_menu:hover .entry-title a,\r\n    .header-search-wrap .result-msg a:hover,\r\n    .top-header-menu li a:hover,\r\n    .top-header-menu .current-menu-item > a,\r\n    .top-header-menu .current-menu-ancestor > a,\r\n    .top-header-menu .current-category-ancestor > a,\r\n    .td-social-icon-wrap > a:hover,\r\n    .td-header-sp-top-widget .td-social-icon-wrap a:hover,\r\n    .td-page-content blockquote p,\r\n    .td-post-content blockquote p,\r\n    .mce-content-body blockquote p,\r\n    .comment-content blockquote p,\r\n    .wpb_text_column blockquote p,\r\n    .td_block_text_with_title blockquote p,\r\n    .td_module_wrap:hover .entry-title a,\r\n    .td-subcat-filter .td-subcat-list a:hover,\r\n    .td-subcat-filter .td-subcat-dropdown a:hover,\r\n    .td_quote_on_blocks,\r\n    .dropcap2,\r\n    .dropcap3,\r\n    .td_top_authors .td-active .td-authors-name a,\r\n    .td_top_authors .td_mod_wrap:hover .td-authors-name a,\r\n    .td-post-next-prev-content a:hover,\r\n    .author-box-wrap .td-author-social a:hover,\r\n    .td-author-name a:hover,\r\n    .td-author-url a:hover,\r\n    .td_mod_related_posts:hover h3 > a,\r\n    .td-post-template-11 .td-related-title .td-related-left:hover,\r\n    .td-post-template-11 .td-related-title .td-related-right:hover,\r\n    .td-post-template-11 .td-related-title .td-cur-simple-item,\r\n    .td-post-template-11 .td_block_related_posts .td-next-prev-wrap a:hover,\r\n    .comment-reply-link:hover,\r\n    .logged-in-as a:hover,\r\n    #cancel-comment-reply-link:hover,\r\n    .td-search-query,\r\n    .td-category-header .td-pulldown-category-filter-link:hover,\r\n    .td-category-siblings .td-subcat-dropdown a:hover,\r\n    .td-category-siblings .td-subcat-dropdown a.td-current-sub-category,\r\n    .td-login-wrap .td-login-info-text a:hover,\r\n    .widget a:hover,\r\n    .widget_calendar tfoot a:hover,\r\n    .woocommerce a.added_to_cart:hover,\r\n    #bbpress-forums li.bbp-header .bbp-reply-content span a:hover,\r\n    #bbpress-forums .bbp-forum-freshness a:hover,\r\n    #bbpress-forums .bbp-topic-freshness a:hover,\r\n    #bbpress-forums .bbp-forums-list li a:hover,\r\n    #bbpress-forums .bbp-forum-title:hover,\r\n    #bbpress-forums .bbp-topic-permalink:hover,\r\n    #bbpress-forums .bbp-topic-started-by a:hover,\r\n    #bbpress-forums .bbp-topic-started-in a:hover,\r\n    #bbpress-forums .bbp-body .super-sticky li.bbp-topic-title .bbp-topic-permalink,\r\n    #bbpress-forums .bbp-body .sticky li.bbp-topic-title .bbp-topic-permalink,\r\n    .widget_display_replies .bbp-author-name,\r\n    .widget_display_topics .bbp-author-name,\r\n    .footer-email-wrap a,\r\n    .td-subfooter-menu li a:hover,\r\n    .footer-social-wrap a:hover,\r\n    a.vc_btn-black:hover,\r\n    .td-mobile-content li a:hover,\r\n    .td-mobile-content .sfHover > a,\r\n    .td-mobile-content .current-menu-item > a,\r\n    .td-mobile-content .current-menu-ancestor > a,\r\n    .td-mobile-content .current-category-ancestor > a,\r\n    .td-smart-list-dropdown-wrap .td-smart-list-button:hover {\r\n        color: @theme_color;\r\n    }\r\n\r\n    .td_login_tab_focus,\r\n    a.vc_btn-black.vc_btn_square_outlined:hover,\r\n    a.vc_btn-black.vc_btn_outlined:hover,\r\n    .td-mega-menu-page .wpb_content_element ul li a:hover {\r\n        color: @theme_color !important;\r\n    }\r\n\r\n    .td-next-prev-wrap a:hover,\r\n    .td-load-more-wrap a:hover,\r\n    .td-post-small-box a:hover,\r\n    .page-nav .current,\r\n    .page-nav:first-child > div,\r\n    .td_category_template_8 .td-category-header .td-category a.td-current-sub-category,\r\n    .td_category_template_4 .td-category-siblings .td-category a:hover,\r\n    #bbpress-forums .bbp-pagination .current,\r\n    .td-login-panel-title,\r\n    .post .td_quote_box,\r\n    .page .td_quote_box,\r\n    a.vc_btn-black:hover {\r\n        border-color: @theme_color;\r\n    }\r\n\r\n    .td_wrapper_video_playlist .td_video_currently_playing:after {\r\n        border-color: @theme_color !important;\r\n    }\r\n\r\n    .header-search-wrap .td-drop-down-search:before {\r\n        border-color: transparent transparent @theme_color transparent;\r\n    }\r\n\r\n    .block-title > span,\r\n    .block-title > a,\r\n    .block-title > label,\r\n    .widgettitle,\r\n    .widgettitle:after,\r\n    .td-trending-now-title,\r\n    .td-trending-now-wrapper:hover .td-trending-now-title,\r\n    .wpb_tabs li.ui-tabs-active a,\r\n    .wpb_tabs li:hover a,\r\n    .vc_tta-container .vc_tta-color-grey.vc_tta-tabs-position-top.vc_tta-style-classic .vc_tta-tabs-container .vc_tta-tab.vc_active > a,\r\n    .vc_tta-container .vc_tta-color-grey.vc_tta-tabs-position-top.vc_tta-style-classic .vc_tta-tabs-container .vc_tta-tab:hover > a,\r\n    .td-related-title .td-cur-simple-item,\r\n    .woocommerce .product .products h2,\r\n    .td-subcat-filter .td-subcat-dropdown:hover .td-subcat-more {\r\n    \tbackground-color: @theme_color;\r\n    }\r\n\r\n    .woocommerce div.product .woocommerce-tabs ul.tabs li.active {\r\n    \tbackground-color: @theme_color !important;\r\n    }\r\n\r\n    .block-title,\r\n    .td-related-title,\r\n    .wpb_tabs .wpb_tabs_nav,\r\n    .vc_tta-container .vc_tta-color-grey.vc_tta-tabs-position-top.vc_tta-style-classic .vc_tta-tabs-container,\r\n    .woocommerce div.product .woocommerce-tabs ul.tabs:before {\r\n        border-color: @theme_color;\r\n    }\r\n    .td_block_wrap .td-subcat-item .td-cur-simple-item {\r\n\t    color: @theme_color;\r\n\t}\r\n\r\n\r\n    /* @slider_text */\r\n    .td-grid-style-4 .entry-title\r\n    {\r\n        background-color: @slider_text;\r\n    }\r\n\r\n    /* @header_color */\r\n    .block-title > span,\r\n    .block-title > a,\r\n    .block-title > label,\r\n    .widgettitle,\r\n    .widgettitle:after,\r\n    .td-trending-now-title,\r\n    .td-trending-now-wrapper:hover .td-trending-now-title,\r\n    .wpb_tabs li.ui-tabs-active a,\r\n    .wpb_tabs li:hover a,\r\n    .vc_tta-container .vc_tta-color-grey.vc_tta-tabs-position-top.vc_tta-style-classic .vc_tta-tabs-container .vc_tta-tab.vc_active > a,\r\n    .vc_tta-container .vc_tta-color-grey.vc_tta-tabs-position-top.vc_tta-style-classic .vc_tta-tabs-container .vc_tta-tab:hover > a,\r\n    .td-related-title .td-cur-simple-item,\r\n    .woocommerce .product .products h2,\r\n    .td-subcat-filter .td-subcat-dropdown:hover .td-subcat-more,\r\n    .td-weather-information:before,\r\n    .td-weather-week:before {\r\n        background-color: @header_color;\r\n    }\r\n\r\n    .woocommerce div.product .woocommerce-tabs ul.tabs li.active {\r\n    \tbackground-color: @header_color !important;\r\n    }\r\n\r\n    .block-title,\r\n    .td-related-title,\r\n    .wpb_tabs .wpb_tabs_nav,\r\n    .vc_tta-container .vc_tta-color-grey.vc_tta-tabs-position-top.vc_tta-style-classic .vc_tta-tabs-container,\r\n    .woocommerce div.product .woocommerce-tabs ul.tabs:before {\r\n        border-color: @header_color;\r\n    }\r\n\r\n    /* @text_header_color */\r\n    .block-title > span,\r\n    .block-title > a,\r\n    .widgettitle,\r\n    .td-trending-now-title,\r\n    .wpb_tabs li.ui-tabs-active a,\r\n    .wpb_tabs li:hover a,\r\n    .vc_tta-container .vc_tta-color-grey.vc_tta-tabs-position-top.vc_tta-style-classic .vc_tta-tabs-container .vc_tta-tab.vc_active > a,\r\n    .vc_tta-container .vc_tta-color-grey.vc_tta-tabs-position-top.vc_tta-style-classic .vc_tta-tabs-container .vc_tta-tab:hover > a,\r\n    .td-related-title .td-cur-simple-item,\r\n    .woocommerce div.product .woocommerce-tabs ul.tabs li.active,\r\n    .woocommerce .product .products h2 {\r\n    \tcolor: @text_header_color;\r\n    }\r\n\r\n\r\n    /* ------------------------------------------------------ */\r\n    /* TOP Menu */\r\n\r\n\r\n    /* @top_menu_color */\r\n    .td-header-wrap .td-header-top-menu-full,\r\n    .td-header-wrap .top-header-menu .sub-menu {\r\n        background-color: @top_menu_color;\r\n    }\r\n    .td-header-style-8 .td-header-top-menu-full {\r\n        background-color: transparent;\r\n    }\r\n    .td-header-style-8 .td-header-top-menu-full .td-header-top-menu {\r\n        background-color: @top_menu_color;\r\n        padding-left: 15px;\r\n        padding-right: 15px;\r\n    }\r\n\r\n    .td-header-wrap .td-header-top-menu-full .td-header-top-menu,\r\n    .td-header-wrap .td-header-top-menu-full {\r\n        border-bottom: none;\r\n    }\r\n\r\n\r\n    /* @top_menu_text_color */\r\n    .td-header-top-menu,\r\n    .td-header-top-menu a,\r\n    .td-header-wrap .td-header-top-menu-full .td-header-top-menu,\r\n    .td-header-wrap .td-header-top-menu-full a,\r\n    .td-header-style-8 .td-header-top-menu,\r\n    .td-header-style-8 .td-header-top-menu a {\r\n        color: @top_menu_text_color;\r\n    }\r\n\r\n    /* @top_menu_text_hover_color */\r\n    .top-header-menu .current-menu-item > a,\r\n    .top-header-menu .current-menu-ancestor > a,\r\n    .top-header-menu .current-category-ancestor > a,\r\n    .top-header-menu li a:hover {\r\n        color: @top_menu_text_hover_color;\r\n    }\r\n\r\n    /* @top_social_icons_color */\r\n    .td-header-wrap .td-header-sp-top-widget .td-icon-font {\r\n        color: @top_social_icons_color;\r\n    }\r\n\r\n    /* @top_social_icons_hover_color */\r\n    .td-header-wrap .td-header-sp-top-widget i.td-icon-font:hover {\r\n        color: @top_social_icons_hover_color;\r\n    }\r\n\r\n\r\n    /* ------------------------------------------------------ */\r\n    /* Main Menu */\r\n\r\n    /* @menu_color */\r\n    .td-header-wrap .td-header-menu-wrap-full,\r\n    .sf-menu > .current-menu-ancestor > a,\r\n    .sf-menu > .current-category-ancestor > a,\r\n    .td-header-menu-wrap.td-affix,\r\n    .td-header-style-3 .td-header-main-menu,\r\n    .td-header-style-3 .td-affix .td-header-main-menu,\r\n    .td-header-style-4 .td-header-main-menu,\r\n    .td-header-style-4 .td-affix .td-header-main-menu,\r\n    .td-header-style-8 .td-header-menu-wrap.td-affix,\r\n    .td-header-style-8 .td-header-top-menu-full {\r\n\t\tbackground-color: @menu_color;\r\n    }\r\n\r\n\r\n    .td-boxed-layout .td-header-style-3 .td-header-menu-wrap,\r\n    .td-boxed-layout .td-header-style-4 .td-header-menu-wrap {\r\n    \tbackground-color: @menu_color !important;\r\n    }\r\n\r\n\r\n    @media (min-width: 1019px) {\r\n        .td-header-style-1 .td-header-sp-recs,\r\n        .td-header-style-1 .td-header-sp-logo {\r\n            margin-bottom: 28px;\r\n        }\r\n    }\r\n\r\n    @media (min-width: 768px) and (max-width: 1018px) {\r\n        .td-header-style-1 .td-header-sp-recs,\r\n        .td-header-style-1 .td-header-sp-logo {\r\n            margin-bottom: 14px;\r\n        }\r\n    }\r\n\r\n    .td-header-style-7 .td-header-top-menu {\r\n        border-bottom: none;\r\n    }\r\n\r\n\r\n    /* @submenu_hover_color */\r\n    .sf-menu ul .td-menu-item > a:hover,\r\n    .sf-menu ul .sfHover > a,\r\n    .sf-menu ul .current-menu-ancestor > a,\r\n    .sf-menu ul .current-category-ancestor > a,\r\n    .sf-menu ul .current-menu-item > a,\r\n    .sf-menu > .current-menu-item > a:after,\r\n    .sf-menu > .current-menu-ancestor > a:after,\r\n    .sf-menu > .current-category-ancestor > a:after,\r\n    .sf-menu > li:hover > a:after,\r\n    .sf-menu > .sfHover > a:after,\r\n    .td_block_mega_menu .td-next-prev-wrap a:hover,\r\n    .td-mega-span .td-post-category:hover,\r\n    .td-header-wrap .black-menu .sf-menu > li > a:hover,\r\n    .td-header-wrap .black-menu .sf-menu > .current-menu-ancestor > a,\r\n    .td-header-wrap .black-menu .sf-menu > .sfHover > a,\r\n    .header-search-wrap .td-drop-down-search:after,\r\n    .header-search-wrap .td-drop-down-search .btn:hover,\r\n    .td-header-wrap .black-menu .sf-menu > .current-menu-item > a,\r\n    .td-header-wrap .black-menu .sf-menu > .current-menu-ancestor > a,\r\n    .td-header-wrap .black-menu .sf-menu > .current-category-ancestor > a,\r\n    .td-mobile-close a {\r\n        background-color: @submenu_hover_color;\r\n    }\r\n\r\n\r\n    .td_block_mega_menu .td-next-prev-wrap a:hover {\r\n        border-color: @submenu_hover_color;\r\n    }\r\n\r\n    .header-search-wrap .td-drop-down-search:before {\r\n        border-color: transparent transparent @submenu_hover_color transparent;\r\n    }\r\n\r\n    .td_mega_menu_sub_cats .cur-sub-cat,\r\n    .td_mod_mega_menu:hover .entry-title a,\r\n    .td-mobile-content li a:hover,\r\n    .td-mobile-content .current-menu-item > a,\r\n    .td-mobile-content .current-menu-ancestor > a,\r\n    .td-mobile-content .current-category-ancestor > a {\r\n        color: @submenu_hover_color;\r\n    }\r\n\r\n\r\n    /* @menu_text_color */\r\n    .td-header-wrap .td-header-menu-wrap .sf-menu > li > a,\r\n    .td-header-wrap .header-search-wrap .td-icon-search {\r\n        color: @menu_text_color;\r\n    }\r\n\r\n\r\n    /* @mobile_menu_color */\r\n    @media (max-width: 767px) {\r\n        body .td-header-wrap .td-header-main-menu {\r\n            background-color: @mobile_menu_color !important;\r\n        }\r\n    }\r\n\r\n\r\n    /* @mobile_icons_color */\r\n    @media (max-width: 767px) {\r\n        body #td-top-mobile-toggle i,\r\n        .td-header-wrap .header-search-wrap .td-icon-search {\r\n            color: @mobile_icons_color !important;\r\n        }\r\n    }\r\n\r\n    /* @open_background_color */\r\n    @media (max-width: 767px) {\r\n        body .td-mobile-nav-wrap {\r\n            background-color: @open_background_color !important;\r\n        }\r\n        .td-mobile-content li a:hover {\r\n            background-color: transparent !important;\r\n        }\r\n    }\r\n\r\n    /* @open_border_color */\r\n    @media (max-width: 767px) {\r\n        .td-mobile-content li a {\r\n            border-color: @open_border_color !important;\r\n        }\r\n    }\r\n\r\n    /* @open_text_color */\r\n    @media (max-width: 767px) {\r\n        .td-mobile-content li a,\r\n        .td-mobile-content .td-icon-menu-down {\r\n            color: @open_text_color;\r\n        }\r\n        .td-mobile-content .td-icon-menu-down {\r\n            opacity: 0.8;\r\n        }\r\n    }\r\n\r\n    /* @open_text_hover_color */\r\n    @media (max-width: 767px) {\r\n        .td-mobile-content li a:hover,\r\n        .td-mobile-content .sfHover > a,\r\n        .td-mobile-content .current-menu-item > a,\r\n        .td-mobile-content .current-menu-ancestor > a,\r\n        .td-mobile-content .current-category-ancestor > a {\r\n            color: @open_text_hover_color;\r\n        }\r\n        .td-mobile-close a {\r\n            background-color: @open_text_hover_color;\r\n        }\r\n    }\r\n\r\n\r\n    /* @header_wrap_color */\r\n    .td-banner-wrap-full,\r\n    .td-header-style-11 .td-logo-wrap-full {\r\n        background-color: @header_wrap_color;\r\n    }\r\n\r\n    .td-header-style-11 .td-logo-wrap-full {\r\n        border-bottom: 0;\r\n    }\r\n\r\n    @media (min-width: 1019px) {\r\n        .td-header-style-2 .td-header-sp-recs,\r\n        .td-header-style-5 .td-a-rec-id-header > div,\r\n        .td-header-style-5 .td-g-rec-id-header > .adsbygoogle,\r\n        .td-header-style-6 .td-a-rec-id-header > div,\r\n        .td-header-style-6 .td-g-rec-id-header > .adsbygoogle,\r\n        .td-header-style-7 .td-a-rec-id-header > div,\r\n        .td-header-style-7 .td-g-rec-id-header > .adsbygoogle,\r\n        .td-header-style-8 .td-a-rec-id-header > div,\r\n        .td-header-style-8 .td-g-rec-id-header > .adsbygoogle,\r\n        .td-header-style-12 .td-a-rec-id-header > div,\r\n        .td-header-style-12 .td-g-rec-id-header > .adsbygoogle {\r\n            margin-bottom: 24px !important;\r\n        }\r\n    }\r\n\r\n    @media (min-width: 768px) and (max-width: 1018px) {\r\n        .td-header-style-2 .td-header-sp-recs,\r\n        .td-header-style-5 .td-a-rec-id-header > div,\r\n        .td-header-style-5 .td-g-rec-id-header > .adsbygoogle,\r\n        .td-header-style-6 .td-a-rec-id-header > div,\r\n        .td-header-style-6 .td-g-rec-id-header > .adsbygoogle,\r\n        .td-header-style-7 .td-a-rec-id-header > div,\r\n        .td-header-style-7 .td-g-rec-id-header > .adsbygoogle,\r\n        .td-header-style-8 .td-a-rec-id-header > div,\r\n        .td-header-style-8 .td-g-rec-id-header > .adsbygoogle,\r\n        .td-header-style-12 .td-a-rec-id-header > div,\r\n        .td-header-style-12 .td-g-rec-id-header > .adsbygoogle {\r\n            margin-bottom: 14px !important;\r\n        }\r\n    }\r\n\r\n\r\n\r\n\r\n    /* ------------------------------------------------------ */\r\n    /* Footer */\r\n\r\n    /* @footer_color */\r\n    .td-footer-wrapper {\r\n        background-color: @footer_color;\r\n    }\r\n\r\n    /* @footer_text_color */\r\n    .td-footer-wrapper,\r\n    .td-footer-wrapper a,\r\n    .td-footer-wrapper .block-title a,\r\n    .td-footer-wrapper .block-title span,\r\n    .td-footer-wrapper .block-title label,\r\n    .td-footer-wrapper .td-excerpt,\r\n    .td-footer-wrapper .td-post-author-name span,\r\n    .td-footer-wrapper .td-post-date {\r\n        color: @footer_text_color;\r\n    }\r\n\r\n    .td-footer-wrapper .widget_calendar th,\r\n    .td-footer-wrapper .widget_calendar td {\r\n        border-color: @footer_text_color;\r\n    }\r\n\r\n    .td-footer-wrapper .td-module-comments a,\r\n    .td-footer-wrapper .td-post-category,\r\n    .td-footer-wrapper .td-slide-meta .td-post-author-name span,\r\n    .td-footer-wrapper .td-slide-meta .td-post-date {\r\n        color: #fff;\r\n    }\r\n\r\n    /* @footer_bottom_color */\r\n    .td-sub-footer-container {\r\n        background-color: @footer_bottom_color;\r\n    }\r\n\r\n    /* @footer_bottom_text_color */\r\n    .td-sub-footer-container,\r\n    .td-subfooter-menu li a {\r\n        color: @footer_bottom_text_color;\r\n    }\r\n\r\n    /* @footer_bottom_hover_color */\r\n    .td-subfooter-menu li a:hover {\r\n        color: @footer_bottom_hover_color;\r\n    }\r\n\r\n\r\n    /* ------------------------------------------------------ */\r\n    /* Content */\r\n\r\n    /* Posts */\r\n\r\n    /* @post_title_color */\r\n    .post .td-post-header .entry-title {\r\n        color: @post_title_color;\r\n    }\r\n    .td_module_15 .entry-title a {\r\n        color: @post_title_color;\r\n    }\r\n\r\n    /* @post_author_name_color */\r\n    .td-module-meta-info .td-post-author-name a {\r\n    \tcolor: @post_author_name_color;\r\n    }\r\n\r\n    /* @post_content_color */\r\n    .td-post-content,\r\n    .td-post-content p {\r\n    \tcolor: @post_content_color;\r\n    }\r\n\r\n    /* @post_h_color */\r\n    .td-post-content h1,\r\n    .td-post-content h2,\r\n    .td-post-content h3,\r\n    .td-post-content h4,\r\n    .td-post-content h5,\r\n    .td-post-content h6 {\r\n    \tcolor: @post_h_color;\r\n    }\r\n\r\n    /* @post_blockquote_color */\r\n    .post blockquote p,\r\n    .page blockquote p {\r\n    \tcolor: @post_blockquote_color;\r\n    }\r\n    .post .td_quote_box,\r\n    .page .td_quote_box {\r\n        border-color: @post_blockquote_color;\r\n    }\r\n\r\n\r\n    /* @page_title_color */\r\n    .td-page-header h1,\r\n    .woocommerce-page .page-title {\r\n    \tcolor: @page_title_color;\r\n    }\r\n\r\n    /* @page_content_color */\r\n    .td-page-content p,\r\n    .td-page-content .td_block_text_with_title,\r\n    .woocommerce-page .page-description > p {\r\n    \tcolor: @page_content_color;\r\n    }\r\n\r\n    /* @page_h_color */\r\n    .td-page-content h1,\r\n    .td-page-content h2,\r\n    .td-page-content h3,\r\n    .td-page-content h4,\r\n    .td-page-content h5,\r\n    .td-page-content h6 {\r\n    \tcolor: @page_h_color;\r\n    }\r\n\r\n    .td-page-content .widgettitle {\r\n        color: #fff;\r\n    }\r\n\r\n\r\n\r\n    /* @footer_background_image */\r\n    .td-footer-wrapper::before {\r\n        background-image: url('@footer_background_image');\r\n    }\r\n\r\n    /* @footer_background_repeat */\r\n    .td-footer-wrapper::before {\r\n        background-repeat: @footer_background_repeat;\r\n    }\r\n\r\n    /* @footer_background_size */\r\n    .td-footer-wrapper::before {\r\n        background-size: @footer_background_size;\r\n    }\r\n\r\n    /* @footer_background_position */\r\n    .td-footer-wrapper::before {\r\n        background-position: @footer_background_position;\r\n    }\r\n\r\n    /* @footer_background_opacity */\r\n    .td-footer-wrapper::before {\r\n        opacity: @footer_background_opacity;\r\n    }\r\n\r\n\r\n\r\n\r\n    /* ------------------------------------------------------ */\r\n    /* @top_menu */\r\n    .top-header-menu > li > a,\r\n    .td-header-sp-top-menu .td_data_time {\r\n        @top_menu\r\n    }\r\n    /* @top_sub_menu */\r\n    .top-header-menu .menu-item-has-children li a {\r\n    \t@top_sub_menu\r\n    }\r\n    /* @main_menu */\r\n    ul.sf-menu > .td-menu-item > a {\r\n        @main_menu\r\n    }\r\n    /* @main_sub_menu */\r\n    .sf-menu ul .td-menu-item a {\r\n        @main_sub_menu\r\n    }\r\n\t/* @mega_menu */\r\n    .td_mod_mega_menu .item-details a {\r\n        @mega_menu\r\n    }\r\n    /* @mega_menu_categ */\r\n    .td_mega_menu_sub_cats .block-mega-child-cats a {\r\n        @mega_menu_categ\r\n    }\r\n    /* @mobile_menu */\r\n    .td-mobile-content #menu-main-menu > li > a {\r\n        @mobile_menu\r\n    }\r\n    /* @mobile_sub_menu */\r\n    .td-mobile-content .sub-menu a {\r\n        @mobile_sub_menu\r\n    }\r\n\r\n\r\n\r\n\t/* @blocks_title */\r\n    .block-title > span,\r\n    .block-title > a,\r\n    .widgettitle,\r\n    .td-trending-now-title,\r\n    .wpb_tabs li a,\r\n    .vc_tta-container .vc_tta-color-grey.vc_tta-tabs-position-top.vc_tta-style-classic .vc_tta-tabs-container .vc_tta-tab > a,\r\n    .td-related-title a,\r\n    .woocommerce div.product .woocommerce-tabs ul.tabs li a,\r\n    .woocommerce .product .products h2 {\r\n        @blocks_title\r\n    }\r\n    /* @blocks_author */\r\n    .td-post-author-name a {\r\n        @blocks_author\r\n    }\r\n    /* @blocks_date */\r\n    .td-post-date .entry-date {\r\n        @blocks_date\r\n    }\r\n    /* @blocks_comment */\r\n    .td-module-comments a,\r\n    .td-post-views span,\r\n    .td-post-comments a {\r\n        @blocks_comment\r\n    }\r\n    /* @blocks_category */\r\n    .td-big-grid-meta .td-post-category,\r\n    .td_module_wrap .td-post-category,\r\n    .td-module-image .td-post-category {\r\n        @blocks_category\r\n    }\r\n    /* @blocks_filter */\r\n    .td-subcat-filter .td-subcat-dropdown a,\r\n    .td-subcat-filter .td-subcat-list a,\r\n    .td-subcat-filter .td-subcat-dropdown span {\r\n        @blocks_filter\r\n    }\r\n    /* @blocks_excerpt */\r\n    .td-excerpt {\r\n        @blocks_excerpt\r\n    }\r\n\r\n\r\n\t/* modules_general */\r\n\t.td_module_wrap .td-module-title {\r\n\t\t@modules_general\r\n\t}\r\n     /* @module_1 */\r\n    .td_module_1 .td-module-title {\r\n    \t@module_1\r\n    }\r\n    /* @module_2 */\r\n    .td_module_2 .td-module-title {\r\n    \t@module_2\r\n    }\r\n    /* @module_3 */\r\n    .td_module_3 .td-module-title {\r\n    \t@module_3\r\n    }\r\n    /* @module_4 */\r\n    .td_module_4 .td-module-title {\r\n    \t@module_4\r\n    }\r\n    /* @module_5 */\r\n    .td_module_5 .td-module-title {\r\n    \t@module_5\r\n    }\r\n    /* @module_6 */\r\n    .td_module_6 .td-module-title {\r\n    \t@module_6\r\n    }\r\n    /* @module_7 */\r\n    .td_module_7 .td-module-title {\r\n    \t@module_7\r\n    }\r\n    /* @module_8 */\r\n    .td_module_8 .td-module-title {\r\n    \t@module_8\r\n    }\r\n    /* @module_9 */\r\n    .td_module_9 .td-module-title {\r\n    \t@module_9\r\n    }\r\n    /* @module_10 */\r\n    .td_module_10 .td-module-title {\r\n    \t@module_10\r\n    }\r\n    /* @module_11 */\r\n    .td_module_11 .td-module-title {\r\n    \t@module_11\r\n    }\r\n    /* @module_12 */\r\n    .td_module_12 .td-module-title {\r\n    \t@module_12\r\n    }\r\n    /* @module_13 */\r\n    .td_module_13 .td-module-title {\r\n    \t@module_13\r\n    }\r\n    /* @module_14 */\r\n    .td_module_14 .td-module-title {\r\n    \t@module_14\r\n    }\r\n    /* @module_15 */\r\n    .td_module_15 .entry-title {\r\n    \t@module_15\r\n    }\r\n    /* @module_16 */\r\n    .td_module_16 .td-module-title {\r\n    \t@module_16\r\n    }\r\n\r\n\r\n\r\n\r\n\t/* other_modules_general */\r\n\t.td_block_trending_now .entry-title a,\r\n\t.td-theme-slider .td-module-title a,\r\n    .td-big-grid-post .entry-title {\r\n\t\t@other_modules_general\r\n\t}\r\n    /* @module_mx1 */\r\n    .td_module_mx1 .td-module-title a {\r\n    \t@module_mx1\r\n    }\r\n    /* @module_mx2 */\r\n    .td_module_mx2 .td-module-title a {\r\n    \t@module_mx2\r\n    }\r\n    /* @module_mx3 */\r\n    .td_module_mx3 .td-module-title a {\r\n    \t@module_mx3\r\n    }\r\n    /* @module_mx4 */\r\n    .td_module_mx4 .td-module-title a {\r\n    \t@module_mx4\r\n    }\r\n    /* @module_mx7 */\r\n    .td_module_mx7 .td-module-title a {\r\n    \t@module_mx7\r\n    }\r\n    /* @module_mx8 */\r\n    .td_module_mx8 .td-module-title a {\r\n    \t@module_mx8\r\n    }\r\n    /* @news_ticker */\r\n    .td_block_trending_now .entry-title a {\r\n    \t@news_ticker\r\n    }\r\n    /* @slider_1columns */\r\n    .td-theme-slider.iosSlider-col-1 .td-module-title a {\r\n        @slider_1columns\r\n    }\r\n    /* @slider_2columns */\r\n    .td-theme-slider.iosSlider-col-2 .td-module-title a {\r\n        @slider_2columns\r\n    }\r\n    /* @slider_3columns */\r\n    .td-theme-slider.iosSlider-col-3 .td-module-title a {\r\n        @slider_3columns\r\n    }\r\n    /* @big_grid_big */\r\n    .td-big-grid-post.td-big-thumb .td-big-grid-meta,\r\n    .td-big-thumb .td-big-grid-meta .entry-title {\r\n        @big_grid_big\r\n    }\r\n    /* @big_grid_medium */\r\n    .td-big-grid-post.td-medium-thumb .td-big-grid-meta,\r\n    .td-medium-thumb .td-big-grid-meta .entry-title {\r\n        @big_grid_medium\r\n    }\r\n    /* @big_grid_small */\r\n    .td-big-grid-post.td-small-thumb .td-big-grid-meta,\r\n    .td-small-thumb .td-big-grid-meta .entry-title {\r\n        @big_grid_small\r\n    }\r\n    /* @big_grid_tiny */\r\n    .td-big-grid-post.td-tiny-thumb .td-big-grid-meta,\r\n    .td-tiny-thumb .td-big-grid-meta .entry-title {\r\n        @big_grid_tiny\r\n    }\r\n    /* @homepage_post */\r\n    .homepage-post .td-post-template-8 .td-post-header .entry-title {\r\n        @homepage_post\r\n    }\r\n\r\n\r\n\r\n\t/* post_general */\r\n\t.post .td-post-header .entry-title {\r\n\t\t@post_general\r\n\t}\r\n    /* @post_title */\r\n    .td-post-template-default .td-post-header .entry-title {\r\n        @post_title\r\n    }\r\n    /* @post_title_style1 */\r\n    .td-post-template-1 .td-post-header .entry-title {\r\n        @post_title_style1\r\n    }\r\n    /* @post_title_style2 */\r\n    .td-post-template-2 .td-post-header .entry-title {\r\n        @post_title_style2\r\n    }\r\n    /* @post_title_style3 */\r\n    .td-post-template-3 .td-post-header .entry-title {\r\n        @post_title_style3\r\n    }\r\n    /* @post_title_style4 */\r\n    .td-post-template-4 .td-post-header .entry-title {\r\n        @post_title_style4\r\n    }\r\n    /* @post_title_style5 */\r\n    .td-post-template-5 .td-post-header .entry-title {\r\n        @post_title_style5\r\n    }\r\n    /* @post_title_style6 */\r\n    .td-post-template-6 .td-post-header .entry-title {\r\n        @post_title_style6\r\n    }\r\n    /* @post_title_style7 */\r\n    .td-post-template-7 .td-post-header .entry-title {\r\n        @post_title_style7\r\n    }\r\n    /* @post_title_style8 */\r\n    .td-post-template-8 .td-post-header .entry-title {\r\n        @post_title_style8\r\n    }\r\n    /* @post_title_style9 */\r\n    .td-post-template-9 .td-post-header .entry-title {\r\n        @post_title_style9\r\n    }\r\n    /* @post_title_style10 */\r\n    .td-post-template-10 .td-post-header .entry-title {\r\n        @post_title_style10\r\n    }\r\n    /* @post_title_style11 */\r\n    .td-post-template-11 .td-post-header .entry-title {\r\n        @post_title_style11\r\n    }\r\n    /* @post_title_style12 */\r\n    .td-post-template-12 .td-post-header .entry-title {\r\n        @post_title_style12\r\n    }\r\n    /* @post_title_style13 */\r\n    .td-post-template-13 .td-post-header .entry-title {\r\n        @post_title_style13\r\n    }\r\n\r\n\r\n\r\n\r\n\r\n\t/* @post_content */\r\n    .td-post-content p,\r\n    .td-post-content {\r\n        @post_content\r\n    }\r\n    /* @post_blockquote */\r\n    .post blockquote p,\r\n    .page blockquote p,\r\n    .td-post-text-content blockquote p {\r\n        @post_blockquote\r\n    }\r\n    /* @post_box_quote */\r\n    .post .td_quote_box p,\r\n    .page .td_quote_box p {\r\n        @post_box_quote\r\n    }\r\n    /* @post_pull_quote */\r\n    .post .td_pull_quote p,\r\n    .page .td_pull_quote p {\r\n        @post_pull_quote\r\n    }\r\n    /* @post_lists */\r\n    .td-post-content li {\r\n        @post_lists\r\n    }\r\n    /* @post_h1 */\r\n    .td-post-content h1 {\r\n        @post_h1\r\n    }\r\n    /* @post_h2 */\r\n    .td-post-content h2 {\r\n        @post_h2\r\n    }\r\n    /* @post_h3 */\r\n    .td-post-content h3 {\r\n        @post_h3\r\n    }\r\n    /* @post_h4 */\r\n    .td-post-content h4 {\r\n        @post_h4\r\n    }\r\n    /* @post_h5 */\r\n    .td-post-content h5 {\r\n        @post_h5\r\n    }\r\n    /* @post_h6 */\r\n    .td-post-content h6 {\r\n        @post_h6\r\n    }\r\n\r\n\r\n\r\n\r\n\r\n    /* @post_category */\r\n    .post .td-category a {\r\n        @post_category\r\n    }\r\n    /* @post_author */\r\n    .post header .td-post-author-name,\r\n    .post header .td-post-author-name a {\r\n        @post_author\r\n    }\r\n    /* @post_date */\r\n    .post header .td-post-date .entry-date {\r\n        @post_date\r\n    }\r\n    /* @post_comment */\r\n    .post header .td-post-views span,\r\n    .post header .td-post-comments {\r\n        @post_comment\r\n    }\r\n    /* @via_source_tag */\r\n    .post .td-post-source-tags a,\r\n    .post .td-post-source-tags span {\r\n        @via_source_tag\r\n    }\r\n    /* @post_next_prev_text */\r\n    .post .td-post-next-prev-content span {\r\n        @post_next_prev_text\r\n    }\r\n    /* @post_next_prev */\r\n    .post .td-post-next-prev-content a {\r\n        @post_next_prev\r\n    }\r\n    /* @box_author_name */\r\n    .post .author-box-wrap .td-author-name a {\r\n        @box_author_name\r\n    }\r\n    /* @box_author_url */\r\n    .post .author-box-wrap .td-author-url a {\r\n        @box_author_url\r\n    }\r\n    /* @box_author_description */\r\n    .post .author-box-wrap .td-author-description {\r\n        @box_author_description\r\n    }\r\n    /* @post_related */\r\n    .td_block_related_posts .entry-title a {\r\n        @post_related\r\n    }\r\n    /* @post_share */\r\n    .post .td-post-share-title {\r\n        @post_share\r\n    }\r\n    /* @post_image_caption */\r\n\t.wp-caption-text,\r\n\t.wp-caption-dd {\r\n\t\t@post_image_caption\r\n\t}\r\n    /* @post_subtitle_small */\r\n    .td-post-template-default .td-post-sub-title,\r\n    .td-post-template-1 .td-post-sub-title,\r\n    .td-post-template-4 .td-post-sub-title,\r\n    .td-post-template-5 .td-post-sub-title,\r\n    .td-post-template-9 .td-post-sub-title,\r\n    .td-post-template-10 .td-post-sub-title,\r\n    .td-post-template-11 .td-post-sub-title {\r\n        @post_subtitle_small\r\n    }\r\n    /* @post_subtitle_large */\r\n    .td-post-template-2 .td-post-sub-title,\r\n    .td-post-template-3 .td-post-sub-title,\r\n    .td-post-template-6 .td-post-sub-title,\r\n    .td-post-template-7 .td-post-sub-title,\r\n    .td-post-template-8 .td-post-sub-title {\r\n        @post_subtitle_large\r\n    }\r\n\r\n\r\n\r\n\r\n\t/* @page_title */\r\n    .td-page-title,\r\n    .woocommerce-page .page-title,\r\n    .td-category-title-holder .td-page-title {\r\n    \t@page_title\r\n    }\r\n    /* @page_content */\r\n    .td-page-content p,\r\n    .td-page-content .td_block_text_with_title,\r\n    .woocommerce-page .page-description > p {\r\n    \t@page_content\r\n    }\r\n    /* @page_h1 */\r\n    .td-page-content h1 {\r\n    \t@page_h1\r\n    }\r\n    /* @page_h2 */\r\n    .td-page-content h2 {\r\n    \t@page_h2\r\n    }\r\n    /* @page_h3 */\r\n    .td-page-content h3 {\r\n    \t@page_h3\r\n    }\r\n    /* @page_h4 */\r\n    .td-page-content h4 {\r\n    \t@page_h4\r\n    }\r\n    /* @page_h5 */\r\n    .td-page-content h5 {\r\n    \t@page_h5\r\n    }\r\n    /* @page_h6 */\r\n    .td-page-content h6 {\r\n    \t@page_h6\r\n    }\r\n\r\n\r\n\r\n\r\n    /* @footer_text_about */\r\n\t.footer-text-wrap {\r\n\t\t@footer_text_about\r\n\t}\r\n\t/* @footer_copyright_text */\r\n\t.td-sub-footer-copy {\r\n\t\t@footer_copyright_text\r\n\t}\r\n\t/* @footer_menu_text */\r\n\t.td-sub-footer-menu ul li a {\r\n\t\t@footer_menu_text\r\n\t}\r\n\r\n\r\n\r\n\r\n\t/* @breadcrumb */\r\n    .entry-crumbs a,\r\n    .entry-crumbs span,\r\n    #bbpress-forums .bbp-breadcrumb a,\r\n    #bbpress-forums .bbp-breadcrumb .bbp-breadcrumb-current {\r\n    \t@breadcrumb\r\n    }\r\n    /* @category_tag */\r\n    .category .td-category a {\r\n    \t@category_tag\r\n    }\r\n    /* @news_ticker_title */\r\n    .td-trending-now-display-area .entry-title {\r\n    \t@news_ticker_title\r\n    }\r\n    /* @pagination */\r\n    .page-nav a,\r\n    .page-nav span {\r\n    \t@pagination\r\n    }\r\n    /* @dropcap */\r\n    #td-outer-wrap span.dropcap {\r\n    \t@dropcap\r\n    }\r\n    /* @default_widgets */\r\n    .widget_archive a,\r\n    .widget_calendar,\r\n    .widget_categories a,\r\n    .widget_nav_menu a,\r\n    .widget_meta a,\r\n    .widget_pages a,\r\n    .widget_recent_comments a,\r\n    .widget_recent_entries a,\r\n    .widget_text .textwidget,\r\n    .widget_tag_cloud a,\r\n    .widget_search input,\r\n    .woocommerce .product-categories a,\r\n    .widget_display_forums a,\r\n    .widget_display_replies a,\r\n    .widget_display_topics a,\r\n    .widget_display_views a,\r\n    .widget_display_stats {\r\n    \t@default_widgets\r\n    }\r\n    /* @default_buttons */\r\n\tinput[type=\"submit\"],\r\n\t.td-read-more a,\r\n\t.vc_btn,\r\n\t.woocommerce a.button,\r\n\t.woocommerce button.button,\r\n\t.woocommerce #respond input#submit {\r\n\t\t@default_buttons\r\n\t}\r\n\t/* @woocommerce_products */\r\n\t.woocommerce .product a h3,\r\n\t.woocommerce .widget.woocommerce .product_list_widget a,\r\n\t.woocommerce-cart .woocommerce .product-name a {\r\n\t\t@woocommerce_products\r\n\t}\r\n\t/* @woocommerce_product_title */\r\n\t.woocommerce .product .summary .product_title {\r\n\t\t@woocommerce_product_title\r\n\t}\r\n\r\n\r\n\r\n\r\n\r\n\t/* @body_text */\r\n    body, p {\r\n    \t@body_text\r\n    }\r\n\r\n\r\n\r\n\r\n    /* @bbpress_header */\r\n    #bbpress-forums .bbp-header .bbp-forums,\r\n    #bbpress-forums .bbp-header .bbp-topics,\r\n    #bbpress-forums .bbp-header {\r\n    \t@bbpress_header\r\n    }\r\n    /* @bbpress_titles */\r\n    #bbpress-forums .hentry .bbp-forum-title,\r\n    #bbpress-forums .hentry .bbp-topic-permalink {\r\n    \t@bbpress_titles\r\n    }\r\n    /* @bbpress_subcategories */\r\n    #bbpress-forums .bbp-forums-list li {\r\n    \t@bbpress_subcategories\r\n    }\r\n    /* @bbpress_description */\r\n    #bbpress-forums .bbp-forum-info .bbp-forum-content {\r\n    \t@bbpress_description\r\n    }\r\n    /* @bbpress_author */\r\n    #bbpress-forums div.bbp-forum-author a.bbp-author-name,\r\n    #bbpress-forums div.bbp-topic-author a.bbp-author-name,\r\n    #bbpress-forums div.bbp-reply-author a.bbp-author-name,\r\n    #bbpress-forums div.bbp-search-author a.bbp-author-name,\r\n    #bbpress-forums .bbp-forum-freshness .bbp-author-name,\r\n    #bbpress-forums .bbp-topic-freshness a:last-child {\r\n    \t@bbpress_author\r\n    }\r\n    /* @bbpress_replies */\r\n    #bbpress-forums .hentry .bbp-topic-content p,\r\n    #bbpress-forums .hentry .bbp-reply-content p {\r\n    \t@bbpress_replies\r\n    }\r\n    /* @bbpress_notices */\r\n    #bbpress-forums div.bbp-template-notice p {\r\n    \t@bbpress_notices\r\n    }\r\n    /* @bbpress_pagination */\r\n    #bbpress-forums .bbp-pagination-count,\r\n    #bbpress-forums .page-numbers {\r\n    \t@bbpress_pagination\r\n    }\r\n    /* @bbpress_topic */\r\n    #bbpress-forums .bbp-topic-started-by,\r\n    #bbpress-forums .bbp-topic-started-by a,\r\n    #bbpress-forums .bbp-topic-started-in,\r\n    #bbpress-forums .bbp-topic-started-in a {\r\n    \t@bbpress_topic\r\n    }\r\n\r\n    /* @top-menu-height */\r\n    .td-header-sp-top-widget .td-social-icon-wrap .td-icon-font {\r\n        line-height: @top-menu-height;\r\n    }\r\n\r\n    </style>\r\n    ";
    $td_css_compiler = new td_css_compiler($raw_css);
    //the template directory uri
    $td_css_compiler->load_setting_raw('get_template_directory_uri', get_template_directory_uri());
    //get $typography array from db and added to generated css
    $td_typography_array = td_fonts::td_get_typography_sections_from_db();
    if (is_array($td_typography_array) and !empty($td_typography_array)) {
        foreach ($td_typography_array as $section_id => $section_css_array) {
            $td_css_compiler->load_setting_array(array($section_id => $section_css_array));
        }
    }
    // read line-height for the main-menu to align the logo in menu // nu e folosit
    $td_menu_height = td_util::get_option('td_fonts');
    if (!empty($td_menu_height['main_menu']['line_height'])) {
        $td_css_compiler->load_setting_raw('main-menu-height', $td_menu_height['main_menu']['line_height']);
    }
    // read line-height for the top-menu to align the social icons in top menu
    $td_top_menu_height = td_util::get_option('td_fonts');
    if (!empty($td_top_menu_height['top_menu']['line_height'])) {
        $td_css_compiler->load_setting_raw('top-menu-height', $td_top_menu_height['top_menu']['line_height']);
    }
    // footer background
    $td_css_compiler->load_setting('footer_background_image');
    $td_css_compiler->load_setting('footer_background_repeat');
    $td_css_compiler->load_setting('footer_background_size');
    $td_css_compiler->load_setting('footer_background_position');
    $td_css_compiler->load_setting('footer_background_opacity');
    //load the user settings
    // general
    $td_css_compiler->load_setting('theme_color');
    $td_css_compiler->load_setting('header_color');
    $td_css_compiler->load_setting('text_header_color');
    // header ---------
    $td_css_compiler->load_setting('top_menu_color');
    $td_css_compiler->load_setting('top_menu_text_color');
    $td_css_compiler->load_setting('top_menu_text_hover_color');
    $td_css_compiler->load_setting('top_social_icons_color');
    $td_css_compiler->load_setting('top_social_icons_hover_color');
    $td_css_compiler->load_setting('menu_color');
    $td_css_compiler->load_setting('submenu_hover_color');
    $td_css_compiler->load_setting('menu_text_color');
    $td_css_compiler->load_setting('header_wrap_color');
    $td_css_compiler->load_setting('mobile_menu_color');
    $td_css_compiler->load_setting('mobile_icons_color');
    $td_css_compiler->load_setting('open_background_color');
    $td_css_compiler->load_setting('open_border_color');
    $td_css_compiler->load_setting('open_text_color');
    $td_css_compiler->load_setting('open_text_hover_color');
    // footer ---------
    $td_css_compiler->load_setting('footer_color');
    $td_css_compiler->load_setting('footer_text_color');
    $td_css_compiler->load_setting('footer_bottom_color');
    $td_css_compiler->load_setting('footer_bottom_text_color');
    $td_css_compiler->load_setting('footer_bottom_hover_color');
    // posts ---------
    $td_css_compiler->load_setting('post_title_color');
    $td_css_compiler->load_setting('post_author_name_color');
    $td_css_compiler->load_setting('post_content_color');
    $td_css_compiler->load_setting('post_h_color');
    $td_css_compiler->load_setting('post_blockquote_color');
    // pages ---------
    $td_css_compiler->load_setting('page_title_color');
    $td_css_compiler->load_setting('page_content_color');
    $td_css_compiler->load_setting('page_h_color');
    //load the selection color
    $tds_theme_color = td_util::get_option('tds_theme_color');
    if (!empty($tds_theme_color)) {
        //the select
        $td_css_compiler->load_setting_raw('select_color', td_util::adjustBrightness($tds_theme_color, 50));
        //the sliders text
        $td_css_compiler->load_setting_raw('slider_text', td_util::hex2rgba($tds_theme_color, 0.7));
    }
    /**
     * add td_fonts_css_buffer from database into the source of the page
     *
     * td_fonts_css_buffer : used to store the css generated for custom font files in the database
     */
    $td_fonts_css_buffer = td_fonts::td_add_fonts_css_buffer();
    /* add block styles */
    $td_block_styles = td_util::get_option('td_block_styles');
    //check if we have something set by the user
    if (!empty($td_block_styles)) {
        foreach ($td_block_styles as $style_name => $array_style_options) {
            foreach ($array_style_options as $option_key => $option_val) {
                if (!empty($td_block_styles[$style_name][$option_key])) {
                    $option_name_generator = str_replace('tds_', $style_name . '_', $option_key);
                    switch ($option_key) {
                        case 'tds_block_drop_down_background_color':
                            $td_css_compiler->load_setting_raw($option_name_generator, td_util::hex2rgba($td_block_styles[$style_name][$option_key], 0.95));
                            $td_css_compiler->load_setting_raw($option_name_generator . '_ie8', $td_block_styles[$style_name][$option_key]);
                            break;
                        case 'tds_block_module_post_comments_box_background_color':
                            $td_css_compiler->load_setting_raw($option_name_generator, $td_block_styles[$style_name][$option_key]);
                            //converting hex color to rgb
                            $rgb_color = td_util::html2rgb($td_block_styles[$style_name][$option_key]);
                            //converting rgb to hsl
                            $hsl_color = td_util::rgb2Hsl($rgb_color[0], $rgb_color[1], $rgb_color[2]);
                            //this is a hack for HLS color: red is 0 in HLS and no output is generated
                            if (intval($hsl_color[0] == 0)) {
                                $hsl_color[0] = 1;
                            }
                            $td_css_compiler->load_setting_raw($option_name_generator . '_after', $hsl_color[0]);
                            break;
                        default:
                            $td_css_compiler->load_setting_raw($option_name_generator, $td_block_styles[$style_name][$option_key]);
                    }
                }
            }
        }
    }
    //output the style
    //td_css_buffer::add($td_css_compiler->compile_css());
    return $td_fonts_css_buffer . $td_css_compiler->compile_css();
}

Exemple #7

Fichier : td_css_generator.php Projet : Vatia13/tofido

function td_css_generator()
{
    $raw_css = "\n    <style>\n\n    /* @theme_color */\n    .block-title a, .block-title span, .td-tags a:hover, .td-scroll-up-visible, .td-scroll-up, .sf-menu ul\n    .current-menu-item > a, .sf-menu ul a:hover, .sf-menu ul .sfHover > a, .sf-menu ul .td-not-mega > a:hover, .td-rating-bar-wrap div, .iosSlider .slide-meta-cat, .sf-menu ul\n    .current-menu-ancestor > a, .td-404-sub-sub-title a, .widget_tag_cloud .tagcloud a:hover, .td-mobile-close a,\n    ul.td-category a, .td_social .td_social_type .td_social_button a, .dropcap, .td-forum-category-title\n    .td-forum-category-name, .td_display_err, .td_block_mega_menu .td-ajax-next-page:hover, .td_block_mega_menu .td_ajax-prev-page:hover, .post-via span {\n        background-color: @theme_color;\n    }\n    .block-title, .sf-menu li a:hover, .sf-menu .sfHover a, .sf-menu .current-menu-ancestor a, .header-search-wrap\n    .dropdown-menu, .sf-menu > .current-menu-item > a, .ui-tabs-nav,\n    .woocommerce .product .woocommerce-tabs ul.tabs, .td-forum-list-head, .td-login-panel-title {\n        border-color: @theme_color;\n    }\n\n    .widget_price_filter .ui-slider-handle {\n        border-color: @theme_color !important;\n    }\n\n    .author-box-wrap .td-author-name a, blockquote p, .page-nav a:hover, .widget_pages .current_page_item a,\n    .widget_calendar td a, .widget_categories .current-cat > a, .widget_pages .current_page_parent > a,\n    .td_pull_quote p, .page-nav-post a:hover span, .td-forum-last-comment-content .td-forum-last-author,\n    .td-topics-title-details a, .td-posted-in a {\n        color: @theme_color;\n    }\n\n    .woocommerce .button, .woocommerce .form-submit #submit, .widget_price_filter .ui-slider-handle,\n    .jetpack_subscription_widget input[type=\"submit\"], .pp_woocommerce .pp_close, .pp_woocommerce .pp_expand,\n    .pp_woocommerce .pp_contract, .pp_woocommerce .pp_arrow_previous, .pp_woocommerce .pp_arrow_next, .pp_woocommerce\n     .pp_next:before, .pp_woocommerce .pp_previous:before, #bbpress-forums .button {\n        background: @theme_color !important;\n    }\n\n    .woocommerce .woocommerce-message, .woocommerce .woocommerce-info, .bbp-template-notice, .td-reply-list-header {\n        border-color: @theme_color !important;\n    }\n    .woocommerce .woocommerce-message:before, .woocommerce .woocommerce-info:before, .td-login-button {\n        background-color: @theme_color !important;\n    }\n\n\n    .buddypress #buddypress div.dir-search input[type=\"submit\"], .buddypress #buddypress .message-search\n    input[type=\"submit\"], .buddypress #buddypress .item-list-tabs ul li.selected a,\n    .buddypress #buddypress .generic-button a, .buddypress #buddypress .submit input[type=\"submit\"],\n    .buddypress #buddypress .ac-reply-content input[type=\"submit\"], .buddypress #buddypress .standard-form\n    input[type=\"submit\"], .buddypress #buddypress .standard-form .button-nav .current a, .buddypress #buddypress .standard-form .button, .buddypress #buddypress input[type=\"submit\"],\n        .buddypress #buddypress a.accept, .buddypress #buddypress #activate-page .standard-form input[type=\"submit\"],\n        .buddypress #buddypress .standard-form #group-create-body input[type=\"button\"],\n        .post-password-required input[type=\"submit\"]  {\n        background: @theme_color !important;\n    }\n\n    .buddypress #buddypress .groups .item-meta, .bbp-forum-title:hover, .td_login_tab_focus, .block-mega-child-cats a.cur-sub-cat {\n        color: @theme_color !important;\n    }\n\n    .page-nav .current, .page-nav-post span {\n        background-color: @theme_color;\n        border-color: @theme_color;\n    }\n    .wpb_btn-inverse, .ui-tabs-nav .ui-tabs-active a, .post .wpb_btn-danger, .form-submit input, .wpcf7-submit,\n    .wpb_default, .woocommerce .product .woocommerce-tabs ul.tabs li.active, .woocommerce.widget_product_search\n    input[type=\"submit\"], .more-link-wrap, .td_read_more {\n        background-color: @theme_color !important;\n    }\n    .header-search-wrap .dropdown-menu:before {\n        border-color: transparent transparent @theme_color;\n    }\n    .td-mobile-content .current-menu-item > a, .td-mobile-content a:hover {\n        color: @theme_color !important;\n    }\n    .category .entry-content, .tag .entry-content, .td_quote_box {\n        border-color: @theme_color;\n    }\n\n    .td-timeline-block-title {\n        background-color: @theme_color !important;\n    }\n\n    .td-timeline-wrapper-links {\n       border-color: @theme_color !important;\n    }\n\n    .td-timline-h1-link  span {\n        background-color: @theme_color !important;\n    }\n\n    .td-page-title .td-search-query {\n         color: @theme_color;\n    }\n\n     /* @slider_text */\n    .td-sbig-title-wrap .td-sbig-title, .td-slide-item-sec .td-sbig-title-wrap, .td-big-grid-title .td-sbig-title-wrap {\n        background-color: @slider_text;\n    }\n\n\n    /* @jetpack caption hover */\n    .tiled-gallery-caption {\n        background: @slide_text !important;\n    }\n\n\n\n    /* @select_color */\n    ::-moz-selection {\n        background: @select_color;\n        color: #fff;\n    }\n\n    ::selection {\n        background: @select_color;\n        color: #fff;\n    }\n\n\n\n    /* @menu_color */\n    .td-full-layout .td-menu-background {\n        background: @menu_color !important;\n    }\n\n    .td-boxed-layout .td-menu-background .td-menu-wrap {\n        background: @menu_color !important;\n    }\n\n\n    /* @header_wrap_color */\n    .td-full-layout .td-header-bg {\n        background-color: @header_wrap_color !important;\n    }\n\n    .td-boxed-layout .td-logo-rec-wrap,\n    .td-boxed-layout .td-affix .td-logo-rec-wrap,\n    .td-full-logo\n    {\n        background-color: @header_wrap_color !important;\n    }\n\n\n    /* @logo_text_color */\n    .header-logo-wrap .td-logo-text, .header-logo-wrap .td-tagline-text {\n        color: @logo_text_color !important;\n    }\n\n\n\n    /* @header_align_top */\n    .td-logo-rec-wrap .span4,\n    .td-logo-rec-wrap .span8 {\n        top: @header_align_top !important;\n        position: relative !important;\n    }\n\n    @media (max-width: 767px) {\n        .td-logo-rec-wrap {\n            top: 0px !important;\n        }\n    }\n\n    /* @transparent_header */\n    .td-logo-rec-wrap, .td-full-logo {\n        background-color: transparent !important;\n    }\n\n\n    /* @top_menu_color */\n    .td-full-layout .td-header-menu-wrap {\n        background-color: @top_menu_color !important;\n    }\n\n    .td-boxed-layout .td-header-menu-wrap .container {\n        background-color: @top_menu_color !important;\n    }\n\n\t\n\t/* @link_color */\n\ta, .widget_recent_comments .recentcomments .url {\n\t\tcolor: @link_color;\n    }\n    .cur-sub-cat {\n      color:@link_color !important;\n    }\n    .blog-stack .sf-menu .current-menu-item a,\n    .blog-stack .sf-menu .current-menu-parent .current-menu-item a,\n    .blog-stack .sf-menu .current-menu-parent > a,\n    .blog-stack .sf-menu > li:hover > a,\n    .blog-stack .sf-menu ul li:hover > a,\n    .blog-stack .td-post-text-content .more-link-wrap:hover a,\n    .blog-stack .sf-menu ul .td_mega_menu_sub_cats a.cur-sub-cat,\n    .blog-stack .sf-menu ul .td_mega_menu_sub_cats a.cur-sub-cat:hover,\n    .blog-stack .td-mega-menu .block-mega-child-cats a:hover,\n    .blog-stack .td_mod_mega_menu:hover .item-details a{\n        color:@link_color !important;\n    }\n\n    .blog-stack .sf-menu ul li {\n        background-color: @link_color;\n    }\n\n    .blog-stack .td-post-text-content .more-link-wrap a:hover {\n        outline-color: @link_color;\n    }\n\n\t\n\t/* @link_hover_color */\n\ta:hover, .widget_recent_comments .recentcomments .url:hover {\n\t\tcolor: @link_hover_color;\n    }\n\n\n    /* @footer_color */\n    .td-full-layout .td-footer-wrap, .td-boxed-layout .td-footer-wrap .span12 {\n         background: @footer_color url('@get_template_directory_uri/images/footer/top-shadow.png') repeat-x top;\n    }\n\n    /* @footer_bottom_color */\n    .td-full-layout .td-sub-footer-wrap, .td-boxed-layout .td-sub-footer-wrap .container  {\n        background-color: @footer_bottom_color;\n    }\n\n    /* @footer_text_color */\n    .td-footer-wrap, .td-footer-wrap a, .td-footer-wrap .td_top_authors .td-authors-name a {\n        color: @footer_text_color;\n    }\n    .td-footer-wrap .entry-title a {\n        color: @footer_text_color !important;\n    }\n    .td_top_authors .td_mod_wrap:hover  {\n        background-color: transparent !important;\n    }\n\n    /* @footer_bottom_text_color */\n    .td-sub-footer-copy, .td-sub-footer-wrap a {\n        color: @footer_bottom_text_color !important;\n    }\n    .td-sub-footer-menu li a:before {\n        background-color: @footer_bottom_line;\n    }\n\n\n    /* @top_menu_line */\n    .top-header-menu li a:before {\n        background-color: @top_menu_line;\n    }\n\n\n    /* @menu_icon_color */\n    .td-menu-header .td-sp, .sf-sub-indicator{\n        background-image: url('@get_template_directory_uri/images/header/elements-menu.png');\n    }\n    @media only screen and (-webkit-min-device-pixel-ratio: 2),\n    only screen and (-moz-min-device-pixel-ratio: 2),\n    only screen and (min-device-pixel-ratio: 2) {\n        .td-menu-header .td-sp, .sf-sub-indicator{\n            background-image: url('@get_template_directory_uri/images/header/elements-menu@2x.png');\n        }\n    }\n\n\n\n\n\n\n\n    /* ------------------------------------------------------ */\n    /* @post_title */\n    .post header h1, .post header h1 a {\n        @post_title\n    }\n\n    /* @content */\n    body .td-post-text-content {\n        @content\n    }\n\n    /* @post_h1_tag */\n    .post .td-post-text-content h1 {\n        @post_h1_tag\n    }\n\n    /* @post_h2_tag */\n    .post .td-post-text-content h2 {\n        @post_h2_tag\n    }\n\n    /* @post_h3_tag */\n    .post .td-post-text-content h3 {\n        @post_h3_tag\n    }\n\n    /* @post_h4_tag */\n    .post .td-post-text-content h4 {\n        @post_h4_tag\n    }\n\n    /* @post_h5_tag */\n    .post .td-post-text-content h5 {\n        @post_h5_tag\n    }\n\n    /* @post_h6_tag */\n    .post .td-post-text-content h6 {\n        @post_h6_tag\n    }\n\n    /* @post_blue_quote */\n    .td-post-text-content blockquote.td_quote_left p,\n    .td-post-text-content blockquote.td_quote_right p,\n    .td-post-text-content blockquote:not(.td-quote-classic):not(.td_quote_box):not(.td_pull_quote) p {\n        @post_blue_quote\n    }\n\n\n    /* @post_black_quote */\n    .post .td-post-text-content blockquote.td-quote-classic p {\n        @post_black_quote\n    }\n\n    /* @post_black_quote_author */\n    .td-post-text-content .td-quote-author p {\n        @post_black_quote_author\n    }\n\n    /* @post_template_style_1 */\n    .single_template_1 header h1.entry-title {\n        @post_template_style_1\n    }\n\n    /* @post_template_style_2 */\n    .single_template_2 header h1.entry-title {\n        @post_template_style_2\n    }\n\n    /* @post_template_style_3 */\n    .single_template_3 header h1.entry-title {\n        @post_template_style_3\n    }\n\n    /* @post_template_style_4 */\n    .single_template_4 header h1.entry-title {\n        @post_template_style_4\n    }\n\n    /* @post_template_style_5 */\n    .single_template_5 header h1.entry-title {\n        @post_template_style_5\n    }\n\n    /* @page_title */\n    .page-template-default h1.td-page-title span,\n    .page-template-page-pagebuilder-title-php h1.td-page-title span{\n        @page_title\n    }\n\n\n    /* @top_menu */\n    .td-header-menu-wrap li a, .td-header-menu-wrap .td_data_time {\n        @top_menu\n    }\n\n    /* @menu */\n    .sf-menu > .td-not-mega > a {\n        @menu\n    }\n\n    /* @mega_menu */\n    .td_mod_mega_menu .item-details a {\n        @mega_menu\n    }\n\n    /* @sub_menu */\n    .sf-menu ul .td-not-mega a, .td_mega_menu_sub_cats .block-mega-child-cats a{\n        @sub_menu\n    }\n\n\n    /* @big_slide_main */\n    .td-big-grid-post-0 .td-sbig-title-wrap .td-sbig-title, .td-big-grid-post-0 .td-sbig-title-wrap .td-sbig-title:hover, .td-big-grid-post-0 .td-sbig-title-wrap a {\n        @big_slide_main\n    }\n\n    /* @big_slide_sec */\n    .td-big-grid-post-sec .td-sbig-title-wrap a, .td-big-grid-post-sec .td-sbig-title-wrap a {\n        @big_slide_sec\n    }\n\n    /* @normal_slide */\n    .td_normal_slide .td-sbig-title-wrap .td-sbig-title {\n        @normal_slide\n    }\n\n    .td_normal_slide .td-sbig-title-wrap a, .td_normal_slide .iosSlider-col-2 .item .td-sbig-title-wrap a, .td_normal_slide .iosSlider-col-1 .item .td-sbig-title-wrap a {\n        @normal_slide\n    }\n\n    /* @widget_title */\n    .td_block_wrap .block-title a, .block-title span, .block-title label {\n        @widget_title\n    }\n\n    /* @widget_art_big_title */\n    .td_mod2 .entry-title a, .td_mod5 .entry-title a, .td_mod6 .entry-title a, .td_mod_search .entry-title a {\n        @widget_art_big_title\n    }\n\n    /* @widget_art_small_title */\n    .td_mod3 .entry-title a, .td_mod4 .entry-title a, .td_mod_mega_menu .item-details a {\n        @widget_art_small_title\n    }\n\n    /* @excerpt */\n    body .td-post-text-excerpt {\n        @excerpt\n    }\n\n    /* @tabs_title */\n    .ui-tabs-nav a, .ui-tabs-nav .ui-tabs-active a {\n        @tabs_title\n    }\n\n\n    </style>\n    ";
    $td_css_compiler = new td_css_compiler($raw_css);
    //the template directory uri
    $td_css_compiler->load_setting_raw('get_template_directory_uri', get_template_directory_uri());
    //add the typography css to the theme generated css
    foreach (td_fonts::$typography_sections as $section_id => $section_name) {
        if (!empty(td_global::$td_options['td_fonts'][$section_id])) {
            $section_css_array = td_global::$td_options['td_fonts'][$section_id];
            if (!empty($section_css_array['font_family'])) {
                $section_css_array = td_fonts::css_get_font_family(td_global::$td_options['td_fonts'][$section_id]);
            }
            //check if we have font_family in the array
            if (!empty($section_css_array)) {
                $td_css_compiler->load_setting_array(array($section_id => $section_css_array));
            }
        }
    }
    //load the user settings
    $td_css_compiler->load_setting('theme_color');
    $td_css_compiler->load_setting('header_wrap_color');
    $td_css_compiler->load_setting('menu_color');
    //header background color
    $td_css_compiler->load_setting('menu_text_color');
    $td_css_compiler->load_setting('top_menu_color');
    $td_css_compiler->load_setting('logo_text_color');
    $td_css_compiler->load_setting('link_color');
    $td_css_compiler->load_setting('link_hover_color');
    $td_css_compiler->load_setting('small_text_slide');
    $td_css_compiler->load_setting('header_align_top');
    $td_css_compiler->load_setting('transparent_header');
    $td_css_compiler->load_setting('footer_color');
    $td_css_compiler->load_setting('footer_bottom_color');
    $td_css_compiler->load_setting('footer_text_color');
    $td_css_compiler->load_setting('footer_bottom_text_color');
    $td_css_compiler->load_setting('menu_icon_color');
    $td_css_compiler->load_setting('big_slide_transform');
    $td_css_compiler->load_setting('main_menu_transform');
    //top menu + line color
    $tds_top_menu_text_color = td_util::get_option('td_fonts');
    if (!empty($tds_top_menu_text_color['top_menu']['color'])) {
        $td_css_compiler->load_setting_raw('top_menu_line', td_util::hex2rgba($tds_top_menu_text_color['top_menu']['color'], 0.3));
    }
    //footer menu + line color
    $td_css_compiler->load_setting('footer_bottom_text_color');
    $tds_footer_bottom_text_color = td_util::get_option('tds_footer_bottom_text_color');
    if (!empty($tds_footer_bottom_text_color)) {
        $td_css_compiler->load_setting_raw('footer_bottom_line', td_util::hex2rgba($tds_footer_bottom_text_color, 0.3));
    }
    //load the selection color
    $tds_theme_color = td_util::get_option('tds_theme_color');
    if (!empty($tds_theme_color)) {
        //the select
        $td_css_compiler->load_setting_raw('select_color', td_util::adjustBrightness($tds_theme_color, 50));
        //the sliders text
        $td_css_compiler->load_setting_raw('slider_text', td_util::hex2rgba($tds_theme_color, 0.7));
    }
    //add fonts css buffer
    $td_fonts_css_buffer = td_util::get_option('td_fonts_css_buffer');
    if (!empty($td_fonts_css_buffer)) {
        td_css_buffer::add($td_fonts_css_buffer);
    }
    //output the style
    td_css_buffer::add($td_css_compiler->compile_css());
}

Exemple #8

Fichier : td_category_template.php Projet : luxifel/Bionerd

 /**
  * Generates the sibling categories, it also compiles the $custom_category_color_css and adds it to the footer css buffer
  * @param string $params_array
  *
  *  array(
  *       'current_category_css' => '
  *           <style>
  *              // the css style to compile
  *           </style>
  *       ',
  *           'show_background_color' => true - if true, the theme will output inline css to color the background color
  *       )
  *
  * @return string
  * @throws ErrorException
  */
 protected function get_sibling_categories($params_array = '')
 {
     $buffy = '';
     //the subcategories
     if (!empty($this->current_category_obj->cat_ID)) {
         if ($this->current_category_obj->parent === 0) {
             // get child categories
             $categories_objects = get_categories(array('parent' => $this->current_category_obj->cat_ID, 'hide_empty' => 0, 'number' => self::SIBLING_CATEGORY_LIMIT));
         }
         // if no child categories get siblings
         if (empty($categories_objects)) {
             $categories_objects = get_categories(array('parent' => $this->current_category_obj->parent, 'hide_empty' => 0, 'number' => self::SIBLING_CATEGORY_LIMIT));
         }
     }
     /**
      * if we have categories to show... show them
      */
     if (!empty($categories_objects)) {
         $buffy = '<div class="td-category-siblings">';
         $buffy .= '<ul class="td-category">';
         foreach ($categories_objects as $category_object) {
             // ignore featured cat and uncategorized
             if ($category_object->name == TD_FEATURED_CAT or strtolower($category_object->cat_name) == 'uncategorized') {
                 continue;
             }
             if (!empty($category_object->name) and td_util::get_category_option($category_object->cat_ID, 'tdc_hide_on_post') != 'hide') {
                 $class = '';
                 if ($category_object->cat_ID == $this->current_category_id) {
                     $class = 'td-current-sub-category';
                 }
                 $td_css_inline = new td_css_inline();
                 // @todo we can add more properties as needed, ex: show_border_color
                 if (!empty($params_array['show_background_color'])) {
                     $tdc_color_current_cat = td_util::get_category_option($category_object->cat_ID, 'tdc_color');
                     $td_css_inline->add_css(array('background-color' => $tdc_color_current_cat));
                 }
                 $buffy .= '<li class="entry-category"><a ' . $td_css_inline->get_inline_css() . ' class="' . $class . '"  href="' . get_category_link($category_object->cat_ID) . '">' . $category_object->name . '</a></li>';
             }
         }
         $buffy .= '</ul>';
         // subcategory dropdown list
         $buffy .= '<div class="td-subcat-dropdown td-pulldown-filter-display-option">';
         $buffy .= '<div class="td-subcat-more"><i class="td-icon-menu-down"></i></div>';
         // the dropdown list
         $buffy .= '<ul class="td-pulldown-filter-list">';
         $buffy .= '</ul>';
         $buffy .= '</div>';
         $buffy .= '<div class="clearfix"></div>';
         $buffy .= '</div>';
     }
     // compile the custom css
     if (!empty($params_array['current_category_css'])) {
         $tdc_color = td_util::get_category_option($this->current_category_obj->cat_ID, 'tdc_color');
         $td_css_compiler = new td_css_compiler($params_array['current_category_css']);
         $td_css_compiler->load_setting_raw('current_category_color', $tdc_color);
         td_css_buffer::add_to_footer($td_css_compiler->compile_css());
     }
     return $buffy;
 }

Exemple #9

Fichier : td_css_generator.php Projet : vikasjain1595/wordpresstheme

/**
 * @big_grid_large_image is put after @big_grid_small_images so that it will overwrite small posts style
 */
function td_css_generator()
{
    $raw_css = "\n    <style>\n\n    /* @theme_color */\n    .td-header-border:before,\n    .td-trending-now-title,\n    .td_mega_menu .td_mega_menu_sub_cats .cur-sub-cat,\n    .td-post-category:hover,\n    .td-header-style-2 .td-header-sp-logo,\n    .sf-menu ul .td-menu-item > a:hover,\n    .sf-menu ul .sfHover > a,\n    .sf-menu ul .current-menu-ancestor > a,\n    .sf-menu ul .current-category-ancestor > a,\n    .sf-menu ul .current-menu-item > a,\n    .td-next-prev-wrap a:hover i,\n    .page-nav .current,\n    .widget_calendar tfoot a:hover,\n    .td-footer-container .widget_search .wpb_button:hover,\n    .td-scroll-up-visible,\n    .dropcap,\n    .td-category a,\n    input[type=\"submit\"]:hover,\n    .td-post-small-box a:hover,\n    .td-404-sub-sub-title a:hover,\n    .td-rating-bar-wrap div,\n    .td_top_authors .td-active .td-author-post-count,\n    .td_top_authors .td-active .td-author-comments-count,\n    .td_smart_list_3 .td-sml3-top-controls i:hover,\n    .td_smart_list_3 .td-sml3-bottom-controls i:hover,\n    .td-mobile-close a,\n    .td_wrapper_video_playlist .td_video_controls_playlist_wrapper,\n    .td-read-more a:hover,\n    .td-login-wrap .btn,\n    .td_display_err,\n    .td-header-style-6 .td-top-menu-full,\n    #bbpress-forums button:hover,\n    #bbpress-forums .bbp-pagination .current,\n    .bbp_widget_login .button:hover {\n        background-color: @theme_color;\n    }\n\n    .woocommerce .onsale,\n    .woocommerce .woocommerce a.button:hover,\n    .woocommerce-page .woocommerce .button:hover,\n    .single-product .product .summary .cart .button:hover,\n    .woocommerce .woocommerce .product a.button:hover,\n    .woocommerce .product a.button:hover,\n    .woocommerce .product #respond input#submit:hover,\n    .woocommerce .checkout input#place_order:hover,\n    .woocommerce .woocommerce.widget .button:hover,\n    .woocommerce .woocommerce-message .button:hover,\n    .woocommerce .woocommerce-error .button:hover,\n    .woocommerce .woocommerce-info .button:hover,\n    .woocommerce.widget .ui-slider .ui-slider-handle,\n    .vc_btn-black:hover,\n\t.wpb_btn-black:hover {\n    \tbackground-color: @theme_color !important;\n    }\n\n    .top-header-menu a:hover,\n    .top-header-menu .menu-item-has-children li a:hover,\n    .td_module_wrap:hover .entry-title a,\n    .td_mod_mega_menu:hover .entry-title a,\n    .footer-email-wrap a,\n    .widget a:hover,\n    .td-footer-container .widget_calendar #today,\n    .td-category-pulldown-filter a.td-pulldown-category-filter-link:hover,\n    .td-load-more-wrap a:hover,\n    .td-post-next-prev-content a:hover,\n    .td-author-name a:hover,\n    .td-author-url a:hover,\n    .td_mod_related_posts:hover .entry-title a,\n    .td-search-query,\n    .top-header-menu .current-menu-item > a,\n    .top-header-menu .current-menu-ancestor > a,\n    .header-search-wrap .dropdown-menu .result-msg a:hover,\n    .td_top_authors .td-active .td-authors-name a,\n    .td-mobile-content li a:hover,\n    .post blockquote p,\n    .td-post-content blockquote p,\n    .page blockquote p,\n    .comment-list cite a:hover,\n    .comment-list cite:hover,\n    .comment-list .comment-reply-link:hover,\n    a,\n    .white-menu #td-header-menu .sf-menu > li > a:hover,\n    .white-menu #td-header-menu .sf-menu > .current-menu-ancestor > a,\n    .white-menu #td-header-menu .sf-menu > .current-menu-item > a,\n    .td-stack-classic-blog .td-post-text-content .more-link-wrap:hover a,\n    .td_quote_on_blocks,\n    #bbpress-forums .bbp-forum-freshness a:hover,\n    #bbpress-forums .bbp-topic-freshness a:hover,\n    #bbpress-forums .bbp-forums-list li a:hover,\n    #bbpress-forums .bbp-forum-title:hover,\n    #bbpress-forums .bbp-topic-permalink:hover,\n    #bbpress-forums .bbp-topic-started-by a:hover,\n    #bbpress-forums .bbp-topic-started-in a:hover,\n    #bbpress-forums .bbp-body .super-sticky li.bbp-topic-title .bbp-topic-permalink,\n    #bbpress-forums .bbp-body .sticky li.bbp-topic-title .bbp-topic-permalink,\n    #bbpress-forums #subscription-toggle a:hover,\n    #bbpress-forums #favorite-toggle a:hover,\n    .widget_display_replies .bbp-author-name,\n    .widget_display_topics .bbp-author-name {\n        color: @theme_color;\n    }\n\n    .td-stack-classic-blog .td-post-text-content .more-link-wrap:hover a {\n        outline-color: @theme_color;\n    }\n\n    .td-mega-menu .wpb_content_element li a:hover,\n    .td-pulldown-filter-display-option:hover,\n    a.td-pulldown-filter-link:hover,\n    .td-pulldown-filter-display-option:hover,\n    .td_login_tab_focus {\n        color: @theme_color !important;\n    }\n\n    .td-next-prev-wrap a:hover i,\n    .page-nav .current,\n    .widget_tag_cloud a:hover,\n    .post .td_quote_box,\n    .page .td_quote_box,\n    .td-login-panel-title,\n    #bbpress-forums .bbp-pagination .current {\n        border-color: @theme_color;\n    }\n\n    .td_wrapper_video_playlist .td_video_currently_playing:after {\n        border-color: @theme_color !important;\n    }\n\n\n\n\n\n    /* @site_background_color */\n    body .td-content-wrap {\n        background-color: @site_background_color;\n    }\n\n\n    /* @grid_line_color */\n    .td-pb-row [class*=\"td-pb-span\"],\n    .td-pb-border-top,\n    .page-template-page-title-sidebar-php .td-page-content > .wpb_row:first-child,\n    .td-post-sharing,\n    .td-post-content,\n    .td-post-next-prev,\n    .author-box-wrap,\n    .td-comments-title-wrap,\n    .comment-list,\n    .comment-respond,\n    .td-post-template-5 header,\n    .td-container,\n    .wpb_content_element,\n    .wpb_column,\n    .wpb_row,\n    .white-menu .td-header-style-1 .td-header-main-menu,\n    .white-menu .td-header-style-2 .td-header-main-menu,\n    .white-menu .td-header-style-3 .td-header-main-menu,\n    .white-menu .td-header-style-4 .td-header-main-menu,\n    .white-menu .td-header-style-5 .td-header-main-menu,\n    .white-menu .td-header-style-6 .td-header-main-menu,\n    .white-menu .td-header-style-7 .td-header-main-menu,\n    .white-menu .td-header-style-8 .td-header-main-menu,\n    .white-menu .td-header-style-9 .td-header-main-menu,\n    .td-header-style-6 .td-header-container,\n    .td-post-template-1 .td-post-content,\n    .td-post-template-4 .td-post-sharing-top,\n    .td-header-style-6 .td-header-header .td-make-full,\n    #disqus_thread {\n        border-color: @grid_line_color;\n    }\n    .td-top-border {\n        border-color: @grid_line_color !important;\n    }\n    .td-container-border:after,\n    .td-next-prev-separator {\n    \tbackground-color: @grid_line_color;\n    }\n    /* responsive portrait phone */\n    @media (max-width: @responsive_p_phone_max) {\n    \t.white-menu .td-header-main-menu {\n      \t\tborder-color: @grid_line_color;\n      \t}\n    }\n\n\n\n    /* @top_menu_color */\n    .td-header-top-menu,\n    body .td-top-menu-full,\n    .td-header-style-6 .td-top-menu-full {\n        background-color: @top_menu_color;\n    }\n\n\n\n    .td-header-style-1 .td-header-sp-top-menu {\n        padding-left: 13px;\n        top: 0px;\n    }\n    @media (min-width: 768px) and (max-width: 1023px) {\n        .td-header-style-1 .td-header-sp-top-menu {\n            margin-top: 0px;\n        }\n    }\n    .td-header-style-1 .td_ul_logout {\n        position: relative;\n        right: 7px;\n    }\n    .td-header-style-1 .td-header-sp-top-widget,\n    .td-header-style-1 .td-top-menu-widget {\n        right: 3px;\n        top: 0px;\n    }\n    @media (min-width: 768px) and (max-width: 1023px) {\n        .td-header-style-1 .td-header-sp-top-widget,\n        .td-header-style-1 .td-top-menu-widget {\n            margin-top: 0px;\n        }\n    }\n\n\n    .td-header-style-2 .td-header-sp-top-menu {\n        padding-left: 13px;\n        padding-top: 0px;\n        padding-bottom: 0px;\n    }\n    .td-header-style-2 .td-header-sp-top-widget {\n        right: 3px;\n        padding-top: 0px;\n        padding-bottom: 0px;\n    }\n    .td-header-style-2 .td_ul_logout {\n        position: relative;\n        right: 7px;\n    }\n\n    /* @top_menu_text_color */\n    .td-header-sp-top-menu .top-header-menu > li > a,\n    .td-header-sp-top-menu .td-icon-logout,\n    .td-header-sp-top-menu .td_data_time,\n    .td-header-sp-top-menu .top-header-menu .menu-item .td_user_logd_in {\n        color: @top_menu_text_color;\n    }\n\n    /* @top_menu_text_hover_color */\n    .td-header-sp-top-menu .top-header-menu > li > a:hover {\n        color: @top_menu_text_hover_color;\n    }\n\n    /* @top_sub_menu_text_color */\n    .top-header-menu .menu-item-has-children li a {\n        color: @top_sub_menu_text_color;\n    }\n\n    /* @top_sub_menu_text_hover_color */\n    .top-header-menu .menu-item-has-children li a:hover {\n        color: @top_sub_menu_text_hover_color;\n    }\n\n    /* @top_social_icons_color */\n    .td-header-sp-top-widget .td-social-icon-wrap i {\n        color: @top_social_icons_color;\n    }\n\n    /* @top_social_icons_hover_color */\n    .td-header-sp-top-widget .td-social-icon-wrap i:hover {\n        color: @top_social_icons_hover_color;\n    }\n\n    /* @menu_color */\n    .td-header-main-menu {\n        background-color: @menu_color;\n    }\n\n    /* @menu_text_color */\n    .sf-menu > li > a,\n    .header-search-wrap .td-icon-search,\n    #td-top-mobile-toggle i {\n        color: @menu_text_color;\n    }\n\n    /* @menu_border_color */\n    .td-header-border:before {\n        background-color: @menu_border_color;\n    }\n\n    /* @header_wrap_color */\n    .td-header-row.td-header-header,\n    .single_template_6 .td-header-header,\n    .td-header-style-7 > .td-header-row.td-header-header,\n    .td-header-style-8 .td-header-header {\n        background-color: @header_wrap_color;\n    }\n    .td-header-style-1 .td-header-sp-ads,\n    .td-header-style-3 .td-header-sp-ads {\n        margin-right: 7px;\n    }\n    .td-header-style-1 .td-header-sp-logo,\n    .td-header-style-3 .td-header-sp-logo {\n        margin-left: 7px;\n    }\n\n    .td-header-style-6 .td-header-header .td-make-full {\n    \tborder-bottom: 0px;\n    }\n    .td-header-style-1 .td-header-sp-top-menu,\n    .td-header-style-1 .td-header-sp-top-widget {\n    \ttop: 0px;\n    }\n\n    @media (max-height: 768px) {\n        .td-header-style-6 .td-header-sp-ads {\n            margin-right: 7px;\n        }\n        .td-header-style-6 .td-header-sp-logo {\n        \tmargin-left: 7px;\n    \t}\n    }\n\n    @media (max-width: 767px) {\n        .td-header-style-1 .td-header-sp-ads,\n        .td-header-style-3 .td-header-sp-ads,\n        .td-header-style-6 .td-header-sp-ads {\n            margin-right: 0px;\n        }\n    }\n\n    /* @footer_color */\n    .td-footer-container {\n        background-color: @footer_color;\n    }\n\n    /* @footer_bottom_color */\n    .td-sub-footer-container {\n        background-color: @footer_bottom_color;\n    }\n    .td-sub-footer-container:after {\n        background-color: transparent;\n    }\n    .td-sub-footer-container:before {\n        background-color: transparent;\n    }\n\n    /* @footer_bottom_text_color */\n    .td-sub-footer-container,\n    .td-sub-footer-container a {\n        color: @footer_bottom_text_color;\n    }\n    .td-sub-footer-container li a:before {\n        background-color: @footer_bottom_text_color;\n    }\n\n    /* @module1_title_color */\n    .td_module_1 .td-module-title a {\n    \tcolor: @module1_title_color;\n    }\n    /* @module2_title_color */\n    .td_module_2 .td-module-title a {\n    \tcolor: @module2_title_color;\n    }\n    /* @module3_title_color */\n    .td_module_3 .td-module-title a {\n    \tcolor: @module3_title_color;\n    }\n    /* @module4_title_color */\n    .td_module_4 .td-module-title a {\n    \tcolor: @module4_title_color;\n    }\n    /* @module5_title_color */\n    .td_module_5 .td-module-title a {\n    \tcolor: @module5_title_color;\n    }\n    /* @module6_title_color */\n    .td_module_6 .td-module-title a {\n    \tcolor: @module6_title_color;\n    }\n    /* @module7_title_color */\n    .td_module_7 .td-module-title a {\n    \tcolor: @module7_title_color;\n    }\n    /* @module8_title_color */\n    .td_module_8 .td-module-title a {\n    \tcolor: @module8_title_color;\n    }\n    /* @module9_title_color */\n    .td_module_9 .td-module-title a {\n    \tcolor: @module9_title_color;\n    }\n    /* @module10_title_color */\n    .td_module_10 .td-module-title a {\n    \tcolor: @module10_title_color;\n    }\n    /* @module11_title_color */\n    .td_module_11 .td-module-title a {\n    \tcolor: @module11_title_color;\n    }\n    /* @module12_title_color */\n    .td_module_12 .td-module-title a {\n    \tcolor: @module12_title_color;\n    }\n    /* @module13_title_color */\n    .td_module_13 .td-module-title a {\n    \tcolor: @module13_title_color;\n    }\n    /* @module14_title_color */\n    .td_module_14 .td-module-title a {\n    \tcolor: @module14_title_color;\n    }\n    /* @module15_title_color */\n    .td_module_15 .entry-title a {\n    \tcolor: @module15_title_color;\n    }\n    /* @module_mx2_title_color */\n    .td_module_mx2 .td-module-title a {\n    \tcolor: @module_mx2_title_color;\n    }\n    /* @module_mx4_title_color */\n    .td_module_mx4 .td-module-title a {\n    \tcolor: @module_mx4_title_color;\n    }\n    /* @news_ticker_title_color */\n    .td_block_trending_now .entry-title a {\n    \tcolor: @news_ticker_title_color;\n    }\n    /* @author_name_title_color */\n    .td_module_wrap .td-post-author-name a {\n    \tcolor: @author_name_title_color;\n    }\n\n\n    /* @post_title_color */\n    .post header h1 {\n    \tcolor: @post_title_color;\n    }\n    /* @post_author_name_color */\n    header .td-post-author-name a {\n    \tcolor: @post_author_name_color;\n    }\n    /* @post_content_color */\n    .td-post-content,\n    .td-post-content p {\n    \tcolor: @post_content_color;\n    }\n    /* @post_h_color */\n    .td-post-content h1,\n    .td-post-content h2,\n    .td-post-content h3,\n    .td-post-content h4,\n    .td-post-content h5,\n    .td-post-content h6 {\n    \tcolor: @post_h_color;\n    }\n    /* @post_blockquote_color */\n    .post blockquote p,\n    .page blockquote p {\n    \tcolor: @post_blockquote_color;\n    }\n    .post .td_quote_box,\n    .page .td_quote_box {\n        border-color: @post_blockquote_color;\n    }\n\n    /* @page_title_color */\n    .td-page-header h1 {\n    \tcolor: @page_title_color;\n    }\n    /* @page_content_color */\n    .td-page-content p,\n    .td-page-content .td_text_with_title {\n    \tcolor: @page_content_color;\n    }\n    /* @page_h_color */\n    .td-page-content h1,\n    .td-page-content h2,\n    .td-page-content h3,\n    .td-page-content h4,\n    .td-page-content h5,\n    .td-page-content h6 {\n    \tcolor: @page_h_color;\n    }\n\n\n\n\n\n\n\n\n\n\n\n\n    /* ------------------------------------------------------ */\n    /* @top_menu */\n    .top-header-menu li a,\n    .td-header-sp-top-menu .td_data_time {\n        @top_menu\n    }\n    /* @top_sub_menu */\n    .top-header-menu .menu-item-has-children li a {\n    \t@top_sub_menu\n    }\n\t/* @main_menu */\n    .sf-menu > .td-menu-item > a {\n        @main_menu\n    }\n    /* @main_sub_menu */\n    .sf-menu ul .td-menu-item a {\n        @main_sub_menu\n    }\n    /* @mega_menu */\n    .td_mod_mega_menu .item-details a {\n        @mega_menu\n    }\n    /* @mega_menu_categ */\n    .td_mega_menu_sub_cats .block-mega-child-cats a {\n        @mega_menu_categ\n    }\n    /* @mobile_menu */\n    .td-mobile-content #menu-main-menu > li > a {\n        @mobile_menu\n    }\n\t/* @mobile_sub_menu */\n    .td-mobile-content .sub-menu a {\n        @mobile_sub_menu\n    }\n\n\n\n\t/* @news_ticker */\n    .td_block_trending_now .entry-title a {\n    \t@news_ticker\n    }\n    /* @module_1 */\n    .td_module_1 .td-module-title a {\n    \t@module_1\n    }\n    /* @module_2 */\n    .td_module_2 .td-module-title a {\n    \t@module_2\n    }\n    /* @module_3 */\n    .td_module_3 .td-module-title a {\n    \t@module_3\n    }\n    /* @module_4 */\n    .td_module_4 .td-module-title a {\n    \t@module_4\n    }\n    /* @module_5 */\n    .td_module_5 .td-module-title a {\n    \t@module_5\n    }\n    /* @module_6 */\n    .td_module_6 .td-module-title a {\n    \t@module_6\n    }\n    /* @module_7 */\n    .td_module_7 .td-module-title a {\n    \t@module_7\n    }\n    /* @module_8 */\n    .td_module_8 .td-module-title a {\n    \t@module_8\n    }\n    /* @module_9 */\n    .td_module_9 .td-module-title a {\n    \t@module_9\n    }\n    /* @module_10 */\n    .td_module_10 .td-module-title a {\n    \t@module_10\n    }\n    /* @module_11 */\n    .td_module_11 .td-module-title a {\n    \t@module_11\n    }\n    /* @module_12 */\n    .td_module_12 .td-module-title a {\n    \t@module_12\n    }\n    /* @module_13 */\n    .td_module_13 .td-module-title a {\n    \t@module_13\n    }\n    /* @module_14 */\n    .td_module_14 .td-module-title a {\n    \t@module_14\n    }\n    /* @module_15 */\n    .td_module_15 .entry-title a {\n    \t@module_15\n    }\n    /* @module_mx1 */\n    .td_module_mx1 .td-module-title a {\n    \t@module_mx1\n    }\n    /* @module_mx2 */\n    .td_module_mx2 .td-module-title a {\n    \t@module_mx2\n    }\n    /* @module_mx3 */\n    .td_module_mx3 .td-module-title a {\n    \t@module_mx3\n    }\n    /* @module_mx4 */\n    .td_module_mx4 .td-module-title a {\n    \t@module_mx4\n    }\n\t/* @big_grid_small_images */\n    .td-big-grid-post-1 .entry-title a,\n    .td-big-grid-post-2 .entry-title a,\n    .td-big-grid-post-3 .entry-title a,\n    .td-big-grid-post-4 .entry-title a {\n        @big_grid_small_images\n    }\n    /* @big_grid_large_image */\n    .td-big-grid-post-0 .entry-title a {\n        @big_grid_large_image\n    }\n    /* @slider_1column */\n    .td-theme-slider.iosSlider-col-3 .td-module-title a {\n        @slider_1column\n    }\n    /* @slider_2columns */\n    .td-theme-slider.iosSlider-col-2 .td-module-title a {\n        @slider_2columns\n    }\n    /* @slider_3columns */\n    .td-theme-slider.iosSlider-col-1 .td-module-title a {\n        @slider_3columns\n    }\n    /* @homepage_post */\n    .page .td-post-template-6 .td-post-header h1 {\n        @homepage_post\n    }\n\n    /* @blocks_title */\n    .block-title > span,\n    .block-title > a,\n    .widgettitle,\n    .wpb_tabs li a,\n    .td-related-title .td-related-left,\n    .td-related-title .td-related-right,\n    .category .entry-title span,\n    .td-author-counters span,\n    .woocommerce-tabs h2,\n    .woocommerce .product .products h2 {\n        @blocks_title\n    }\n    /* @blocks_author */\n    .td-module-meta-info .td-post-author-name a,\n    .td_module_wrap .td-post-author-name a {\n        @blocks_author\n    }\n    /* @blocks_date */\n    .td-module-meta-info .td-post-date .entry-date,\n    .td_module_wrap .td-post-date .entry-date {\n        @blocks_date\n    }\n    /* @blocks_comment */\n    .td-module-meta-info .td-module-comments a,\n    .td_module_wrap .td-module-comments a {\n        @blocks_comment\n    }\n    /* @blocks_category */\n    .td-big-grid-meta .td-post-category,\n    .td_module_wrap .td-post-category,\n    .td-module-image .td-post-category {\n        @blocks_category\n    }\n    /* @blocks_filter */\n    .td-pulldown-filter-display-option,\n    a.td-pulldown-filter-link,\n    .td-category-pulldown-filter a.td-pulldown-category-filter-link {\n        @blocks_filter\n    }\n    /* @blocks_excerpt */\n    .td-excerpt,\n    .td-module-excerpt {\n        @blocks_excerpt\n    }\n\n\n\t/* @post_title */\n    .td-post-template-default header .entry-title {\n        @post_title\n    }\n    /* @post_title_style1 */\n    .td-post-template-1 header .entry-title {\n        @post_title_style1\n    }\n    /* @post_title_style2 */\n    .td-post-template-2 header .entry-title {\n        @post_title_style2\n    }\n    /* @post_title_style3 */\n    .td-post-template-3 header .entry-title {\n        @post_title_style3\n    }\n    /* @post_title_style4 */\n    .td-post-template-4 header .entry-title {\n        @post_title_style4\n    }\n    /* @post_title_style5 */\n    .td-post-template-5 header .entry-title {\n        @post_title_style5\n    }\n    /* @post_title_style6 */\n    .td-post-template-6 header .entry-title {\n        @post_title_style6\n    }\n    /* @post_title_style7 */\n    .td-post-template-7 header .entry-title {\n        @post_title_style7\n    }\n    /* @post_title_style8 */\n    .td-post-template-8 header .entry-title {\n        @post_title_style8\n    }\n\n\n\n\n    /* @post_content */\n    .td-post-content p,\n    .td-post-content {\n        @post_content\n    }\n    /* @post_blockquote */\n    .post blockquote p,\n    .page blockquote p,\n    .td-post-text-content blockquote p {\n        @post_blockquote\n    }\n    /* @post_box_quote */\n    .post .td_quote_box p,\n    .page .td_quote_box p {\n        @post_box_quote\n    }\n    /* @post_pull_quote */\n    .post .td_pull_quote p,\n    .page .td_pull_quote p {\n        @post_pull_quote\n    }\n    /* @post_h1 */\n    .td-post-content h1 {\n        @post_h1\n    }\n    /* @post_h2 */\n    .td-post-content h2 {\n        @post_h2\n    }\n    /* @post_h3 */\n    .td-post-content h3 {\n        @post_h3\n    }\n    /* @post_h4 */\n    .td-post-content h4 {\n        @post_h4\n    }\n    /* @post_h5 */\n    .td-post-content h5 {\n        @post_h5\n    }\n    /* @post_h6 */\n    .td-post-content h6 {\n        @post_h6\n    }\n\n\n\n\n\n    /* @post_category */\n    .post .td-category a {\n        @post_category\n    }\n    /* @post_author */\n    .post header .td-post-author-name,\n    .post header .td-post-author-name a {\n        @post_author\n    }\n    /* @post_date */\n    .post header .td-post-date .entry-date {\n        @post_date\n    }\n    /* @post_comment */\n    .post header .td-post-views span,\n    .post header .td-post-comments {\n        @post_comment\n    }\n    /* @via_source_tag */\n    .post .td-post-source-tags a,\n    .post .td-post-source-tags span {\n        @via_source_tag\n    }\n    /* @post_next_prev_text */\n    .post .td-post-next-prev-content span {\n        @post_next_prev_text\n    }\n    /* @post_next_prev */\n    .post .td-post-next-prev-content a {\n        @post_next_prev\n    }\n    /* @box_author_name */\n    .post .author-box-wrap .td-author-name a {\n        @box_author_name\n    }\n    /* @box_author_url */\n    .post .author-box-wrap .td-author-url a {\n        @box_author_url\n    }\n    /* @box_author_description */\n    .post .author-box-wrap .vcard {\n        @box_author_description\n    }\n    /* @post_related */\n    .td_related_posts .entry-title a {\n        @post_related\n    }\n    /* @post_share */\n    .post .td-post-share-title,\n    .td-comments-title-wrap h4,\n    .comment-reply-title {\n        @post_share\n    }\n    /* @post_image_caption */\n\t.wp-caption-text,\n\t.wp-caption-dd {\n\t\t@post_image_caption\n\t}\n    /* @post_subtitle_small */\n    .td-post-template-default .td-post-sub-title,\n    .td-post-template-1 .td-post-sub-title,\n    .td-post-template-5 .td-post-sub-title,\n    .td-post-template-7 .td-post-sub-title,\n    .td-post-template-8 .td-post-sub-title {\n        @post_subtitle_small\n    }\n    /* @post_subtitle_large */\n    .td-post-template-2 .td-post-sub-title,\n    .td-post-template-3 .td-post-sub-title,\n    .td-post-template-4 .td-post-sub-title,\n    .td-post-template-6 .td-post-sub-title {\n        @post_subtitle_large\n    }\n\n\n\n\n\n\n\n\n\t/* @page_title */\n    .td-page-header h1,\n    .woocommerce-page .page-title {\n    \t@page_title\n    }\n    /* @page_content */\n    .td-page-content p,\n    .td-page-content .td_text_with_title,\n    .woocommerce-page .page-description > p {\n    \t@page_content\n    }\n    /* @page_h1 */\n    .td-page-content h1 {\n    \t@page_h1\n    }\n    /* @page_h2 */\n    .td-page-content h2 {\n    \t@page_h2\n    }\n    /* @page_h3 */\n    .td-page-content h3 {\n    \t@page_h3\n    }\n    /* @page_h4 */\n    .td-page-content h4 {\n    \t@page_h4\n    }\n    /* @page_h5 */\n    .td-page-content h5 {\n    \t@page_h5\n    }\n    /* @page_h6 */\n    .td-page-content h6 {\n    \t@page_h6\n    }\n\n\n\n    /* @footer_text_about */\n\t.footer-text-wrap {\n\t\t@footer_text_about\n\t}\n\t/* @footer_copyright_text */\n\t.td-sub-footer-copy {\n\t\t@footer_copyright_text\n\t}\n\t/* @footer_menu_text */\n\t.td-sub-footer-menu ul li a {\n\t\t@footer_menu_text\n\t}\n\n\n\n    /* @category_tag */\n    .category .td-category a {\n    \t@category_tag\n    }\n    /* @news_ticker_title */\n    .td-trending-now-title {\n    \t@news_ticker_title\n    }\n    /* @pagination */\n    .page-nav a,\n    .page-nav span,\n    .page-nav i {\n    \t@pagination\n    }\n\n\n    /* @dropcap */\n    .dropcap {\n    \t@dropcap\n    }\n    /* @breadcrumb */\n    .entry-crumbs a,\n    .entry-crumbs span,\n    #bbpress-forums .bbp-breadcrumb a,\n    #bbpress-forums .bbp-breadcrumb .bbp-breadcrumb-current {\n    \t@breadcrumb\n    }\n\n    /* @default_widgets */\n    .widget_archive a,\n    .widget_calendar,\n    .widget_categories a,\n    .widget_nav_menu a,\n    .widget_meta a,\n    .widget_pages a,\n    .widget_recent_comments a,\n    .widget_recent_entries a,\n    .widget_text .textwidget,\n    .widget_tag_cloud a,\n    .widget_search input,\n    .woocommerce .product-categories a,\n    .widget_display_forums a,\n    .widget_display_replies a,\n    .widget_display_topics a,\n    .widget_display_views a,\n    .widget_display_stats\n     {\n    \t@default_widgets\n    }\n\n    /* @default_buttons */\n\tinput[type=\"submit\"],\n\t.woocommerce a.button,\n\t.woocommerce button.button,\n\t.woocommerce #respond input#submit {\n\t\t@default_buttons\n\t}\n\n    /* @woocommerce_products */\n\t.woocommerce .product a h3,\n\t.woocommerce .widget.woocommerce .product_list_widget a,\n\t.woocommerce-cart .woocommerce .product-name a {\n\t\t@woocommerce_products\n\t}\n\n\n    /* @woocommerce_product_title */\n\t.woocommerce .product .summary .product_title {\n\t\t@woocommerce_product_title\n\t}\n\n\n\n\n\t/* @body_text */\n    body, p {\n    \t@body_text\n    }\n\n\n\n    /* @bbpress_header */\n    #bbpress-forums .bbp-header .bbp-forums,\n    #bbpress-forums .bbp-header .bbp-topics,\n    #bbpress-forums .bbp-header {\n    \t@bbpress_header\n    }\n    /* @bbpress_titles */\n    #bbpress-forums .hentry .bbp-forum-title,\n    #bbpress-forums .hentry .bbp-topic-permalink {\n    \t@bbpress_titles\n    }\n    /* @bbpress_subcategories */\n    #bbpress-forums .bbp-forums-list li {\n    \t@bbpress_subcategories\n    }\n    /* @bbpress_description */\n    #bbpress-forums .bbp-forum-info .bbp-forum-content {\n    \t@bbpress_description\n    }\n    /* @bbpress_author */\n    #bbpress-forums div.bbp-forum-author a.bbp-author-name,\n    #bbpress-forums div.bbp-topic-author a.bbp-author-name,\n    #bbpress-forums div.bbp-reply-author a.bbp-author-name,\n    #bbpress-forums div.bbp-search-author a.bbp-author-name,\n    #bbpress-forums .bbp-forum-freshness .bbp-author-name,\n    #bbpress-forums .bbp-topic-freshness a:last-child {\n    \t@bbpress_author\n    }\n    /* @bbpress_replies */\n    #bbpress-forums .hentry .bbp-topic-content p,\n    #bbpress-forums .hentry .bbp-reply-content p {\n    \t@bbpress_replies\n    }\n    /* @bbpress_notices */\n    #bbpress-forums div.bbp-template-notice p {\n    \t@bbpress_notices\n    }\n    /* @bbpress_pagination */\n    #bbpress-forums .bbp-pagination-count,\n    #bbpress-forums .page-numbers {\n    \t@bbpress_pagination\n    }\n    /* @bbpress_topic */\n    #bbpress-forums .bbp-topic-started-by,\n    #bbpress-forums .bbp-topic-started-by a,\n    #bbpress-forums .bbp-topic-started-in,\n    #bbpress-forums .bbp-topic-started-in a {\n    \t@bbpress_topic\n    }\n\n\n\n\n\n    /* ------------------------------------------------------ */\n    /* @style_1_block_background_color */\n    body .td-block-color-style-1,\n    .td-block-color-style-1.td_block_13 .meta-info {\n        background-color: @style_1_block_background_color;\n    }\n    /* @style_1_block_drop_down_background_color */\n    body .td-block-color-style-1 .td-pulldown-filter-display-option,\n    body .td-block-color-style-1 .td-pulldown-filter-list {\n        background-color: @style_1_block_drop_down_background_color_ie8;\n        background-color: @style_1_block_drop_down_background_color;\n    }\n    /* @style_1_block_drop_down_border_color */\n    body .td-block-color-style-1 .td-pulldown-filter-display-option,\n    body .td-block-color-style-1 .td-pulldown-filter-list {\n        border-color: @style_1_block_drop_down_border_color;\n    }\n    /* @style_1_block_drop_down_text_color */\n    body .td-block-color-style-1 .td-pulldown-filter-display-option,\n    body .td-block-color-style-1 .td-pulldown-filter-display-option .td-icon-menu-down,\n    body .td-block-color-style-1 .td-pulldown-filter-link {\n        color: @style_1_block_drop_down_text_color;\n    }\n    /* @style_1_block_module_post_title_color */\n    body .td-block-color-style-1 .td-module-title a ,\n    body .td-block-color-style-1 i {\n        color: @style_1_block_module_post_title_color;\n    }\n    /* @style_1_block_module_post_excerpt_color */\n    body .td-block-color-style-1 .td-excerpt {\n        color: @style_1_block_module_post_excerpt_color;\n    }\n    /* @style_1_block_module_post_author_color */\n    body .td-block-color-style-1 .td-post-author-name a,\n    body .td-block-color-style-1 .td-post-author-name span {\n        color: @style_1_block_module_post_author_color;\n    }\n    /* @style_1_block_module_post_date_color */\n    body .td-block-color-style-1 .td-module-date {\n        color: @style_1_block_module_post_date_color;\n    }\n    /* @style_1_block_module_post_comments_box_background_color */\n    body .td-block-color-style-1 .td-module-comments{\n        background-color: @style_1_block_module_post_comments_box_background_color;\n    }\n    .td-block-color-style-1 .td-next-prev-wrap a:hover i {\n    \tbackground-color: @style_1_block_module_post_comments_box_background_color;\n    \tborder-color: @style_1_block_module_post_comments_box_background_color;\n    }\n    /* @style_1_block_module_post_comments_box_background_color_after */\n    body .td-block-color-style-1 .td-module-comments a:after{\n        border-color: hsl(@style_1_block_module_post_comments_box_background_color_after, 50%, 35%) transparent transparent transparent;\n    }\n    /* @style_1_block_module_post_comments_color */\n    body .td-block-color-style-1 .td-module-comments a {\n        color: @style_1_block_module_post_comments_color;\n    }\n     /* @style_1_block_module_post_divider_color */\n    body .td-block-color-style-1 .item-details,\n    body .td-block-color-style-1 .td_module_5 {\n        border-bottom-color: @style_1_block_module_post_divider_color;\n    }\n    /* @style_1_block_navigation_background_color */\n    body .td-block-color-style-1 .td-next-prev-wrap .td-icon-font {\n        background-color: @style_1_block_navigation_background_color;\n    }\n    /* @style_1_block_navigation_text_color */\n    body .td-block-color-style-1 .td-icon-font,\n    body .td-block-color-style-1 .td_ajax_load_more {\n    \tborder-color: @style_1_block_navigation_text_color;\n        color: @style_1_block_navigation_text_color;\n    }\n     /* @style_1_block_hover_style */\n    .td-block-color-style-1 .td_module_wrap:hover .entry-title a,\n    body .td-block-color-style-1 .td-pulldown-filter-display-option:hover,\n    body .td-block-color-style-1 a.td-pulldown-filter-link:hover,\n    body .td-block-color-style-1 .td_ajax_load_more:hover,\n    body .td-block-color-style-1 .td_ajax_load_more:hover i {\n        color: @style_1_block_hover_style !important;\n     }\n    .td-block-color-style-1 .td-next-prev-wrap a:hover i {\n        background-color: @style_1_block_hover_style !important;\n        border-color: @style_1_block_hover_style !important;\n    }\n    .td-block-color-style-1 .td-next-prev-wrap a:hover i {\n\t  color: #ffffff !important;\n\t}\n\n\n\t/* ------------------------------------------------------ */\n    /* @style_2_block_background_color */\n    body .td-block-color-style-2,\n    .td-block-color-style-2.td_block_13 .meta-info {\n        background-color: @style_2_block_background_color;\n    }\n    /* @style_2_block_drop_down_background_color */\n    body .td-block-color-style-2 .td-pulldown-filter-display-option,\n    body .td-block-color-style-2 .td-pulldown-filter-list {\n        background-color: @style_2_block_drop_down_background_color_ie8;\n        background-color: @style_2_block_drop_down_background_color;\n    }\n    /* @style_2_block_drop_down_border_color */\n    body .td-block-color-style-2 .td-pulldown-filter-display-option,\n    body .td-block-color-style-2 .td-pulldown-filter-list {\n        border-color: @style_2_block_drop_down_border_color;\n    }\n    /* @style_2_block_drop_down_text_color */\n    body .td-block-color-style-2 .td-pulldown-filter-display-option,\n    body .td-block-color-style-2 .td-pulldown-filter-display-option .td-icon-menu-down,\n    body .td-block-color-style-2 .td-pulldown-filter-link {\n        color: @style_2_block_drop_down_text_color;\n    }\n    /* @style_2_block_module_post_title_color */\n    body .td-block-color-style-2 .td-module-title a ,\n    body .td-block-color-style-2 i {\n        color: @style_2_block_module_post_title_color;\n    }\n    /* @style_2_block_module_post_excerpt_color */\n    body .td-block-color-style-2 .td-excerpt {\n        color: @style_2_block_module_post_excerpt_color;\n    }\n    /* @style_2_block_module_post_author_color */\n    body .td-block-color-style-2 .td-post-author-name a,\n    body .td-block-color-style-2 .td-post-author-name span {\n        color: @style_2_block_module_post_author_color;\n    }\n    /* @style_2_block_module_post_date_color */\n    body .td-block-color-style-2 .td-module-date {\n        color: @style_2_block_module_post_date_color;\n    }\n    /* @style_2_block_module_post_comments_box_background_color */\n    body .td-block-color-style-2 .td-module-comments{\n        background-color: @style_2_block_module_post_comments_box_background_color;\n    }\n    .td-block-color-style-2 .td-next-prev-wrap a:hover i {\n    \tbackground-color: @style_2_block_module_post_comments_box_background_color;\n    \tborder-color: @style_2_block_module_post_comments_box_background_color;\n    }\n    /* @style_2_block_module_post_comments_box_background_color_after */\n    body .td-block-color-style-2 .td-module-comments a:after{\n        border-color: hsl(@style_2_block_module_post_comments_box_background_color_after, 50%, 35%) transparent transparent transparent;\n    }\n    /* @style_2_block_module_post_comments_color */\n    body .td-block-color-style-2 .td-module-comments a {\n        color: @style_2_block_module_post_comments_color;\n    }\n     /* @style_2_block_module_post_divider_color */\n    body .td-block-color-style-2 .item-details,\n    body .td-block-color-style-2 .td_module_5 {\n        border-bottom-color: @style_2_block_module_post_divider_color;\n    }\n    /* @style_2_block_navigation_background_color */\n    body .td-block-color-style-2 .td-next-prev-wrap .td-icon-font {\n        background-color: @style_2_block_navigation_background_color;\n    }\n    /* @style_2_block_navigation_text_color */\n    body .td-block-color-style-2 .td-icon-font,\n    body .td-block-color-style-2 .td_ajax_load_more {\n    \tborder-color: @style_2_block_navigation_text_color;\n        color: @style_2_block_navigation_text_color;\n    }\n     /* @style_2_block_hover_style */\n    .td-block-color-style-2 .td_module_wrap:hover .entry-title a,\n    body .td-block-color-style-2 .td-pulldown-filter-display-option:hover,\n    body .td-block-color-style-2 a.td-pulldown-filter-link:hover,\n    body .td-block-color-style-2 .td_ajax_load_more:hover,\n    body .td-block-color-style-2 .td_ajax_load_more:hover i {\n        color: @style_2_block_hover_style !important;\n     }\n    .td-block-color-style-2 .td-next-prev-wrap a:hover i {\n        background-color: @style_2_block_hover_style !important;\n        border-color: @style_2_block_hover_style !important;\n    }\n    .td-block-color-style-2 .td-next-prev-wrap a:hover i {\n\t  color: #ffffff !important;\n\t}\n\n\n\t/* ------------------------------------------------------ */\n    /* @style_3_block_background_color */\n    body .td-block-color-style-3,\n    .td-block-color-style-3.td_block_13 .meta-info {\n        background-color: @style_3_block_background_color;\n    }\n    /* @style_3_block_drop_down_background_color */\n    body .td-block-color-style-3 .td-pulldown-filter-display-option,\n    body .td-block-color-style-3 .td-pulldown-filter-list {\n        background-color: @style_3_block_drop_down_background_color_ie8;\n        background-color: @style_3_block_drop_down_background_color;\n    }\n    /* @style_3_block_drop_down_border_color */\n    body .td-block-color-style-3 .td-pulldown-filter-display-option,\n    body .td-block-color-style-3 .td-pulldown-filter-list {\n        border-color: @style_3_block_drop_down_border_color;\n    }\n    /* @style_3_block_drop_down_text_color */\n    body .td-block-color-style-3 .td-pulldown-filter-display-option,\n    body .td-block-color-style-3 .td-pulldown-filter-display-option .td-icon-menu-down,\n    body .td-block-color-style-3 .td-pulldown-filter-link {\n        color: @style_3_block_drop_down_text_color;\n    }\n    /* @style_3_block_module_post_title_color */\n    body .td-block-color-style-3 .td-module-title a ,\n    body .td-block-color-style-3 i {\n        color: @style_3_block_module_post_title_color;\n    }\n    /* @style_3_block_module_post_excerpt_color */\n    body .td-block-color-style-3 .td-excerpt {\n        color: @style_3_block_module_post_excerpt_color;\n    }\n    /* @style_3_block_module_post_author_color */\n    body .td-block-color-style-3 .td-post-author-name a,\n    body .td-block-color-style-3 .td-post-author-name span {\n        color: @style_3_block_module_post_author_color;\n    }\n    /* @style_3_block_module_post_date_color */\n    body .td-block-color-style-3 .td-module-date {\n        color: @style_3_block_module_post_date_color;\n    }\n    /* @style_3_block_module_post_comments_box_background_color */\n    body .td-block-color-style-3 .td-module-comments{\n        background-color: @style_3_block_module_post_comments_box_background_color;\n    }\n    .td-block-color-style-3 .td-next-prev-wrap a:hover i {\n    \tbackground-color: @style_3_block_module_post_comments_box_background_color;\n    \tborder-color: @style_3_block_module_post_comments_box_background_color;\n    }\n    /* @style_3_block_module_post_comments_box_background_color_after */\n    body .td-block-color-style-3 .td-module-comments a:after{\n        border-color: hsl(@style_3_block_module_post_comments_box_background_color_after, 50%, 35%) transparent transparent transparent;\n    }\n    /* @style_3_block_module_post_comments_color */\n    body .td-block-color-style-3 .td-module-comments a {\n        color: @style_3_block_module_post_comments_color;\n    }\n     /* @style_3_block_module_post_divider_color */\n    body .td-block-color-style-3 .item-details,\n    body .td-block-color-style-3 .td_module_5 {\n        border-bottom-color: @style_3_block_module_post_divider_color;\n    }\n    /* @style_3_block_navigation_background_color */\n    body .td-block-color-style-3 .td-next-prev-wrap .td-icon-font {\n        background-color: @style_3_block_navigation_background_color;\n    }\n    /* @style_3_block_navigation_text_color */\n    body .td-block-color-style-3 .td-icon-font,\n    body .td-block-color-style-3 .td_ajax_load_more {\n    \tborder-color: @style_3_block_navigation_text_color;\n        color: @style_3_block_navigation_text_color;\n    }\n     /* @style_3_block_hover_style */\n    .td-block-color-style-3 .td_module_wrap:hover .entry-title a,\n    body .td-block-color-style-3 .td-pulldown-filter-display-option:hover,\n    body .td-block-color-style-3 a.td-pulldown-filter-link:hover,\n    body .td-block-color-style-3 .td_ajax_load_more:hover,\n    body .td-block-color-style-3 .td_ajax_load_more:hover i {\n        color: @style_3_block_hover_style !important;\n     }\n    .td-block-color-style-3 .td-next-prev-wrap a:hover i {\n        background-color: @style_3_block_hover_style !important;\n        border-color: @style_3_block_hover_style !important;\n    }\n    .td-block-color-style-3 .td-next-prev-wrap a:hover i {\n\t  color: #ffffff !important;\n\t}\n\n\n\n\t/* ------------------------------------------------------ */\n    /* @style_4_block_background_color */\n    body .td-block-color-style-4,\n    .td-block-color-style-4.td_block_13 .meta-info {\n        background-color: @style_4_block_background_color;\n    }\n    /* @style_4_block_drop_down_background_color */\n    body .td-block-color-style-4 .td-pulldown-filter-display-option,\n    body .td-block-color-style-4 .td-pulldown-filter-list {\n        background-color: @style_4_block_drop_down_background_color_ie8;\n        background-color: @style_4_block_drop_down_background_color;\n    }\n    /* @style_4_block_drop_down_border_color */\n    body .td-block-color-style-4 .td-pulldown-filter-display-option,\n    body .td-block-color-style-4 .td-pulldown-filter-list {\n        border-color: @style_4_block_drop_down_border_color;\n    }\n    /* @style_4_block_drop_down_text_color */\n    body .td-block-color-style-4 .td-pulldown-filter-display-option,\n    body .td-block-color-style-4 .td-pulldown-filter-display-option .td-icon-menu-down,\n    body .td-block-color-style-4 .td-pulldown-filter-link {\n        color: @style_4_block_drop_down_text_color;\n    }\n    /* @style_4_block_module_post_title_color */\n    body .td-block-color-style-4 .td-module-title a ,\n    body .td-block-color-style-4 i {\n        color: @style_4_block_module_post_title_color;\n    }\n    /* @style_4_block_module_post_excerpt_color */\n    body .td-block-color-style-4 .td-excerpt {\n        color: @style_4_block_module_post_excerpt_color;\n    }\n    /* @style_4_block_module_post_author_color */\n    body .td-block-color-style-4 .td-post-author-name a,\n    body .td-block-color-style-4 .td-post-author-name span {\n        color: @style_4_block_module_post_author_color;\n    }\n    /* @style_4_block_module_post_date_color */\n    body .td-block-color-style-4 .td-module-date {\n        color: @style_4_block_module_post_date_color;\n    }\n    /* @style_4_block_module_post_comments_box_background_color */\n    body .td-block-color-style-4 .td-module-comments {\n        background-color: @style_4_block_module_post_comments_box_background_color;\n    }\n    .td-block-color-style-4 .td-next-prev-wrap a:hover i {\n    \tbackground-color: @style_4_block_module_post_comments_box_background_color;\n    \tborder-color: @style_4_block_module_post_comments_box_background_color;\n    }\n    /* @style_4_block_module_post_comments_box_background_color_after */\n    body .td-block-color-style-4 .td-module-comments a:after {\n        border-color: hsl(@style_4_block_module_post_comments_box_background_color_after, 50%, 35%) transparent transparent transparent;\n    }\n    /* @style_4_block_module_post_comments_color */\n    body .td-block-color-style-4 .td-module-comments a {\n        color: @style_4_block_module_post_comments_color;\n    }\n     /* @style_4_block_module_post_divider_color */\n    body .td-block-color-style-4 .item-details,\n    body .td-block-color-style-4 .td_module_5 {\n        border-bottom-color: @style_4_block_module_post_divider_color;\n    }\n    /* @style_4_block_navigation_background_color */\n    body .td-block-color-style-4 .td-next-prev-wrap .td-icon-font {\n        background-color: @style_4_block_navigation_background_color;\n    }\n    /* @style_4_block_navigation_text_color */\n    body .td-block-color-style-4 .td-icon-font,\n    body .td-block-color-style-4 .td_ajax_load_more {\n    \tborder-color: @style_4_block_navigation_text_color;\n        color: @style_4_block_navigation_text_color;\n    }\n     /* @style_4_block_hover_style */\n    .td-block-color-style-4 .td_module_wrap:hover .entry-title a,\n    body .td-block-color-style-4 .td-pulldown-filter-display-option:hover,\n    body .td-block-color-style-4 a.td-pulldown-filter-link:hover,\n    body .td-block-color-style-4 .td_ajax_load_more:hover,\n    body .td-block-color-style-4 .td_ajax_load_more:hover i {\n        color: @style_4_block_hover_style !important;\n     }\n    .td-block-color-style-4 .td-next-prev-wrap a:hover i {\n        background-color: @style_4_block_hover_style !important;\n        border-color: @style_4_block_hover_style !important;\n    }\n    .td-block-color-style-4 .td-next-prev-wrap a:hover i {\n\t  color: #ffffff !important;\n\t}\n\n\n\n\n\t/* ------------------------------------------------------ */\n    /* @style_5_block_background_color */\n    body .td-block-color-style-5,\n    .td-block-color-style-5.td_block_13 .meta-info {\n        background-color: @style_5_block_background_color;\n    }\n    /* @style_5_block_drop_down_background_color */\n    body .td-block-color-style-5 .td-pulldown-filter-display-option,\n    body .td-block-color-style-5 .td-pulldown-filter-list {\n        background-color: @style_5_block_drop_down_background_color_ie8;\n        background-color: @style_5_block_drop_down_background_color;\n    }\n    /* @style_5_block_drop_down_border_color */\n    body .td-block-color-style-5 .td-pulldown-filter-display-option,\n    body .td-block-color-style-5 .td-pulldown-filter-list {\n        border-color: @style_5_block_drop_down_border_color;\n    }\n    /* @style_5_block_drop_down_text_color */\n    body .td-block-color-style-5 .td-pulldown-filter-display-option,\n    body .td-block-color-style-5 .td-pulldown-filter-display-option .td-icon-menu-down,\n    body .td-block-color-style-5 .td-pulldown-filter-link {\n        color: @style_5_block_drop_down_text_color;\n    }\n    /* @style_5_block_module_post_title_color */\n    body .td-block-color-style-5 .td-module-title a ,\n    body .td-block-color-style-5 i {\n        color: @style_5_block_module_post_title_color;\n    }\n    /* @style_5_block_module_post_excerpt_color */\n    body .td-block-color-style-5 .td-excerpt {\n        color: @style_5_block_module_post_excerpt_color;\n    }\n    /* @style_5_block_module_post_author_color */\n    body .td-block-color-style-5 .td-post-author-name a,\n    body .td-block-color-style-5 .td-post-author-name span {\n        color: @style_5_block_module_post_author_color;\n    }\n    /* @style_5_block_module_post_date_color */\n    body .td-block-color-style-5 .td-module-date {\n        color: @style_5_block_module_post_date_color;\n    }\n    /* @style_5_block_module_post_comments_box_background_color */\n    body .td-block-color-style-5 .td-module-comments {\n        background-color: @style_5_block_module_post_comments_box_background_color;\n    }\n    .td-block-color-style-5 .td-next-prev-wrap a:hover i {\n    \tbackground-color: @style_5_block_module_post_comments_box_background_color;\n    \tborder-color: @style_5_block_module_post_comments_box_background_color;\n    }\n    /* @style_5_block_module_post_comments_box_background_color_after */\n    body .td-block-color-style-5 .td-module-comments a:after {\n        border-color: hsl(@style_5_block_module_post_comments_box_background_color_after, 50%, 35%) transparent transparent transparent;\n    }\n    /* @style_5_block_module_post_comments_color */\n    body .td-block-color-style-5 .td-module-comments a {\n        color: @style_5_block_module_post_comments_color;\n    }\n     /* @style_5_block_module_post_divider_color */\n    body .td-block-color-style-5 .item-details,\n    body .td-block-color-style-5 .td_module_5 {\n        border-bottom-color: @style_5_block_module_post_divider_color;\n    }\n    /* @style_5_block_navigation_background_color */\n    body .td-block-color-style-5 .td-next-prev-wrap .td-icon-font {\n        background-color: @style_5_block_navigation_background_color;\n    }\n    /* @style_5_block_navigation_text_color */\n    body .td-block-color-style-5 .td-icon-font,\n    body .td-block-color-style-5 .td_ajax_load_more {\n    \tborder-color: @style_5_block_navigation_text_color;\n        color: @style_5_block_navigation_text_color;\n    }\n     /* @style_5_block_hover_style */\n    .td-block-color-style-5 .td_module_wrap:hover .entry-title a,\n    body .td-block-color-style-5 .td-pulldown-filter-display-option:hover,\n    body .td-block-color-style-5 a.td-pulldown-filter-link:hover,\n    body .td-block-color-style-5 .td_ajax_load_more:hover,\n    body .td-block-color-style-5 .td_ajax_load_more:hover i {\n        color: @style_5_block_hover_style !important;\n     }\n    .td-block-color-style-5 .td-next-prev-wrap a:hover i {\n        background-color: @style_5_block_hover_style !important;\n        border-color: @style_5_block_hover_style !important;\n    }\n    .td-block-color-style-5 .td-next-prev-wrap a:hover i {\n\t  color: #ffffff !important;\n\t}\n\n\n\n\t/* ------------------------------------------------------ */\n    /* @style_6_block_background_color */\n    body .td-block-color-style-6,\n    .td-block-color-style-6.td_block_13 .meta-info {\n        background-color: @style_6_block_background_color;\n    }\n    /* @style_6_block_drop_down_background_color */\n    body .td-block-color-style-6 .td-pulldown-filter-display-option,\n    body .td-block-color-style-6 .td-pulldown-filter-list {\n        background-color: @style_6_block_drop_down_background_color_ie8;\n        background-color: @style_6_block_drop_down_background_color;\n    }\n    /* @style_6_block_drop_down_border_color */\n    body .td-block-color-style-6 .td-pulldown-filter-display-option,\n    body .td-block-color-style-6 .td-pulldown-filter-list {\n        border-color: @style_6_block_drop_down_border_color;\n    }\n    /* @style_6_block_drop_down_text_color */\n    body .td-block-color-style-6 .td-pulldown-filter-display-option,\n    body .td-block-color-style-6 .td-pulldown-filter-display-option .td-icon-menu-down,\n    body .td-block-color-style-6 .td-pulldown-filter-link {\n        color: @style_6_block_drop_down_text_color;\n    }\n    /* @style_6_block_module_post_title_color */\n    body .td-block-color-style-6 .td-module-title a ,\n    body .td-block-color-style-6 i {\n        color: @style_6_block_module_post_title_color;\n    }\n    /* @style_6_block_module_post_excerpt_color */\n    body .td-block-color-style-6 .td-excerpt {\n        color: @style_6_block_module_post_excerpt_color;\n    }\n    /* @style_6_block_module_post_author_color */\n    body .td-block-color-style-6 .td-post-author-name a,\n    body .td-block-color-style-6 .td-post-author-name span {\n        color: @style_6_block_module_post_author_color;\n    }\n    /* @style_6_block_module_post_date_color */\n    body .td-block-color-style-6 .td-module-date {\n        color: @style_6_block_module_post_date_color;\n    }\n    /* @style_6_block_module_post_comments_box_background_color */\n    body .td-block-color-style-6 .td-module-comments {\n        background-color: @style_6_block_module_post_comments_box_background_color;\n    }\n    .td-block-color-style-6 .td-next-prev-wrap a:hover i {\n    \tbackground-color: @style_6_block_module_post_comments_box_background_color;\n    \tborder-color: @style_6_block_module_post_comments_box_background_color;\n    }\n    /* @style_6_block_module_post_comments_box_background_color_after */\n    body .td-block-color-style-6 .td-module-comments a:after {\n        border-color: hsl(@style_6_block_module_post_comments_box_background_color_after, 50%, 35%) transparent transparent transparent;\n    }\n    /* @style_6_block_module_post_comments_color */\n    body .td-block-color-style-6 .td-module-comments a {\n        color: @style_6_block_module_post_comments_color;\n    }\n     /* @style_6_block_module_post_divider_color */\n    body .td-block-color-style-6 .item-details,\n    body .td-block-color-style-6 .td_module_5 {\n        border-bottom-color: @style_6_block_module_post_divider_color;\n    }\n    /* @style_6_block_navigation_background_color */\n    body .td-block-color-style-6 .td-next-prev-wrap .td-icon-font {\n        background-color: @style_6_block_navigation_background_color;\n    }\n    /* @style_6_block_navigation_text_color */\n    body .td-block-color-style-6 .td-icon-font,\n    body .td-block-color-style-6 .td_ajax_load_more {\n    \tborder-color: @style_6_block_navigation_text_color;\n        color: @style_6_block_navigation_text_color;\n    }\n     /* @style_6_block_hover_style */\n    .td-block-color-style-6 .td_module_wrap:hover .entry-title a,\n    body .td-block-color-style-6 .td-pulldown-filter-display-option:hover,\n    body .td-block-color-style-6 a.td-pulldown-filter-link:hover,\n    body .td-block-color-style-6 .td_ajax_load_more:hover,\n    body .td-block-color-style-6 .td_ajax_load_more:hover i {\n        color: @style_6_block_hover_style !important;\n     }\n    .td-block-color-style-6 .td-next-prev-wrap a:hover i {\n        background-color: @style_6_block_hover_style !important;\n        border-color: @style_6_block_hover_style !important;\n    }\n    .td-block-color-style-6 .td-next-prev-wrap a:hover i {\n\t  color: #ffffff !important;\n\t}\n\n\n\t/* @main-menu-height */\n\t.td-main-menu-logo img,\n\t.sf-menu > .td-menu-item > a > img {\n\t\tmax-height: @main-menu-height;\n\t}\n\t.td-main-menu-logo {\n\t\theight: @main-menu-height;\n\t}\n\t.td-header-menu-wrap {\n\t\tmin-height: inherit;\n\t}\n\n\n    </style>\n    ";
    $td_css_compiler = new td_css_compiler($raw_css);
    //the template directory uri
    $td_css_compiler->load_setting_raw('get_template_directory_uri', get_template_directory_uri());
    //get $typography array from db and added to generated css
    $td_typography_array = td_fonts::td_get_typography_sections_from_db();
    if (is_array($td_typography_array) and !empty($td_typography_array)) {
        foreach ($td_typography_array as $section_id => $section_css_array) {
            $td_css_compiler->load_setting_array(array($section_id => $section_css_array));
        }
    }
    // read line-height for the main-menu to align the logo in menu
    $td_menu_height = td_util::get_option('td_fonts');
    if (!empty($td_menu_height['main_menu']['line_height'])) {
        $td_css_compiler->load_setting_raw('main-menu-height', $td_menu_height['main_menu']['line_height']);
    }
    //load the user settings
    // general
    $td_css_compiler->load_setting('theme_color');
    $td_css_compiler->load_setting('grid_line_color');
    // header ---------
    $td_css_compiler->load_setting('top_menu_color');
    $td_css_compiler->load_setting('top_menu_text_color');
    $td_css_compiler->load_setting('top_menu_text_hover_color');
    $td_css_compiler->load_setting('top_sub_menu_text_color');
    $td_css_compiler->load_setting('top_sub_menu_text_hover_color');
    $td_css_compiler->load_setting('top_social_icons_color');
    $td_css_compiler->load_setting('top_social_icons_hover_color');
    $td_css_compiler->load_setting('menu_color');
    $td_css_compiler->load_setting('menu_text_color');
    $td_css_compiler->load_setting('menu_border_color');
    $td_css_compiler->load_setting('header_wrap_color');
    // footer ---------
    $td_css_compiler->load_setting('footer_color');
    $td_css_compiler->load_setting('footer_bottom_color');
    $td_css_compiler->load_setting('footer_bottom_text_color');
    // posts
    $td_css_compiler->load_setting('post_title_color');
    $td_css_compiler->load_setting('post_author_name_color');
    $td_css_compiler->load_setting('post_content_color');
    $td_css_compiler->load_setting('post_h_color');
    $td_css_compiler->load_setting('post_blockquote_color');
    // pages
    $td_css_compiler->load_setting('page_title_color');
    $td_css_compiler->load_setting('page_content_color');
    $td_css_compiler->load_setting('page_h_color');
    // modules and blocks
    $td_css_compiler->load_setting('module1_title_color');
    $td_css_compiler->load_setting('module2_title_color');
    $td_css_compiler->load_setting('module3_title_color');
    $td_css_compiler->load_setting('module4_title_color');
    $td_css_compiler->load_setting('module5_title_color');
    $td_css_compiler->load_setting('module6_title_color');
    $td_css_compiler->load_setting('module7_title_color');
    $td_css_compiler->load_setting('module8_title_color');
    $td_css_compiler->load_setting('module9_title_color');
    $td_css_compiler->load_setting('module10_title_color');
    $td_css_compiler->load_setting('module11_title_color');
    $td_css_compiler->load_setting('module12_title_color');
    $td_css_compiler->load_setting('module13_title_color');
    $td_css_compiler->load_setting('module14_title_color');
    $td_css_compiler->load_setting('module15_title_color');
    $td_css_compiler->load_setting('module_mx2_title_color');
    $td_css_compiler->load_setting('module_mx4_title_color');
    $td_css_compiler->load_setting('news_ticker_title_color');
    $td_css_compiler->load_setting('author_name_title_color');
    //load the selection color
    $tds_theme_color = td_util::get_option('tds_theme_color');
    if (!empty($tds_theme_color)) {
        //the select
        $td_css_compiler->load_setting_raw('select_color', td_util::adjustBrightness($tds_theme_color, 50));
        //the sliders text
        $td_css_compiler->load_setting_raw('slider_text', td_util::hex2rgba($tds_theme_color, 0.7));
    }
    /**
     * add td_fonts_css_buffer from database into the source of the page
     *
     * td_fonts_css_buffer : used to store the css generated for custom font files in the database
     */
    $td_fonts_css_buffer = td_fonts::td_add_fonts_css_buffer();
    /* add block styles */
    $td_block_styles = td_util::get_option('td_block_styles');
    //check if we have something set by the user
    if (!empty($td_block_styles)) {
        foreach ($td_block_styles as $style_name => $array_style_options) {
            foreach ($array_style_options as $option_key => $option_val) {
                if (!empty($td_block_styles[$style_name][$option_key])) {
                    $option_name_generator = str_replace('tds_', $style_name . '_', $option_key);
                    switch ($option_key) {
                        case 'tds_block_drop_down_background_color':
                            $td_css_compiler->load_setting_raw($option_name_generator, td_util::hex2rgba($td_block_styles[$style_name][$option_key], 0.95));
                            $td_css_compiler->load_setting_raw($option_name_generator . '_ie8', $td_block_styles[$style_name][$option_key]);
                            break;
                        case 'tds_block_module_post_comments_box_background_color':
                            $td_css_compiler->load_setting_raw($option_name_generator, $td_block_styles[$style_name][$option_key]);
                            //converting hex color to rgb
                            $rgb_color = td_util::html2rgb($td_block_styles[$style_name][$option_key]);
                            //converting rgb to hsl
                            $hsl_color = td_util::rgb2Hsl($rgb_color[0], $rgb_color[1], $rgb_color[2]);
                            //this is a hack for HLS color: red is 0 in HLS and no output is generated
                            if (intval($hsl_color[0] == 0)) {
                                $hsl_color[0] = 1;
                            }
                            $td_css_compiler->load_setting_raw($option_name_generator . '_after', $hsl_color[0]);
                            break;
                        default:
                            $td_css_compiler->load_setting_raw($option_name_generator, $td_block_styles[$style_name][$option_key]);
                    }
                }
            }
        }
    }
    //output the style
    //td_css_buffer::add($td_css_compiler->compile_css());
    return $td_fonts_css_buffer . $td_css_compiler->compile_css();
}