From 039873f396a230236aade4ea388ec9e89ef27864 Mon Sep 17 00:00:00 2001 From: loof2736 Date: Sun, 19 May 2024 18:54:43 -0400 Subject: [PATCH 01/12] Re-factored code for top-left item background to be more dynamic --- .../disable-static-drawer-backdrop.css | 25 +++++++++---------- CSS/css-scyfin/disable-static-drawer.css | 25 +++++++++---------- CSS/css-scyfin/scyfin-theme-backdrop.css | 2 -- CSS/css-scyfin/scyfin-theme.css | 2 -- 4 files changed, 24 insertions(+), 30 deletions(-) diff --git a/CSS/css-scyfin/disable-static-drawer-backdrop.css b/CSS/css-scyfin/disable-static-drawer-backdrop.css index 73cdca4..862c9bd 100644 --- a/CSS/css-scyfin/disable-static-drawer-backdrop.css +++ b/CSS/css-scyfin/disable-static-drawer-backdrop.css @@ -71,29 +71,28 @@ margin-right: 3.3% !important; } -/* Background for home, hamburger, and Jellyfin */ -.layout-desktop:not(.transparentDocument) .headerLeft::before { - content: ""; - position: absolute; - top: 39px; - left: 10px; - width: 245px; - height: 45px; +/* Background for top left buttons */ +.layout-desktop .headerLeft { + padding: 2px 15px 2px 2px !important; + top: -3px !important; background-color: rgba(35, 35, 35, 0.5) !important; border-radius: 50px !important; backdrop-filter: blur(50px) !important; } +.headerLeft { + flex-grow: 0 !important; + -webkit-flex-grow: 0 !important; +} +.headerRight { + position: absolute !important; + right: 12px !important; +} /* Reduce the size of the header when the logo is not present */ .layout-desktop .skinHeader.semiTransparent .headerTop .headerLeft::before { width: 160px; } -.layout-desktop .headerLeft { - padding: 2px !important; - top: -3px !important; -} - .layout-desktop .pageTitle { z-index: 1099 !important; } diff --git a/CSS/css-scyfin/disable-static-drawer.css b/CSS/css-scyfin/disable-static-drawer.css index 8c01d3a..017babc 100644 --- a/CSS/css-scyfin/disable-static-drawer.css +++ b/CSS/css-scyfin/disable-static-drawer.css @@ -65,29 +65,28 @@ margin-right: 3.3% !important; } -/* Background for home, hamburger, and Jellyfin */ -.layout-desktop:not(.transparentDocument) .headerLeft::before { - content: ""; - position: absolute; - top: 39px; - left: 10px; - width: 245px; - height: 45px; +/* Background for top left buttons */ +.layout-desktop .headerLeft { + padding: 2px 15px 2px 2px !important; + top: -3px !important; background-color: rgba(35, 35, 35, 0.5) !important; border-radius: 50px !important; backdrop-filter: blur(50px) !important; } +.headerLeft { + flex-grow: 0 !important; + -webkit-flex-grow: 0 !important; +} +.headerRight { + position: absolute !important; + right: 12px !important; +} /* Reduce the size of the header when the logo is not present */ .layout-desktop .skinHeader.semiTransparent .headerTop .headerLeft::before { width: 160px; } -.layout-desktop .headerLeft { - padding: 2px !important; - top: -3px !important; -} - .layout-desktop .pageTitle { z-index: 1099 !important; } diff --git a/CSS/css-scyfin/scyfin-theme-backdrop.css b/CSS/css-scyfin/scyfin-theme-backdrop.css index 80a33c0..f286823 100644 --- a/CSS/css-scyfin/scyfin-theme-backdrop.css +++ b/CSS/css-scyfin/scyfin-theme-backdrop.css @@ -1,9 +1,7 @@ /* Increase size of Jellyfin logo */ .layout-desktop .pageTitleWithLogo { - margin-left: 15px !important; width: 100px !important; height: 40px !important; - margin-top: 5px !important; } /* Static left drawer */ diff --git a/CSS/css-scyfin/scyfin-theme.css b/CSS/css-scyfin/scyfin-theme.css index c4b23cf..5f996e5 100644 --- a/CSS/css-scyfin/scyfin-theme.css +++ b/CSS/css-scyfin/scyfin-theme.css @@ -1,9 +1,7 @@ /* Increase size of Jellyfin logo */ .layout-desktop .pageTitleWithLogo { - margin-left: 15px !important; width: 100px !important; height: 40px !important; - margin-top: 5px !important; } /* Static left drawer */ From 13bce2712d75c160208b590ef853df3d972abc50 Mon Sep 17 00:00:00 2001 From: loof2736 Date: Sun, 19 May 2024 19:27:16 -0400 Subject: [PATCH 02/12] Improve look of chapter selector --- CSS/css-scyfin/scyfin-theme-backdrop.css | 9 +++++++++ CSS/css-scyfin/scyfin-theme.css | 6 ++++++ 2 files changed, 15 insertions(+) diff --git a/CSS/css-scyfin/scyfin-theme-backdrop.css b/CSS/css-scyfin/scyfin-theme-backdrop.css index f286823..bae4d63 100644 --- a/CSS/css-scyfin/scyfin-theme-backdrop.css +++ b/CSS/css-scyfin/scyfin-theme-backdrop.css @@ -96,6 +96,9 @@ .innerCardFooterClear { background-color: black !important; } +.innerCardFooter .cardText { + padding: 0 0 0 26px !important +} @@ -153,6 +156,9 @@ .layout-tv .skinHeader { padding-top: 1.5em !important; } +.layout-tv .skinHeader { + padding-bottom: 10px !important; +} /* Rounded header buttons */ .headerTabs, .headerRight { @@ -179,6 +185,9 @@ .layout-desktop .headerRight { padding: 0px 5px !important; } +.layout-tv .headerRight { + padding: 20px 10px !important; +} /* Move left header back up */ .layout-desktop .headerLeft .layout-tv .headerLeft { diff --git a/CSS/css-scyfin/scyfin-theme.css b/CSS/css-scyfin/scyfin-theme.css index 5f996e5..851bfa5 100644 --- a/CSS/css-scyfin/scyfin-theme.css +++ b/CSS/css-scyfin/scyfin-theme.css @@ -96,6 +96,9 @@ .innerCardFooterClear { background-color: black !important; } +.innerCardFooter .cardText { + padding: 0 0 0 26px !important +} @@ -157,6 +160,9 @@ html { .layout-tv .skinHeader { padding-top: 1.5em !important; } +.layout-tv .skinHeader { + padding-bottom: 10px !important; +} /* Rounded header buttons */ .headerTabs, .headerRight { From c4ac1094779c3296054e41ab3181667d40a57673 Mon Sep 17 00:00:00 2001 From: Josh Wilberger Date: Sun, 19 May 2024 19:34:44 -0400 Subject: [PATCH 03/12] Update README.md --- README.md | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) diff --git a/README.md b/README.md index 6a168b9..638a032 100644 --- a/README.md +++ b/README.md @@ -18,13 +18,13 @@ scyfin4 scyfin5 -`@import url('https://cdn.jsdelivr.net/gh/loof2736/scyfin@v1.0.17/CSS/css-scyfin/scyfin-theme.css');` +`@import url('https://cdn.jsdelivr.net/gh/loof2736/scyfin@v1.0.18/CSS/css-scyfin/scyfin-theme.css');` ### Options (Add these below the full theme) - Disable static left drawer - - `@import url('https://cdn.jsdelivr.net/gh/loof2736/scyfin@v1.0.16/CSS/css-scyfin/disable-static-drawer.css');` + - `@import url('https://cdn.jsdelivr.net/gh/loof2736/scyfin@v1.0.18/CSS/css-scyfin/disable-static-drawer.css');` - Disable static left drawer (BACKDROP VERSION) - - `@import url('https://cdn.jsdelivr.net/gh/loof2736/scyfin@v1.0.16/CSS/css-scyfin/disable-static-drawer-backdrop.css');` + - `@import url('https://cdn.jsdelivr.net/gh/loof2736/scyfin@v1.0.18/CSS/css-scyfin/disable-static-drawer-backdrop.css');` --- @@ -38,13 +38,13 @@ scyfin-backdrop2 scyfin-backdrop3 -`@import url('https://cdn.jsdelivr.net/gh/loof2736/scyfin@v1.0.17/CSS/css-scyfin/scyfin-theme-backdrop.css');` +`@import url('https://cdn.jsdelivr.net/gh/loof2736/scyfin@v1.0.18/CSS/css-scyfin/scyfin-theme-backdrop.css');` ### Options (Add these below the full theme) - Disable static left drawer - - `@import url('https://cdn.jsdelivr.net/gh/loof2736/scyfin@v1.0.16/CSS/css-scyfin/disable-static-drawer.css');` + - `@import url('https://cdn.jsdelivr.net/gh/loof2736/scyfin@v1.0.18/CSS/css-scyfin/disable-static-drawer.css');` - Disable static left drawer (BACKDROP VERSION) - - `@import url('https://cdn.jsdelivr.net/gh/loof2736/scyfin@v1.0.16/CSS/css-scyfin/disable-static-drawer-backdrop.css');` + - `@import url('https://cdn.jsdelivr.net/gh/loof2736/scyfin@v1.0.18/CSS/css-scyfin/disable-static-drawer-backdrop.css');` --- From 9b6eb111f7efad92895b6f433787f41e0ddc25d3 Mon Sep 17 00:00:00 2001 From: loof2736 Date: Sun, 19 May 2024 19:58:02 -0400 Subject: [PATCH 04/12] Fix for logo size --- CSS/css-scyfin/disable-static-drawer-backdrop.css | 2 -- CSS/css-scyfin/disable-static-drawer.css | 2 -- CSS/css-scyfin/scyfin-theme-backdrop.css | 2 +- CSS/css-scyfin/scyfin-theme.css | 2 +- 4 files changed, 2 insertions(+), 6 deletions(-) diff --git a/CSS/css-scyfin/disable-static-drawer-backdrop.css b/CSS/css-scyfin/disable-static-drawer-backdrop.css index 862c9bd..1ef75ed 100644 --- a/CSS/css-scyfin/disable-static-drawer-backdrop.css +++ b/CSS/css-scyfin/disable-static-drawer-backdrop.css @@ -1,8 +1,6 @@ /* Reset size of Jellyfin logo */ .layout-desktop .pageTitleWithLogo { - margin-left: 25px !important; height: 30px !important; - margin-top: 0px !important; } /* Un-static left drawer */ diff --git a/CSS/css-scyfin/disable-static-drawer.css b/CSS/css-scyfin/disable-static-drawer.css index 017babc..9cb6f30 100644 --- a/CSS/css-scyfin/disable-static-drawer.css +++ b/CSS/css-scyfin/disable-static-drawer.css @@ -1,8 +1,6 @@ /* Reset size of Jellyfin logo */ .layout-desktop .pageTitleWithLogo { - margin-left: 25px !important; height: 30px !important; - margin-top: 0px !important; } /* Un-static left drawer */ diff --git a/CSS/css-scyfin/scyfin-theme-backdrop.css b/CSS/css-scyfin/scyfin-theme-backdrop.css index bae4d63..890018f 100644 --- a/CSS/css-scyfin/scyfin-theme-backdrop.css +++ b/CSS/css-scyfin/scyfin-theme-backdrop.css @@ -1,6 +1,6 @@ /* Increase size of Jellyfin logo */ .layout-desktop .pageTitleWithLogo { - width: 100px !important; + margin-left: 10px !important; height: 40px !important; } diff --git a/CSS/css-scyfin/scyfin-theme.css b/CSS/css-scyfin/scyfin-theme.css index 851bfa5..a3255ff 100644 --- a/CSS/css-scyfin/scyfin-theme.css +++ b/CSS/css-scyfin/scyfin-theme.css @@ -1,6 +1,6 @@ /* Increase size of Jellyfin logo */ .layout-desktop .pageTitleWithLogo { - width: 100px !important; + margin-left: 10px !important; height: 40px !important; } From 0138f243be4de9dc52f1b3ba3638e6e86525c952 Mon Sep 17 00:00:00 2001 From: loof2736 Date: Sun, 19 May 2024 20:03:03 -0400 Subject: [PATCH 05/12] Fixed width of logo with disable-static-drawer --- CSS/css-scyfin/disable-static-drawer-backdrop.css | 1 + CSS/css-scyfin/disable-static-drawer.css | 1 + 2 files changed, 2 insertions(+) diff --git a/CSS/css-scyfin/disable-static-drawer-backdrop.css b/CSS/css-scyfin/disable-static-drawer-backdrop.css index 1ef75ed..44d0740 100644 --- a/CSS/css-scyfin/disable-static-drawer-backdrop.css +++ b/CSS/css-scyfin/disable-static-drawer-backdrop.css @@ -1,6 +1,7 @@ /* Reset size of Jellyfin logo */ .layout-desktop .pageTitleWithLogo { height: 30px !important; + width: 50px !important; } /* Un-static left drawer */ diff --git a/CSS/css-scyfin/disable-static-drawer.css b/CSS/css-scyfin/disable-static-drawer.css index 9cb6f30..a782c64 100644 --- a/CSS/css-scyfin/disable-static-drawer.css +++ b/CSS/css-scyfin/disable-static-drawer.css @@ -1,6 +1,7 @@ /* Reset size of Jellyfin logo */ .layout-desktop .pageTitleWithLogo { height: 30px !important; + width: 50px !important; } /* Un-static left drawer */ From 6d93e686ba5f5f3552c418985738883295d130d5 Mon Sep 17 00:00:00 2001 From: Josh Wilberger Date: Sun, 19 May 2024 20:06:36 -0400 Subject: [PATCH 06/12] Update README.md --- README.md | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) diff --git a/README.md b/README.md index 638a032..b941625 100644 --- a/README.md +++ b/README.md @@ -18,13 +18,13 @@ scyfin4 scyfin5 -`@import url('https://cdn.jsdelivr.net/gh/loof2736/scyfin@v1.0.18/CSS/css-scyfin/scyfin-theme.css');` +`@import url('https://cdn.jsdelivr.net/gh/loof2736/scyfin@v1.0.19/CSS/css-scyfin/scyfin-theme.css');` ### Options (Add these below the full theme) - Disable static left drawer - - `@import url('https://cdn.jsdelivr.net/gh/loof2736/scyfin@v1.0.18/CSS/css-scyfin/disable-static-drawer.css');` + - `@import url('https://cdn.jsdelivr.net/gh/loof2736/scyfin@v1.0.19/CSS/css-scyfin/disable-static-drawer.css');` - Disable static left drawer (BACKDROP VERSION) - - `@import url('https://cdn.jsdelivr.net/gh/loof2736/scyfin@v1.0.18/CSS/css-scyfin/disable-static-drawer-backdrop.css');` + - `@import url('https://cdn.jsdelivr.net/gh/loof2736/scyfin@v1.0.19/CSS/css-scyfin/disable-static-drawer-backdrop.css');` --- @@ -38,13 +38,13 @@ scyfin-backdrop2 scyfin-backdrop3 -`@import url('https://cdn.jsdelivr.net/gh/loof2736/scyfin@v1.0.18/CSS/css-scyfin/scyfin-theme-backdrop.css');` +`@import url('https://cdn.jsdelivr.net/gh/loof2736/scyfin@v1.0.19/CSS/css-scyfin/scyfin-theme-backdrop.css');` ### Options (Add these below the full theme) - Disable static left drawer - - `@import url('https://cdn.jsdelivr.net/gh/loof2736/scyfin@v1.0.18/CSS/css-scyfin/disable-static-drawer.css');` + - `@import url('https://cdn.jsdelivr.net/gh/loof2736/scyfin@v1.0.19/CSS/css-scyfin/disable-static-drawer.css');` - Disable static left drawer (BACKDROP VERSION) - - `@import url('https://cdn.jsdelivr.net/gh/loof2736/scyfin@v1.0.18/CSS/css-scyfin/disable-static-drawer-backdrop.css');` + - `@import url('https://cdn.jsdelivr.net/gh/loof2736/scyfin@v1.0.19/CSS/css-scyfin/disable-static-drawer-backdrop.css');` --- From e7b0bf8854e628442a3794e5daae50e85fc3d649 Mon Sep 17 00:00:00 2001 From: loof2736 Date: Sun, 19 May 2024 20:08:48 -0400 Subject: [PATCH 07/12] Quick fix for logo size / width --- CSS/css-scyfin/disable-static-drawer-backdrop.css | 2 +- CSS/css-scyfin/disable-static-drawer.css | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/CSS/css-scyfin/disable-static-drawer-backdrop.css b/CSS/css-scyfin/disable-static-drawer-backdrop.css index 44d0740..cd2c8f2 100644 --- a/CSS/css-scyfin/disable-static-drawer-backdrop.css +++ b/CSS/css-scyfin/disable-static-drawer-backdrop.css @@ -1,7 +1,7 @@ /* Reset size of Jellyfin logo */ .layout-desktop .pageTitleWithLogo { height: 30px !important; - width: 50px !important; + width: 100px !important; } /* Un-static left drawer */ diff --git a/CSS/css-scyfin/disable-static-drawer.css b/CSS/css-scyfin/disable-static-drawer.css index a782c64..086caf1 100644 --- a/CSS/css-scyfin/disable-static-drawer.css +++ b/CSS/css-scyfin/disable-static-drawer.css @@ -1,7 +1,7 @@ /* Reset size of Jellyfin logo */ .layout-desktop .pageTitleWithLogo { height: 30px !important; - width: 50px !important; + width: 100px !important; } /* Un-static left drawer */ From c1f88ab7df86d370a3d91bf21265c938910fd767 Mon Sep 17 00:00:00 2001 From: Josh Wilberger Date: Sun, 19 May 2024 20:09:37 -0400 Subject: [PATCH 08/12] Update README.md --- README.md | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) diff --git a/README.md b/README.md index b941625..fb9ebf6 100644 --- a/README.md +++ b/README.md @@ -18,13 +18,13 @@ scyfin4 scyfin5 -`@import url('https://cdn.jsdelivr.net/gh/loof2736/scyfin@v1.0.19/CSS/css-scyfin/scyfin-theme.css');` +`@import url('https://cdn.jsdelivr.net/gh/loof2736/scyfin@v1.0.20/CSS/css-scyfin/scyfin-theme.css');` ### Options (Add these below the full theme) - Disable static left drawer - - `@import url('https://cdn.jsdelivr.net/gh/loof2736/scyfin@v1.0.19/CSS/css-scyfin/disable-static-drawer.css');` + - `@import url('https://cdn.jsdelivr.net/gh/loof2736/scyfin@v1.0.20/CSS/css-scyfin/disable-static-drawer.css');` - Disable static left drawer (BACKDROP VERSION) - - `@import url('https://cdn.jsdelivr.net/gh/loof2736/scyfin@v1.0.19/CSS/css-scyfin/disable-static-drawer-backdrop.css');` + - `@import url('https://cdn.jsdelivr.net/gh/loof2736/scyfin@v1.0.20/CSS/css-scyfin/disable-static-drawer-backdrop.css');` --- @@ -38,13 +38,13 @@ scyfin-backdrop2 scyfin-backdrop3 -`@import url('https://cdn.jsdelivr.net/gh/loof2736/scyfin@v1.0.19/CSS/css-scyfin/scyfin-theme-backdrop.css');` +`@import url('https://cdn.jsdelivr.net/gh/loof2736/scyfin@v1.0.20/CSS/css-scyfin/scyfin-theme-backdrop.css');` ### Options (Add these below the full theme) - Disable static left drawer - - `@import url('https://cdn.jsdelivr.net/gh/loof2736/scyfin@v1.0.19/CSS/css-scyfin/disable-static-drawer.css');` + - `@import url('https://cdn.jsdelivr.net/gh/loof2736/scyfin@v1.0.20/CSS/css-scyfin/disable-static-drawer.css');` - Disable static left drawer (BACKDROP VERSION) - - `@import url('https://cdn.jsdelivr.net/gh/loof2736/scyfin@v1.0.19/CSS/css-scyfin/disable-static-drawer-backdrop.css');` + - `@import url('https://cdn.jsdelivr.net/gh/loof2736/scyfin@v1.0.20/CSS/css-scyfin/disable-static-drawer-backdrop.css');` --- From 4f8d1257262286999195a73ec67d6171f19513b7 Mon Sep 17 00:00:00 2001 From: Josh Wilberger Date: Tue, 21 May 2024 20:02:47 -0400 Subject: [PATCH 09/12] Update README.md --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index fb9ebf6..2230bc1 100644 --- a/README.md +++ b/README.md @@ -1,4 +1,4 @@ -scyfin logo +scyfin logo --- From 4135afa5e9812f0b24cb7417b2b1b5579ae4f2b4 Mon Sep 17 00:00:00 2001 From: loof2736 Date: Tue, 21 May 2024 21:36:37 -0400 Subject: [PATCH 10/12] Re-centered top tab bar --- CSS/css-scyfin/scyfin-theme-backdrop.css | 5 ++--- CSS/css-scyfin/scyfin-theme.css | 5 ++--- 2 files changed, 4 insertions(+), 6 deletions(-) diff --git a/CSS/css-scyfin/scyfin-theme-backdrop.css b/CSS/css-scyfin/scyfin-theme-backdrop.css index 890018f..e5579b7 100644 --- a/CSS/css-scyfin/scyfin-theme-backdrop.css +++ b/CSS/css-scyfin/scyfin-theme-backdrop.css @@ -172,9 +172,8 @@ .layout-tv .headerRight { margin-bottom: 10px !important; } -.layout-desktop .headerTabs, -.layout-desktop .headerRight { - margin-left: 250px !important; +.layout-desktop .headerTabs { + margin-left: 160px !important; } /* Button height */ .headerRight, diff --git a/CSS/css-scyfin/scyfin-theme.css b/CSS/css-scyfin/scyfin-theme.css index a3255ff..96e3789 100644 --- a/CSS/css-scyfin/scyfin-theme.css +++ b/CSS/css-scyfin/scyfin-theme.css @@ -176,9 +176,8 @@ html { .layout-tv .headerRight { margin-bottom: 10px !important; } -.layout-desktop .headerTabs, -.layout-desktop .headerRight { - margin-left: 250px !important; +.layout-desktop .headerTabs { + margin-left: 160px !important; } /* Button height */ .headerRight, From ad8113d0f79b271008f5769e5dd5585162498574 Mon Sep 17 00:00:00 2001 From: loof2736 Date: Mon, 27 May 2024 17:33:23 -0400 Subject: [PATCH 11/12] Re-designed login page --- CSS/css-scyfin/scyfin-theme-backdrop.css | 144 ++++++++++++++++++++++- CSS/css-scyfin/scyfin-theme.css | 144 ++++++++++++++++++++++- README.md | 4 - 3 files changed, 276 insertions(+), 16 deletions(-) diff --git a/CSS/css-scyfin/scyfin-theme-backdrop.css b/CSS/css-scyfin/scyfin-theme-backdrop.css index e5579b7..db7c60b 100644 --- a/CSS/css-scyfin/scyfin-theme-backdrop.css +++ b/CSS/css-scyfin/scyfin-theme-backdrop.css @@ -85,19 +85,34 @@ /* Floating progress bar */ .innerCardFooter { + border-radius: 15px !important; + width: 100px !important; + margin-left: 5px !important; + margin-bottom: 5px !important; + padding: 5px !important; + bottom: 0% !important; + background: rgba(0,0,0,0.5) !important; +} +.fullInnerCardFooter { bottom: 5% !important; width: 90% !important; margin: auto !important; border-radius: 100px !important; + padding: 0px !important; } .itemProgressBar { - height: 8px !important; + height: 10px !important; + background: rgba(35,35,35,0.75) !important; + backdrop-filter: blur(2px) !important; } .innerCardFooterClear { - background-color: black !important; + background-color: none !important; } .innerCardFooter .cardText { - padding: 0 0 0 26px !important + padding: 0 0 0 10px !important +} +.itemProgressBarForeground { + border-radius: 100px !important; } @@ -488,7 +503,7 @@ /* Player modifications */ -.upNextContainer, .toastVisible, .sliderBubble { +.upNextContainer, .toastVisible { backdrop-filter: blur(50px) !important; } .upNextContainer { @@ -501,14 +516,42 @@ } .sliderBubble { border-radius: 15px !important; - background-color: rgba(0,0,0,0.5) !important; + background-color: rgba(0,0,0,0.6) !important; + backdrop-filter: blur(10px) !important; } +.mdl-slider-background-flex { + height: 10px !important; + margin-top: -5px !important; + border-radius: 100px !important; + background: hsla(0,0%,100%,.2) !important; +} +.mdl-slider-background-lower { + border-radius: 100px !important; +} +.mdl-slider::-moz-range-thumb { + background: rgba(0,0,0,0) !important; +} +.mdl-slider-background-upper { + display: none !important; +} + /* Support for Jellyscrub plugin */ .chapterThumbContainer { + background: none !important; border-radius: 15px !important; } +.chapterThumb { + border-radius: 15px !important; + margin-bottom: 40px !important; +} .chapterThumbTextContainer { - background: rgba(35,35,35,0.5) !important; + background: none !important; +} +.chapterThumbText { + text-align: center !important; +} +.chapterThumbText-dim { + display: none !important; } @@ -559,10 +602,99 @@ } } + + /* Fixes for TV Layout */ .layout-tv .sectionTabs { width: auto !important; } .layout-tv .headerLeft { padding: 5px !important; +} + + + +/* Login page */ +.layout-desktop #loginPage { + display: flex !important; + justify-content: center !important; + align-items: center !important; +} +.layout-desktop #loginPage .padded-left.padded-right.padded-bottom-page.margin-auto-y { + background: #181818 !important; + width: 400px !important; + border-radius: 25px !important; + padding: 50px !important; +} +.layout-desktop #loginPage .manualLoginForm .btnCancel { + position: absolute !important; + background: none !important; + width: 100px !important; + margin-left: -10px !important; + margin-top: 70px !important; + text-align: left !important; +} +.layout-desktop #loginPage .visualLoginForm { + position: relative !important; + background: #181818 !important; + z-index: 1000 !important; +} +.layout-desktop #loginPage .btnForgotPassword { + background: none !important; + font-weight: normal !important; + width: 150px !important; + text-align: right !important; + position: absolute !important; + margin-left: 255px !important; + margin-top: -195px !important; + font-size: smaller !important; + color: rgba(255, 255, 255, 0.5) !important; + z-index: 1 !important; +} +.layout-desktop #loginPage .disclaimerContainer { + top: 130px !important; + position: relative !important; + left: -50px !important; + width: 500px !important; + margin-top: -35px !important; +} +.layout-desktop #loginPage .squareCard { + width: 25% !important; + font-size: smaller !important; +} +@media (max-width: 100em) { + .layout-desktop #loginPage .squareCard { + width: 20% !important; + } + .layout-desktop #loginPage .padded-left.padded-right.padded-bottom-page.margin-auto-y { + width: 600px !important; + } + .layout-desktop #loginPage .btnForgotPassword { + margin-left: 450px !important; + } + .layout-desktop #loginPage .disclaimerContainer { + width: 700px !important; + } +} +@media (max-width: 87.5em) { + .layout-desktop #loginPage .squareCard { + width: 20% !important; + } +} +@media (max-width: 75em) { + .layout-desktop #loginPage .squareCard { + width: 20% !important; + } +} +@media (max-width: 43.75em) { + .layout-desktop #loginPage .squareCard { + width: 20% !important; + } +} + + + +/* Dialog box */ +.layout-desktop .dialog { + padding: 0px 10px 10px 10px !important; } \ No newline at end of file diff --git a/CSS/css-scyfin/scyfin-theme.css b/CSS/css-scyfin/scyfin-theme.css index 96e3789..97c9f56 100644 --- a/CSS/css-scyfin/scyfin-theme.css +++ b/CSS/css-scyfin/scyfin-theme.css @@ -85,19 +85,34 @@ /* Floating progress bar */ .innerCardFooter { + border-radius: 15px !important; + width: 100px !important; + margin-left: 5px !important; + margin-bottom: 5px !important; + padding: 5px !important; + bottom: 0% !important; + background: rgba(0,0,0,0.5) !important; +} +.fullInnerCardFooter { bottom: 5% !important; width: 90% !important; margin: auto !important; border-radius: 100px !important; + padding: 0px !important; } .itemProgressBar { - height: 8px !important; + height: 10px !important; + background: rgba(35,35,35,0.75) !important; + backdrop-filter: blur(2px) !important; } .innerCardFooterClear { - background-color: black !important; + background-color: none !important; } .innerCardFooter .cardText { - padding: 0 0 0 26px !important + padding: 0 0 0 10px !important +} +.itemProgressBarForeground { + border-radius: 100px !important; } @@ -213,7 +228,7 @@ html { /* Player modifications */ -.upNextContainer, .toastVisible, .sliderBubble { +.upNextContainer, .toastVisible { backdrop-filter: blur(50px) !important; } .upNextContainer { @@ -226,14 +241,42 @@ html { } .sliderBubble { border-radius: 15px !important; - background-color: rgba(0,0,0,0.5) !important; + background-color: rgba(0,0,0,0.6) !important; + backdrop-filter: blur(10px) !important; } +.mdl-slider-background-flex { + height: 10px !important; + margin-top: -5px !important; + border-radius: 100px !important; + background: hsla(0,0%,100%,.2) !important; +} +.mdl-slider-background-lower { + border-radius: 100px !important; +} +.mdl-slider::-moz-range-thumb { + background: rgba(0,0,0,0) !important; +} +.mdl-slider-background-upper { + display: none !important; +} + /* Support for Jellyscrub plugin */ .chapterThumbContainer { + background: none !important; border-radius: 15px !important; } +.chapterThumb { + border-radius: 15px !important; + margin-bottom: 40px !important; +} .chapterThumbTextContainer { - background: rgba(35,35,35,0.5) !important; + background: none !important; +} +.chapterThumbText { + text-align: center !important; +} +.chapterThumbText-dim { + display: none !important; } @@ -538,10 +581,99 @@ html { } } + + /* Fixes for TV Layout */ .layout-tv .sectionTabs { width: auto !important; } .layout-tv .headerLeft { padding: 5px !important; +} + + + +/* Login page */ +.layout-desktop #loginPage { + display: flex !important; + justify-content: center !important; + align-items: center !important; +} +.layout-desktop #loginPage .padded-left.padded-right.padded-bottom-page.margin-auto-y { + background: #181818 !important; + width: 400px !important; + border-radius: 25px !important; + padding: 50px !important; +} +.layout-desktop #loginPage .manualLoginForm .btnCancel { + position: absolute !important; + background: none !important; + width: 100px !important; + margin-left: -10px !important; + margin-top: 70px !important; + text-align: left !important; +} +.layout-desktop #loginPage .visualLoginForm { + position: relative !important; + background: #181818 !important; + z-index: 1000 !important; +} +.layout-desktop #loginPage .btnForgotPassword { + background: none !important; + font-weight: normal !important; + width: 150px !important; + text-align: right !important; + position: absolute !important; + margin-left: 255px !important; + margin-top: -195px !important; + font-size: smaller !important; + color: rgba(255, 255, 255, 0.5) !important; + z-index: 1 !important; +} +.layout-desktop #loginPage .disclaimerContainer { + top: 130px !important; + position: relative !important; + left: -50px !important; + width: 500px !important; + margin-top: -35px !important; +} +.layout-desktop #loginPage .squareCard { + width: 25% !important; + font-size: smaller !important; +} +@media (max-width: 100em) { + .layout-desktop #loginPage .squareCard { + width: 20% !important; + } + .layout-desktop #loginPage .padded-left.padded-right.padded-bottom-page.margin-auto-y { + width: 600px !important; + } + .layout-desktop #loginPage .btnForgotPassword { + margin-left: 450px !important; + } + .layout-desktop #loginPage .disclaimerContainer { + width: 700px !important; + } +} +@media (max-width: 87.5em) { + .layout-desktop #loginPage .squareCard { + width: 20% !important; + } +} +@media (max-width: 75em) { + .layout-desktop #loginPage .squareCard { + width: 20% !important; + } +} +@media (max-width: 43.75em) { + .layout-desktop #loginPage .squareCard { + width: 20% !important; + } +} + + + +/* Dialog box */ +.layout-desktop .dialog { + padding: 0px 10px 10px 10px !important; } \ No newline at end of file diff --git a/README.md b/README.md index 2230bc1..4176a4d 100644 --- a/README.md +++ b/README.md @@ -23,8 +23,6 @@ ### Options (Add these below the full theme) - Disable static left drawer - `@import url('https://cdn.jsdelivr.net/gh/loof2736/scyfin@v1.0.20/CSS/css-scyfin/disable-static-drawer.css');` -- Disable static left drawer (BACKDROP VERSION) - - `@import url('https://cdn.jsdelivr.net/gh/loof2736/scyfin@v1.0.20/CSS/css-scyfin/disable-static-drawer-backdrop.css');` --- @@ -41,8 +39,6 @@ `@import url('https://cdn.jsdelivr.net/gh/loof2736/scyfin@v1.0.20/CSS/css-scyfin/scyfin-theme-backdrop.css');` ### Options (Add these below the full theme) -- Disable static left drawer - - `@import url('https://cdn.jsdelivr.net/gh/loof2736/scyfin@v1.0.20/CSS/css-scyfin/disable-static-drawer.css');` - Disable static left drawer (BACKDROP VERSION) - `@import url('https://cdn.jsdelivr.net/gh/loof2736/scyfin@v1.0.20/CSS/css-scyfin/disable-static-drawer-backdrop.css');` From be1b1c925dbca0c05bfff716a21bf25edc1d10f5 Mon Sep 17 00:00:00 2001 From: Josh Wilberger Date: Mon, 27 May 2024 17:40:51 -0400 Subject: [PATCH 12/12] Update README.md --- README.md | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/README.md b/README.md index 4176a4d..d38886f 100644 --- a/README.md +++ b/README.md @@ -18,11 +18,11 @@ scyfin4 scyfin5 -`@import url('https://cdn.jsdelivr.net/gh/loof2736/scyfin@v1.0.20/CSS/css-scyfin/scyfin-theme.css');` +`@import url('https://cdn.jsdelivr.net/gh/loof2736/scyfin@v1.1.0/CSS/css-scyfin/scyfin-theme.css');` ### Options (Add these below the full theme) - Disable static left drawer - - `@import url('https://cdn.jsdelivr.net/gh/loof2736/scyfin@v1.0.20/CSS/css-scyfin/disable-static-drawer.css');` + - `@import url('https://cdn.jsdelivr.net/gh/loof2736/scyfin@v1.1.0/CSS/css-scyfin/disable-static-drawer.css');` --- @@ -36,11 +36,11 @@ scyfin-backdrop2 scyfin-backdrop3 -`@import url('https://cdn.jsdelivr.net/gh/loof2736/scyfin@v1.0.20/CSS/css-scyfin/scyfin-theme-backdrop.css');` +`@import url('https://cdn.jsdelivr.net/gh/loof2736/scyfin@v1.1.0/CSS/css-scyfin/scyfin-theme-backdrop.css');` ### Options (Add these below the full theme) - Disable static left drawer (BACKDROP VERSION) - - `@import url('https://cdn.jsdelivr.net/gh/loof2736/scyfin@v1.0.20/CSS/css-scyfin/disable-static-drawer-backdrop.css');` + - `@import url('https://cdn.jsdelivr.net/gh/loof2736/scyfin@v1.1.0/CSS/css-scyfin/disable-static-drawer-backdrop.css');` ---