67 lines
1.1 KiB
CSS
67 lines
1.1 KiB
CSS
.empty-cell {
|
|
background: transparent;
|
|
}
|
|
|
|
.invisible-grid > .empty-cell {
|
|
border: 1px solid transparent;
|
|
}
|
|
|
|
.visible-grid > .empty-cell {
|
|
border: 1px inset rgba(128, 128, 128, 0.3);
|
|
}
|
|
|
|
.mino {
|
|
border: 1px inset transparent;
|
|
border-radius: 0;
|
|
}
|
|
|
|
.I-mino {
|
|
background-image: url(../images/blue_block.png);
|
|
}
|
|
|
|
.J-mino {
|
|
background-image: url(../images/peach_block.png);
|
|
}
|
|
|
|
.L-mino {
|
|
background-image: url(../images/yellow_block.png);
|
|
}
|
|
|
|
.O-mino {
|
|
background-image: url(../images/peach_block.png);
|
|
}
|
|
|
|
.S-mino {
|
|
background-image: url(../images/green_block.png);
|
|
}
|
|
|
|
.T-mino {
|
|
background-image: url(../images/purple_block.png);
|
|
}
|
|
|
|
.Z-mino {
|
|
background-image: url(../images/pink_block.png);
|
|
}
|
|
|
|
.locked-mino {
|
|
background: white;
|
|
background: rgba(255, 255, 255, 0.8);
|
|
border-radius: 1px;
|
|
}
|
|
|
|
.cleared-line {
|
|
background: white;
|
|
}
|
|
|
|
.trail {
|
|
background: rgba(255, 255, 255, 0.2);
|
|
border: 1px solid rgba(255, 255, 255, 0.2);
|
|
border-radius: 1px;
|
|
}
|
|
|
|
.ghost {
|
|
background: rgba(255, 255, 255, 0.4);
|
|
border: 1px transparent;
|
|
border-radius: 1px;
|
|
}
|