paritybit.ca

Unnamed repository; edit this file 'description' to name the repository.
Log | Files | Refs | README | LICENSE

commit 5bcc6cd98d15a87a4496f73af657586e158f0de3
parent 9f37d266d2238361d7cfcb687af9779f9ca86fbd
Author: Jake Bauer <jbauer@paritybit.ca>
Date:   Mon,  6 Jul 2020 19:52:12 -0400

Overhaul input/button element styling

Diffstat:
Mstyle/main.css | 24+++++++++++++++++++++---
1 file changed, 21 insertions(+), 3 deletions(-)

diff --git a/style/main.css b/style/main.css @@ -94,16 +94,29 @@ figcaption { select, input { color: var(--fg-bright); background-color: var(--bg-bright); - border: 2px inset var(--border-dark); + border: 2px solid var(--border-dark); border-radius: 5px; padding: 0.2em; } +select:focus, input:focus { + border: 2px solid var(--accent); +} + button { color: var(--fg-bright); - background-color: var(--bg-bright); + background-color: var(--code); + border: 2px outset var(--border-dark); border-radius: 5px; - padding: 4px 8px; + padding: 3px 8px; +} + +button:hover { + border: 2px outset var(--accent); +} + +button:active { + border: 2px inset var(--border-dark); } table, th, td { @@ -166,6 +179,11 @@ th { margin: auto; } +.note a, .note a:visited{ + color: var(--fg-bright); + text-decoration: underline; +} + #header { text-align: center; clear: both;