From a104017866959158381f7ce4a78cd783267e80c0 Mon Sep 17 00:00:00 2001
From: Levi <levi@levi.land>
Date: Thu, 14 Dec 2023 20:35:41 +0100
Subject: [PATCH] Login Page & overlay element tweaks

---
 JellySkin-mod.css | 61 ++++++++++++++++++++++++++---------------------
 1 file changed, 34 insertions(+), 27 deletions(-)

diff --git a/JellySkin-mod.css b/JellySkin-mod.css
index ad7ab15..2f5254a 100644
--- a/JellySkin-mod.css
+++ b/JellySkin-mod.css
@@ -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;
 }
\ No newline at end of file