Some styles improvement attempts (how to uniformize modals?)

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

diff --git a/public/stylesheets/index.sass b/public/stylesheets/index.sass
index 8658bfa..07f965f 100644 (file)
--- a/public/stylesheets/index.sass
+++ b/public/stylesheets/index.sass
@@ -3,15 +3,86 @@
 
 .variant
   color: black
-  margin-top: 20px
+  //margin-top: 20px
+  border: 1px solid brown
+  box-sizing: border-box
+  background-color: lightyellow
   a
     color: #663300
 
-.help
-  cursor: pointer
-
 .card > h3.section.blue
   color: #0033cc
 
 .card > h3.section.red
   color: #cc3300
+
+#main-title
+  font-style: italic
+  background: linear-gradient(#e66465, #9198e5)
+  margin-top: 0
+  margin-left: 0
+  margin-right: 0
+  img
+    height: 30px
+  span
+    padding-left: 10px
+    padding-right: 15px
+
+#needHelp
+  cursor: pointer
+
+#welcome
+  max-height: 100vh
+  max-width: 90vw
+
+#help
+  max-height: 100vh
+  max-width: 600px
+
+.conditional-jump
+  display: block
+
+@media screen and (max-width: 710px)
+  .conditional-jump
+    display: inline
+
+@media screen and (max-width: 400px)
+  #welcome, #help
+    max-width: 100vw
+
+#welcome ul
+  list-style-type: none
+
+#welcome ul > li
+  font-family: monospace
+
+.read-this
+  color: blue
+  text-decoration: underline
+  cursor: pointer
+
+.emphasis
+  font-style: italic
+  color: purple
+
+.disable-msg
+  cursor: pointer
+  color: darkred
+
+.smallfont
+  font-size: 0.8em
+
+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