X-Git-Url: https://git.cworth.org/git?p=lmno.games;a=blobdiff_plain;f=style.css;h=98bc907264df78738e3a259c9cc6d301b085f2be;hp=a3219e20821c34956fc5e0fabdbb2a1fddf6cd23;hb=04e317391c8640aee74c5a71a751bf522848ee0d;hpb=439b3f81a9a1e0527b81319a9026dcbab456a495

diff --git a/style.css b/style.css
index a3219e2..98bc907 100644
--- a/style.css
+++ b/style.css
@@ -10,6 +10,7 @@
 :root {
     /* Standard colors for text. */
     --text-fg-color: #333738;
+    --text-fg-color-max-contrast: black;
     --text-bg-color: white;
     --outside-page-bg-color: #333738;
 
@@ -25,23 +26,50 @@
 
 /*\
 |*|
-|*| Core elements: Sizing and padding
+|*| Core elements: Sizing, padding, and application of theme colors
 |*|
 \*/
 
 body {
     line-height: 1.25;
     font-family: sans-serif;
+    color: var(--text-fg-color-max-contrast);
+}
+
+h1,h2 {
+    color: var(--text-fg-color);
+    font-weight: bold;
 }
 
 h1 {
     font-size: 150%;
-    font-weight: bold;
 }
 
 h2 {
     font-size: 110%;
-    font-weight: bold;
+}
+
+p,dl,dd,form {
+    margin-bottom: 1em;
+}
+
+ul li {
+    margin-left: 1em;
+    list-style-type: disc;
+    margin-bottom: 0.5em;
+}
+
+a:link    {
+    color: var(--accent-color);
+}
+a:visited {
+    color: var(--accent-color);
+}
+a:hover   {
+    color: var(--accent-color-bright);
+}
+a:active  {
+    color: var(--accent-color-bright);
 }
 
 /*\
@@ -96,10 +124,10 @@ body {
     padding-right: 1em;
 }
 
-@media screen and (min-width: 620px) and (max-width: 820px) {
+@media screen and (min-width: 720px) and (max-width: 820px) {
     #page {
-        padding-left: calc(1em + (100% - 820px)/2);
-        padding-right: calc(1em + (100% - 820px)/2);
+        padding-left: calc(1em + (100% - 720px)/2);
+        padding-right: calc(1em + (100% - 720px)/2);
     }
 }
 
@@ -203,6 +231,7 @@ label {
 input {
     box-sizing: border-box;
     font-size: 125%;
+    height: 40px;
     padding: 0.5em;
     width: 100%;
     border: 1px solid var(--accent-color);
@@ -225,6 +254,13 @@ button {
     padding-top: 0.25em;
     padding-bottom: 0.25em;
     width: 200px;
+    cursor: pointer;
+}
+
+button.inline {
+    font-size: 72%;
+    font-weight: bold;
+    width: auto;
 }
 
 button:hover {