X-Git-Url: https://git.cworth.org/git?p=lmno.games;a=blobdiff_plain;f=style.css;h=5128982a44d5e52f1c9387b8b9a7d6a753e3c72d;hp=cfef9c8984d4936b37dd535b79c808bdad5c166f;hb=80b53fb35b2026f0100572fc744d659532efe3f0;hpb=94562509de48088d7fb61bd58405e2ccd76a6c19 diff --git a/style.css b/style.css index cfef9c8..5128982 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 @@ -104,10 +124,10 @@ body { 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); } } @@ -236,6 +256,11 @@ button { width: 200px; } +button.inline { + font-size: 100%; + width: auto; +} + button:hover { transform: translateY(-1px); background-color: var(--accent-color-bright);