CSS/disable-static-drawer.css

@@ -73,7 +73,7 @@
 }
 
 /* Re-enable home button */
-.layout-desktop body:not(.hideMainDrawer) .skinHeader:not(.noHomeButtonHeader) .headerHomeButton {
+.layout-desktop body:not(.hideMainDrawer) .headerHomeButton {
     display: block !important;
 }
 .layout-desktop body:not(.hideMainDrawer) .dashboardDocument .headerHomeButton {

CSS/scyfin-theme.css

@@ -836,13 +836,8 @@ textarea {
 
 /* Resize show/movie image on details page */
 .layout-desktop .detailImageContainer .card {
-    top: 1.8em !important;
-    width: 18.3vw !important;
-    position: absolute !important;
-}
-/* Legacy style to not break pre-10.11.X */
-.layout-desktop .infoWrapper .detailImageContainer .card {
     top: 9em !important;
+    width: 18.3vw !important;
 }
 
 /* Re-position content on details page */
@@ -909,11 +904,6 @@ textarea {
     padding: 40px 20px 10px 20px !important;
     margin-top: 50px !important;
 }
-@supports selector(:has(*)) {
-    .layout-desktop .detailPageWrapperContainer:not(:has(.itemMiscInfo-primary .mediaInfoItem)) .detailSectionContent {
-        padding: 0px 20px 10px 20px !important;
-    }
-}
 .layout-mobile .detailSectionContent {
     background: var(--secondary-background-color) !important;
     border-radius: var(--rounded-cards) !important;
@@ -942,10 +932,6 @@ textarea {
 .layout-desktop .detailPagePrimaryContainer {
     padding-left: 3.3% !important;
 }
-/* Fix for title position on 10.11.X */
-.layout-desktop [dir="ltr"] .detailPagePrimaryContainer:not(.detailRibbon) .detailRibbon {
-    padding-left: unset !important;
-}
 .layout-desktop .nameContainer {
     position: absolute !important;
     margin-top: -48px !important;
@@ -1069,7 +1055,6 @@ textarea {
 */
 
 
-
 /* Live TV */
 /* Modified background color of active guide cells */
 .programCell-active {
@@ -1172,7 +1157,7 @@ textarea {
 .layout-desktop #loginPage .padded-left.padded-right.padded-bottom-page.margin-auto-y:not(:has(.loginDisclaimer p)) {
     padding-bottom: 100px !important;
 }
-/* Move cancel button */
+
 .layout-desktop #loginPage .manualLoginForm .btnCancel {
     position: absolute !important;
     background: none !important;
@@ -1181,12 +1166,6 @@ textarea {
     margin-top: 70px !important;
     text-align: left !important;
 }
-/* Shift cancel button on JMP */
-@supports not selector(:has(*)) {
-    .layout-desktop #loginPage .manualLoginForm .btnCancel {
-        margin-top: 115px !important;
-    }
-}
 .layout-desktop #loginPage .visualLoginForm {
     position: relative !important;
     background: var(--secondary-background-color) !important;

README.md

@@ -7,52 +7,33 @@
 ---
 
 ### **Scyfin Base Theme**
-```
+`@import url('https://cdn.jsdelivr.net/gh/loof2736/scyfin@latest/CSS/scyfin-theme.css');`
-@import url('https://cdn.jsdelivr.net/gh/loof2736/scyfin@latest/CSS/scyfin-theme.css');
-```
 
 <img src="./images/homepage.png" alt="homepage" width="100%"/>
 <img src="./images/homepage-backdrops.png" alt="homepage-backdrops" width="100%"/>
 <img src="./images/details.png" alt="details" width="100%"/>
 <img src="./images/details-backdrops.png" alt="details-backdrops" width="100%"/>
 <img src="./images/movies.png" alt="movies" width="100%"/>
+<img src="./images/dashboard.png" alt="dashboard" width="100%"/>
 <img src="./images/login.png" alt="login" width="100%"/>
 
----
+### Options (Add these below the base theme)
-
+- Disable static left drawer 
-### **Options (Add these below the base theme)**
+    - `@import url('https://cdn.jsdelivr.net/gh/loof2736/scyfin@latest/CSS/disable-static-drawer.css');`
-### Disable static left drawer 
+- Themes:
-```
+    - Seafoam
-@import url('https://cdn.jsdelivr.net/gh/loof2736/scyfin@latest/CSS/disable-static-drawer.css');
+        - `@import url('https://cdn.jsdelivr.net/gh/loof2736/scyfin@latest/CSS/theme-seafoam.css');`
-```
+        - <img src="./images/seafoam.png" alt="seafoam-theme" width="40%"/>
-
+    - Coral
----
+        - `@import url('https://cdn.jsdelivr.net/gh/loof2736/scyfin@latest/CSS/theme-coral.css');`
-
+        - <img src="./images/coral.png" alt="coral-theme" width="40%"/>
-### **Themes:**
+    - Snow
-### Seafoam
+        - `@import url('https://cdn.jsdelivr.net/gh/loof2736/scyfin@latest/CSS/theme-snow.css');`
-```
+        - <img src="./images/snow.png" alt="snow-theme" width="40%"/>
-@import url('https://cdn.jsdelivr.net/gh/loof2736/scyfin@latest/CSS/theme-seafoam.css');
+    - OLED
-```
+        - `@import url('https://cdn.jsdelivr.net/gh/loof2736/scyfin@latest/CSS/theme-oled.css');`
-<img src="./images/seafoam.png" alt="seafoam-theme" width="40%"/>
+        - <img src="./images/homepage-oled.png" alt="homepage-oled" width="100%"/>
-
+        - <img src="./images/details-oled.png" alt="details-oled" width="100%"/>
-### Coral
-```
-@import url('https://cdn.jsdelivr.net/gh/loof2736/scyfin@latest/CSS/theme-coral.css');
-```
-<img src="./images/coral.png" alt="coral-theme" width="40%"/>
-
-### Snow
-```
-@import url('https://cdn.jsdelivr.net/gh/loof2736/scyfin@latest/CSS/theme-snow.css');
-```
-<img src="./images/snow.png" alt="snow-theme" width="40%"/>
-
-### OLED
-```
-@import url('https://cdn.jsdelivr.net/gh/loof2736/scyfin@latest/CSS/theme-oled.css');
-```
-<img src="./images/homepage-oled.png" alt="homepage-oled" width="90%"/>
-<img src="./images/details-oled.png" alt="details-oled" width="90%"/>
 
 ---
 
@@ -63,7 +44,7 @@
 **Server-wide install:**
 * Click the hamburger icon (Top left)
 * Navigate to "Dashboard" (If you don't see this, make sure you are signed in to your admin account)
-* Navigate to "Branding"
+* Navigate to "General"
 * Near the bottom, under "Custom CSS code", paste the `@import url` for the base Scyfin theme
     * Example:
     * <img src="./images/install-server-base.png" alt="install-server-base" width="80%"/>