Add Brotherhood, Maharajah (special version) + Dobutsu variants
[vchess.git] / client / src / styles / _board_squares_img.sass
CommitLineData
26d8a01a
BA
1// Styles for diagrams and board (partial).
2
26d8a01a
BA
3div.board
4 user-select: none
5 float: left
6 height: 0
7 display: inline-block
8 position: relative
9
6c00a6e5
BA
10div.board3
11 width: 33.33%
12 padding-bottom: 33.33%
13
26d8a01a
BA
14div.board5
15 width: 20%
16 padding-bottom: 20%
17
2c947b3a
BA
18div.board7
19 width: 14.28%
20 padding-bottom: 14.28%
21
26d8a01a
BA
22div.board8
23 width: 12.5%
24 padding-bottom: 12.5%
25
26div.board9
27 width: 11.1%
28 padding-bottom: 11.1%
29
30div.board10
31 width: 10%
32 padding-bottom: 10%
33
34div.board11
35 width: 9.09%
36 padding-bottom: 9.09%
37
38div.board12
39 width: 8.33%
40 padding-bottom: 8.33%
41
42img.piece
43 width: 100%
ffeaef85 44 z-index: 10
26d8a01a
BA
45
46img.piece, img.mark-square, img.circle-square
47 max-width: 100%
48 height: auto
49 display: block
50
ffeaef85
BA
51img.mark-square, img.circle-square
52 position: absolute
53 z-index: 20
54
26d8a01a
BA
55img.mark-square
56 opacity: .7
57 width: 76%
26d8a01a
BA
58 top: 12%
59 left: 12%
60
61img.circle-square
62 opacity: 0.7
63 width: 100%
26d8a01a
BA
64 top: 0
65 left: 0
66
67.in-shadow
68 filter: brightness(50%)
4f524197 69
95bc4bf5
BA
70.touch-hover
71 background-color: #C571E6 !important
72
4f524197
BA
73.monochrome
74 border-bottom: 1px solid black
75 border-right: 1px solid black
76 box-sizing: border-box
77
78.border-left
79 border-left: 1px solid black
80 box-sizing: border-box
81
82.border-top
83 border-top: 1px solid black
84 box-sizing: border-box
85
86.light-square.lichess
87 background-color: #f0d9b5
88.dark-square.lichess
89 background-color: #b58863
baa6f86f
BA
90.middle-square.lichess
91 background-color: #D3B18C
4f524197
BA
92
93.light-square.chesscom
94 background-color: #e5e5ca
95.dark-square.chesscom
96 background-color: #6f8f57
baa6f86f
BA
97.middle-square.chesscom
98 background-color: #AABA91
4f524197
BA
99
100.light-square.chesstempo
101 background-color: #dfdfdf
102.dark-square.chesstempo
103 background-color: #7287b6
4f524197
BA
104.middle-square.chesstempo
105 background-color: #A9B3CB
baa6f86f
BA
106
107.light-square.orangecc
108 background-color: #fce4b2
109.dark-square.orangecc
110 background-color: #d08b18
111.middle-square.orangecc
112 background-color: #E6B865