diff options
Diffstat (limited to 'play.css')
| -rw-r--r-- | play.css | 30 |
1 files changed, 30 insertions, 0 deletions
@@ -53,6 +53,36 @@ header.your_turn { background-color: orange; } border-radius: 0; } +.dice { + width: 36px; + height: 36px; + border-radius: 6px; + border-width: 2px; + border-style: solid; + background-size: 600% 100%; + background-repeat: no-repeat; +} + +.dice.d1 { background-position: 0% 0; } +.dice.d2 { background-position: 20% 0; } +.dice.d3 { background-position: 40% 0; } +.dice.d4 { background-position: 60% 0; } +.dice.d5 { background-position: 80% 0; } +.dice.d6 { background-position: 100% 0; } + +.dice.black { + background-image: url(images/die_white_pips.svg); + background-color: #444; +} + +.dice.white { + background-image: url(images/die_black_pips.svg); + background-color: #eee; +} + +.dice.black { border-color: #595959 #303030 #303030 #595959; box-shadow: 0 0 0 1px #0c0c0c, 1px 2px 4px #0008; } +.dice.white { border-color: #ffffff #b1b1b1 #b1b1b1 #ffffff; box-shadow: 0 0 0 1px #424242, 1px 2px 4px #0008; } + /* COUNTERS */ .amphitheater, .basilica, .limes { background-color: #efebea; } |