Finimalism [Updated for 10.11.X]

[2020]

Ill give it another try. Im using the new theme since I need to check all the code in detail anyway, if not ill need to go back to using the old theme and make custom changes. 

what I dont understand is im using you code but why ls it stuck like this, the header wont come down. is it a recent update ?

Code:

@import url("https://cdn.jsdelivr.net/gh/tedhinklater/finimalism@main/finimalism10.11.css");
@import url("https://cdn.jsdelivr.net/gh/tedhinklater/finimalism@main/no-animation.css");
.layout-desktop #indexPage .itemsContainer,
.layout-tv #indexPage .itemsContainer,
.layout-desktop #itemDetailPage .verticalSection.detailVerticalSection.moreFromSeasonSection.emby-scroller-container .scrollSlider.focuscontainer-x.itemsContainer.animatedScrollX,
.layout-tv #itemDetailPage .verticalSection.detailVerticalSection.moreFromSeasonSection.emby-scroller-container .scrollSlider.focuscontainer-x.itemsContainer.animatedScrollX,
.layout-desktop #castCollapsible .scrollSlider.focuscontainer-x.itemsContainer.animatedScrollX,
.layout-tv #castCollapsible .scrollSlider.focuscontainer-x.itemsContainer.animatedScrollX,
.layout-desktop #guestCastCollapsible .scrollSlider.focuscontainer-x.itemsContainer.animatedScrollX,
.layout-tv #guestCastCollapsible .scrollSlider.focuscontainer-x.itemsContainer.animatedScrollX,
.layout-desktop #similarCollapsible .scrollSlider.focuscontainer-x.itemsContainer.similarContent.animatedScrollX,
.layout-tv #similarCollapsible .scrollSlider.focuscontainer-x.itemsContainer.similarContent.animatedScrollX,
.layout-desktop #specialsCollapsible .scrollSlider.focuscontainer-x.itemsContainer.animatedScrollX,
.layout-tv #specialsCollapsible .scrollSlider.focuscontainer-x.itemsContainer.animatedScrollX {display: flex !important; flex-wrap: nowrap !important; gap: unset;}
#indexPage button[data-direction="left"], #indexPage button[data-direction="right"] {opacity: 0.5; padding-right: 1em;}
#itemDetailPage button[data-direction="left"], #itemDetailPage button[data-direction="right"] { opacity: 0.5; }
.verticalSection[data-type="MusicAlbum"] .itemsContainer.padded-right.vertical-wrap { flex-wrap: wrap! important;}
.layout-desktop #itemDetailPage .scrollSlider.itemsContainer, .layout-tv #itemDetailPage .scrollSlider.itemsContainer { flex-wrap: nowrap !important; white-space: normal !important;}

your code did not work 

for the my media cards try this, it's a little less specific Code: 

.layout-desktop .MyMedia .card.overflowBackdropCard.card-hoverable.card-withuserdata {width: 18em !important;}

but for some reason this did 

Code:

.layout-desktop #indexPage .itemsContainer .card.overflowBackdropCard.card-hoverable.card-withuserdata {
    width: 18vw !important;
}