Add maintenance.css

maintenance.css

@@ -0,0 +1,36 @@
+/* ===== Maintenance banner (global) ===== */
+:root { --maint-height: 44px; }
+
+body::before {
+  content: "⚠️ Maintenance: Oct 17, 5–6 PM CT — Server will be unavailable.";
+  position: fixed;
+  inset: 0 0 auto 0;            /* top:0; left:0; right:0 */
+  z-index: 99999;
+  height: var(--maint-height);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 0 .75rem;
+  font-weight: 700;
+  font-size: 15px;
+  text-align: center;
+  background: #ffe08a;          /* soft warning yellow */
+  color: #2b2b2b;
+  box-shadow: 0 2px 6px rgba(0,0,0,.2);
+}
+
+/* Push the UI down so the banner doesn't cover it */
+.skinHeader,
+.pageContainer,
+#loginPage,
+.mainDrawer,
+.libraryPage,
+.indexPage {
+  margin-top: var(--maint-height);
+}
+
+/* Optional: make the banner more compact on small screens */
+@media (max-width: 640px) {
+  :root { --maint-height: 56px; }
+  body::before { font-size: 14px; line-height: 1.2; }
+}