mirror of
https://github.com/loof2736/scyfin.git
synced 2025-11-04 16:38:51 +01:00
99 lines
2.0 KiB
CSS
99 lines
2.0 KiB
CSS
/* 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;
|
|
}
|
|
|