X-Git-Url: https://git.auder.net/doc/screen_pairings_scoring.png?a=blobdiff_plain;f=public%2Fstylesheets%2Fvariant.sass;h=53412174db77824eb547a0a7c7e3601651a2dad4;hb=a897b421785af1c4e04f50995dca0f99da065ec6;hp=39fb80bf7bd9fe566713f096bea8661ef02f2901;hpb=3ed62725fe47e395793cf952403d61fc9f347eee;p=vchess.git

diff --git a/public/stylesheets/variant.sass b/public/stylesheets/variant.sass
index 39fb80bf..53412174 100644
--- a/public/stylesheets/variant.sass
+++ b/public/stylesheets/variant.sass
@@ -5,8 +5,6 @@
 @media screen and (max-width: 767px)
   .col-sm-12
     padding: 0
-
-@media screen and (max-width: 767px)
   h4
     margin: 0 0 10px 0
   p
@@ -14,6 +12,16 @@
     margin-right: 0
     padding: 0 3px
 
+#pgn-div > a
+  display: none
+
+#pgn-div > p
+  cursor: pointer
+
+#fen-div > p
+  margin-left: 0
+  margin-right: 0
+
 .warn
   padding: 3px
   color: red
@@ -47,17 +55,26 @@ figure.diagram-container > .diagram
   float: right
   margin: 0 20px 10px 0
 
+.marginleft
+  margin-left: 30px
+
+.reserve-count
+  padding-left: 40%
+
+.reserve-div
+  margin-bottom: 20px
+
+.reserve-row-1
+  margin-bottom: 15px
+
 .connected
   background-color: green
 
 .disconnected
   background-color: red
 
-.expert-switch
-  padding: 5px 10px
-
-.expert-mode, button.expert-mode:hover
-  background-color: #ffcc99
+.settings-btn
+  padding: 6px 7px 0 7px
 
 .white-turn
   background-color: white
@@ -65,15 +82,24 @@ figure.diagram-container > .diagram
 .black-turn
   background-color: black
 
-// TODO: div.board, board9, board10, board11, board12
 div.board
   float: left
-  width: 12.5%
   height: 0
-  padding-bottom: 12.5%
   display: inline-block
   position: relative
 
+div.board8
+  width: 12.5%
+  padding-bottom: 12.5%
+
+div.board10
+  width: 10%
+  padding-bottom: 10%
+
+div.board11
+  width: 9.09%
+  padding-bottom: 9.1%
+
 .game
   clear: both
 
@@ -131,10 +157,18 @@ figure.diagram-container > figcaption
   clear: both
   padding-top: 5px
 
-.light-square
-  background-color: #f0d9b5
-.dark-square
-  background-color: #b58863
+.light-square.lichess
+	background-color: #f0d9b5;
+.dark-square.lichess
+	background-color: #b58863;
+.light-square.chesscom
+	background-color: #e5e5ca;
+.dark-square.chesscom
+	background-color: #6f8f57;
+.light-square.chesstempo
+	background-color: #fdfdfd;
+.dark-square.chesstempo
+	background-color: #88a0a8;
 
 .highlight
   background-color: #00cc66