X-Git-Url: https://git.cworth.org/git?p=lmno.games;a=blobdiff_plain;f=style.css;h=91cee834c83438a92d7b698418e0588587a69f24;hp=02d0be5e7ab22498911755808162d023dd8afaa9;hb=dc30408e928cdd6276402d6fb4faa39d81e5eabe;hpb=0d3b2c75ae2fed4783121c1f9a390d1d8526e79c diff --git a/style.css b/style.css index 02d0be5..91cee83 100644 --- a/style.css +++ b/style.css @@ -36,22 +36,42 @@ body { color: var(--text-fg-color-max-contrast); } -h1 { +h1,h2 { color: var(--text-fg-color); - font-size: 150%; font-weight: bold; } +h1 { + font-size: 150%; +} + h2 { - color: var(--text-fg-color); font-size: 110%; - font-weight: bold; } -p,dl,dd { +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); +} + /*\ |*| |*| Overall page layout @@ -99,15 +119,15 @@ body { margin-left: auto; margin-right: auto; padding-top: 0; - padding-bottom: 0; + padding-bottom: 2em; padding-left: 1em; padding-right: 1em; } -@media screen and (min-width: 620px) and (max-width: 820px) { +@media screen and (min-width: 720px) and (max-width: 820px) { #page { - padding-left: calc(1em + (100% - 820px)/2); - padding-right: calc(1em + (100% - 820px)/2); + padding-left: calc(1em + (100% - 720px)/2); + padding-right: calc(1em + (100% - 720px)/2); } } @@ -211,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); @@ -233,6 +254,13 @@ button { padding-top: 0.25em; padding-bottom: 0.25em; width: 200px; + cursor: pointer; +} + +button.inline { + font-size: 72%; + font-weight: bold; + width: auto; } button:hover {