diff --git a/CSS/css-scyfin/scyfin-complete.css b/CSS/css-scyfin/scyfin-complete.css new file mode 100644 index 0000000..5a0d2cf --- /dev/null +++ b/CSS/css-scyfin/scyfin-complete.css @@ -0,0 +1,98 @@ +/* Static left drawer */ +.layout-desktop .mainDrawer { + transform: none !important; + left: 0 !important; + top: 65px !important; + width: 250px !important; + /* Modified background color */ + background-color: #181818 !important; + /* Added border to right side */ + border-right: 1px solid #3B3B3B; +} +/* Shift content to the right */ +.layout-desktop .libraryPage { + margin-left: 250px !important; +} +/* Hide transition on page load */ +.layout-desktop .touch-menu-la.transition { + transition: none !important; +} +/* Hide hamburger button */ +.layout-desktop .mainDrawerButton { + display: none !important; +} +/* Fix for dashboard drawer height */ +.layout-desktop .dashboardDocument .mainDrawer { + top: 0px !important; +} + + + +/* Rounded cards */ +.cardContent, +.cardPadder, +.cardOverlayContainer, +.blurhash-canvas, +.dialog { + border-radius: 10px !important; +} + + + +/* Rounded left drawer buttons */ +.navMenuOption, +.navMenuOption:hover, +.navMenuOption-selected { + border-radius: 100px !important; + width: 85% !important; + margin: auto !important; + text-align: center !important; +} +/* Center icons and text and shift to the left */ +.navMenuOptionIcon, +.navMenuOptionText { + position: inherit !important; + left: -10% !important; + margin-top: 0 !important; +} +/* Modified button height */ +.emby-button { + height: 45px !important; +} +/* Fix for header buttons */ +.emby-button-foreground { + top: -9px !important; +} + + + +/* Left drawer button color */ +.navMenuOption-selected { + background: #46372D!important; + color: #FFB380 !important; +} + + + +/* Modified background color */ +.backgroundContainer, +.dialog, +html { + background-color: #0F0F0F !important; +} + + + +/* Transparent header bar */ +.skinHeader { + background-color: transparent !important; +} +/* Rounded header buttons */ +.headerTabs { + background-color:rgba(25, 25, 25, 0.5) !important; + border-radius: 50px !important; + backdrop-filter: blur(50px) !important; + margin-top: -1.7em !important; + margin-left: 250px !important; +} +