mirror of
https://github.com/ranaldsgift/KefinTweaks.git
synced 2026-11-05 15:52:47 +01:00
37 lines
1.5 KiB
CSS
37 lines
1.5 KiB
CSS
.card[data-type="Genre"] a.cardImageContainer::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="Genre"] a.cardImageContainer::after {
|
|
font-size: 2em;
|
|
}
|
|
|
|
.card[data-type="Genre"] {
|
|
--genre-color: hsl(210 20% 25%);
|
|
}
|
|
|
|
.card[data-type="Genre"]:nth-child(10n + 1) { --genre-color: hsl(0 55% 35%); } /* red */
|
|
.card[data-type="Genre"]:nth-child(10n + 2) { --genre-color: hsl(36 60% 35%); } /* orange */
|
|
.card[data-type="Genre"]:nth-child(10n + 3) { --genre-color: hsl(72 55% 35%); } /* yellow-green */
|
|
.card[data-type="Genre"]:nth-child(10n + 4) { --genre-color: hsl(108 50% 35%); } /* green */
|
|
.card[data-type="Genre"]:nth-child(10n + 5) { --genre-color: hsl(144 45% 35%); } /* teal */
|
|
.card[data-type="Genre"]:nth-child(10n + 6) { --genre-color: hsl(180 50% 35%); } /* cyan */
|
|
.card[data-type="Genre"]:nth-child(10n + 7) { --genre-color: hsl(216 55% 35%); } /* blue */
|
|
.card[data-type="Genre"]:nth-child(10n + 8) { --genre-color: hsl(252 50% 38%); } /* indigo */
|
|
.card[data-type="Genre"]:nth-child(10n + 9) { --genre-color: hsl(288 55% 38%); } /* purple */
|
|
.card[data-type="Genre"]:nth-child(10n + 10){ --genre-color: hsl(324 55% 38%); } /* magenta */
|
|
|
|
.card[data-type="Genre"] a.cardImageContainer {
|
|
background: var(--genre-color) !important;
|
|
}
|
|
|
|
.homeSectionsContainer .card[data-type="Genre"] .cardText {
|
|
visibility: hidden;
|
|
} |