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

68
dashboard-ui/bower_components/emby-webcomponents/emby-scrollbuttons/emby-scrollbuttons.css vendored
View file

@ -1 +1,67 @@
.emby-scrollbuttons-scroller{position:relative}.scrollbuttoncontainer{position:absolute;top:0;bottom:0;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;z-index:1;font-size:3em;color:#fff;display:none;overflow:hidden}.scrollbuttoncontainer-left{background:rgba(20,20,20,.5);background:-webkit-linear-gradient(left,#000 0,rgba(0,0,0,0) 100%);background:-webkit-gradient(linear,left top,right top,from(#000),to(rgba(0,0,0,0)));background:-webkit-linear-gradient(left,#000,rgba(0,0,0,0));background:-o-linear-gradient(left,#000,rgba(0,0,0,0));background:linear-gradient(to right,#000,rgba(0,0,0,0));left:0}.scrollbuttoncontainer-right{background:rgba(20,20,20,.5);background:-webkit-linear-gradient(right,#000 0,rgba(0,0,0,0) 100%);background:-webkit-gradient(linear,right top,left top,from(#000),to(rgba(0,0,0,0)));background:-webkit-linear-gradient(right,#000,rgba(0,0,0,0));background:-o-linear-gradient(right,#000,rgba(0,0,0,0));background:linear-gradient(to left,#000,rgba(0,0,0,0));right:0}.emby-scrollbuttons-scroller:hover .scrollbuttoncontainer{display:-webkit-box;display:-webkit-flex;display:flex}.emby-scrollbuttons-scrollbutton{margin:0 -.2em;-webkit-transition:-webkit-transform 160ms ease-out;-o-transition:transform 160ms ease-out;transition:transform 160ms ease-out}.scrollbuttoncontainer:hover>.emby-scrollbuttons-scrollbutton{-webkit-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.emby-scrollbuttons-scrollbutton:after{content:'';display:none!important}.emby-scrollbuttons-scrollbutton:focus{color:inherit!important}
.emby-scrollbuttons-scroller {
position: relative
}
.scrollbuttoncontainer {
position: absolute;
top: 0;
bottom: 0;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
z-index: 1;
font-size: 3em;
color: #fff;
display: none;
overflow: hidden
}
.scrollbuttoncontainer-left {
background: rgba(20, 20, 20, .5);
background: -webkit-linear-gradient(left, #000 0, rgba(0, 0, 0, 0) 100%);
background: -webkit-gradient(linear, left top, right top, from(#000), to(rgba(0, 0, 0, 0)));
background: -webkit-linear-gradient(left, #000, rgba(0, 0, 0, 0));
background: -o-linear-gradient(left, #000, rgba(0, 0, 0, 0));
background: linear-gradient(to right, #000, rgba(0, 0, 0, 0));
left: 0
}
.scrollbuttoncontainer-right {
background: rgba(20, 20, 20, .5);
background: -webkit-linear-gradient(right, #000 0, rgba(0, 0, 0, 0) 100%);
background: -webkit-gradient(linear, right top, left top, from(#000), to(rgba(0, 0, 0, 0)));
background: -webkit-linear-gradient(right, #000, rgba(0, 0, 0, 0));
background: -o-linear-gradient(right, #000, rgba(0, 0, 0, 0));
background: linear-gradient(to left, #000, rgba(0, 0, 0, 0));
right: 0
}
.emby-scrollbuttons-scroller:hover .scrollbuttoncontainer {
display: -webkit-box;
display: -webkit-flex;
display: flex
}
.emby-scrollbuttons-scrollbutton {
margin: 0 -.2em;
-webkit-transition: -webkit-transform 160ms ease-out;
-o-transition: transform 160ms ease-out;
transition: transform 160ms ease-out
}
.scrollbuttoncontainer:hover>.emby-scrollbuttons-scrollbutton {
-webkit-transform: scale(1.3, 1.3);
transform: scale(1.3, 1.3)
}
.emby-scrollbuttons-scrollbutton:after {
content: '';
display: none !important
}
.emby-scrollbuttons-scrollbutton:focus {
color: inherit !important
}