X-Git-Url: https://git.auder.net/?a=blobdiff_plain;f=public%2Fstylesheets%2Fvariant.sass;h=8839c34271438845a6af510d02ebae91553384ac;hb=32cfcea44bf00b0c6c4d172cca715823076ff490;hp=1f3b977cf2a8e37182b846b93a9f4c414d48b2ec;hpb=88af03d2c863b1e29788c98851abec483256f9ce;p=vchess.git

diff --git a/public/stylesheets/variant.sass b/public/stylesheets/variant.sass
index 1f3b977c..8839c342 100644
--- a/public/stylesheets/variant.sass
+++ b/public/stylesheets/variant.sass
@@ -12,16 +12,6 @@
     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
@@ -76,6 +66,9 @@ figure.diagram-container > .diagram
 .settings-btn
   padding: 6px 7px 0 7px
 
+.settings-btn-small
+  padding: 0 3px
+
 .white-turn
   background-color: white
 
@@ -88,6 +81,10 @@ div.board
   display: inline-block
   position: relative
 
+div.board4
+  width: 25%
+  padding-bottom: 25%
+
 div.board8
   width: 12.5%
   padding-bottom: 12.5%
@@ -157,16 +154,24 @@ figure.diagram-container > figcaption
   clear: both
   padding-top: 5px
 
-.light-square
-  background-color: #f0d9b5
-.dark-square
-  background-color: #b58863
-
 .highlight
-  background-color: #00cc66
+  background-color: #00cc66 !important
 
 .incheck
-  background-color: #cc3300
+  background-color: #cc3300 !important
+
+.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;
 
 .light-square-diag
   background-color: #e5e5ca
@@ -200,7 +205,7 @@ figure.diagram-container
   padding: 5px
 
 .section-content
-  padding: 5px
+  padding: 0 5px
 
 ol, ul:not(.browser-default)
   padding-left: 20px
@@ -216,3 +221,22 @@ ul:not(.browser-default) > li
   cursor: pointer
   padding: 3px;
   background-color: lightgrey
+
+#fen-string
+  margin-top: 0
+
+#pgn-game
+  margin-top: 0
+  margin-bottom: 0
+
+#downloadBtn
+  display: block
+  margin-left: auto
+  margin-right: auto
+
+#pgn-div > a
+  display: none
+
+#fen-div > p
+  margin-left: 0
+  margin-right: 0