Levi/jellyskin-mod-public
1
0
Fork 0
Code Pull requests Activity

Login Page & overlay element tweaks

Browse source
This commit is contained in:
Levi 2023-12-14 20:35:41 +01:00
parent eae48eb61a
commit a104017866
1 changed files with 34 additions and 27 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

61
JellySkin-mod.css
View file

@ -165,48 +165,33 @@ input.mdl-slider::-webkit-slider-thumb,
/*--Login Page Desktop--*/
#loginPage .sectionTitle {
content: url(https://watch.levi.land/web/assets/img/banner-light.png);
height: 6vw;
}
#loginPage>div {
padding: 20px !important;
}
#loginPage .padded-left.padded-right.padded-bottom-page {
width: 100%;
}
#loginPage .padded-left.padded-right.padded-bottom-page {
height: max-content;
border-radius: 15px;
background: hsla(0, 0%, 0%, 0.25);
border-radius: 10px;
backdrop-filter: blur(20px) saturate(150%) brightness(75%);
-webkit-backdrop-filter: blur(20px);
box-shadow: 0px 0px 30px rgba(0,0,0,.7);
overflow: initial;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
#loginPage #divUsers .card {
width: 10em;
}
div#divUsers {
flex-direction: inherit;
flex-wrap: wrap;
justify-content: center;
overflow-x: auto;
max-width: inherit;
}
#loginPage:after {
background: url(https://levi.land/public/jf-login-bg.webp);
filter: brightness(0.5);
background: url(https://levi.land/public/jf-login-bg.webp), radial-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.8));
background-size: cover;
content: "";
height: 100vh;
left: 0;
position: fixed;
top: 0;
width: 100vw;
z-index: 1;
background-blend-mode: overlay;
}
#loginPage .emby-button {
@ -214,7 +199,7 @@ div#divUsers {
}
#loginPage .emby-button:hover {
background: hsla(0, 0%, 100%, .2) !important;
background: hsla(0, 0%, 0%, .3) !important;
}
/*--Skip Intro Button--*/
@ -280,4 +265,26 @@ progress::-moz-progress-bar {
progress {
background: var(--swiper-theme-color) !important;
}
/* Sidebar/Drawer Menu */
:not(.dashboardDocument) .mainDrawer {
-webkit-backdrop-filter: blur(20px) saturate(150%) brightness(75%);
backdrop-filter: blur(20px) saturate(150%) brightness(75%);
background: rgba(0, 0, 0, .2);
}
:not(.dashboardDocument) .mainDrawer.drawer-open {
-webkit-backdrop-filter: blur(20px) saturate(150%) brightness(75%);
backdrop-filter: blur(20px) saturate(150%) brightness(75%);
}
/* Dialog Box */
.dialog {
-webkit-backdrop-filter: blur(20px) saturate(150%) brightness(75%);
backdrop-filter: blur(20px) saturate(150%) brightness(75%);
background: rgba(0,0,0,.2);
box-shadow: 0px 0px 30px rgba(0,0,0,.7) !important;
}