From 748c13cced021927920784e4157dec5ecca8116a Mon Sep 17 00:00:00 2001
From: Dreytac <dreytac@hobbyhome.net>
Date: Thu, 4 Jul 2024 22:54:21 +1000
Subject: [PATCH] Import current custom CSS.

---
 jellyfin.css | 61 ++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 61 insertions(+)
 create mode 100644 jellyfin.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;
+  }
+}