Change category voting to require fewer votes when there are more categories

[lmno.games] / style.css

diff --git a/style.css b/style.css
index 240014ad57e7190549f40f315b020c8107e4379c..bc611e5a16587f895e37be0864c5f6cc2b483454 100644 (file)
--- a/style.css
+++ b/style.css
@@ -51,6 +51,7 @@ body {
 h1,h2 {
     color: var(--text-fg-color);
     font-weight: bold;
+    margin-top: 0.5em;
 }
 
 h1 {
@@ -82,13 +83,19 @@ 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);
 }
 
+strong {
+    font-weight: bold;
+}
+
 /*\
 |*|
 |*| Overall page layout
@@ -213,6 +220,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;
 }
@@ -279,9 +291,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 {
@@ -324,6 +338,7 @@ button:hover {
 
 .hide-button {
     color: white;
+    opacity: 0.5;
     font-size: 125%;
     font-weight: bold;
     cursor: pointer;
@@ -332,8 +347,10 @@ button:hover {
     top: 0;
 }
 
-.hide-button:hover {
-    color: var(--danger-color-dark);
+@media (hover:hover) {
+    .hide-button:hover {
+        opacity: 1.0;
+    }
 }
 
 /*\