36 lines
927 B
CSS
36 lines
927 B
CSS
/* ===== 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; }
|
|
} |