52 lines
739 B
CSS
52 lines
739 B
CSS
table {
|
|
border-collpase: collpase;
|
|
border: 2px solid;
|
|
}
|
|
|
|
.cell {
|
|
width: 20px;
|
|
height: 20px;
|
|
border: 2px solid;
|
|
border-color: black;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
td :not(.empty_cell) {
|
|
box-shadow: 3px 3px 0px #2c2e38, 5px 5px 0px #5c5f72;
|
|
margin: 20px
|
|
padding: 20px
|
|
}
|
|
|
|
#container {
|
|
border-color: black
|
|
border: 1px solid;
|
|
}
|
|
|
|
.empty_cell {
|
|
background-color: rgba(0, 0, 0, 0);
|
|
border: 2px;
|
|
}
|
|
|
|
.I_tetrimino {
|
|
background-color: FireBrick;
|
|
}
|
|
.O_tetrimino {
|
|
background-color: blue;
|
|
}
|
|
.T_tetrimino {
|
|
background-color: aquamarine;
|
|
}
|
|
.L_tetrimino {
|
|
background-color: cadetBlue;
|
|
}
|
|
.J_tetrimino {
|
|
background-color: BlueViolet;
|
|
}
|
|
.Z_tetrimino {
|
|
background-color: darkkhaki
|
|
}
|
|
.S_tetrimino {
|
|
background-color: Coral;
|
|
}
|
|
|