ID-$i{"; $styles_320 .='top:'.round($values["layer_posy_$i"][0]*0.235, 0).'px !important;'; $styles_320 .= "}"; $styles_480 .= " #ninzio-layer-$post->ID-$i{"; $styles_480 .='top:'.round($values["layer_posy_$i"][0]*0.32, 0).'px !important;'; $styles_480 .= "}"; } $styles_768 .= " #ninzio-layer-$post->ID-$i{"; $styles_768 .='top:'.round($values["layer_posy_$i"][0]*0.6, 0).'px !important;'; $styles_768 .= "}"; $styles_1024 .= " #ninzio-layer-$post->ID-$i{"; $styles_1024 .='top:'.round($values["layer_posy_$i"][0]*0.8, 0).'px !important;'; $styles_1024 .= "}"; $styles_1280 .= " #ninzio-layer-$post->ID-$i{"; $styles_1280 .='top:'.$values["layer_posy_$i"][0].'px !important;'; $styles_1280 .= "}"; } break; case 'top': case 'bottom': if (isset($values["layer_posx_$i"][0])) { if ($data_mobile) { $styles_320 .= " #ninzio-layer-$post->ID-$i{"; $styles_320 .='left:'.round($values["layer_posx_$i"][0]*0.235, 0).'px !important;'; $styles_320 .= "}"; $styles_480 .= " #ninzio-layer-$post->ID-$i{"; $styles_480 .='left:'.round($values["layer_posx_$i"][0]*0.32, 0).'px !important;'; $styles_480 .= "}"; } $styles_768 .= " #ninzio-layer-$post->ID-$i{"; $styles_768 .='left:'.round($values["layer_posx_$i"][0]*0.6, 0).'px !important;'; $styles_768 .= "}"; $styles_1024 .= " #ninzio-layer-$post->ID-$i{"; $styles_1024 .='left:'.round($values["layer_posx_$i"][0]*0.8, 0).'px !important;'; $styles_1024 .= "}"; $styles_1280 .= " #ninzio-layer-$post->ID-$i{"; $styles_1280 .='left:'.$values["layer_posx_$i"][0].'px !important;'; $styles_1280 .= "}"; } break; } /*----------------------------------------------------------------*/ // LAYER ANIMATE-IN COORDS STYLES /*----------------------------------------------------------------*/ if (isset($values["layer_posx_$i"][0])) { if ($data_mobile) { $styles_320 .= " .animate-in #ninzio-layer-$post->ID-$i, #ninzio-layer-$post->ID-$i.none {"; $styles_320 .='left:'.round($values["layer_posx_$i"][0]*0.235, 0).'px !important;'; $styles_320 .= "}"; $styles_480 .= " .animate-in #ninzio-layer-$post->ID-$i, #ninzio-layer-$post->ID-$i.none {"; $styles_480 .='left:'.round($values["layer_posx_$i"][0]*0.32, 0).'px !important;'; $styles_480 .= "}"; } $styles_768 .= " .animate-in #ninzio-layer-$post->ID-$i, #ninzio-layer-$post->ID-$i.none {"; $styles_768 .='left:'.round($values["layer_posx_$i"][0]*0.6, 0).'px !important;'; $styles_768 .= "}"; $styles_1024 .= " .animate-in #ninzio-layer-$post->ID-$i, #ninzio-layer-$post->ID-$i.none {"; $styles_1024 .='left:'.round($values["layer_posx_$i"][0]*0.8, 0).'px !important;'; $styles_1024 .= "}"; $styles_1280 .= " .animate-in #ninzio-layer-$post->ID-$i, #ninzio-layer-$post->ID-$i.none {"; $styles_1280 .='left:'.$values["layer_posx_$i"][0].'px !important;'; $styles_1280 .= "}"; } if (isset($values["layer_posy_$i"][0])) { if ($data_mobile) { $styles_320 .= " .animate-in #ninzio-layer-$post->ID-$i, #ninzio-layer-$post->ID-$i.none {"; $styles_320 .='top:'.round($values["layer_posy_$i"][0]*0.235, 0).'px !important;'; $styles_320 .= "}"; $styles_480 .= " .animate-in #ninzio-layer-$post->ID-$i, #ninzio-layer-$post->ID-$i.none {"; $styles_480 .='top:'.round($values["layer_posy_$i"][0]*0.32, 0).'px !important;'; $styles_480 .= "}"; } $styles_768 .= " .animate-in #ninzio-layer-$post->ID-$i, #ninzio-layer-$post->ID-$i.none {"; $styles_768 .='top:'.round($values["layer_posy_$i"][0]*0.6, 0).'px !important;'; $styles_768 .= "}"; $styles_1024 .= " .animate-in #ninzio-layer-$post->ID-$i, #ninzio-layer-$post->ID-$i.none {"; $styles_1024 .='top:'.round($values["layer_posy_$i"][0]*0.8, 0).'px !important;'; $styles_1024 .= "}"; $styles_1280 .= " .animate-in #ninzio-layer-$post->ID-$i, #ninzio-layer-$post->ID-$i.none {"; $styles_1280 .='top:'.$values["layer_posy_$i"][0].'px !important;'; $styles_1280 .= "}"; } /*----------------------------------------------------------------*/ // 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 .= "}"; ?>