/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Jan 8, 2016, 1:52:44 PM
    Author     : zarkov
*/

.page-animation.slide {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.page-animation.slide.ng-enter,
.page-animation.slide.ng-leave {
    -webkit-transition: all 0.7s ease;
    transition: all 0.7s ease;
}
.page-animation.slide.ng-enter {
    left: 100%;
}
.page-animation.slide.ng-enter-active {
    left: 0;
}
.page-animation.slide.ng-leave {
    left: 0;
}
.page-animation.slide.ng-leave-active {
    left: -100%;
}

.page-animation.slideup {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
}
.page-animation.slideup.ng-enter,
.page-animation.slideup.ng-leave {
    -webkit-transition: all 0.7s ease;
    transition: all 0.7s ease;
}
.page-animation.slideup.ng-enter {
    top: 100%;
}
.page-animation.slideup.ng-enter-active {
    top: 0;
}
.page-animation.slideup.ng-leave {
    top: 0;
}
.page-animation.slideup.ng-leave-active {
    top: -100%;
}

.page-animation.slidedown {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.page-animation.slidedown.ng-enter,
.page-animation.slidedown.ng-leave {
    -webkit-transition: all 0.7s ease;
    transition: all 0.7s ease;
}
.page-animation.slidedown.ng-enter {
    top: -100%;
}
.page-animation.slidedown.ng-enter-active {
    top: 0;
}
.page-animation.slidedown.ng-leave {
    top: 0;
}
.page-animation.slidedown.ng-leave-active {
    top: 100%;
}

/*custom*/
.page-animation.slideright {
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.page-animation.slideright.ng-enter,
.page-animation.slideright.ng-leave {
    -webkit-transition: all 0.7s ease;
    transition: all 0.7s ease;
}
.page-animation.slideright.ng-enter {
    right: 100%;
}
.page-animation.slideright.ng-enter-active {
    right: 0;
}
.page-animation.slideright.ng-leave {
    right: 0;
}
.page-animation.slideright.ng-leave-active {
    right: -100%;
}