paritybit.ca

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:
M
style/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;