/* main.css - Main site styles for huxley.net Replaces inline font tags, bgcolor, link colors, and blockquote-based layout. Two color schemes are supported via body classes: .scheme-main = white bg, blue/purple links (majority of site) .scheme-bnw = white bg, dark links, red active (bnw/ chapter pages) .scheme-dark = black bg, white text (filemiss, bnwbab) .scheme-cream = cream bg, red links (bonsignore) */ /* ---- Reset & Base ---- */ *, *::before, *::after { box-sizing: border-box; } body { margin: 0; padding: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: small; background-color: #FFFFFF; color: #000000; } img { max-width: 100%; height: auto; border: 0; } /* ---- Main color scheme (default, majority of site) ---- */ body.scheme-main { background-color: #FFFFFF; } body.scheme-main a:link { color: #8897DB; } body.scheme-main a:visited { color: #293A8B; } body.scheme-main a:active { color: #cc0000; } body.scheme-main a:hover { color: #336699; } /* ---- BNW chapter color scheme ---- */ body.scheme-bnw { background-color: #FFFFFF; color: #000000; } body.scheme-bnw a:link { color: #222222; } body.scheme-bnw a:visited { color: #111111; } body.scheme-bnw a:active { color: #ff0000; } body.scheme-bnw a:hover { color: #336699; } /* ---- Dark scheme (filemiss, bnwbab) ---- */ body.scheme-dark { background-color: #000000; color: #FFFFFF; } body.scheme-dark a:link { color: #00A0DD; } body.scheme-dark a:visited { color: #00A0DD; } body.scheme-dark a:active { color: #000000; } body.scheme-dark a:hover { color: #3090ff; } /* ---- bnwbab variant ---- */ body.scheme-bnwbab { background-color: #000000; color: #FFFFFF; } body.scheme-bnwbab a:link { color: #3090ff; } body.scheme-bnwbab a:visited { color: #293A8B; } body.scheme-bnwbab a:active { color: #cc0000; } body.scheme-bnwbab a:hover { color: #6699ff; } /* ---- Cream scheme (bonsignore) ---- */ body.scheme-cream { background-color: #FFFFCC; color: #000000; } body.scheme-cream a:link { color: #FF0000; } body.scheme-cream a:visited { color: #808080; } body.scheme-cream a:active { color: #FF0000; } body.scheme-cream a:hover { color: #cc0000; } /* ---- rankmood scheme (white bg, swapped link/vlink from main) ---- */ body.scheme-rankmood { background-color: #FFFFFF; color: #000000; } body.scheme-rankmood a:link { color: #8897DB; } body.scheme-rankmood a:visited { color: #293A8B; } body.scheme-rankmood a:active { color: #cc0000; } body.scheme-rankmood a:hover { color: #336699; } /* ---- Layout: replaces nested blockquotes ---- */ /* Each .bq nests inside the previous one, replicating browser default blockquote margins (~40px left+right). On mobile the margins shrink. */ .bq { margin-left: 40px; margin-right: 40px; } /* Replaces