jocly
Version:
Board games 3D/2D UI and AI web library
79 lines (64 loc) • 1.2 kB
CSS
#jocly-board {
}
.mills-board {
position: absolute;
}
.piece {
position: absolute;
z-index: 100;
font-size: 0;
}
.piece-white {
Xbackground-color: White;
}
.piece-black {
Xbackground-color: Black;
}
.possible {
position: absolute;
z-index: 50;
/*background-color: rgba(244,238,61,0.4);*/
background-image: url(res/images/dot.png);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
/* opacity: 0.5; */
}
.possible-piece {
background-image: url(res/images/circle.png);
}
.possible-back {
background-color: rgba(244,188,61,0.4);
}
.front {
position: absolute;
z-index: 200;
background-color: rgba(255,255,255,0.0);
}
.choice {
cursor: pointer;
}
.back {
background-image: url(res/images/backarrow2.png);
background-repeat: no-repeat;
background-size: 70% 70%;
background-position: center center;
}
.notation {
position: absolute;
z-index: 150;
color: Black;
padding: 2px 0px 0px 2px;
font-weight: bold;
font-family: Arial, sans-serif;
text-align: center;
text-shadow: 2px 2px #ffffff;
}
.xd-choice-view {
background-color: Lime;
border-radius: 50%;
}
.xd-cancel {
background-color: #ffcc00;
border-radius: 50%;
}