fix issues with CSS overwrites

This commit is contained in:
Thibault Duplessis 2014-10-18 21:08:22 +02:00
parent 70407030da
commit 018f7ae953

View file

@ -83,11 +83,11 @@ body.coords_2.is3d .cg-square[data-coord-y]::before {
.manipulable .cg-square.drag-over {
background: rgba(255, 255, 255, 0.1);
}
.cg-square.move-dest {
.cg-board .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-square.occupied.move-dest {
.cg-board .cg-square.occupied.move-dest {
background: radial-gradient(transparent 0%, transparent 80%, rgba(20, 85, 0, 0.3) 80%);
}
/* .cg-square.occupied.move-dest .cg-piece::after { */
@ -97,34 +97,34 @@ body.coords_2.is3d .cg-square[data-coord-y]::before {
/* height: 100%; */
/* background: radial-gradient(rgba(20, 85, 30, 0.5) 22%, #208530 0, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0) 0); */
/* } */
.cg-square.premove-dest {
.cg-board .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-square.occupied.premove-dest {
.cg-board .cg-square.occupied.premove-dest {
background: radial-gradient(transparent 0%, transparent 80%, rgba(20, 30, 85, 0.3) 80%);
}
.cg-square.move-dest.drag-over,
.cg-square.move-dest:hover {
.cg-board .cg-square.move-dest.drag-over,
.cg-board .cg-square.move-dest:hover {
background: rgba(20, 85, 30, 0.3);
}
.cg-square.premove-dest.drag-over,
.cg-square.premove-dest:hover {
.cg-board .cg-square.premove-dest.drag-over,
.cg-board .cg-square.premove-dest:hover {
background: rgba(20, 30, 85, 0.3);
}
/* .cg-square.move-dest.drag-over .cg-piece::after, */
/* .cg-square.move-dest:hover .cg-piece::after { */
/* background: none; */
/* } */
.cg-square.selected {
.cg-board .cg-square.selected {
background-color: rgba(20, 85, 30, 0.5);
}
.cg-square.last-move {
.cg-board .cg-square.last-move {
background-color: rgba(155, 199, 0, 0.41);
}
.cg-square.check {
.cg-board .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-square.current-premove {
.cg-board .cg-square.current-premove {
background-color: rgba(20, 30, 85, 0.5);
}
.cg-piece {