Chessboard using Pure CSS and HTML
.chessboard {
width: 235px;
height: 235px;
margin: 0px;
border: 5px solid #dd9933;
}
.black {
float: left;
width: 25px;
height: 25px;
background-color: #63410e;
font-size:15px;
text-align:center;
color: #63410e;
display: table-cell;
vertical-align:middle;
}
.black-d {
float: left;
width: 25px;
height: 25px;
background-color: #FC5709;
color: #FF5733;
font-size:15px;
text-align:center;
display: table-cell;
vertical-align:middle;
}
.white {
float: left;
width: 25px;
height: 25px;
background-color: #f5d4a2;
color: #f5d4a2;
font-size:15px;
text-align:center;
display: table-cell;
vertical-align:middle;
}
.white-d {
float: left;
width: 25px;
height: 25px;
background-color: #FC9A6C;
color: #f5d4a2;
font-size:15px;
text-align:center;
display: table-cell;
vertical-align:middle;
}
.vantable {
float: left;
width: 25px;
height: 25px;
background: #7A5A49;
color: #f5d4a2 !important;
font-size:15px;
text-align:center;
display: table-cell;
vertical-align:middle;
}
.tooltip {
position: relative;
float: left;
width: 25px;
height: 25px;
background-color: #FC9A6C;
color: #f5d4a2;
font-size:15px;
text-align:center;
display: table-cell;
vertical-align:middle;
}
.tooltipblack {
position: relative;
float: left;
width: 25px;
height: 25px;
background-color: #FC5709;
color: #f5d4a2;
font-size:15px;
text-align:center;
display: table-cell;
vertical-align:middle;
}
.tooltipblack .tooltiptext {
visibility: hidden;
width: 120px;
background-color: #472C03;
color: #fff;
text-align: center;
border-radius: 6px;
padding: 5px 0;
/* Position the tooltip */
position: absolute;
z-index: 1;
}
.tooltipblack:hover .tooltiptext {
visibility: visible;
}
.tooltip .tooltiptext {
visibility: hidden;
width: 120px;
background-color: #FFECA4;
color: black;
text-align: center;
border-radius: 6px;
padding: 5px 0;
/* Position the tooltip */
position: absolute;
z-index: 1;
}
.tooltip:hover .tooltiptext {
visibility: visible;
}
8
a8
Растислав Крагић
b8
c8
d8
Анђела Крагић
e8
Арсеније Крагић
f8
Калина Крагић
g8
h8
Берислав Крагић
7
a7
Ана Крагић
b7
c7
d7
e7
f7
g7
h7
Сунчица Крагић
6
a6
b6
c6
Драган Крагић
d6
e6
f6
g6
h6
5
a5
b5
c5
Владимир Стајић
d5
Мила Стајић
e5
Каспер Кок
f5
g5
Дарја Крагић Кок
h5
4
a4
b4
c4
Јелена Стајић
d4
Немања Крагић
e4
Мила Кок
f4
g4
h4
3
a3
b3
c3
d3
e3
f3
Дана Кок
g3
Петар Стајић
h3
2
a2
b2
c2
d2
e2
f2
g2
Гордана Крагић
h2
1
a1
Никола Радукић
b1
c1
Клејтон Смрико
d1
Катарина Радукић
e1
Теодор Смрико
f1
Новак Симић
g1
h1
a
b
c
d
e
f
g
h
