diff options
Diffstat (limited to 'public/style.css')
-rw-r--r-- | public/style.css | 22 |
1 files changed, 13 insertions, 9 deletions
diff --git a/public/style.css b/public/style.css index f3b4493..19486a5 100644 --- a/public/style.css +++ b/public/style.css @@ -2,14 +2,14 @@ html, input, textarea { font-family: "Source Serif", "Georgia", "Noto Emoji", "Dingbats", serif; font-size: 16px; } -button, select { +button, select, option { font-family: "Source Sans", "Verdana", "Noto Emoji", "Dingbats", sans-serif; font-size: 16px; } -html, body { margin: 0; } -h1 { margin-left: -2px; } -h2 { margin-left: -1px; } +html, body { margin: 0 } +h1 { margin: 16px 0 16px -1px; font-size: 24px; } +h2 { margin: 16px 0 16px -1px; font-size: 20px; } a { color: blue; } .w { white-space: nowrap; } .r { text-align: right; } @@ -41,7 +41,7 @@ div.logo { min-width: 150px; } div.logo img { - box-shadow: 1px 2px 4px 0px rgba(0,0,0,0.3); + box-shadow: 1px 2px 4px 0px #0004; } input[type="checkbox"], input[type="radio"] { @@ -69,6 +69,10 @@ button:enabled:active:hover, select:active { border-color: darkgray white white darkgray; padding: 2px 9px 0px 11px; } +option { + background-color: white; + color: black; +} button:disabled { color: gray; border-color: gainsboro; @@ -86,7 +90,7 @@ table { min-width: min(50rem,100%); border-collapse: collapse; border: 1px solid black; - box-shadow: 1px 2px 4px rgba(0,0,0,0.2); + box-shadow: 1px 2px 4px #0004; } thead, tfoot { background-color: gainsboro; @@ -111,7 +115,7 @@ div.post { max-width: 50em; margin-top: 24px; border: 1px solid black; - box-shadow: 1px 2px 4px rgba(0,0,0,0.2); + box-shadow: 1px 2px 4px #0004; } div.post > div.head { display: flex; @@ -139,7 +143,7 @@ article hr + p { font-style: italic; } } .game_item { border: 1px solid black; - box-shadow: 1px 2px 4px rgba(0,0,0,0.2); + box-shadow: 1px 2px 4px #0004; } .game_head, .game_main { display: flex; @@ -150,7 +154,7 @@ article hr + p { font-style: italic; } border-bottom: 1px solid black; } .game_info { - font-family: "Source Serif SmText", "Dingbats", "Noto Emoji", "Georgia", serif; + font-family: "Source Serif SmText", "Georgia", "Noto Emoji", "Dingbats", serif; font-size: 14px; line-height: 20px; } |