Commit | Line | Data |
---|---|---|
26d8a01a BA |
1 | // Styles for diagrams and board (partial). |
2 | ||
26d8a01a BA |
3 | div.board |
4 | user-select: none | |
5 | float: left | |
6 | height: 0 | |
7 | display: inline-block | |
8 | position: relative | |
9 | ||
6c00a6e5 BA |
10 | div.board3 |
11 | width: 33.33% | |
12 | padding-bottom: 33.33% | |
13 | ||
26d8a01a BA |
14 | div.board5 |
15 | width: 20% | |
16 | padding-bottom: 20% | |
17 | ||
2c947b3a BA |
18 | div.board7 |
19 | width: 14.28% | |
20 | padding-bottom: 14.28% | |
21 | ||
26d8a01a BA |
22 | div.board8 |
23 | width: 12.5% | |
24 | padding-bottom: 12.5% | |
25 | ||
26 | div.board9 | |
27 | width: 11.1% | |
28 | padding-bottom: 11.1% | |
29 | ||
30 | div.board10 | |
31 | width: 10% | |
32 | padding-bottom: 10% | |
33 | ||
34 | div.board11 | |
35 | width: 9.09% | |
36 | padding-bottom: 9.09% | |
37 | ||
38 | div.board12 | |
39 | width: 8.33% | |
40 | padding-bottom: 8.33% | |
41 | ||
42 | img.piece | |
43 | width: 100% | |
ffeaef85 | 44 | z-index: 10 |
26d8a01a BA |
45 | |
46 | img.piece, img.mark-square, img.circle-square | |
47 | max-width: 100% | |
48 | height: auto | |
49 | display: block | |
50 | ||
ffeaef85 BA |
51 | img.mark-square, img.circle-square |
52 | position: absolute | |
53 | z-index: 20 | |
54 | ||
26d8a01a BA |
55 | img.mark-square |
56 | opacity: .7 | |
57 | width: 76% | |
26d8a01a BA |
58 | top: 12% |
59 | left: 12% | |
60 | ||
61 | img.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 |