summaryrefslogtreecommitdiff
path: root/play.css
diff options
context:
space:
mode:
authorTor Andersson <tor@ccxvii.net>2023-04-25 13:27:39 +0200
committerTor Andersson <tor@ccxvii.net>2023-07-07 18:39:23 +0200
commit66546310e557dd10e7c2a682ec5947eca9b836a6 (patch)
treeb50da5a7db6dd6ca7a749f742a3a04b7167b3bd4 /play.css
parent3ed92f49441e3a38440b36d0f86621b0571ef25c (diff)
downloadtime-of-crisis-66546310e557dd10e7c2a682ec5947eca9b836a6.tar.gz
Add dice.
Diffstat (limited to 'play.css')
-rw-r--r--play.css30
1 files changed, 30 insertions, 0 deletions
diff --git a/play.css b/play.css
index 969d92c..b2f7a25 100644
--- a/play.css
+++ b/play.css
@@ -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; }