deepcrayon/lila
deepcrayon/lila
1
0
Fork 0
Code Releases Activity

so we're back to using .cg-square

Browse source
This commit is contained in:
Thibault Duplessis 2014-09-25 23:06:34 +02:00
parent ce557f4ade
commit 0914c5a33d
2 changed files with 17 additions and 17 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
public/stylesheets/boardEditor.css
View file

@ -6,14 +6,14 @@
width: 512px;
height: 512px;
}
#board_editor .cg-board > div.last-move {
#board_editor .cg-square.last-move {
background-color: transparent;
}
#board_editor .cg-board > div:hover,
#board_editor .cg-board > div.drag-over {
#board_editor .cg-square:hover,
#board_editor .cg-square.drag-over {
background: rgba(255, 255, 255, 0.1);
}
#board_editor .cg-board > div.selected {
#board_editor .cg-square.selected {
background-color: rgba(20, 85, 30, 0.5);
}
#board_editor .spare-pieces-bottom-ae20f {

26
public/stylesheets/chessground.css
View file

@ -10,13 +10,13 @@
height: 100%;
cursor: pointer;
}
.cg-board > div {
.cg-square {
position: absolute;
width: 12.5%;
height: 12.5%;
}
.cg-board > div[data-coord-x]::after,
.cg-board > div[data-coord-y]::before {
.cg-square[data-coord-x]::after,
.cg-square[data-coord-y]::before {
position: absolute;
font-size: 10px;
line-height: 10px;
@ -24,37 +24,37 @@
text-shadow: 0 1px 1px #000;
opacity: 0.7;
}
.cg-board > div[data-coord-x]::after {
.cg-square[data-coord-x]::after {
content: attr(data-coord-x);
left: 1px;
bottom: 1px;
}
.cg-board > div[data-coord-y]::before {
.cg-square[data-coord-y]::before {
content: attr(data-coord-y);
right: 1px;
top: 1px;
}
.cg-board > div.move-dest {
.cg-square.move-dest {
background: radial-gradient(rgba(20, 85, 30, 0.3) 22%, #208530 0, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0) 0);
cursor: pointer;
}
.cg-board > div.premove-dest {
.cg-square.premove-dest {
background: radial-gradient(rgba(20, 30, 85, 0.3) 22%, #203085 0, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0) 0);
}
.cg-board > div.move-dest.drag-over,
.cg-board > div.move-dest:hover {
.cg-square.move-dest.drag-over,
.cg-square.move-dest:hover {
background: rgba(20, 85, 30, 0.3);
}
.cg-board > div.selected {
.cg-square.selected {
background-color: rgba(20, 85, 30, 0.5);
}
.cg-board > div.last-move {
.cg-square.last-move {
background-color: rgba(155, 199, 0, 0.41);
}
.cg-board > div.check {
.cg-square.check {
background: radial-gradient(ellipse at center, rgba(255, 0, 0, 1) 0%, rgba(231, 0, 0, 1) 25%, rgba(169, 0, 0, 0) 89%, rgba(158, 0, 0, 0) 100%);
}
.cg-board > div.current-premove {
.cg-square.current-premove {
background-color: rgba(20, 30, 85, 0.5);
}
.cg-piece {