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

Beautified CSS in web dashboard

Browse source
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
Download patch file Download diff file Expand all files Collapse all files

95
dashboard-ui/bower_components/emby-webcomponents/htmlvideoplayer/style.css vendored
View file

@ -1 +1,94 @@
.videoPlayerContainer{position:fixed!important;top:0;bottom:0;left:0;right:0;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.videoPlayerContainer:not(.videoPlayerContainer-withBackdrop){background:#000!important}.videoPlayerContainer-withBackdrop{background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;background-size:cover;background-attachment:fixed;background-color:#000}.videoPlayerContainer-onTop{z-index:1000}.htmlvideoplayer{margin:0!important;padding:0!important;width:100%;height:100%}.htmlvideoplayer::cue{background-color:transparent;text-shadow:.14em .14em .14em rgba(0,0,0,1);-webkit-font-smoothing:antialiased;font-family:inherit}.htmlvideoplayer-moveupsubtitles::-webkit-media-text-track-display{margin-top:-2em}.videoSubtitles{position:fixed;bottom:10%;text-align:center;left:0;right:0;color:#fff;font-size:170%}.videoSubtitlesInner{max-width:70%;background-color:rgba(0,0,0,.8);padding:.25em;margin:auto;display:inline-block}@-webkit-keyframes htmlvideoplayer-zoomin{from{-webkit-transform:scale3d(.2,.2,.2);transform:scale3d(.2,.2,.2);opacity:.6}to{-webkit-transform:none;transform:none;opacity:initial}}@keyframes htmlvideoplayer-zoomin{from{-webkit-transform:scale3d(.2,.2,.2);transform:scale3d(.2,.2,.2);opacity:.6}to{-webkit-transform:none;transform:none;opacity:initial}}
.videoPlayerContainer {
position: fixed !important;
top: 0;
bottom: 0;
left: 0;
right: 0;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center
}
.videoPlayerContainer:not(.videoPlayerContainer-withBackdrop) {
background: #000 !important
}
.videoPlayerContainer-withBackdrop {
background-repeat: no-repeat;
background-position: center center;
-webkit-background-size: cover;
background-size: cover;
background-attachment: fixed;
background-color: #000
}
.videoPlayerContainer-onTop {
z-index: 1000
}
.htmlvideoplayer {
margin: 0 !important;
padding: 0 !important;
width: 100%;
height: 100%
}
.htmlvideoplayer::cue {
background-color: transparent;
text-shadow: .14em .14em .14em rgba(0, 0, 0, 1);
-webkit-font-smoothing: antialiased;
font-family: inherit
}
.htmlvideoplayer-moveupsubtitles::-webkit-media-text-track-display {
margin-top: -2em
}
.videoSubtitles {
position: fixed;
bottom: 10%;
text-align: center;
left: 0;
right: 0;
color: #fff;
font-size: 170%
}
.videoSubtitlesInner {
max-width: 70%;
background-color: rgba(0, 0, 0, .8);
padding: .25em;
margin: auto;
display: inline-block
}
@-webkit-keyframes htmlvideoplayer-zoomin {
from {
-webkit-transform: scale3d(.2, .2, .2);
transform: scale3d(.2, .2, .2);
opacity: .6
}
to {
-webkit-transform: none;
transform: none;
opacity: initial
}
}
@keyframes htmlvideoplayer-zoomin {
from {
-webkit-transform: scale3d(.2, .2, .2);
transform: scale3d(.2, .2, .2);
opacity: .6
}
to {
-webkit-transform: none;
transform: none;
opacity: initial
}
}