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--*/ /*--Login Page Desktop--*/
#loginPage .sectionTitle {
content: url(https://watch.levi.land/web/assets/img/banner-light.png);
height: 6vw;
}
#loginPage>div { #loginPage>div {
padding: 20px !important; padding: 20px !important;
} }
#loginPage .padded-left.padded-right.padded-bottom-page {
width: 100%;
}
#loginPage .padded-left.padded-right.padded-bottom-page { #loginPage .padded-left.padded-right.padded-bottom-page {
height: max-content; height: max-content;
border-radius: 15px; border-radius: 10px;
background: hsla(0, 0%, 0%, 0.25); 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; overflow: initial;
position: absolute; position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
} }
#loginPage #divUsers .card { #loginPage #divUsers .card {
width: 10em; width: 10em;
} }
div#divUsers {
flex-direction: inherit;
flex-wrap: wrap;
justify-content: center;
overflow-x: auto;
max-width: inherit;
}
#loginPage:after { #loginPage:after {
background: url(https://levi.land/public/jf-login-bg.webp); background: url(https://levi.land/public/jf-login-bg.webp), radial-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.8));
filter: brightness(0.5);
background-size: cover; background-size: cover;
content: ""; background-blend-mode: overlay;
height: 100vh;
left: 0;
position: fixed;
top: 0;
width: 100vw;
z-index: 1;
} }
#loginPage .emby-button { #loginPage .emby-button {
@ -214,7 +199,7 @@ div#divUsers {
} }
#loginPage .emby-button:hover { #loginPage .emby-button:hover {
background: hsla(0, 0%, 100%, .2) !important; background: hsla(0, 0%, 0%, .3) !important;
} }
/*--Skip Intro Button--*/ /*--Skip Intro Button--*/
@ -281,3 +266,25 @@ progress::-moz-progress-bar {
progress { progress {
background: var(--swiper-theme-color) !important; 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;
}