X-Git-Url: https://git.auder.net/?p=vchess.git;a=blobdiff_plain;f=public%2Fstylesheets%2Flayout.sass;h=161995db67c3cffe640a125fec60d8dd1e56a5f7;hp=2e7f466802d051a2245dadf850a078cb6581fb4e;hb=fd08ab2c5b8931bb8c95cf7e9f2f95122647f991;hpb=e8e4adbded06cf3ccc36cee66a786d6e97b726ef

diff --git a/public/stylesheets/layout.sass b/public/stylesheets/layout.sass
index 2e7f4668..161995db 100644
--- a/public/stylesheets/layout.sass
+++ b/public/stylesheets/layout.sass
@@ -1,3 +1,5 @@
+@import users
+
 html, *
   font-family: "Open Sans", Arial, sans-serif
   --back-color: #f2f2f2
@@ -10,15 +12,20 @@ body
 
 .container
   padding: 0
+  overflow: hidden
 
 .row
   div
     padding: 0
     .section-content
       *
-        margin-left: 0
-        margin-right: 0
+        margin-left: auto
+        margin-right: auto
+        max-width: 767px
+      figure.diagram-container
+        max-width: 1000px
       @media screen and (max-width: 767px)
+        max-width: 100%
         padding: 0 5px
 
 @media screen and (max-width: 767px)
@@ -28,6 +35,42 @@ body
       border-left: 1px solid var(--button-group-border-color)
       border-top: 0
 
+.right-menu
+  float: right
+  @media screen and (max-width: 767px)
+    .info-container
+      p
+        margin-right: 5px
+
+#settings, #contactForm
+  max-width: 767px
+  @media screen and (max-width: 767px)
+    max-width: 100vw
+
+#emailSent
+  color: blue
+  display: none
+
+footer
+  height: 77px
+  background-color: #000033
+  div
+    line-height: 77px
+    a
+      margin: 0 10px 0 0
+      display: inline-block
+      &:visited, &:link
+        color: white
+    p
+      margin: 0 0 0 10px
+      display: inline-block
+      color: white
+      text-decoration: underline
+  @media screen and (max-width: 767px)
+    height: 43px
+    div
+      line-height: 43px
+
 a
   text-decoration: underline
 
@@ -58,6 +101,9 @@ a
 .bigfont
   font-size: 1.2em
 
+.bold
+  font-weight: bold
+
 [type="checkbox"].modal+div .card
   max-width: 767px
   max-height: 100vh