diff --git a/assets/style.css b/assets/style.css index 5559fe2..f5f081b 100644 --- a/assets/style.css +++ b/assets/style.css @@ -19,6 +19,23 @@ header a { color: #fff; text-decoration: none; } +button { + all: unset; + padding: 0.25em 0.5em; + background: #dddddd; + border: solid 1px #cccccc; + border-radius: 0.25em; + font-size: 0.875em; +} +select { + all: unset; + color: #111; + padding: 0.25em 0.5em; + background: #dddddd; + border: solid 1px #cccccc; + border-radius: 0.25em; + font-size: 0.875em; +} nav { padding: 1rem 2rem; @@ -34,6 +51,7 @@ nav a, nav button { background: none; padding: 0.5rem 1rem; transition: ease-out 0.2s; + border-radius: 0; } nav a:hover, nav button:hover { background: #e0e0e0; @@ -64,11 +82,11 @@ table th, table td { } table:not(.clean) tbody tr:nth-child(2n+1) { - background: #f5f5f5; + background: #fcfcfc; } table:not(.clean) tbody tr:nth-child(2n) { - background: #e5e5e5; + background: #f2f2f2; } button { @@ -104,12 +122,15 @@ form section { form section > input { width: 200px; padding: 0.2em 0.5em; + border-radius: 0.25em; + border: 1px solid #aaa; } - form section > textarea { width: 200px; padding: 0.2em 0.5em; + border: 1px solid #aaa; + border-radius: 0.25em; } form section select {