X-Git-Url: https://git.cworth.org/git?p=lmno.games;a=blobdiff_plain;f=style.css;h=180462573f3d2b2b5f4bbb3a782a529907b421a8;hp=6bf82a6544fe12e6de5809921d792d173a543257;hb=a4c64add51b411c92bcd61039e243385151fccb5;hpb=eebce34d59985154e68c04456f09b6a0ff321f91

diff --git a/style.css b/style.css
index 6bf82a6..1804625 100644
--- a/style.css
+++ b/style.css
@@ -49,6 +49,11 @@ h2 {
     font-size: 110%;
 }
 
+/* Don't underline links in headers */
+h1 a {
+    text-decoration: none;
+}
+
 p,dl,dd,form {
     margin-bottom: 1em;
 }
@@ -59,6 +64,19 @@ ul li {
     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);
+}
+
 /*\
 |*|
 |*| Overall page layout
@@ -106,15 +124,15 @@ body {
     margin-left: auto;
     margin-right: auto;
     padding-top: 0;
-    padding-bottom: 0;
+    padding-bottom: 2em;
     padding-left: 1em;
     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);
     }
 }
 
@@ -241,6 +259,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 {
@@ -299,3 +324,14 @@ button:hover {
 .hide-button:hover {
     color: var(--danger-color-dark);
 }
+
+/*\
+|*|
+|*| Game-specific markup
+|*|
+\*/
+
+.game-id, .players-header {
+    font-size: 110%;
+    font-weight: bold;
+}