66 lines
1.0 KiB
CSS
66 lines
1.0 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 rgba(128, 128, 128, 0.3);
|
|
border-radius: 0;
|
|
}
|
|
|
|
.I-mino {
|
|
background-image: url(images/blue_block.png);
|
|
}
|
|
|
|
.J-mino {
|
|
background-image: url(images/navy_block.png);
|
|
}
|
|
|
|
.L-mino {
|
|
background-image: url(images/peach_block.png);
|
|
}
|
|
|
|
.O-mino {
|
|
background-image: url(images/yellow_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;
|
|
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;
|
|
}
|