|
Server : Apache/2 System : Linux vps.sdns.vn 3.10.0-1160.15.2.el7.x86_64 #1 SMP Wed Feb 3 15:06:38 UTC 2021 x86_64 User : phatdatpq ( 1022) PHP Version : 7.2.34 Disable Function : exec,system,passthru,shell_exec,proc_close,proc_open,dl,popen,show_source,posix_kill,posix_mkfifo,posix_getpwuid,posix_setpgid,posix_setsid,posix_setuid,posix_setgid,posix_seteuid,posix_setegid,posix_uname Directory : /home/phatdatpq/public_html/wp-content/themes/flatsome/template-parts/header/ |
Upload File : |
<?php
$color = get_theme_mod('site_loader_color');
$bg_color = get_theme_mod('site_loader_bg');
if(empty($bg_color) && $color == 'dark'){
$bg_color = get_theme_mod('color_primary', Flatsome_Default::COLOR_PRIMARY );
} else if(empty($bg_color)){
$bg_color = '#fff';
}
?>
<div class="page-loader fixed fill z-top-3 <?php if($color == 'dark') echo 'nav-dark dark'; ?>">
<div class="page-loader-inner x50 y50 md-y50 md-x50 lg-y50 lg-x50 absolute">
<div class="page-loader-logo" style="padding-bottom: 30px;">
<?php get_template_part('template-parts/header/partials/element','logo'); ?>
</div>
<div class="page-loader-spin"><div class="loading-spin"></div></div>
</div>
<style>
.page-loader{opacity: 0; transition: opacity .3s; transition-delay: .3s;
background-color: <?php echo $bg_color; ?>;
}
.loading-site .page-loader{opacity: .98;}
.page-loader-logo{max-width: <?php get_theme_mod('logo_width', 200); ?>px; animation: pageLoadZoom 1.3s ease-out; -webkit-animation: pageLoadZoom 1.3s ease-out;}
.page-loader-spin{animation: pageLoadZoomSpin 1.3s ease-out;}
.page-loader-spin .loading-spin{width: 40px; height: 40px; }
@keyframes pageLoadZoom {
0% {opacity:0; transform: translateY(30px);}
100% {opacity:1; transform: translateY(0);}
}
@keyframes pageLoadZoomSpin {
0% {opacity:0; transform: translateY(60px);}
100% {opacity:1; transform: translateY(0);}
}
</style>
</div>