143 lines
4.2 KiB
Plaintext
143 lines
4.2 KiB
Plaintext
%h1{style: "padding-left: 0.5em;"} Czechers
|
|
|
|
:css
|
|
.board {
|
|
position: relative;
|
|
margin-top: 1em;
|
|
margin-bottom: 1em;
|
|
display: grid;
|
|
grid-template-columns: repeat(8, 80px);
|
|
grid-template-rows: repeat(8, 80px);
|
|
gap: 1px;
|
|
}
|
|
.cell {
|
|
width: 80px;
|
|
height: 80px;
|
|
background-color: white;
|
|
}
|
|
.cell:nth-child(2n+1):nth-child(-n+8),
|
|
.cell:nth-child(2n):nth-child(n+9):nth-child(-n+16),
|
|
.cell:nth-child(2n+1):nth-child(n+17):nth-child(-n+24),
|
|
.cell:nth-child(2n):nth-child(n+25):nth-child(-n+32),
|
|
.cell:nth-child(2n+1):nth-child(n+33):nth-child(-n+40),
|
|
.cell:nth-child(2n):nth-child(n+41):nth-child(-n+48),
|
|
.cell:nth-child(2n+1):nth-child(n+49):nth-child(-n+56),
|
|
.cell:nth-child(2n):nth-child(n+57):nth-child(-n+64) {
|
|
background-color: black;
|
|
}
|
|
.czecher-piece {
|
|
border-radius: 5em;
|
|
width: 50px;
|
|
outline: 2px #cccccc solid;
|
|
position: absolute;
|
|
z-index: 100;
|
|
}
|
|
|
|
.czecher-piece:active {
|
|
outline: 2px #00ffff solid;
|
|
}
|
|
|
|
%img.czecher-piece{src:"/czech-logo-dip20.png", style: "left: 182px; top: 912px;"}
|
|
%img.czecher-piece{src:"/czech-logo-dip20.png", style: "left: 262px; top: 912px;"}
|
|
%img.czecher-piece{src:"/czech-logo-dip20.png", style: "left: 343px; top: 912px;"}
|
|
%img.czecher-piece{src:"/czech-logo-dip20.png", style: "left: 424px; top: 912px;"}
|
|
%img.czecher-piece{src:"/czech-logo-dip20.png", style: "left: 505px; top: 912px;"}
|
|
%img.czecher-piece{src:"/czech-logo-dip20.png", style: "left: 586px; top: 912px;"}
|
|
%img.czecher-piece{src:"/czech-logo-dip20.png", style: "left: 667px; top: 912px;"}
|
|
%img.czecher-piece{src:"/czech-logo-dip20.png", style: "left: 748px; top: 912px;"}
|
|
|
|
%img.czecher-piece{src:"/czech-logo-dip20.png", style: "left: 182px; top: 993px;"}
|
|
%img.czecher-piece{src:"/czech-logo-dip20.png", style: "left: 262px; top: 993px;"}
|
|
%img.czecher-piece{src:"/czech-logo-dip20.png", style: "left: 343px; top: 993px;"}
|
|
%img.czecher-piece{src:"/czech-logo-dip20.png", style: "left: 424px; top: 993px;"}
|
|
%img.czecher-piece{src:"/czech-logo-dip20.png", style: "left: 505px; top: 993px;"}
|
|
%img.czecher-piece{src:"/czech-logo-dip20.png", style: "left: 586px; top: 993px;"}
|
|
%img.czecher-piece{src:"/czech-logo-dip20.png", style: "left: 667px; top: 993px;"}
|
|
%img.czecher-piece{src:"/czech-logo-dip20.png", style: "left: 748px; top: 993px;"}
|
|
|
|
|
|
%img.czecher-piece{src:"/tendy-logo-icrc1.jpg", style: "left: 181px; top: 1480px;"}
|
|
%img.czecher-piece{src:"/tendy-logo-icrc1.jpg", style: "left: 261px; top: 1480px;"}
|
|
%img.czecher-piece{src:"/tendy-logo-icrc1.jpg", style: "left: 342px; top: 1480px;"}
|
|
%img.czecher-piece{src:"/tendy-logo-icrc1.jpg", style: "left: 423px; top: 1480px;"}
|
|
%img.czecher-piece{src:"/tendy-logo-icrc1.jpg", style: "left: 504px; top: 1480px;"}
|
|
%img.czecher-piece{src:"/tendy-logo-icrc1.jpg", style: "left: 585px; top: 1480px;"}
|
|
%img.czecher-piece{src:"/tendy-logo-icrc1.jpg", style: "left: 666px; top: 1480px;"}
|
|
%img.czecher-piece{src:"/tendy-logo-icrc1.jpg", style: "left: 747px; top: 1480px;"}
|
|
|
|
%img.czecher-piece{src:"/tendy-logo-icrc1.jpg", style: "left: 181px; top: 1399px;"}
|
|
%img.czecher-piece{src:"/tendy-logo-icrc1.jpg", style: "left: 261px; top: 1399px; outline: 2px #00ffff solid;"}
|
|
%img.czecher-piece{src:"/tendy-logo-icrc1.jpg", style: "left: 342px; top: 1399px;"}
|
|
%img.czecher-piece{src:"/tendy-logo-icrc1.jpg", style: "left: 423px; top: 1399px;"}
|
|
%img.czecher-piece{src:"/tendy-logo-icrc1.jpg", style: "left: 504px; top: 1399px;"}
|
|
%img.czecher-piece{src:"/tendy-logo-icrc1.jpg", style: "left: 585px; top: 1399px;"}
|
|
%img.czecher-piece{src:"/tendy-logo-icrc1.jpg", style: "left: 666px; top: 1399px;"}
|
|
%img.czecher-piece{src:"/tendy-logo-icrc1.jpg", style: "left: 747px; top: 1399px;"}
|
|
|
|
|
|
.board
|
|
.cell
|
|
.cell
|
|
.cell
|
|
.cell
|
|
.cell
|
|
.cell
|
|
.cell
|
|
.cell
|
|
.cell
|
|
.cell
|
|
.cell
|
|
.cell
|
|
.cell
|
|
.cell
|
|
.cell
|
|
.cell
|
|
.cell
|
|
.cell
|
|
.cell
|
|
.cell
|
|
.cell
|
|
.cell
|
|
.cell
|
|
.cell
|
|
.cell
|
|
.cell
|
|
.cell
|
|
.cell
|
|
.cell
|
|
.cell
|
|
.cell
|
|
.cell
|
|
.cell
|
|
.cell
|
|
.cell
|
|
.cell
|
|
.cell
|
|
.cell
|
|
.cell
|
|
.cell
|
|
.cell{style: "background: #EFFA8D;"}
|
|
.cell
|
|
.cell{style: "background: #EFFA8D;"}
|
|
.cell
|
|
.cell
|
|
.cell
|
|
.cell
|
|
.cell
|
|
.cell
|
|
.cell{style: "background: #B5FFFF;"}
|
|
.cell
|
|
.cell
|
|
.cell
|
|
.cell
|
|
.cell
|
|
.cell
|
|
.cell
|
|
.cell
|
|
.cell
|
|
.cell
|
|
.cell
|
|
.cell
|
|
.cell
|
|
.cell
|