webui-aria2/js/libs/dojox/mobile/themes/common/transitions.css

354 lines
10 KiB
CSS
Raw Normal View History

.mblDissolve.mblOut {
-webkit-animation-duration: 1s;
-webkit-animation-name: mblDissolveOut;
-webkit-animation-timing-function: cubic-bezier(.25,1,.75,0);
}
.mblDissolve.mblIn {
-webkit-animation-duration: 1s;
-webkit-animation-name: mblDissolveIn;
-webkit-animation-timing-function: cubic-bezier(.25,1,.75,0);
}
@-webkit-keyframes mblDissolveOut {
from { opacity: 1; }
to { opacity: 0; }
}
@-webkit-keyframes mblDissolveIn {
from { opacity: 0; }
to { opacity: 1; }
}
.mblCover.mblOut {
z-index: -100;
-webkit-transition-property: none;
-webkit-transition-duration: 0s;
-webkit-transform: translate3d(0%,0px,-1px) !important;
}
.mblCover.mblOut.mblTransition {
-webkit-transition-property: -webkit-transform;
-webkit-transition-duration: .4s;
-webkit-transform: translate3d(0%,0px,0px) !important;
}
.mblCover.mblIn {
z-index: 0;
-webkit-transition-property: none;
-webkit-transition-duration: 0s;
-webkit-transform: translate3d(100%,0px,0px) !important;
}
.mblCover.mblIn.mblTransition {
-webkit-transition-property: -webkit-transform;
-webkit-transition-duration: .4s;
-webkit-transform: translate3d(0%,0px,0px) !important;
}
.mblCover.mblIn.mblReverse {
-webkit-transform: translate3d(-100%,0px,0px) !important;
}
.mblCover.mblIn.mblReverse.mblTransition {
-webkit-transition-property: -webkit-transform;
-webkit-transform: translate3d(0%,0px,0px) !important;
}
.dj_android.dj_tablet .mblCover.mblOut.mblTransition,
.dj_android.dj_tablet .mblCover.mblIn.mblTransition {
-webkit-transition-duration: .6s;
-webkit-transition-timing-function: linear;
}
.mblReveal.mblOut {
z-index: 0;
-webkit-transition-property: none;
-webkit-transition-duration: 0s;
-webkit-transform: translate3d(0%,0px,0px) !important;
}
.mblReveal.mblOut.mblTransition {
-webkit-transition-property: -webkit-transform;
-webkit-transition-duration: .4s;
-webkit-transform: translate3d(-100%,0px,0px) !important;
}
.mblReveal.mblIn {
z-index: -100;
-webkit-transition-property: none;
-webkit-transition-duration: 0s;
-webkit-transform: translate3d(0%,0px,-1px) !important;
}
.mblReveal.mblIn.mblTransition {
-webkit-transition-property: -webkit-transform;
-webkit-transition-duration: .4s;
-webkit-transform: translate3d(0%,0px,0px) !important;
}
.mblReveal.mblOut.mblReverse {
-webkit-transition-property: none;
-webkit-transform: translate3d(0%,0px,0px) !important;
}
.mblReveal.mblOut.mblReverse.mblTransition {
-webkit-transition-property: -webkit-transform;
-webkit-transform: translate3d(100%,0px,0px) !important;
}
.dj_android.dj_tablet .mblReveal.mblOut.mblTransition,
.dj_android.dj_tablet .mblReveal.mblIn.mblTransition {
-webkit-transition-duration: .6s;
-webkit-transition-timing-function: linear;
}
.mblSlidev.mblOut {
-webkit-transition-property: none;
-webkit-transition-duration: 0s;
-webkit-transform: translate3d(0px,0%,0px) !important;
}
.mblSlidev.mblOut.mblTransition {
-webkit-transition-property: -webkit-transform;
-webkit-transition-duration: .3s;
-webkit-transform: translate3d(0px,-100%,0px) !important;
}
.mblSlidev.mblIn {
position: absolute !important;
-webkit-transition-property: none;
-webkit-transition-duration: 0s;
-webkit-transform: translate3d(0px,100%,0px) !important;
}
.mblSlidev.mblIn.mblTransition {
-webkit-transition-property: -webkit-transform;
-webkit-transition-duration: .3s;
-webkit-transform: translate3d(0px,0%,0px) !important;
}
.mblSlidev.mblOut.mblReverse {
-webkit-transition-property: none;
-webkit-transform: translate3d(0px,0%,0px) !important;
}
.mblSlidev.mblOut.mblReverse.mblTransition {
-webkit-transition-property: -webkit-transform;
-webkit-transform: translate3d(0px,100%,0px) !important;
}
.mblSlidev.mblIn.mblReverse {
-webkit-transform: translate3d(0px,-100%,0px) !important;
}
.mblSlidev.mblIn.mblReverse.mblTransition {
-webkit-transition-property: -webkit-transform;
-webkit-transform: translate3d(0px,0%,0px) !important;
}
.dj_android.dj_tablet .mblSlidev.mblOut.mblTransition,
.dj_android.dj_tablet .mblSlidev.mblIn.mblTransition {
-webkit-transition-duration: .6s;
-webkit-transition-timing-function: linear;
}
.mblCoverv.mblOut {
z-index: -100;
-webkit-transition-property: none;
-webkit-transition-duration: 0s;
-webkit-transform: translate3d(0px,0%,-1px) !important;
}
.mblCoverv.mblOut.mblTransition {
-webkit-transition-property: -webkit-transform;
-webkit-transition-duration: .4s;
-webkit-transform: translate3d(0px,0%,0px) !important;
}
.mblCoverv.mblIn {
z-index: 0;
-webkit-transition-property: none;
-webkit-transition-duration: 0s;
-webkit-transform: translate3d(0px,100%,0px) !important;
}
.mblCoverv.mblIn.mblTransition {
-webkit-transition-property: -webkit-transform;
-webkit-transition-duration: .4s;
-webkit-transform: translate3d(0px,0%,0px) !important;
}
.mblCoverv.mblIn.mblReverse {
-webkit-transition-property: none;
-webkit-transform: translate3d(0px,-100%,0px) !important;
}
.mblCoverv.mblIn.mblReverse.mblTransition {
-webkit-transition-property: -webkit-transform;
-webkit-transform: translate3d(0px,0%,0px) !important;
}
.dj_android.dj_tablet .mblCoverv.mblOut.mblTransition,
.dj_android.dj_tablet .mblCoverv.mblIn.mblTransition {
-webkit-transition-duration: .6s;
-webkit-transition-timing-function: linear;
}
.mblRevealv.mblOut {
z-index: 0;
-webkit-transition-property: none;
-webkit-transition-duration: 0s;
-webkit-transform: translate3d(0px,0%,0px) !important;
}
.mblRevealv.mblOut.mblTransition {
-webkit-transition-property: -webkit-transform;
-webkit-transition-duration: .4s;
-webkit-transform: translate3d(0px,-100%,0px) !important;
}
.mblRevealv.mblIn {
z-index: -100;
-webkit-transition-property: none;
-webkit-transition-duration: 0s;
-webkit-transform: translate3d(0px,0%,-1px) !important;
}
.mblRevealv.mblIn.mblTransition {
-webkit-transition-property: -webkit-transform;
-webkit-transition-duration: .4s;
-webkit-transform: translate3d(0px,0%,0px) !important;
}
.mblRevealv.mblOut.mblReverse.mblTransition {
-webkit-transition-property: -webkit-transform;
-webkit-transform: translate3d(0px,100%,0px) !important;
}
.dj_android.dj_tablet .mblRevealv.mblOut.mblTransition,
.dj_android.dj_tablet .mblRevealv.mblIn.mblTransition {
-webkit-transition-duration: .6s;
-webkit-transition-timing-function: linear;
}
.mblSwirl.mblOut {
z-index: 0;
-webkit-animation-duration: .5s;
-webkit-animation-name: mblSwirlOut;
-webkit-animation-timing-function: ease-in;
}
.mblSwirl.mblIn {
z-index: -100;
-webkit-animation-duration: .5s;
-webkit-animation-name: mblSwirlIn;
-webkit-animation-timing-function: ease-in;
}
.mblSwirl.mblOut.mblReverse {
-webkit-animation-name: mblSwirlOutReverse;
}
@-webkit-keyframes mblSwirlOut {
from { -webkit-transform: rotate(0deg) scale(1.0); }
to { -webkit-transform: rotate(-360deg) scale(0.0); }
}
@-webkit-keyframes mblSwirlOutReverse {
from { -webkit-transform: rotate(0deg) scale(1.0); }
to { -webkit-transform: rotate(360deg) scale(0.0); }
}
@-webkit-keyframes mblSwirlIn {
from { -webkit-transform: scale(1.0); }
to { -webkit-transform: scale(1.0); }
}
.mblScaleOut.mblOut {
z-index: 0;
-webkit-animation-duration: .5s;
-webkit-animation-name: mblScaleOutOut;
-webkit-animation-timing-function: ease-in;
}
.dj_android .mblScaleOut.mblOut {
-webkit-animation-name: mblScaleOutOutAndroid;
}
.mblScaleOut.mblIn {
z-index: -100;
-webkit-animation-duration: .5s;
-webkit-animation-name: mblScaleOutIn;
-webkit-animation-timing-function: ease-in;
}
@-webkit-keyframes mblScaleOutOut {
from {
-webkit-transform: scale(1.0);
opacity: 1;
}
to {
-webkit-transform: scale(0.0);
opacity: 0;
}
}
@-webkit-keyframes mblScaleOutOutAndroid {
from { -webkit-transform: scale(1.0); }
to { -webkit-transform: scale(0.0); }
}
@-webkit-keyframes mblScaleOutIn {
from { -webkit-transform: scale(1.0); }
to { -webkit-transform: scale(1.0); }
}
.mblScaleIn.mblOut {
z-index: -100;
-webkit-animation-duration: .5s;
-webkit-animation-name: mblScaleInOut;
-webkit-animation-timing-function: ease-out;
}
.mblScaleIn.mblIn {
z-index: 0;
-webkit-animation-duration: .5s;
-webkit-animation-name: mblScaleInIn;
-webkit-animation-timing-function: ease-out;
}
.dj_android .mblScaleIn.mblIn {
-webkit-animation-name: mblScaleInInAndroid;
}
@-webkit-keyframes mblScaleInOut {
from { -webkit-transform: scale(1.0); }
to { -webkit-transform: scale(1.0); }
}
@-webkit-keyframes mblScaleInIn {
from {
-webkit-transform: scale(0.0);
opacity: 0;
}
to {
-webkit-transform: scale(1.0);
opacity: 1;
}
}
@-webkit-keyframes mblScaleInInAndroid {
from { -webkit-transform: scale(0.0); }
to { -webkit-transform: scale(1.0); }
}
.mblZoomOut.mblOut {
z-index: 0;
-webkit-animation-duration: .5s;
-webkit-animation-name: mblZoomOutOut;
-webkit-animation-timing-function: ease-in;
}
.dj_android .mblZoomOut.mblOut {
-webkit-animation-name: mblZoomOutOutAndroid;
}
.mblZoomOut.mblIn {
z-index: -100;
-webkit-animation-duration: .5s;
-webkit-animation-name: mblZoomOutIn;
-webkit-animation-timing-function: ease-in;
}
@-webkit-keyframes mblZoomOutOut {
from {
-webkit-transform: scale(1.0);
opacity: 1;
}
to {
-webkit-transform: scale(0.0);
opacity: 0;
}
}
@-webkit-keyframes mblZoomOutOutAndroid {
from { -webkit-transform: scale(1.0); }
to { -webkit-transform: scale(0.0); }
}
@-webkit-keyframes mblZoomOutIn {
from { -webkit-transform: scale(1.0); }
to { -webkit-transform: scale(1.0); }
}
.mblZoomIn.mblOut {
z-index: -100;
-webkit-animation-duration: .5s;
-webkit-animation-name: mblZoomInOut;
-webkit-animation-timing-function: ease-out;
}
.mblZoomIn.mblIn {
z-index: 0;
-webkit-animation-duration: .5s;
-webkit-animation-name: mblZoomInIn;
-webkit-animation-timing-function: ease-out;
}
.dj_android .mblZoomIn.mblIn {
-webkit-animation-name: mblZoomInInAndroid;
}
@-webkit-keyframes mblZoomInOut {
from { -webkit-transform: scale(1.0); }
to { -webkit-transform: scale(1.0); }
}
@-webkit-keyframes mblZoomInIn {
from {
-webkit-transform: scale(0.0);
opacity: 0;
}
to {
-webkit-transform: scale(1.0);
opacity: 1;
}
}
@-webkit-keyframes mblZoomInInAndroid {
from { -webkit-transform: scale(0.0); }
to { -webkit-transform: scale(1.0); }
}