summaryrefslogtreecommitdiff
path: root/play.css
diff options
context:
space:
mode:
authorTor Andersson <tor@ccxvii.net>2023-06-26 01:06:20 +0200
committerTor Andersson <tor@ccxvii.net>2023-07-07 19:05:52 +0200
commit3ec19c1c349ed7fb81bca5f1d1a02c532eb2e81b (patch)
treee882d3894b0033a7fe1d8996193e34310eb16501 /play.css
parentd91729e13fd3081907bf38b5a6823aab161c6509 (diff)
downloadtime-of-crisis-3ec19c1c349ed7fb81bca5f1d1a02c532eb2e81b.tar.gz
Combine crisis + dice array. Split IP array.
Diffstat (limited to 'play.css')
-rw-r--r--play.css25
1 files changed, 15 insertions, 10 deletions
diff --git a/play.css b/play.css
index 03453d0..9350ba0 100644
--- a/play.css
+++ b/play.css
@@ -495,7 +495,7 @@ body.shift #zenobia { background-image: url(images/rival_back.png) }
background-size: 250px 350px;
background-repeat: no-repeat;
border-radius: 16px;
- box-shadow: 0 0 4px #000;
+ box-shadow: 0 0 0px 1px #444, 0 0 4px #000;
}
.card.event.event_0 { background-color: #b73c26 }
@@ -505,23 +505,24 @@ body.shift #zenobia { background-image: url(images/rival_back.png) }
.card.action {
transition: transform 100ms ease;
- box-shadow: 0 0 0px 3px #fff;
transform: translate(0px, 0px);
+ box-shadow: 0 0 0px 1px #444, 0 0 0px 4px white;
}
-#played .influence_m1, #played .influence_s1, #played .influence_p1, .card.used {
- filter: brightness(75%)
+#discard .card.action {
+ box-shadow: 0 0 0px 1px #444, 0 0 0px 3px red;
}
-#played { background-image: repeating-linear-gradient(45deg, #555, #555 40px, #444 40px, #444 80px) }
-#market { background-image: repeating-linear-gradient(135deg, darkgray, darkgray 60px, gray 60px, gray 120px) }
-
-#discard .card.action {
- box-shadow: 0 0 0px 3px #a00;
+#market .card.action {
+ box-shadow: 0 0 0px 1px #444, 0 0 0px 3px gold;
}
.card.action:hover {
- transform: translate(0px, -12px);
+ transform: translate(0px, -6px);
+}
+
+#played .influence_m1, #played .influence_s1, #played .influence_p1, .card.used {
+ filter: brightness(75%)
}
#hand, #draw, #discard {
@@ -637,6 +638,10 @@ body.shift #zenobia { background-image: url(images/rival_back.png) }
min-height: 350px;
}
+#market {
+ background-image: repeating-linear-gradient(135deg, #555555, #555555 60px, #505050 60px, #505050 120px);
+}
+
/* COMBAT MASK */
#combat_mask {