/** * 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 ''; }
/** * 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; }
/** * @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(); }
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()); }
/** * 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; }
/** * @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(); }