Add Alapo (unfinished). Reorganise pieces folder

[xogo.git] / variants / Chakart / style.css

diff --git a/variants/Chakart/style.css b/variants/Chakart/style.css
index b60a821..91ad633 100644 (file)
--- a/variants/Chakart/style.css
+++ b/variants/Chakart/style.css
@@ -1,19 +1,19 @@
 @import url("/base_pieces.css");
 
 piece.egg {
-  background-image: url('/pieces/chakart_egg');
+  background-image: url('/pieces/Chakart/egg.svg');
 }
 
 piece.mushroom {
-  background-image: url('/pieces/chakart_mushroom.svg');
+  background-image: url('/pieces/Chakart/mushroom.svg');
 }
 
 piece.banana {
-  background-image: url('/pieces/chakart_banana.svg');
+  background-image: url('/pieces/Chakart/banana.svg');
 }
 
 piece.bomb {
-  background-image: url('/pieces/chakart_bomb.svg');
+  background-image: url('/pieces/Chakart/bomb.svg');
 }
 
 piece.white.invisible {
@@ -23,9 +23,36 @@ piece.black.invisible {
   background-image: url('/pieces/empty.svg');
 }
 
-piece.white.immobilized {
-  background-color: yellow;
+piece.immobilized {
+  background-color: lightgreen;
+  opacity: 0.6;
 }
-piece.black.immobilized {
-  background-color: red;
+
+piece.remote-capture {
+  background-image: url('/pieces/Chakart/shell.svg');
+}
+
+piece.mystery.white {
+  background-image: url('/pieces/Chakart/mystery_white.svg');
+}
+piece.mystery.black {
+  background-image: url('/pieces/Chakart/mystery_black.svg');
+}
+
+div.bonus-text {
+  position: relative;
+  margin-top: 5%;
+  width: 100%;
+  text-align: center;
+  background-color: transparent;
+  color: darkred;
+  font-weight: bold;
+  font-size: 2em;
+  animation: blinker 0.5s linear infinite;
+}
+
+@keyframes blinker {
+  50% {
+    opacity: 0;
+  }
 }