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
|
@font-face {
font-family: "shashki";
src:url("../fonts/shashki.eot");
src:url("../fonts/shashki.eot?#iefix") format("embedded-opentype"),
url("../fonts/shashki.woff") format("woff"),
url("../fonts/shashki.ttf") format("truetype"),
url("../fonts/shashki.svg#shashki") format("svg");
font-weight: normal;
font-style: normal;
}
.navbar, .nav-container{
border-radius: 0 !important;
}
#board{
margin: 0 auto;
border: 3px solid #000;
}
#board .square{
width: 48px;
height: 48px;
font-size: 42px;
line-height: 48px;
text-align: center;
vertical-align: middle;
}
#b1, #d1, #f1, #h1, #a2, #c2, #e2, #g2, #b3, #d3, #f3, #h3, #a4, #c4, #e4, #g4,
#b5, #d5, #f5, #h5, #a6, #c6, #e6, #g6, #b7, #d7, #f7, #h7, #a8, #c8, #e8, #g8 {
background:#FFECCA;
}
#a1, #c1, #e1, #g1, #b2, #d2, #f2, #h2, #a3, #c3, #e3, #g3, #b4, #d4, #f4, #h4,
#a5, #c5, #e5, #g5, #b6, #d6, #f6, #h6, #a7, #c7, #e7, #g7, #b8, #d8, #f8, #h8 {
background:#684B33;
}
.piece:before{
font-family: "shashki" !important;
font-style: normal !important;
font-weight: normal !important;
font-variant: normal !important;
text-transform: none !important;
speak: none;
font-size: 42px;
line-height: 42px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-align: center;
vertical-align: middle;
}
.piece.white{
color: #992E2E;
}
.piece.black{
color: #000;
}
.white.pawn:before {
content: "\63";
}
.white.dame:before {
content: "\64";
}
.black.pawn:before {
content: "\63";
}
.black.dame:before {
content: "\64";
}
@keyframes move-anim{
0% {background-color: #FFECCA;}
50% {background-color: #adffad;}
100% {background-color: #FFECCA;}
}
.square.selected{
background-color: #adffad !important;
}
.square.move{
animation-name: move-anim;
animation-duration: 1s;
animation-iteration-count: infinite;
}
|
