From d53aa3d5af6950d0ac4bfbcb5ab214a083c28e3a Mon Sep 17 00:00:00 2001
From: iainp5 <iain.pearce.ip@gmail.com>
Date: Fri, 11 Oct 2024 08:32:59 +0100
Subject: Added die images

---
 play.css | 24 +++++++++++++++++++-----
 1 file changed, 19 insertions(+), 5 deletions(-)

(limited to 'play.css')

diff --git a/play.css b/play.css
index 9171d3d..8b3f266 100644
--- a/play.css
+++ b/play.css
@@ -18,7 +18,6 @@ header.your_turn { background-color: orange; }
 }
 #deck_stat {padding-left: 5px; padding-bottom: 5px;}
 
-#tank {margin-right: 0;}
 
 #log { background-color: whitesmoke; }
 #log .h1 { font-weight: bold; padding-top:2px; padding-bottom:2px; text-align: center; }
@@ -43,10 +42,25 @@ header.your_turn { background-color: orange; }
 #log .card_name:hover { text-decoration: underline; }
 #log .space_tip:hover { cursor: pointer; text-decoration: underline; }
 
-/* Below currently not used
-#log .lord_tip:hover { cursor: pointer; text-decoration: underline; }
-
-#log .way_tip:hover { cursor: pointer; text-decoration: underline; } */
+#log .die {
+	display: inline-block;
+	vertical-align: -3px;
+	width: 12px;
+	height: 12px;
+	background-size: 600% 100%;
+	background-repeat: no-repeat;
+	background-image: url(images/die_black_pips.svg);
+	background-color: #fff;
+	border: 1px solid #444;
+}
+
+#log .d0 { background-position: -100% 0 }
+#log .d1 { background-position: 0% 0; }
+#log .d2 { background-position: 20% 0; }
+#log .d3 { background-position: 40% 0; }
+#log .d4 { background-position: 60% 0; }
+#log .d5 { background-position: 80% 0; }
+#log .d6 { background-position: 100% 0; }
 
 .selected {
 	cursor: pointer;
-- 
cgit v1.2.3