X-Git-Url: https://git.cworth.org/git?p=lmno.games;a=blobdiff_plain;f=style.css;h=e71f222be2cbdf77713b81758faa8a29f3b831ac;hp=cfef9c8984d4936b37dd535b79c808bdad5c166f;hb=6208ce56961b78bf0fb22fc686412bb03791d2c2;hpb=94562509de48088d7fb61bd58405e2ccd76a6c19 diff --git a/style.css b/style.css index cfef9c8..e71f222 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); } } @@ -234,6 +254,12 @@ button { padding-top: 0.25em; padding-bottom: 0.25em; width: 200px; + cursor: pointer; +} + +button.inline { + font-size: 100%; + width: auto; } button:hover {