1
0
Fork 0
mirror of https://github.com/jellyfin/jellyfin-web synced 2025-03-30 19:56:21 +00:00
jellyfin-web/dashboard-ui/bower_components/emby-webcomponents/viewmanager/viewcontainer-lite.css

144 lines
2.3 KiB
CSS
Raw Normal View History

2018-10-23 01:13:23 +03:00
.mainAnimatedPage {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
contain: layout style size
}
@-webkit-keyframes view-fadeout {
from {
opacity: 1
}
to {
opacity: 0
}
}
@keyframes view-fadeout {
from {
opacity: 1
}
to {
opacity: 0
}
}
@-webkit-keyframes view-fadein {
from {
opacity: 0
}
to {
opacity: 1
}
}
@keyframes view-fadein {
from {
opacity: 0
}
to {
opacity: 1
}
}
@-webkit-keyframes view-slideleft {
from {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0)
}
to {
-webkit-transform: none;
transform: none
}
}
@keyframes view-slideleft {
from {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0)
}
to {
-webkit-transform: none;
transform: none
}
}
@-webkit-keyframes view-slideleft-r {
from {
-webkit-transform: none;
transform: none
}
to {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0)
}
}
@keyframes view-slideleft-r {
from {
-webkit-transform: none;
transform: none
}
to {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0)
}
}
@-webkit-keyframes view-slideright {
from {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0)
}
to {
-webkit-transform: none;
transform: none
}
}
@keyframes view-slideright {
from {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0)
}
to {
-webkit-transform: none;
transform: none
}
}
@-webkit-keyframes view-slideright-r {
from {
-webkit-transform: none;
transform: none
}
to {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0)
}
}
@keyframes view-slideright-r {
from {
-webkit-transform: none;
transform: none
}
to {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0)
}
}