mirror of
https://github.com/ranaldsgift/KefinTweaks.git
synced 2026-11-05 15:52:47 +01:00
37 lines
1.6 KiB
CSS
37 lines
1.6 KiB
CSS
.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;
|
|
} |