X-Git-Url: https://git.auder.net/?a=blobdiff_plain;f=client%2Fsrc%2Fstyles%2F_board_squares_img.sass;h=5e46b5386e830b3359f078b5e3df88d9d5196d54;hb=ffeaef854d80445ef87f2cdf4fe71d60347a81bf;hp=e9606602579ab55a8cf40b66e4de34d1f957bdf6;hpb=26d8a01a40dc198b633ae86f698b1ae82415e5e1;p=vchess.git

diff --git a/client/src/styles/_board_squares_img.sass b/client/src/styles/_board_squares_img.sass
index e9606602..5e46b538 100644
--- a/client/src/styles/_board_squares_img.sass
+++ b/client/src/styles/_board_squares_img.sass
@@ -1,10 +1,10 @@
 // Styles for diagrams and board (partial).
 
 .light-square-diag
-  background-color: #e5e5ca
+  background-color: #dfdfdf
 
 .dark-square-diag
-  background-color: #6f8f57
+  background-color: #7287b6
 
 div.board
   user-select: none
@@ -39,23 +39,26 @@ div.board12
 
 img.piece
   width: 100%
+  z-index: 10
 
 img.piece, img.mark-square, img.circle-square
   max-width: 100%
   height: auto
   display: block
 
+img.mark-square, img.circle-square
+  position: absolute
+  z-index: 20
+
 img.mark-square
   opacity: .7
   width: 76%
-  position: absolute
   top: 12%
   left: 12%
 
 img.circle-square
   opacity: 0.7
   width: 100%
-  position: absolute
   top: 0
   left: 0