Fix some bugs

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

diff --git a/variants/Chakart/style.css b/variants/Chakart/style.css
index 6cfd883..6f45bed 100644 (file)
--- a/variants/Chakart/style.css
+++ b/variants/Chakart/style.css
@@ -1,4 +1,58 @@
 @import url("/base_pieces.css");
 
-/* TODO: images des bananes/bombes/oeufs/champis + Chomp etc pour animations
- * Toadette/Waluigi/Luigi/King boo/Koopa/Daisy/Bowser avec petit texte */
+piece.egg {
+  background-image: url('/pieces/Chakart/egg.svg');
+}
+
+piece.mushroom {
+  background-image: url('/pieces/Chakart/mushroom.svg');
+}
+
+piece.banana {
+  background-image: url('/pieces/Chakart/banana.svg');
+}
+
+piece.bomb {
+  background-image: url('/pieces/Chakart/bomb.svg');
+}
+
+piece.white.invisible {
+  background-image: url('/pieces/empty.svg');
+}
+piece.black.invisible {
+  background-image: url('/pieces/empty.svg');
+}
+
+piece.immobilized {
+  background-color: lightgreen;
+  opacity: 0.6;
+}
+
+piece.remote-capture {
+  background-image: url('/pieces/Chakart/shell.svg');
+}
+
+piece.white.mystery {
+  background-image: url('/pieces/white_mystery.svg');
+}
+piece.black.mystery {
+  background-image: url('/pieces/black_mystery.svg');
+}
+
+div.bonus-text {
+  position: relative;
+  margin-top: 15px;
+  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;
+  }
+}