Fix index style. Now on variant page

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

diff --git a/public/stylesheets/index.sass b/public/stylesheets/index.sass
index fcf7958..3ae86f9 100644 (file)
--- a/public/stylesheets/index.sass
+++ b/public/stylesheets/index.sass
@@ -1,17 +1,56 @@
-.boxtitle
-  font-weight: bold
+#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
 
 .variant
-  color: black
-  margin-top: 20px
+  box-sizing: border-box
+  border: 1px solid brown
+  background-color: lightyellow
   a
     color: #663300
+  .boxtitle
+    font-weight: bold
 
-.help
+#needHelp
   cursor: pointer
 
-.card > h3.section.blue
+#readThis
   color: blue
+  text-decoration: underline
+  cursor: pointer
+
+#b4welcome
+  max-width: 320px
 
-.card > h3.section.purple
-  color: purple
+#welcome
+  max-width: 90vw
+  @media screen and (max-width: 767px)
+    max-width: 100vw
+  ul
+    list-style-type: none
+  // TODO: bad practice, use table to align things...
+  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
+  #disableMsg
+    cursor: pointer
+    color: darkred