Improve style (larger modal boxes on index)

[vchess.git] / public / stylesheets / index.sass

diff --git a/public/stylesheets/index.sass b/public/stylesheets/index.sass
index 2487523..77ba9ae 100644 (file)
--- a/public/stylesheets/index.sass
+++ b/public/stylesheets/index.sass
@@ -7,12 +7,40 @@
   a
     color: #663300
 
-@media screen and (min-width: 800px)
-  .card
-    max-width: 600px
-
 .help
   cursor: pointer
 
-.card > h3.section
-  color: blue
+.card > h3.section.blue
+  color: #0033cc
+
+.card > h3.section.red
+  color: #cc3300
+
+#welcome, #help
+  max-height: 100vh
+  max-width: 90vw
+
+@media screen and (max-width: 400px)
+  #welcome, #help
+    max-width: 100vw
+
+#welcome ul
+  list-style-type: none
+
+#welcome ul > li
+  font-family: monospace
+
+table.list-table
+  width: 300px
+  margin: 0 auto
+  border: 0
+  tbody
+    border: 0
+    tr
+      border: 0
+      margin: 0
+      padding: 0
+      td
+        padding: 0
+        text-align: left
+        border: 0