1
0
Fork 0
mirror of https://github.com/jellyfin/jellyfin-web synced 2025-03-30 19:56:21 +00:00

Beautified CSS in web dashboard

This commit is contained in:
Vasily 2018-10-23 01:13:23 +03:00
parent 6bfd795635
commit 78eeb99284
82 changed files with 15711 additions and 82 deletions

View file

@ -1 +1,144 @@
.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)}}
.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)
}
}