/** * Site-wide dark theme tuning for miasma.com. * The site is committed dark (data-bs-theme="dark" is set on in * html.html.twig). This deepens Bootstrap's default dark body background to the * charcoal used by the content components, so cards/panels read as elevated. */ [data-bs-theme="dark"] { --bs-body-bg: #111417; --bs-body-bg-rgb: 17, 20, 23; --bs-body-color: #e7ebee; --bs-emphasis-color: #f4f6f8; --bs-secondary-color: rgba(231, 235, 238, 0.72); } /* ---- site chrome: navbar as masthead line (brand left, nav right) ---- The dove and the brand markup now live in templates/block--system-branding-block.html.twig (dove omitted there). */ .navbar { padding-top: 1.3rem; padding-bottom: .4rem; } .navbar .mia-brand { display: block; /* stack wordmark over slogan */ white-space: normal; /* navbar-brand default nowrap would block wrapping */ } .navbar .navbar-brand a.site-title { font-family: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif; font-size: 2.1rem; font-weight: 700; letter-spacing: -0.01em; text-transform: none; color: #e7ebee; line-height: 1; text-decoration: none; } .navbar .navbar-brand a.site-title:hover { color: #e7ebee; } .navbar .mia-dot { color: #f0576f; } /* tagline, tucked under the site name; front page only */ .navbar .site-slogan { font-family: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif; font-style: italic; font-size: 1.02rem; line-height: 1.4; color: #8c969d; margin: .5rem 0 0; } body:not(.path-frontpage) .navbar .site-slogan { display: none; } /* front page: hairline under the masthead row, where the old view header's was */ body.path-frontpage .navbar { border-bottom: 1px solid #2a3138; padding-bottom: 1.1rem; } /* Admin-only local tasks/actions arrive via BigPipe wrapped in Bootstrap's .invisible (visibility:hidden — hidden but still occupying height). Remove the phantom space; visitors never receive these blocks at all. */ .region-content div.invisible { display: none; } .navbar .nav-link { font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace; font-size: .72rem; letter-spacing: .14em; text-transform: uppercase; color: #8c969d; padding-left: .85rem; padding-right: .85rem; } .navbar .nav-link:hover, .navbar .nav-link.is-active, .navbar .nav-link.active { color: #f0576f; } /* ---- footer: copyright flush left, account menu flush right, one line ---- */ footer .region-footer { display: flex; flex-direction: row; /* the theme's own rule sets column; this wins by load order */ justify-content: space-between; align-items: baseline; gap: 1rem; flex-wrap: wrap; padding: 1.1rem 0; } footer .region-footer .block, footer .region-footer nav { margin: 0; } /* copyright — same chrome voice as the nav */ footer .region-footer p { font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace; font-size: .68rem; letter-spacing: .08em; color: #8c969d; margin: 0; } footer .region-footer p a { color: #8c969d; text-decoration: none; } footer .region-footer p a:hover { color: #f0576f; } /* account menu — items on one line (navbar-nav defaults to column outside a navbar) */ footer .region-footer .navbar-nav { flex-direction: row; gap: 1.25rem; } /* stealth links: she knows it's there; nobody else needs to. */ footer .region-footer .nav-link { font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace; font-size: .68rem; letter-spacing: .14em; text-transform: uppercase; color: #2b3036; padding: 0; } footer .region-footer .nav-link:hover { color: #6b747d; }