Files
KefinTweaks/homeScreen.css
T

47 lines
1.4 KiB
CSS

/* This will put the Continue Watching and Next Up sections at the top of the home screen
You can order your custom sections between those and the rest of the sections by using 3-99 for the section order
Discovery sections are 101-110 if they are enabled
If you want your custom section to appear after all other sections, use 111+ for the section order */
.sections.homeSectionsContainer {
display: flex;
flex-direction: column;
}
.sections.homeSectionsContainer>div {
order: 100;
}
.sections.homeSectionsContainer>div:has(a.homeLibraryButton),
.sections.homeSectionsContainer>div:has([data-type="CollectionFolder"]) {
order: 1;
}
.sections.homeSectionsContainer>div:has(div[data-positionticks]) {
order: 2;
}
.sections.homeSectionsContainer>div:has(a[href*="type=nextup"]) {
order: 3;
}
/* Halloween theme */
.home-screen.halloween-theme #reactRoot:has(.libraryPage:not(.hide) .pageTabContent.is-active[data-index="0"])>.backgroundContainer::after {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: -25%;
background-image: url('/files/KefinTweaks/pages/images/halloween.jpg');
background-position: 0px -250px;
background-size: auto 102%;
}
.home-screen h2.sectionTitle {
margin-bottom: .35em;
margin-top: 0;
}
.sectionTitleContainer.sectionTitleContainer-cards.padded-left > .sectionTitle.sectionTitle-cards {
display: flex !important;
}