commit 748c13cced021927920784e4157dec5ecca8116a Author: Dreytac Date: Thu Jul 4 22:54:21 2024 +1000 Import current custom CSS. diff --git a/jellyfin.css b/jellyfin.css new file mode 100644 index 0000000..a93464d --- /dev/null +++ b/jellyfin.css @@ -0,0 +1,61 @@ +:root {--rounding: 12px;} +:root {--accent: 130, 0, 0;} + +.trackSelections .selectContainer .detailTrackSelect { + padding: .35em 1.9em .35em .35em; +} + +.section0 .sectionTitle { + display: none; +} +.section0 .itemsContainer { + justify-content: center; +} + +.section4 { + text-align: center; + font-weight: bold; + background: rgba(0,0,0,.2); + padding: .5em; +} + +.section4::after { + content: "A BUNCH OF TOM HANKS MOVIES ARE BEING ADDED. THEY WON'T APPEAR IN THE RECENTLY ADDED SECTION."; +} + +@media (min-device-width: 900px) { + .section0 .overflowBackdropCard, .section0 .overflowSmallBackdropCard { + width: 14vw; + } + + .section5 .overflowBackdropCard, .section5 .overflowSmallBackdropCard, + .section6 .overflowBackdropCard, .section6 .overflowSmallBackdropCard { + width: 14vw; + } + + #castContent .overflowPortraitCard { + width: 8vw !important; + } +} + +@media (max-device-width: 900px) { + .section0 .overflowBackdropCard, .section0 .overflowSmallBackdropCard { + width: 30vw; + } + + .section5 .overflowBackdropCard, .section5 .overflowSmallBackdropCard, + .section6 .overflowBackdropCard, .section6 .overflowSmallBackdropCard { + width: 30vw; + } +} + +@media (max-device-width: 480px) { + .section0 .overflowBackdropCard, .section0 .overflowSmallBackdropCard { + width: 40vw; + } + + .section5 .overflowBackdropCard, .section5 .overflowSmallBackdropCard, + .section6 .overflowBackdropCard, .section6 .overflowSmallBackdropCard { + width: 40vw; + } +}