X-Git-Url: https://git.cworth.org/git?p=lmno.games;a=blobdiff_plain;f=style.css;h=c8d6c86310e1f1def1892becfb7e6861edc5839d;hp=b770986f8164b899764069f1e9f736d32a5338cd;hb=ff43730d806faf03b488ee59c49d576686696d6c;hpb=9be7b5eabaa074f23c410861dd8b99d61711a6f6

diff --git a/style.css b/style.css
index b770986..c8d6c86 100644
--- a/style.css
+++ b/style.css
@@ -22,6 +22,8 @@
     /* A little color to avoid a fully monochromatic theme. */
     --accent-color: #287789;
     --accent-color-bright: #44c7ef;
+    --text-fg-on-accent: white;
+    --text-fg-on-accent-bright: #333738;
 
     /* Some colors intended to convey semnatics. */
     --warning-color: #ffa92a;
@@ -49,6 +51,7 @@ body {
 h1,h2 {
     color: var(--text-fg-color);
     font-weight: bold;
+    margin-top: 0.5em;
 }
 
 h1 {
@@ -80,8 +83,10 @@ a:link    {
 a:visited {
     color: var(--accent-color);
 }
-a:hover   {
-    color: var(--accent-color-bright);
+@media (hover:hover) {
+    a:hover   {
+        color: var(--accent-color-bright);
+    }
 }
 a:active  {
     color: var(--accent-color-bright);
@@ -211,6 +216,11 @@ form {
     grid-column-gap: 1em;
 }
 
+.form-field {
+    margin-top: 0.25em;
+    margin-bottom: 0.25em;
+}
+
 .form-field.small.left,.form-field.medium.left {
     grid-column-start: 1;
 }
@@ -261,7 +271,7 @@ button {
     border-radius: 4px;
     background-color: var(--accent-color);
     border: none;
-    color: white;
+    color: var(--text-fg-on-accent);
     text-align: center;
     font-size: 125%;
     margin-top: .25em;
@@ -277,9 +287,11 @@ button.inline {
     width: auto;
 }
 
-button:hover {
-    transform: translateY(-1px);
-    background-color: var(--accent-color-bright);
+@media (hover:hover) {
+    button:hover {
+        transform: translateY(-1px);
+        background-color: var(--accent-color-bright);
+    }
 }
 
 :focus {
@@ -330,8 +342,10 @@ button:hover {
     top: 0;
 }
 
-.hide-button:hover {
-    color: var(--danger-color-dark);
+@media (hover:hover) {
+    .hide-button:hover {
+        color: var(--danger-color-dark);
+    }
 }
 
 /*\