// 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
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