Add new optional CSS modules

This commit is contained in:
HighImKevin committed 2026-02-12 06:54:42 -05:00
1 parent cfaa62a7e9
commit 702f32d0cd
9 files changed
+108 -5

No files matched your search

@@ -6,6 +6,7 @@
text-align: center;
overflow: hidden;
text-overflow: ellipsis;
text-transform: capitalize;
}
.layout-mobile .card[data-type="Genre"] a.cardImageContainer::after {
@@ -0,0 +1,3 @@
:has(.detailLogo:not(.hide)) .nameContainer {
display: none;
}
@@ -0,0 +1,3 @@
.spotlight-clearart {
display: none !important;
}
@@ -0,0 +1,7 @@
.custom-scroller-container:hover button.show-all-button,
.custom-scroller-container:hover .section-refresh-button {
visibility: visible;
}
button.show-all-button, .section-refresh-button {
visibility: hidden;
}
@@ -0,0 +1,9 @@
div#castCollapsible .itemsContainer,
div#guestCastCollapsible .itemsContainer {
display: flex;
}
div#castCollapsible .itemsContainer .card:has(.defaultCardBackground),
div#guestCastCollapsible .itemsContainer .card:has(.defaultCardBackground) {
order: 1;
}
@@ -0,0 +1,37 @@
.card[data-type="Studio"] a.cardImageContainer:not(.lazy-loaded)::after {
content: attr(aria-label);
font-size: 3em;
max-width: calc(100% - 1em);
white-space: pre-wrap;
text-align: center;
overflow: hidden;
text-overflow: ellipsis;
text-transform: capitalize;
}
.layout-mobile .card[data-type="Studio"] a.cardImageContainer:not(.lazy-loaded)::after {
font-size: 2em;
}
.card[data-type="Studio"] {
--genre-color: hsl(210 20% 25%);
}
.card[data-type="Studio"]:nth-child(10n + 10) { --genre-color: hsl(0 55% 35%); } /* red */
.card[data-type="Studio"]:nth-child(10n + 9) { --genre-color: hsl(36 60% 35%); } /* orange */
.card[data-type="Studio"]:nth-child(10n + 8) { --genre-color: hsl(72 55% 35%); } /* yellow-green */
.card[data-type="Studio"]:nth-child(10n + 7) { --genre-color: hsl(108 50% 35%); } /* green */
.card[data-type="Studio"]:nth-child(10n + 6) { --genre-color: hsl(144 45% 35%); } /* teal */
.card[data-type="Studio"]:nth-child(10n + 5) { --genre-color: hsl(180 50% 35%); } /* cyan */
.card[data-type="Studio"]:nth-child(10n + 4) { --genre-color: hsl(216 55% 35%); } /* blue */
.card[data-type="Studio"]:nth-child(10n + 3) { --genre-color: hsl(252 50% 38%); } /* indigo */
.card[data-type="Studio"]:nth-child(10n + 2) { --genre-color: hsl(288 55% 38%); } /* purple */
.card[data-type="Studio"]:nth-child(10n + 1){ --genre-color: hsl(324 55% 38%); } /* magenta */
.card[data-type="Studio"] a.cardImageContainer:not(.lazy-loaded) {
background: var(--genre-color) !important;
}
.homeSectionsContainer .card[data-type="Studio"] .cardText {
visibility: hidden;
}
@@ -0,0 +1,7 @@
.spotlight-banner-container {
height: 600px !important;
}
.spotlight-item-logo {
height: 300px !important;
max-width: none !important;
}