X-Git-Url: https://git.cworth.org/git?p=lmno.games;a=blobdiff_plain;f=style.css;h=2fca6300d6f0ef913358b52ef3e883eaf18f8138;hp=a3219e20821c34956fc5e0fabdbb2a1fddf6cd23;hb=53c003049ece892e3f648675b897b6cea8f4dc8b;hpb=439b3f81a9a1e0527b81319a9026dcbab456a495 diff --git a/style.css b/style.css index a3219e2..2fca630 100644 --- a/style.css +++ b/style.css @@ -10,6 +10,7 @@ :root { /* Standard colors for text. */ --text-fg-color: #333738; + --text-fg-color-max-contrast: black; --text-bg-color: white; --outside-page-bg-color: #333738; @@ -25,23 +26,50 @@ /*\ |*| -|*| Core elements: Sizing and padding +|*| Core elements: Sizing, padding, and application of theme colors |*| \*/ body { line-height: 1.25; font-family: sans-serif; + color: var(--text-fg-color-max-contrast); +} + +h1,h2 { + color: var(--text-fg-color); + font-weight: bold; } h1 { font-size: 150%; - font-weight: bold; } h2 { font-size: 110%; - font-weight: bold; +} + +p,dl,dd,form { + margin-bottom: 1em; +} + +ul li { + margin-left: 1em; + list-style-type: disc; + margin-bottom: 0.5em; +} + +a:link { + color: var(--accent-color); +} +a:visited { + color: var(--accent-color); +} +a:hover { + color: var(--accent-color-bright); +} +a:active { + color: var(--accent-color-bright); } /*\ @@ -203,6 +231,7 @@ label { input { box-sizing: border-box; font-size: 125%; + height: 40px; padding: 0.5em; width: 100%; border: 1px solid var(--accent-color);