Willkommen bei WordPress. Dies ist dein erster Beitrag. Bearbeite oder lösche ihn und beginne mit dem Schreiben!
Hallo Welt!
von raredesign | Dez 3, 2019 | Allgemein | 0 Kommentare
Cokiee Shell
| Current Path : /var/www/web23/html/wp-content/themes/enfold/css/ |
| Current File : //var/www/web23/html/wp-content/themes/enfold/css/dynamic-css.php |
<?php
/*
* ATTENTION: Changes to this file will only be visible in your frontend after you have re-saved your Themes Styling Page
* ==========
*
*/
if( ! defined( 'ABSPATH' ) ) { exit; } // Exit if accessed directly
/*
This file holds ALL color information of the theme that is applied with the styling backend admin panel.
It is recommended to not edit this file, instead create new styles in custom.css and overwrite the styles within this file
Example of available values
$bg => #222222
$bg2 => #f8f8f8
$primary => #c8ccc2
$secondary => #182402
$color => #ffffff
$border => #e1e1e1
$img => /wp-content/themes/skylink/images/background-images/dashed-cross-dark.png
$pos => top left
$repeat => no-repeat
$attach => scroll
$heading => #eeeeee
$meta => #888888
$background_image => #222222 url(/wp-content/themes/skylink/images/background-images/dashed-cross-dark.png) top left no-repeat scroll
$default_font_size => empty or a px size
*/
global $avia_config;
$output = '';
$body_color = '';
// variables are in scope of includes\admin\register-dynamic-styles.php
extract( $color_set );
if( $main_color !== null )
{
extract( $main_color );
}
extract( $styles );
unset( $background_image );
######################################################################
# CREATE THE CSS DYNAMIC CSS RULES
######################################################################
/*default*/
$output .= "
::-moz-selection{
background-color: $primary;
color: $bg;
}
::selection{
background-color: $primary;
color: $bg;
}
";
/* not needed since we got no "boxed" option*/
$output .= "
html.html_boxed {background: $body_background;}
";
// responsive typography
if( ! empty( $typos ) )
{
$output .= \enfold\styling\Responsive_Typo()->create_css_rules( $typos );
}
/*color sets*/
foreach( $color_set as $key => $colors ) // iterates over the color sets: usually $key is either: header_color, main_color, footer_color, socket_color
{
$key = '.' . $key;
extract( $colors );
$constant_font = avia_backend_calc_preceived_brightness( $primary, 230 ) ? '#ffffff' : $bg;
$button_border = avia_backend_calculate_similar_color( $primary, 'darker', 2 );
$button_border2 = avia_backend_calculate_similar_color( $secondary, 'darker', 2 );
/*general styles*/
$output.= "
$key, $key div, $key header, $key main, $key aside, $key footer, $key article, $key nav, $key section, $key span, $key applet, $key object, $key iframe, $key h1, $key h2, $key h3, $key h4, $key h5, $key h6, $key p, $key blockquote, $key pre, $key a, $key abbr, $key acronym, $key address, $key big, $key cite, $key code, $key del, $key dfn, $key em, $key img, $key ins, $key kbd, $key q, $key s, $key samp, $key small, $key strike, $key strong, $key sub, $key sup, $key tt, $key var, $key b, $key u, $key i, $key center, $key dl, $key dt, $key dd, $key ol, $key ul, $key li, $key fieldset, $key form, $key label, $key legend, $key table, $key caption, $key tbody, $key tfoot, $key thead, $key tr, $key th, $key td, $key article, $key aside, $key canvas, $key details, $key embed, $key figure, $key fieldset, $key figcaption, $key footer, $key header, $key hgroup, $key menu, $key nav, $key output, $key ruby, $key section, $key summary, $key time, $key mark, $key audio, $key video, #top $key .pullquote_boxed, .responsive #top $key .avia-testimonial, .responsive #top.avia-blank #main $key.container_wrap:first-child, #top $key.fullsize .template-blog .post_delimiter, $key .related_posts.av-related-style-full a{
border-color:$border;
}
$key .rounded-container, #top $key .pagination a:hover, $key .small-preview, $key .fallback-post-type-icon{
background:$meta;
color:$bg;
}
$key .av-default-color, #top $key .av-force-default-color, $key .av-catalogue-item, $key .wp-playlist-item .wp-playlist-caption, $key .wp-playlist{
color: $color;
}
$key , $key .site-background, $key .first-quote, $key .related_image_wrap, $key .gravatar img $key .hr_content, $key .news-thumb, $key .post-format-icon, $key .ajax_controlls a, $key .tweet-text.avatar_no, $key .toggler, $key .toggler.activeTitle:hover, $key #js_sort_items, $key.inner-entry, $key .grid-entry-title, $key .related-format-icon, .grid-entry $key .avia-arrow, $key .avia-gallery-big, $key .avia-gallery-big, $key .avia-gallery img, $key .grid-content, $key .av-share-box ul, #top $key .av-related-style-full .related-format-icon, $key .related_posts.av-related-style-full a:hover, $key.avia-fullwidth-portfolio .pagination .current, $key.avia-fullwidth-portfolio .pagination a, $key .av-hotspot-fallback-tooltip-inner, $key .av-hotspot-fallback-tooltip-count{
background-color:$bg;
color: $color;
}
$key .avia-curtain-reveal-overlay{
background: $bg;
}
$key .heading-color, $key a.iconbox_icon:hover, $key h1, $key h2, $key h3, $key h4, $key h5, $key h6, $key .sidebar .current_page_item>a, $key .sidebar .current-menu-item>a, $key .pagination .current, $key .pagination a:hover, $key strong.avia-testimonial-name, $key .heading, $key .toggle_content strong, $key .toggle_content strong a, $key .tab_content strong, $key .tab_content strong a , $key .asc_count, $key .avia-testimonial-content strong, $key div .news-headline, #top $key .av-related-style-full .av-related-title, $key .av-default-style .av-countdown-cell-inner .av-countdown-time, $key .wp-playlist-item-meta.wp-playlist-item-title, #top $key .av-no-image-slider h2 a, $key .av-small-bar .avia-progress-bar .progressbar-title-wrap{
color:$heading;
}
$key .meta-color, $key .sidebar, $key .sidebar a, $key .minor-meta, $key .minor-meta a, $key .text-sep, $key blockquote, $key .post_nav a, $key .comment-text, $key .side-container-inner, $key .news-time, $key .pagination a, $key .pagination span, $key .tweet-text.avatar_no .tweet-time, #top $key .extra-mini-title, $key .team-member-job-title, $key .team-social a, $key #js_sort_items a, .grid-entry-excerpt, $key .avia-testimonial-subtitle, $key .commentmetadata a,$key .social_bookmarks a, $key .meta-heading>*, $key .slide-meta, $key .slide-meta a, $key .taglist, $key .taglist a, $key .phone-info, $key .phone-info a, $key .av-sort-by-term a, $key .av-magazine-time, $key .av-magazine .av-magazine-entry-icon, $key .av-catalogue-content, $key .wp-playlist-item-length, .html_modern-blog #top div $key .blog-categories a, .html_modern-blog #top div $key .blog-categories a:hover{
color: $meta;
}
$key .special-heading-inner-border{ border-color: $color; }
$key .meta-heading .special-heading-inner-border{ border-color: $meta; }
$key a, $key .widget_first, $key strong, $key b, $key b a, $key strong a, $key #js_sort_items a:hover, $key #js_sort_items a.active_sort, $key .av-sort-by-term a.active_sort, $key .special_amp, $key .taglist a.activeFilter, $key #commentform .required, #top $key .av-no-color.av-icon-style-border a.av-icon-char, .html_elegant-blog #top $key .blog-categories a, .html_elegant-blog #top $key .blog-categories a:hover{
color:$primary;
}
$key a:hover, $key h1 a:hover, $key h2 a:hover, $key h3 a:hover, $key h4 a:hover, $key h5 a:hover, $key h6 a:hover, $key .template-search a.news-content:hover, $key .wp-playlist-item .wp-playlist-caption:hover{
color: $secondary;
}
$key .primary-background, $key .primary-background a, div $key .button, $key #submit, $key input[type='submit'], $key .small-preview:hover, $key .avia-menu-fx, $key .avia-menu-fx .avia-arrow, $key.iconbox_top .iconbox_icon, $key .iconbox_top a.iconbox_icon:hover, $key .avia-data-table th.avia-highlight-col, $key .avia-color-theme-color, $key .avia-color-theme-color:hover, $key .image-overlay .image-overlay-inside:before, $key .comment-count, $key .av_dropcap2, $key .av-colored-style .av-countdown-cell-inner, .responsive #top $key .av-open-submenu.av-subnav-menu > li > a:hover, #top $key .av-open-submenu.av-subnav-menu li > ul a:hover{
background-color: $primary;
color:$constant_font;
border-color:$button_border;
}
#top #wrap_all $key .av-menu-button-colored > a .avia-menu-text{
background-color: $primary;
color:$constant_font;
border-color:$primary;
}
#top #wrap_all $key .av-menu-button-colored > a .avia-menu-text:after{
background-color:$button_border;
}
#top $key .mobile_menu_toggle{
color: $primary;
background:$bg;
}
#top $key .av-menu-mobile-active .av-subnav-menu > li > a:before{
color: $primary;
}
#top $key .av-open-submenu.av-subnav-menu > li > a:hover:before{
color: $bg;
}
$key .button:hover, $key .ajax_controlls a:hover, $key #submit:hover, $key .big_button:hover, $key .contentSlideControlls a:hover, $key #submit:hover , $key input[type='submit']:hover{
background-color: $secondary;
color:$bg;
border-color:$button_border2;
}
$key .avia-toc-style-elegant a.avia-toc-level-0:last-child:after, $key .avia-toc-style-elegant a:first-child:after, $key .avia-toc-style-elegant a.avia-toc-level-0:after {background-color:$bg; border-color: $secondary }
$key .avia-toc-style-elegant a:first-child span:after, $key .avia-toc-style-elegant a.avia-toc-level-0 span:after {background-color:$bg;}
$key .avia-toc-style-elegant a:first-child:hover span:after, $key .avia-toc-style-elegant a.avia-toc-level-0:hover span:after {border-color: $secondary}
$key .avia-toc-style-elegant a:before{border-color: $border}
$key .avia-toc-style-elegant a:first-child:after, $key .avia-toc-style-elegant a.avia-toc-level-0:after {border-color: $secondary; background-color: $bg;}
$key .avia-toc-style-elegant a:last-child:after{ background-color:$border;}
$key .timeline-bullet{
background-color:$border;
border-color: $bg;
}
$key table, $key .widget_nav_menu ul:first-child>.current-menu-item, $key .widget_nav_menu ul:first-child>.current_page_item, $key .widget_nav_menu ul:first-child>.current-menu-ancestor, $key .pagination .current, $key .pagination a, $key.iconbox_top .iconbox_content, $key .av_promobox, $key .toggle_content, $key .toggler:hover, #top $key .av-minimal-toggle .toggler, $key .related_posts_default_image, $key .search-result-counter, $key .container_wrap_meta, $key .avia-content-slider .slide-image, $key .avia-slider-testimonials .avia-testimonial-content, $key .avia-testimonial-arrow-wrap .avia-arrow, $key .news-thumb, $key .portfolio-preview-content, $key .portfolio-preview-content .avia-arrow, $key .av-magazine .av-magazine-entry-icon, $key .related_posts.av-related-style-full a, $key .aviaccordion-slide, $key.avia-fullwidth-portfolio .pagination, $key .isotope-item.special_av_fullwidth .av_table_col.portfolio-grid-image, $key .av-catalogue-list li:hover, $key .wp-playlist, $key .avia-slideshow-fixed-height > li, $key .avia-form-success, $key .avia-form-error, $key .av-boxed-grid-style .avia-testimonial{
background: $bg2;
}
#top $key .post_timeline li:hover .timeline-bullet{
background-color:$secondary;
}
$key blockquote, $key .avia-bullet, $key .av-no-color.av-icon-style-border a.av-icon-char{
border-color:$primary;
}
.html_header_top $key .main_menu ul:first-child >li > ul, .html_header_top #top $key .avia_mega_div > .sub-menu{
border-top-color:$primary;
}
$key .breadcrumb, $key .breadcrumb a, #top $key.title_container .main-title, #top $key.title_container .main-title a{
color:$color;
}
$key .av-icon-display, #top $key .av-related-style-full a:hover .related-format-icon, $key .av-default-style .av-countdown-cell-inner{
background-color:$bg2;
color:$meta;
}
$key .av-masonry-entry:hover .av-icon-display{
background-color: $primary;
color:$constant_font;
border-color:$button_border;
}
#top $key .av-masonry-entry.format-quote:hover .av-icon-display{
color:$primary;
}
$key ::-webkit-input-placeholder {color: $meta; }
$key ::-moz-placeholder {color: $meta; opacity:1; }
$key :-ms-input-placeholder {color: $meta;}
";
// menu colors
$output.= "
$key .header_bg, $key .main_menu ul ul, $key .main_menu .menu ul li a, $key .pointer_arrow_wrap .pointer_arrow, $key .avia_mega_div, $key .av-subnav-menu > li ul, $key .av-subnav-menu a{
background-color:$bg;
color: $meta;
}
$key .main_menu .menu ul li a:hover,
$key .main_menu .menu ul li a:focus,
$key .av-subnav-menu ul a:hover,
$key .av-subnav-menu ul a:focus{
background-color:$bg2;
}
$key .sub_menu>ul>li>a, $key .sub_menu>div>ul>li>a, $key .main_menu ul:first-child > li > a, #top $key .main_menu .menu ul .current_page_item > a, #top $key .main_menu .menu ul .current-menu-item > a , #top $key .sub_menu li ul a{
color:$meta;
}
#top $key .main_menu .menu ul li > a:hover,
#top $key .main_menu .menu ul li > a:focus{
color:$color;
}
$key .av-subnav-menu a:hover,
$key .av-subnav-menu a:focus,
$key .main_menu ul:first-child > li a:hover,
$key .main_menu ul:first-child > li a:focus,
$key .main_menu ul:first-child > li.current-menu-item > a,
$key .main_menu ul:first-child > li.current_page_item > a,
$key .main_menu ul:first-child > li.active-parent-item > a{
color:$color;
}
#top $key .main_menu .menu .avia_mega_div ul .current-menu-item > a{
color:$primary;
}
$key .sub_menu > ul > li > a:hover,
$key .sub_menu > ul > li > a:focus,
$key .sub_menu > div > ul > li > a:hover,
$key .sub_menu > div > ul > li > a:focus{
color:$color;
}
#top $key .sub_menu ul li a:hover,
#top $key .sub_menu ul li a:focus,
$key .sub_menu ul:first-child > li.current-menu-item > a,
$key .sub_menu ul:first-child > li.current_page_item > a,
$key .sub_menu ul:first-child > li.active-parent-item > a{
color:$color;
}
$key .sub_menu li ul a, $key #payment, $key .sub_menu ul li, $key .sub_menu ul,
#top $key .sub_menu li li a:hover,
#top $key .sub_menu li li a:focus{
background-color: $bg;
}
$key#header .avia_mega_div > .sub-menu.avia_mega_hr, .html_bottom_nav_header.html_logo_center #top #menu-item-search>a{
border-color: $border;
}
#top $key .widget_pages ul li a:focus,
#top $key .widget_nav_menu ul li a:focus{
color: $secondary;
}
@media only screen and (max-width: 767px) {
#top #wrap_all .av_header_transparency{
background-color:$bg;
color: $color;
border-color: $border;
}
}
@media only screen and (max-width: 989px) {
.html_mobile_menu_tablet #top #wrap_all .av_header_transparency{
background-color:$bg;
color: $color;
border-color: $border;
}
}
";
//apply background image if available
if( isset( $background_image ) )
{
$output .= "$key .header_bg { background: $background_image; }
";
}
//tooltips + ajax search
$output.= "
$key .avia-tt, $key .avia-tt .avia-arrow, $key .avia-tt .avia-arrow{
background-color: $bg;
color: $meta;
}
$key .av_ajax_search_image{
background-color: $primary;
color:$bg;
}
$key .ajax_search_excerpt{
color: $meta;
}
$key .av_ajax_search_title{
color: $heading;
}
$key .ajax_load{
background-color:$primary;
}
$key .av_searchsubmit_wrapper{
background-color:$primary;
}
";
//button
$button_font = avia_backend_calc_preceived_brightness( $primary, 230 ) ? '#ffffff' : $bg;
$output.= "
#top $key .avia-color-theme-color{
color: $button_font;
border-color: $button_border;
}
$key .avia-color-theme-color-subtle{
background-color:$bg2;
color: $color;
}
$key .avia-color-theme-color-subtle:hover{
background-color:$bg;
color: $heading;
}
#top $key .avia-color-theme-color-highlight{
color: $button_font;
border-color: $secondary;
background-color: $secondary;
}
#top $key .avia-font-color-theme-color,
#top $key .avia-font-color-theme-color-hover:hover{
color: $button_font;
}
$key .avia-font-color-theme-color-subtle{
color: $color;
}
$key .avia-font-color-theme-color-subtle-hover:hover{
color: $heading;
}
#top $key .avia-font-color-theme-color-highlight,
#top $key .avia-font-color-theme-color-highlight-hover:hover{
color: $button_font;
}
";
//icon list
$iconlist = avia_backend_calculate_similar_color( $border, 'darker', 1 );
$output.= "
$key .avia-icon-list .iconlist_icon{
background-color:$iconlist;
}
$key .avia-icon-list .iconlist-timeline{
border-color:$border;
}
$key .iconlist_content{
color:$meta;
}
";
// timeline
$timeline = avia_backend_calculate_similar_color( $border, 'darker', 1 );
$timeline_date = avia_backend_calculate_similar_color( $border, 'darker', 4 );
$output.= "
$key .avia-timeline .milestone_icon{
background-color:$timeline;
}
$key .avia-timeline .milestone_inner{
background-color:$timeline;
}
$key .avia-timeline{
border-color:$timeline;
}
$key .av-milestone-icon-wrap:after{
border-color:$timeline;
}
$key .avia-timeline .av-milestone-date {
color:$timeline_date;
}
$key .avia-timeline .av-milestone-date span{
background-color:$timeline;
}
$key .avia-timeline-horizontal .av-milestone-content-wrap footer{
background-color:$timeline;
}
$key .av-timeline-nav a{
background-color:$timeline;
}
";
// form fields
$output.= "
#top $key .input-text, #top $key input[type='text'], #top $key input[type='input'], #top $key input[type='password'], #top $key input[type='email'], #top $key input[type='number'], #top $key input[type='url'], #top $key input[type='tel'], #top $key input[type='search'], #top $key textarea, #top $key select{
border-color:$border;
background-color: $bg2;
color:$meta;
}
#top $key .invers-color .input-text, #top $key .invers-color input[type='text'], #top $key .invers-color input[type='input'], #top $key .invers-color input[type='password'], #top $key .invers-color input[type='email'], #top $key .invers-color input[type='number'], #top $key .invers-color input[type='url'], #top $key .invers-color input[type='tel'], #top $key .invers-color input[type='search'], #top $key .invers-color textarea, #top $key .invers-color select{
background-color: $bg;
}
$key .required{
color:$primary;
}
";
// masonry
$masonry = avia_backend_calculate_similar_color( $bg2, 'darker', 1 );
$output.= "
$key .av-masonry{
background-color: $masonry;
}
$key .av-masonry-pagination, $key .av-masonry-pagination:hover, $key .av-masonry-outerimage-container{
background-color: $bg;
}
$key .container .av-inner-masonry-content, #top $key .container .av-masonry-load-more, #top $key .container .av-masonry-sort, $key .container .av-masonry-entry .avia-arrow{
background-color: $bg2;
}
";
// hr shortcode
$output.= "
$key .hr-short .hr-inner-style, $key .hr-short .hr-inner{
background-color: $bg;
}
";
//sidebar tab & Tabs shortcode
$output.= "
div $key .tabcontainer .active_tab_content, div $key .tabcontainer .active_tab{
background-color: $bg2;
color:$color;
}
.responsive.js_active #top $key .avia_combo_widget .top_tab .tab{
border-top-color:$border;
}
$key .template-archives .tabcontainer a, #top $key .tabcontainer .tab:hover, #top $key .tabcontainer .tab.active_tab{
color:$color;
}
$key .template-archives .tabcontainer a:hover{
color:$secondary;
}
$key .sidebar_tab_icon {
background-color: $border;
}
#top $key .sidebar_active_tab .sidebar_tab_icon {
background-color: $primary;
}
$key .sidebar_tab:hover .sidebar_tab_icon {
background-color: $secondary;
}
$key .sidebar_tab, $key .tabcontainer .tab{
color: $meta;
}
$key div .sidebar_active_tab , div $key .tabcontainer.noborder_tabs .active_tab_content, div $key .tabcontainer.noborder_tabs .active_tab{
color: $color;
background-color: $bg;
}
#top .avia-smallarrow-slider .avia-slideshow-dots a{
background-color: $bg2;
}
#top $key .avia-smallarrow-slider .avia-slideshow-dots a.active, #top $key .avia-smallarrow-slider .avia-slideshow-dots a:hover{
background-color: $meta;
}
@media only screen and (max-width: 767px) {
.responsive #top $key .tabcontainer .active_tab{ background-color: $secondary; color:$constant_font; } /*hard coded white to match the icons beside which are also white*/
.responsive #top $key .tabcontainer{border-color:$border;}
.responsive #top $key .active_tab_content{background-color: $bg2;}
}
";
//pricing table
$stripe = avia_backend_calculate_similar_color( $primary, 'lighter', 2 );
$stripe2 = avia_backend_calculate_similar_color( $primary, 'lighter', 1 );
$output.= "
$key tr:nth-child(even), $key .avia-data-table .avia-heading-row .avia-desc-col, $key .avia-data-table .avia-highlight-col, $key .pricing-table>li:nth-child(even), body $key .pricing-table.avia-desc-col li, #top $key .avia-data-table.avia_pricing_minimal th{
background-color:$bg;
color: $color;
}
$key table caption, $key tr:nth-child(even), $key .pricing-table>li:nth-child(even), #top $key .avia-data-table.avia_pricing_minimal td{
color: $meta;
}
$key tr:nth-child(odd), $key .pricing-table>li:nth-child(odd), $key .pricing-extra{
background: $bg2;
}
$key .pricing-table li.avia-pricing-row, $key .pricing-table li.avia-heading-row, $key .pricing-table li.avia-pricing-row .pricing-extra{
background-color: $primary;
color:$constant_font;
border-color:$stripe;
}
$key .pricing-table li.avia-heading-row, $key .pricing-table li.avia-heading-row .pricing-extra{
background-color: $stripe2;
color:$constant_font;
border-color:$stripe;
}
$key .pricing-table.avia-desc-col .avia-heading-row, $key .pricing-table.avia-desc-col .avia-pricing-row{
border-color:$border;
}
";
//media player + progress bar shortcode
$stripe = avia_backend_calculate_similar_color( $primary, 'lighter', 2 );
$output.= "
$key .theme-color-bar .bar{
background: $primary;
}
$key .mejs-controls .mejs-time-rail .mejs-time-current, $key .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current, $key .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, $key .button.av-sending-button, $key .av-striped-bar .theme-color-bar .bar{
background: $primary;
}
body $key .mejs-controls .mejs-time-rail .mejs-time-float {
background: $primary;
color: #fff;
}
body $key .mejs-controls .mejs-time-rail .mejs-time-float-corner {
border: solid 4px $primary;
border-color: $primary transparent transparent transparent;
}
$key .progress{
background-color:$bg2;
}
";
// ajax search shortcode
$output.= "
$key .av_searchform_element_results .av_ajax_search_entry,
$key .av_searchform_element_results .av_ajax_search_title,
$key.av_searchform_element_results .av_ajax_search_entry,
$key.av_searchform_element_results .av_ajax_search_title{
color: $primary;
}
$key .av_searchform_element_results .ajax_search_excerpt,
$key.av_searchform_element_results .ajax_search_excerpt{
color: $meta;
}
$key .av_searchform_element_results .av_ajax_search_image,
$key.av_searchform_element_results .av_ajax_search_image{
color: $meta;
}
";
/*contact form send button*/
$stripe2nd = avia_backend_calculate_similar_color( $secondary, 'lighter', 1 );
$output.= " $key .button.av-sending-button{
background: $secondary;
background-image: -webkit-linear-gradient(-45deg, $secondary 25%, $stripe2nd 25%, $stripe2nd 50%, $secondary 50%, $secondary 75%, $stripe2nd 75%, $stripe2nd);
background-image: -moz-linear-gradient(-45deg, $secondary 25%, $stripe2nd 25%, $stripe2nd 50%, $secondary 50%, $secondary 75%, $stripe2nd 75%, $stripe2nd);
background-image: linear-gradient(-45deg, $secondary 25%, $stripe2nd 25%, $stripe2nd 50%, $secondary 50%, $secondary 75%, $stripe2nd 75%, $stripe2nd);
border-color:$secondary;
}";
/*forum*/
$output.= "
$key span.bbp-admin-links a{
color: $primary;
}
$key span.bbp-admin-links a:hover{
color: $secondary;
}
#top $key .bbp-reply-content, #top $key .bbp-topic-content, #top $key .bbp-body .super-sticky .page-numbers, #top $key .bbp-body .sticky .page-numbers, #top $key .bbp-pagination-links a:hover, #top $key .bbp-pagination-links span.current{ background:$bg; }
#top $key .bbp-topics .bbp-header, #top $key .bbp-topics .bbp-header, #top $key .bbp-forums .bbp-header, #top $key .bbp-topics-front ul.super-sticky, #top $key .bbp-topics ul.super-sticky, #top $key .bbp-topics ul.sticky, #top $key .bbp-forum-content ul.sticky, #top $key .bbp-body .page-numbers{
background-color:$bg2;
}
#top $key .bbp-meta, #top $key .bbp-author-role, #top $key .bbp-author-ip, #top $key .bbp-pagination-count, #top $key .bbp-topics .bbp-body .bbp-topic-title:before{
color: $meta;
}
#top $key .bbp-admin-links{
color:$border;
}
$key #bbpress-forums li.bbp-body ul.forum, $key #bbpress-forums li.bbp-body ul.topic,
.avia_transform $key .bbp-replies .bbp-reply-author:before,
.avia_transform .forum-search $key .bbp-reply-author:before,
.avia_transform .forum-search $key .bbp-topic-author:before{
background-color:$bg;
border-color:$border;
}
#top $key .bbp-author-name{
color:$heading;
}
$key .widget_display_stats dt, $key .widget_display_stats dd{
background-color:$bg2;
}
";
//apply background image if available
if( isset( $background_image ) )
{
$output .= "$key { background: $background_image; }
";
}
//button and dropcap color white unless primary color is very very light
if( avia_backend_calc_preceived_brightness( $primary, 220 ) )
{
$output .= "
$key dropcap2, $key dropcap3, $key avia_button, $key avia_button:hover, $key .on-primary-color, $key .on-primary-color:hover{
color: $constant_font;
}
";
}
//only for certain areas
switch( $key )
{
case '.header_color':
$constant_font = avia_backend_calc_preceived_brightness( $primary, 230 ) ? '#ffffff' : $bg;
$output .= "
#main, .avia-msie-8 .av_header_sticky_disabled#header{
background-color:$bg;
}
.html_header_sidebar #header .av-main-nav > li > a .avia-menu-text{color:$heading;}
.html_header_sidebar #header .av-main-nav > li > a .avia-menu-subtext{color:$meta;}
.html_header_sidebar #header .av-main-nav > li:hover > a .avia-menu-text,
.html_header_sidebar #header .av-main-nav > li.current-menu-ancestor > a .avia-menu-text,
.html_header_sidebar #header .av-main-nav li.current-menu-item > a .avia-menu-text
{color:$primary;}
#top #wrap_all .av_seperator_big_border#header .av-menu-button-colored > a{background-color: $primary; }
#top #wrap_all .av_seperator_big_border#header .av-menu-button-bordered > a{background-color: $bg2; }
html.html_header_sidebar #wrap_all{
background-color:$bg;
}
$key .av-hamburger-inner, $key .av-hamburger-inner::before, $key .av-hamburger-inner::after{
background-color:$meta;
}
.html_av-overlay-side #top .av-burger-overlay-scroll{background:$bg}
.html_av-overlay-side #top #wrap_all div .av-burger-overlay-scroll #av-burger-menu-ul a:hover{background-color:$bg2;}
.html_av-overlay-side-classic #top #wrap_all .av-burger-overlay #av-burger-menu-ul li a{ border-color: $border; }
.html_av-overlay-side #top #wrap_all .av-burger-overlay-scroll #av-burger-menu-ul a{color:$color}
.html_av-overlay-side.av-burger-overlay-active #top #wrap_all #header .menu-item-search-dropdown a{ color:$color }
.html_av-overlay-side-classic #top .av-burger-overlay li li .avia-bullet,
.html_av-overlay-side.av-burger-overlay-active #top .av-hamburger-inner,
.html_av-overlay-side.av-burger-overlay-active #top .av-hamburger-inner::before,
.html_av-overlay-side.av-burger-overlay-active #top .av-hamburger-inner::after{
background-color:$color;
}
";
if( ! empty( $avia_config['backend_colors']['burger_color'] ) )
{
$output .= "
$key .av-hamburger-inner, $key .av-hamburger-inner::before, $key .av-hamburger-inner::after{
background-color:".$avia_config['backend_colors']['burger_color'].";
}
";
$output .= " @media only screen and (max-width: 767px) {
#top $key .av-hamburger-inner, #top $key .av-hamburger-inner::before, #top $key .av-hamburger-inner::after{
background-color:".$avia_config['backend_colors']['burger_color'].";
}
}
";
}
if( ! empty( $avia_config['backend_colors']['menu_transparent'] ) )
{
$output .= "
#top #wrap_all .av_header_transparency .main_menu ul:first-child > li > a, #top #wrap_all .av_header_transparency .sub_menu > ul > li > a, #top .av_header_transparency #header_main_alternate, .av_header_transparency #header_main .social_bookmarks li a{ color:inherit; border-color: transparent; background: transparent;}
#top #wrap_all {$key}.av_header_transparency, #top #wrap_all {$key}.av_header_transparency .phone-info.with_nav span,
#top #header{$key}.av_header_transparency .av-main-nav > li > a .avia-menu-text, #top #header{$key}.av_header_transparency .av-main-nav > li > a .avia-menu-subtext{
color: {$avia_config['backend_colors']['menu_transparent']};
}
#top {$key}.av_header_transparency .avia-menu-fx,
.av_header_transparency div .av-hamburger-inner, .av_header_transparency div .av-hamburger-inner::before, .av_header_transparency div .av-hamburger-inner::after{background:{$avia_config['backend_colors']['menu_transparent']};}
";
if( ! empty( $avia_config['backend_colors']['menu_transparent_hover'] ) )
{
$output .= "
#top #header{$key}.av_header_transparency .av-main-nav > li > a:hover,
#top #header{$key}.av_header_transparency .av-main-nav > li > a:focus,
#top #header{$key}.av_header_transparency .av-main-nav > li > a:hover .avia-menu-text,
#top #header{$key}.av_header_transparency .av-main-nav > li > a:focus .avia-menu-text,
#top #header{$key}.av_header_transparency .av-main-nav > li > a:hover .avia-menu-subtext,
#top #header{$key}.av_header_transparency .av-main-nav > li > a:focus .avia-menu-subtext{
color: {$avia_config['backend_colors']['menu_transparent_hover']};
opacity: 1;
-webkit-transition: color 0.4s ease-in-out;
transition: color 0.4s ease-in-out;
}
#top #header{$key}.av_header_transparency .av-main-nav > li > a:hover .av-hamburger-inner,
#top #header{$key}.av_header_transparency .av-main-nav > li > a:focus .av-hamburger-inner,
#top #header{$key}.av_header_transparency .av-main-nav > li > a:hover .av-hamburger-inner::before,
#top #header{$key}.av_header_transparency .av-main-nav > li > a:focus .av-hamburger-inner::before,
#top #header{$key}.av_header_transparency .av-main-nav > li > a:hover .av-hamburger-inner::after,
#top #header{$key}.av_header_transparency .av-main-nav > li > a:focus .av-hamburger-inner::after{
background: {$avia_config['backend_colors']['menu_transparent_hover']};
opacity: 1;
}
";
}
$output .= " @media only screen and (max-width: 767px) {
#top #wrap_all {$key}.av_header_transparency, #top #wrap_all {$key}.av_header_transparency .phone-info.with_nav span,
#top #header{$key}.av_header_transparency .av-main-nav > li > a .avia-menu-text, #top #header{$key}.av_header_transparency .av-main-nav > li > a .avia-menu-subtex{ color: $meta }
$key div .av-hamburger-inner, $key div .av-hamburger-inner::before, $key div .av-hamburger-inner::after{
background-color:$meta;
}
#top .av_header_with_border.av_header_transparency .avia-menu.av_menu_icon_beside{
border-color:$border;
}
}
";
$output .= " @media only screen and (max-width: 989px) {
.html_mobile_menu_tablet #top #wrap_all {$key}.av_header_transparency, .html_mobile_menu_tablet #top #wrap_all {$key}.av_header_transparency .phone-info.with_nav span,
.html_mobile_menu_tablet #top #header{$key}.av_header_transparency .av-main-nav > li > a .avia-menu-text, .html_mobile_menu_tablet #top #header{$key}.av_header_transparency .av-main-nav > li > a .avia-menu-subtex{ color: $meta }
.html_mobile_menu_tablet $key div .av-hamburger-inner, .html_mobile_menu_tablet $key div .av-hamburger-inner::before, .html_mobile_menu_tablet $key div .av-hamburger-inner::after{
background-color:$meta;
}
.html_mobile_menu_tablet #top .av_header_with_border.av_header_transparency .avia-menu.av_menu_icon_beside{
border-color:$border;
}
}
";
}
if( ! empty( $avia_config['backend_colors']['burger_flyout_width'] ) )
{
$output .= "
.html_av-overlay-side .av-burger-overlay-scroll{width:".$avia_config['backend_colors']['burger_flyout_width'].";
-webkit-transform: translateX(".$avia_config['backend_colors']['burger_flyout_width']."); transform: translateX(".$avia_config['backend_colors']['burger_flyout_width'].");
}
";
}
break;
case '.main_color':
$constant_font = avia_backend_calc_preceived_brightness( $primary, 230 ) ? '#ffffff' : $bg;
$output .= "
#main{ border-color: $border; }
#scroll-top-link:hover, #av-cookie-consent-badge:hover{ background-color: $bg2; color: $primary; border:1px solid $border; }
.html_stretched #wrap_all{background-color:$bg;}
";
/*contact form picker*/
$output .= "
#top .avia-datepicker-div .ui-datepicker-month, #top .avia-datepicker-div .ui-datepicker-year{color:$heading;}
#top .avia-datepicker-div{ background: $bg; border:1px solid $border; }
#top .avia-datepicker-div a{ color:$meta; background-color: $bg2; }
#top .avia-datepicker-div a.ui-state-active, #top .avia-datepicker-div a.ui-state-highlight{ color:$primary; }
#top .avia-datepicker-div a.ui-state-hover{ color:$bg2; background-color: $meta; }
#top .avia-datepicker-div .ui-datepicker-buttonpane button{ background-color: $primary; color: $constant_font; border-color: $primary; }
";
/*site loader*/
$output .= "
#top .av-siteloader{ border-color: $border; border-left-color:$primary; }
#top div.avia-popup .mfp-preloader { border-left-color:$primary; }
.av-preloader-reactive #top .av-siteloader{border-color: $border; }
#top .av-siteloader-wrap{background-color: $bg; }
.av-preloader-reactive #top .av-siteloader:before{ background-color: $border; }
";
/*tab section*/
$output .= "
.av-tab-section-tab-title-container{background-color: $bg2; }
#top .av-section-tab-title{color:$meta;}
#top a.av-active-tab-title{color:$primary;}
#top .av-tab-arrow-container span{background-color: $bg;}
";
break;
case '.footer_color':
$output .= "
";
break;
case '.socket_color':
$output .= "
html, #scroll-top-link, #av-cookie-consent-badge{ background-color: $bg; }
#scroll-top-link, #av-cookie-consent-badge{ color: $color; border:1px solid $border; }
";
break;
}
//unset all vars with the help of variable vars :)
foreach( $colors as $key=>$val )
{
unset( $$key );
}
}
/**
* filter to plug in, in case a plugin/extension/config file wants to make use of it
*
* @used_by enfold\config-events-calendar\event-mod-css-dynamic.php 10
* @used_by enfold\config-woocommerce\woocommerce-mod-css-dynamic.php 10
* @used_by Avia_WC_Block_Editor 10
*
*/
$output = apply_filters( 'avia_dynamic_css_output', $output, $color_set );
######################################################################
# DYNAMIC ICONFONT CHARACTERS
######################################################################
//forum topic icons
$output .= "
.bbp-topics .bbp-body .bbp-topic-title:before{ ".av_icon_css_string('one_voice')." }
.bbp-topics .bbp-body .topic-voices-multi .bbp-topic-title:before { ".av_icon_css_string('multi_voice')." }
.bbp-topics .bbp-body .super-sticky .bbp-topic-title:before { ".av_icon_css_string('supersticky')." }
.bbp-topics .bbp-body .sticky .bbp-topic-title:before { ".av_icon_css_string('sticky')." }
.bbp-topics .bbp-body .status-closed .bbp-topic-title:before { ".av_icon_css_string('closed')." }
.bbp-topics .bbp-body .super-sticky.status-closed .bbp-topic-title:before{ ".av_icon_css_string('supersticky_closed')." }
.bbp-topics .bbp-body .sticky.status-closed .bbp-topic-title:before{ ".av_icon_css_string('sticky_closed')." }
";
//layerslider nav icons
$output .= "
#top .avia-layerslider .ls-nav-prev:before{ ".av_icon_css_string('prev_big')." }
#top .avia-layerslider .ls-nav-next:before{ ".av_icon_css_string('next_big')." }
#top .avia-layerslider .ls-nav-start:before, #top .avia_playpause_icon:before{ ".av_icon_css_string('play')." }
#top .avia-layerslider .ls-nav-stop:before, #top .avia_playpause_icon.av-pause:before{ ".av_icon_css_string('pause')." }
";
//image hover overlay icons
$output .= "
.image-overlay .image-overlay-inside:before{ ".av_icon_css_string('ov_image')." }
.image-overlay.overlay-type-extern .image-overlay-inside:before{ ".av_icon_css_string('ov_external')." }
.image-overlay.overlay-type-video .image-overlay-inside:before{ ".av_icon_css_string('ov_video')." }
";
//lightbox next/prev icons
$output .= "
div.avia-popup button.mfp-arrow:before { " . av_icon_css_string('next_big') . " }
div.avia-popup button.mfp-arrow-left:before { " . av_icon_css_string('prev_big') . "}
";
######################################################################
# OUTPUT THE DYNAMIC CSS RULES
######################################################################
//compress output
if( ! defined( 'WP_DEBUG' ) || WP_DEBUG !== true )
{
$output = preg_replace( '/\r|\n|\t/', '', $output );
}
//todo: if the style are generated for the wordpress header call the generating script, otherwise create a simple css file and link to that file
$avia_config['style'] = array(
array(
'key' => 'direct_input',
'value' => $output
),
array(
'key' => 'direct_input',
'value' => '.html_header_transparency #top .avia-builder-el-0 .container, .html_header_transparency #top .avia-builder-el-0 .slideshow_caption{padding-top:' . avia_get_header_scroll_offset() . 'px;}'
),
//google webfonts
array(
'elements' => 'h1, h2, h3, h4, h5, h6, #top .title_container .main-title, tr.pricing-row td, #top .portfolio-title, .callout .content-area, .avia-big-box .avia-innerbox, .av-special-font, .av-current-sort-title, .html_elegant-blog #top .minor-meta, #av-burger-menu-ul li',
'key' => 'google_webfont',
'value' => avia_get_option( 'google_webfont' ),
'font_source' => 'google_webfont',
'add_font_class' => false
),
//google webfonts
array(
'elements' => 'body',
'key' => 'google_webfont',
'value' => avia_get_option( 'default_font' ),
'font_source' => 'default_font',
'add_font_class' => true
),
);
$quick_css = avia_get_option( 'quick_css' );
if( ! empty( $quick_css ) )
{
$avia_config['style'][] =
array(
'key' => 'direct_input',
'value' => avia_get_option( 'quick_css' )
);
}
/**
* @used_by functions-enfold.php avia_generate_grid_dimension()
* @used_by functions-enfold.php avia_framed_layout()
*/
do_action( 'ava_generate_styles', $options, $color_set, $styles );
Cokiee Shell Web 1.0, Coded By Razor
Neueste Kommentare