Jellyfin.css

/* Theme park css , moded */
@import url(https://gilbn.github.io/theme.park/CSS/themes/jellyfin/jellyfin-base.css);
:root {
  --main-bg-color: radial-gradient(circle, #3a3a3a, #000000) center center/cover no-repeat fixed;
  --modal-bg-color: radial-gradient(circle , #3a3a3a,  #000000) center center/cover no-repeat fixed;
  --button-color: #E50914;
  --button-color-hover: #CF1A2B;
  --accent-color:  #E50914;
  --accent-color-hover: #CF1A2B;
  }
/* Change page logo */
.pageTitleWithDefaultLogo {
    background-image: url(https://www.stickpng.com/assets/images/580b57fcd9996e24bc43c529.png);
    height: 2.3em;
}
 /* Netflix player style */
.mdl-slider-background-lower {
 background-color: #E50914;
}
.mdl-slider::-ms-thumb {
background: #E50914;
}
.mdl-slider::-moz-range-thumb {
 background: #E50914;
}
.mdl-slider::-webkit-slider-thumb {
 background: #E50914;
}

/* Played indicator  */
.playedIndicator {background:#CF1A2B;}
.skinHeader.focuscontainer-x.skinHeader-withBackground.skinHeader-blurred {background:none; background-color:rgba(0, 0, 0, 0);}
.skinHeader.focuscontainer-x.skinHeader-withBackground.skinHeader-blurred.noHomeButtonHeader {background:none; background-color:rgba(0, 0, 0, 0);}

.headerTabs.sectionTabs {text-size-adjust: 110%;  font-size: 110%;}
.pageTitle {margin-top: auto; margin-bottom: auto;}
.emby-tab-button {padding: 1.75em 1.7em;}


/* Narrow the login form */
#loginPage .readOnlyContent, #loginPage form {max-width: 22em;}

/* Hide "please login" text, margin is to prevent login form moving too far up */
#loginPage h1 {display: none}
#loginPage .padded-left.padded-right.padded-bottom-page {margin-top: 50px}

.emby-tab-button-active {
    color: #E50914;
}

/* Hide "manual" and "forgot" buttons */
#loginPage .raised.cancel.block.btnManual.emby-button {display: none}
#loginPage .raised.cancel.block.btnForgotPassword.emby-button {display: none}

.headerRight { color:#d12515 ; }
/* Size episode preview images in a more compact way */
.listItemImage.listItemImage-large.itemAction.lazy {height: 110px;}
.listItem-content {height: 115px;}
.secondary.listItem-overview.listItemBodyText {height: 61px; margin: 0;}
/* Shrink and square (or round) cast thumnails */
#castContent .card.overflowPortraitCard.personCard.card-hoverable.card-withuserdata {width: 4.2cm !important; font-size: 90% !important;}
#castContent .card.overflowPortraitCard.personCard.card-withuserdata {width: 4.2cm !important; font-size: 90% !important;}

/* Correct image aspect ratio behaviour, set border-radius to zero for square tiles */
#castContent .cardContent-button.cardImageContainer.coveredImage.cardContent.cardContent-shadow.itemAction.lazy {background-size: cover; !important; border-radius: 2.5cm;}
#castContent .cardContent-button.cardImageContainer.coveredImage.defaultCardBackground.defaultCardBackground1.cardContent.cardContent-shadow.itemAction {background-size: cover; !important; border-radius: 2.5cm;}
#castContent .cardContent-button.cardImageContainer.coveredImage.defaultCardBackground.defaultCardBackground2.cardContent.cardContent-shadow.itemAction {background-size: cover; !important; border-radius: 2.5cm;}
#castContent .cardContent-button.cardImageContainer.coveredImage.defaultCardBackground.defaultCardBackground3.cardContent.cardContent-shadow.itemAction {background-size: cover; !important; border-radius: 2.5cm;}
#castContent .cardContent-button.cardImageContainer.coveredImage.defaultCardBackground.defaultCardBackground4.cardContent.cardContent-shadow.itemAction {background-size: cover; !important; border-radius: 2.5cm;}
#castContent .cardContent-button.cardImageContainer.coveredImage.defaultCardBackground.defaultCardBackground5.cardContent.cardContent-shadow.itemAction {background-size: cover; !important; border-radius: 2.5cm;}
#castContent .cardScalable {width: 3.8cm !important; height: 3.8cm !important; border-radius: 2.5cm;}
#castContent .cardOverlayContainer.itemAction {border-radius: 2.5cm;}

/* Center the mouseover buttons */
#castContent .cardOverlayButton-br {bottom: 4%; right: 15%; width: 70%;}
#castContent .cardOverlayButton.cardOverlayButton-hover.itemAction.paper-icon-button-light {margin:auto;}

#loginPage {
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    background-image: url("https://travisflix.com/web/img/gpw-201306-NASA-ISS035-E-34688.jpg");
    background-repeat: no-repeat;
    background-position:  center;
    width: 100%;
    overflow-y: scroll;
    background-attachment: fixed;
    background-size: cover;
    webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}