/* * Shared acidgenomics Sphinx theme, used by koopa.acidgenomics.com and every * python.acidgenomics.com package. * * Built directly on Sphinx's "basic" theme (no Bootstrap, no JS framework, * no sidebar/flex layout to fight) and styled from steinbaugh.com's own CSS * -- the same base.css/fonts.css/colors.css/responsive.css the live koopa * Jekyll site and steinbaugh.com's own posts use, imported directly rather * than re-derived. The layout.html template renders a real `body > nav` * (breadcrumb + search) and `body > header` (title + in-page toc) as direct * children of , matching base.css's own selectors * (https://steinbaugh.com/posts/vim.html is the reference page). * * colors.css switches light/dark purely via * `@media (prefers-color-scheme: dark)` on `:root` -- no data-theme * attribute, no JS toggle needed. */ @import url("https://steinbaugh.com/css/base.css"); @import url("https://steinbaugh.com/css/fonts.css"); @import url("https://steinbaugh.com/css/colors.css") screen; @import url("https://steinbaugh.com/css/responsive.css") screen; /* responsive.css (imported above) already sets html { font-size: 12pt } * below 640px and 14pt at/above it. 14pt renders at ~18.7px -- comfortably * above the 14px minimum -- so no override is needed here; a literal * `font-size: 14px` would have SHRUNK text below what responsive.css * already provides, since 14pt != 14px (1pt = 4/3px). */ html, body, h1, h2, h3, h4, h5, h6 { font-family: sans-serif-web, sans-serif; } pre, code, kbd, var, nav { font-family: monospace-web, monospace; } /* colors.css's own `body > header h1 { color: var(--bright-color) }` is * tuned for steinbaugh.com's blog posts, where a bright/neutral title * reads as a deliberate contrast against purple in-content headings. On * this theme's own pages (every page's title lives in `body > header`, * see layout.html), that reads as an inconsistency instead: the * python.acidgenomics.com landing page's own `

` isn't wrapped in a * `
` at all (it's hand-rolled HTML, not this Sphinx theme), so it * falls through to the generic `h1, h2, ... { color: var(--header-color) }` * rule (purple) same as every in-content heading -- leaving every Sphinx * page's own title as the only bright/white heading on either site. Same * specificity as colors.css's rule, loads after its @import, so this wins * outright with no !important needed. */ body > header h1 { color: var(--header-color); } /* base.css's nav/header mechanism (negative margins, absolute positioning, * paired top/bottom borders on
, the >=1000px bleed-wider effect in * responsive.css) is left entirely as-is: layout.html renders a real *
immediately after