ID );
$styles .= '.ninzio-slides li#post-'.get_the_ID().'{';
if (isset($values["background_color"][0]) && !empty($values["background_color"][0])) {
$styles .= 'background-color:'.$values["background_color"][0].';';
}
if (!empty($background_image)) {
$styles .= 'background-image:url('.$background_image.');';
}
$styles .= "}";
?>
ID-$i{";
$styles .='top:'.$values["layer_posy_$i"][0].'px !important;';
$styles .= "}";
}
break;
case 'top':
case 'bottom':
if (isset($values["layer_posx_$i"][0])) {
$styles .= " #ninzio-layer-$post->ID-$i{";
$styles .='left:'.$values["layer_posx_$i"][0].'px !important;';
$styles .= "}";
}
break;
}
/*----------------------------------------------------------------*/
// LAYER ANIMATE-IN COORDS STYLES
/*----------------------------------------------------------------*/
if (isset($values["layer_posx_$i"][0])) {
$styles .= " .animate-in #ninzio-layer-$post->ID-$i, #ninzio-layer-$post->ID-$i.none {";
$styles .='left:'.$values["layer_posx_$i"][0].'px !important;';
$styles .= "}";
}
if (isset($values["layer_posy_$i"][0])) {
$styles .= " .animate-in #ninzio-layer-$post->ID-$i, #ninzio-layer-$post->ID-$i.none {";
$styles .='top:'.$values["layer_posy_$i"][0].'px !important;';
$styles .= "}";
}
/*----------------------------------------------------------------*/
// LAYER ANIMATE-OUT EFFECTS STYLES
/*----------------------------------------------------------------*/
$styles .= " .animate-out #ninzio-layer-$post->ID-$i {";
if(isset($values["layer_opacity_$i"][0]) && !empty($values["layer_opacity_$i"][0])){
$styles .='opacity:'.$values["layer_opacity_$i"][0].' ;';
}
$styles .= "}";
/*----------------------------------------------------------------*/
// LAYER EFFECTS STYLES
/*----------------------------------------------------------------*/
$styles .= " #ninzio-layer-$post->ID-$i{";
if(isset($values["layer_zindex_$i"][0])){
$styles .='z-index:'.$values["layer_zindex_$i"][0].';';
}
if(isset($values["layer_opacity_$i"][0])){
$styles .='opacity:'.$values["layer_opacity_$i"][0].';';
}
$styles .= "}";
$styles .= " .active #ninzio-layer-$post->ID-$i{";
foreach ($prefixes as $prefix) {
if(isset($values["layer_delay_$i"][0]) && !empty($values["layer_delay_$i"][0])){
$styles .= $prefix.'transition-delay:'.$values["layer_delay_$i"][0].'ms;';
}
if(isset($values["layer_duration_$i"][0]) && !empty($values["layer_duration_$i"][0])){
$styles .= $prefix.'transition-duration:'.$values["layer_duration_$i"][0].'ms;';
}
if(isset($values["layer_easing_$i"][0]) && !empty($values["layer_easing_$i"][0])){
$styles .= $prefix.'transition-timing-function:'.$values["layer_easing_$i"][0].';';
}
}
$styles .= "}";
?>
" data-posx="" data-posy="" data-direction="" id="ninzio-layer-ID."-".$i; ?>">