Berichten
Succesvol E-fulfillment strategie realiseren.
Vele organisaties hebben de afgelopen een enorme diversiteit…
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( $colors['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': $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; } #header .header-reading-progress{ background-color: $heading; } "; 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; 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'] . "; transform: translateX(" . $avia_config['backend_colors']['burger_flyout_width'] . "); } "; } break; case '.main_color': $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; } // end switch // unset all extracted vars with the help of variable vars :) foreach( $colors as $key => $val ) { unset( $$key ); } } // **************** end foreach $color_set ************************* /** * 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 * @since ??? * @param string $output * @param array $color_set * @return string */ $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 ###################################################################### //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' => aviaAssetManager::css_strip_whitespace( $output, true ) ), 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' => aviaAssetManager::css_strip_whitespace( avia_get_option( 'quick_css' ), true ) ); } /** * @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 );