variants/Chakart/style.css

   1 @import url("/base_pieces.css");
   2
   3 piece.egg {
   4   background-image: url('/pieces/Chakart/egg.svg');
   5 }
   6
   7 piece.mushroom {
   8   background-image: url('/pieces/Chakart/mushroom.svg');
   9 }
  10
  11 piece.banana {
  12   background-image: url('/pieces/Chakart/banana.svg');
  13 }
  14
  15 piece.bomb {
  16   background-image: url('/pieces/Chakart/bomb.svg');
  17 }
  18
  19 piece.white.invisible {
  20   background-image: url('/pieces/empty.svg');
  21 }
  22 piece.black.invisible {
  23   background-image: url('/pieces/empty.svg');
  24 }
  25
  26 piece.immobilized {
  27   background-color: lightgreen;
  28   opacity: 0.6;
  29 }
  30
  31 piece.remote-capture {
  32   background-image: url('/pieces/Chakart/shell.svg');
  33 }
  34
  35 piece.white.mystery {
  36   background-image: url('/pieces/white_mystery.svg');
  37 }
  38 piece.black.mystery {
  39   background-image: url('/pieces/black_mystery.svg');
  40 }
  41
  42 div.bonus-text {
  43   position: relative;
  44   margin-top: 15px;
  45   width: 100%;
  46   text-align: center;
  47   background-color: transparent;
  48   color: darkred;
  49   font-weight: bold;
  50   font-size: 2em;
  51   animation: blinker 0.5s linear infinite;
  52 }
  53
  54 @keyframes blinker {
  55   50% {
  56     opacity: 0;
  57   }
  58 }