X-Git-Url: https://git.auder.net/images/pieces/current/gitweb.js?a=blobdiff_plain;f=public%2Fstylesheets%2Findex.sass;h=07f965fe22753d6be7ab1a4f9d244f56288a0cf4;hb=d597379096c51c658f4605e7965137fcd0e15c85;hp=77ba9aecf9939bf5b480827a37dca53b66682c90;hpb=38a412beadb103b51212c6d87f6fe85ed8ddd4a2;p=vchess.git

diff --git a/public/stylesheets/index.sass b/public/stylesheets/index.sass
index 77ba9aec..07f965fe 100644
--- a/public/stylesheets/index.sass
+++ b/public/stylesheets/index.sass
@@ -3,23 +3,49 @@
 
 .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
 
-#welcome, #help
+#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
@@ -30,6 +56,22 @@
 #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