style: Use a pointer cursor for the button element

[lmno.games] / style.css

diff --git a/style.css b/style.css
index 9f922b61b6436a4621a601dc2b0791f615ee5494..e71f222be2cbdf77713b81758faa8a29f3b831ac 100644 (file)
--- a/style.css
+++ b/style.css
@@ -49,10 +49,29 @@ h2 {
     font-size: 110%;
 }
 
-p,dl,dd {
+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);
+}
+
 /*\
 |*|
 |*| Overall page layout
@@ -105,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);
     }
 }
 
@@ -235,6 +254,12 @@ button {
     padding-top: 0.25em;
     padding-bottom: 0.25em;
     width: 200px;
+    cursor: pointer;
+}
+
+button.inline {
+    font-size: 100%;
+    width: auto;
 }
 
 button:hover {