summaryrefslogtreecommitdiff
path: root/play.html
diff options
context:
space:
mode:
authorMischa Untaga <99098079+MischaU8@users.noreply.github.com>2023-11-24 12:01:52 +0100
committerMischa Untaga <99098079+MischaU8@users.noreply.github.com>2023-11-24 12:01:52 +0100
commitc2f610a8864840b400f18bbbae98bf0acef08f62 (patch)
treef8ee67a9b4c2b438252bebb14337a94bc4d40740 /play.html
parentd4ede91cf06b0d544afea4b5f3aa1c2040cc803d (diff)
downloadvotes-for-women-c2f610a8864840b400f18bbbae98bf0acef08f62.tar.gz
icons in log
Diffstat (limited to 'play.html')
-rw-r--r--play.html78
1 files changed, 78 insertions, 0 deletions
diff --git a/play.html b/play.html
index 9e7ce2f..ddf77e4 100644
--- a/play.html
+++ b/play.html
@@ -59,6 +59,84 @@ body.Opposition header.your_turn { background-color: var(--opp-75); }
#log > .p { padding-left: 20px; text-align: right; font-style: italic; opacity: 75%; }
#log > .i { padding-left: 20px; }
+#log .icon {
+ display: inline-block;
+ vertical-align: -2px;
+ width: 12px;
+ height: 12px;
+ border-radius: 0px;
+ box-shadow: none;
+ border: none;
+ background-size: 100% 100%;
+ background-repeat: no-repeat;
+}
+
+#log .white {
+ background-image: url(images/die_black_pips.svg);
+ background-size: 600% 100%;
+ background-color: #fff;
+ border: 1px solid #444;
+}
+
+#log .black {
+ background-image: url(images/die_white_pips.svg);
+ background-size: 600% 100%;
+ background-color: #666;
+ border: 1px solid #222;
+}
+
+.d0 { background-position: -100% 0 }
+.d1 { background-position: 0% 0; }
+.d2 { background-position: 20% 0; }
+.d3 { background-position: 40% 0; }
+.d4 { background-position: 60% 0; }
+.d5 { background-position: 80% 0; }
+.d6 { background-position: 100% 0; }
+
+#log .purple_campaigner {
+ background-image: url(images/icon_purple_campaigner.png);
+}
+
+#log .yellow_campaigner {
+ background-image: url(images/icon_yellow_campaigner.png);
+}
+
+#log .red_campaigner {
+ background-image: url(images/icon_opposition_campaigner.png);
+}
+
+#log .purple_cube {
+ background-image: url(images/icon_purple_cube.png);
+}
+
+#log .yellow_cube {
+ background-image: url(images/icon_yellow_cube.png);
+}
+
+#log .purple_or_yellow_cube {
+ background-image: url(images/icon_purple_or_yellow_cube.png);
+}
+
+#log .red_cube {
+ background-image: url(images/icon_opposition_cube.png);
+}
+
+#log .button {
+ background-image: url(images/icon_button.png);
+}
+
+#log .congressional_marker {
+ background-image: url(images/icon_congressional_marker.png);
+}
+
+#log .green_check {
+ background-image: url(images/icon_green_check.png);
+}
+
+#log .red_x {
+ background-image: url(images/icon_red_x.png);
+}
+
/* PANELS */
.panel_grid {