-
Notifications
You must be signed in to change notification settings - Fork 0
/
style.css
161 lines (153 loc) · 3.27 KB
/
style.css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
:root{
--cell1:#779556;
--cell2:#ebecd0;
--abort:#ff00006f;
--draw:#999;
--resign:#ffd7009f;
--cellhw:58px;
--theme_wood:#B06328;
--theme_darkwood:#855F38;
--theme_pink:#FF576B;
--theme_vibrant:#F25A04;
--theme_black:#222222;
--theme_default:#779556;
--borad_border:#444;
--wking:url('img/wking.png');
--wqueen:url('img/wqueen.png');
--wbishop:url('img/wbishop.png');
--wknight:url('img/wknight.png');
--wrook:url('img/wrook.png');
--wpawn:url('img/wpawn.png');
--bking:url('img/bking.png');
--bqueen:url('img/bqueen.png');
--bbishop:url('img/bbishop.png');
--bknight:url('img/bknight.png');
--brook:url('img/brook.png');
--bpawn:url('img/bpawn.png');
}
#startBtn:hover{
background: #95BB4A !important;
}
.btn{
font-size: 16px;border-radius: 8px;border: none;width: 120px;height: 50px;color: #fff;font-weight: bold;letter-spacing: 2px;margin: 10px;
}
.themes{
max-width: 20px;
min-width: 15px;
min-height: 15px;
border-radius: 15px;
padding: 4px;
margin: 10px;
display: inline-block !important;
}
.evenCol{
display: inline-block;
background-color: var(--cell2);
padding: 4px;
}
.oddCol{
display: inline-block;
background-color: var(--cell1);
padding: 4px;
}
.cell{
font-size: 14px;
padding: 1px;
overflow: hidden;
text-align: center;
min-width: var(--cellhw);
min-height: var(--cellhw);
max-width: var(--cellhw);
max-height: var(--cellhw);
}
.boardBg{
box-shadow: 0px 2px 5px 4px #ccc;
border-radius: 5px;
padding: 10px;
}
#controls{
margin: 5px;
max-width: 100%;
text-align: center;
}
.wking{
background: var(--wking);
background-repeat: no-repeat;
background-size: contain;
text-align:left;
}
.wqueen{
background: var(--wqueen);
background-repeat: no-repeat;
background-size: contain;
text-align:left;
}
.wbishop{
background: var(--wbishop);
background-repeat: no-repeat;
background-size: contain;
text-align:left;
}
.wknight{
background: var(--wknight);
background-repeat: no-repeat;
background-size: contain;
text-align:left;
}
.wrook{
background: var(--wrook);
background-repeat: no-repeat;
background-size: contain;
text-align:left;
}
.wpawn{
background: var(--wpawn);
background-repeat: no-repeat;
background-size: contain;
text-align:left;
}
.bking{
background: var(--bking);
background-repeat: no-repeat;
background-size: contain;
text-align:left;
}
.bqueen{
background: var(--bqueen);
background-repeat: no-repeat;
background-size: contain;
text-align:left;
}
.bbishop{
background: var(--bbishop);
background-repeat: no-repeat;
background-size: contain;
text-align:left;
}
.bknight{
background: var(--bknight);
background-repeat: no-repeat;
background-size: contain;
text-align:left;
}
.brook{
background: var(--brook);
background-repeat: no-repeat;
background-size: contain;
text-align:left;
}
.bpawn{
background: var(--bpawn);
background-repeat: no-repeat;
background-size: contain;
text-align:left;
}
.hnotations{
font-size: 13px;
float: right;
margin-top: 75%;
}
.vnotations{
font-size: 13px;
float: left;
}