diff options
-rw-r--r-- | images/die_pale_pips.svg | 37 | ||||
-rw-r--r-- | play.css | 4 |
2 files changed, 40 insertions, 1 deletions
diff --git a/images/die_pale_pips.svg b/images/die_pale_pips.svg new file mode 100644 index 0000000..0016dc0 --- /dev/null +++ b/images/die_pale_pips.svg @@ -0,0 +1,37 @@ +<svg xmlns="http://www.w3.org/2000/svg" width="336" height="56"> +<g fill="#ecda72" fill-opacity="0.8" stroke="black" stroke-width="1"> +<g transform="translate(0 0)"> +<circle r="6" cx="28" cy="28"/> +</g> +<g transform="translate(56 0)"> +<circle r="6" cx="12" cy="12"/> +<circle r="6" cx="44" cy="44"/> +</g> +<g transform="translate(112 0)"> +<circle r="6" cx="12" cy="44"/> +<circle r="6" cx="44" cy="12"/> +<circle r="6" cx="28" cy="28"/> +</g> +<g transform="translate(168 0)"> +<circle r="6" cx="12" cy="12"/> +<circle r="6" cx="12" cy="44"/> +<circle r="6" cx="44" cy="12"/> +<circle r="6" cx="44" cy="44"/> +</g> +<g transform="translate(224 0)"> +<circle r="6" cx="12" cy="12"/> +<circle r="6" cx="12" cy="44"/> +<circle r="6" cx="44" cy="12"/> +<circle r="6" cx="44" cy="44"/> +<circle r="6" cx="28" cy="28"/> +</g> +<g transform="translate(280 0)"> +<circle r="6" cx="12" cy="12"/> +<circle r="6" cx="12" cy="28"/> +<circle r="6" cx="12" cy="44"/> +<circle r="6" cx="44" cy="12"/> +<circle r="6" cx="44" cy="28"/> +<circle r="6" cx="44" cy="44"/> +</g> +</g> +</svg> @@ -103,7 +103,7 @@ header.your_turn.ve { background-color: #ffbf32 } border-style: solid; background-size: 600% 100%; background-repeat: no-repeat; - background-image: url(images/die_gold_pips.svg); + background-image: url(images/die_pale_pips.svg); box-shadow: 0 0 0 1px #333, 1px 2px 3px 1px #0004; } @@ -123,6 +123,7 @@ header.your_turn.ve { background-color: #ffbf32 } .attacker .die.hit { background-color: #9e302f; border-color: #9c3b3a #701d1b #701d1b #9c3b3a; + background-image: url(images/die_gold_pips.svg); } .defender .die { @@ -133,6 +134,7 @@ header.your_turn.ve { background-color: #ffbf32 } .defender .die.hit { background-color: #bb957b; border-color: #d6af95 #a18069 #a18069 #d6af95; + background-image: url(images/die_gold_pips.svg); } .die.action { box-shadow: 0 0 0 1px #333, 0 0 0px 3px white; } |