66 lines
662 B
CSS
66 lines
662 B
CSS
.tile {
|
|
width: 27px;
|
|
height: 38px;
|
|
}
|
|
|
|
.kanup,
|
|
.kandown {
|
|
width: 18px;
|
|
height: 25px;
|
|
}
|
|
|
|
.kanup {
|
|
position: relative;
|
|
top: 0;
|
|
right: 4px;
|
|
z-index: 0;
|
|
}
|
|
|
|
.kandown {
|
|
position: relative;
|
|
top: -15px;
|
|
right: -4px;
|
|
z-index: 1;
|
|
}
|
|
|
|
.down {
|
|
width: 15px;
|
|
height: 38px;
|
|
}
|
|
|
|
.tenbo {
|
|
width: 68px;
|
|
height: 9px;
|
|
}
|
|
|
|
.face,
|
|
.back {
|
|
filter: url(#inset-shadow);
|
|
}
|
|
|
|
.face {
|
|
fill: #ffffff;
|
|
}
|
|
|
|
.back {
|
|
fill: #ffba1e;
|
|
}
|
|
|
|
.rotate,
|
|
.rotate1,
|
|
.rotate2 {
|
|
width: 38px;
|
|
height: 38px;
|
|
}
|
|
|
|
.rotate {
|
|
transform: rotate(-90deg) translate(-5px, 0px);
|
|
}
|
|
|
|
.rotate1 {
|
|
transform: rotate(-90deg) translate(6px, 0px);
|
|
}
|
|
|
|
.rotate2 {
|
|
transform: rotate(-90deg) translate(17px, 0px);
|
|
} |