Event 26.

1 files changed, 74 insertions, 68 deletions

diff --git a/play.css b/play.css
index c0be34c..927f9aa 100644
--- a/play.css
+++ b/play.css
@@ -375,21 +375,25 @@ path.campaign { stroke: black; stroke-dasharray: 4 4; }
 
 #this_card { position: relative; }
 
-#this_card.c #shaded_event { border-top-color: transparent; }
-#this_card.c #unshaded_event { border-image: radial-gradient(100px 30px at bottom, transparent 65%, white) 3 }
+#this_card.c .shaded_event { border-top-color: transparent; }
+#this_card.c .unshaded_event { border-image: radial-gradient(100px 30px at bottom, transparent 65%, white) 3 }
 
-#unshaded_event, #shaded_event {
+#of_gods_and_kings.c .shaded_event { border-top-color: transparent; }
+#of_gods_and_kings.c .unshaded_event { border-image: radial-gradient(100px 30px at bottom, transparent 65%, white) 3 }
+
+
+.unshaded_event, .shaded_event {
 	display: none;
 	position: absolute;
 	box-sizing: border-box;
 	border: 3px solid white;
 }
 
-#shaded_event.action, #unshaded_event.action {
+.shaded_event.action, .unshaded_event.action {
 	display: block;
 }
 
-#unshaded_event {
+.unshaded_event {
 	left: 5px;
 	right: 5px;
 	top: 202px;
@@ -397,7 +401,7 @@ path.campaign { stroke: black; stroke-dasharray: 4 4; }
 	border-radius: 10px;
 }
 
-#shaded_event {
+.shaded_event {
 	left: 4px;
 	right: 4px;
 	bottom: 3px;
@@ -405,101 +409,103 @@ path.campaign { stroke: black; stroke-dasharray: 4 4; }
 	border-radius: 10px;
 }
 
-#this_card.card_1 #shaded_event { bottom: 3px; }
+#this_card, #of_gods_and_kings {
+	&.card_1 .shaded_event { bottom: 3px; }
 
-#this_card.card_2 #unshaded_event { height: 64px; top: 204px; left: 20px; right: 20px; }
+	&.card_2 .unshaded_event { height: 64px; top: 204px; left: 20px; right: 20px; }
 
-#this_card.card_3 #unshaded_event { height: 72px; left: 10px; right: 10px; }
-#this_card.card_3 #shaded_event { height: 76px; }
+	&.card_3 .unshaded_event { height: 72px; left: 10px; right: 10px; }
+	&.card_3 .shaded_event { height: 76px; }
 
-#this_card.card_4 #unshaded_event { height: 76px; top: 206px; left: 10px; right: 10px; }
-#this_card.card_4 #shaded_event { height: 68px; }
+	&.card_4 .unshaded_event { height: 76px; top: 206px; left: 10px; right: 10px; }
+	&.card_4 .shaded_event { height: 68px; }
 
-#this_card.card_5 #unshaded_event { height: 68px; top: 204px; left: 3px; right: 3px; }
-#this_card.card_5 #shaded_event { height: 78px; }
+	&.card_5 .unshaded_event { height: 68px; top: 204px; left: 3px; right: 3px; }
+	&.card_5 .shaded_event { height: 78px; }
 
-#this_card.card_6 #unshaded_event { height: 74px; top: 206px; left: 7px; right: 7px; }
-#this_card.card_6 #shaded_event { height: 70px; }
+	&.card_6 .unshaded_event { height: 74px; top: 206px; left: 7px; right: 7px; }
+	&.card_6 .shaded_event { height: 70px; }
 
-#this_card.card_7 #unshaded_event { height: 73px; top: 201px; left: 8px; right: 8px; }
-#this_card.card_7 #shaded_event { height: 75px; }
+	&.card_7 .unshaded_event { height: 73px; top: 201px; left: 8px; right: 8px; }
+	&.card_7 .shaded_event { height: 75px; }
 
-#this_card.card_8 #unshaded_event { height: 70px; left: 10px; right: 10px; }
-#this_card.card_8 #shaded_event { height: 78px; right: 3px; left: 3px; }
+	&.card_8 .unshaded_event { height: 70px; left: 10px; right: 10px; }
+	&.card_8 .shaded_event { height: 78px; right: 3px; left: 3px; }
 
-#this_card.card_9 #unshaded_event { height: 69px; top: 200px; left: 10px; right: 10px; }
-#this_card.card_9 #shaded_event { height: 80px; bottom: 4px; }
+	&.card_9 .unshaded_event { height: 69px; top: 200px; left: 10px; right: 10px; }
+	&.card_9 .shaded_event { height: 80px; bottom: 4px; }
 
-#this_card.card_10 #unshaded_event { height: 81px; top: 201px; left: 16px; right: 16px; }
-#this_card.card_10 #shaded_event { height: 68px; }
+	&.card_10 .unshaded_event { height: 81px; top: 201px; left: 16px; right: 16px; }
+	&.card_10 .shaded_event { height: 68px; }
 
-#this_card.card_11 #unshaded_event { height: 76px; top: 206px; left: 12px; right: 12px; }
-#this_card.card_11 #shaded_event { height: 68px; }
+	&.card_11 .unshaded_event { height: 76px; top: 206px; left: 12px; right: 12px; }
+	&.card_11 .shaded_event { height: 68px; }
 
-#this_card.card_12 #unshaded_event { height: 68px; top: 200px; left: 16px; right: 16px; }
+	&.card_12 .unshaded_event { height: 68px; top: 200px; left: 16px; right: 16px; }
 
-#this_card.card_13 #unshaded_event { height: 68px; top: 200px; left: 10px; right: 10px; }
+	&.card_13 .unshaded_event { height: 68px; top: 200px; left: 10px; right: 10px; }
 
-#this_card.card_14 #unshaded_event { height: 68px; top: 199px; left: 1px; right: 1px; }
-#this_card.card_14 #shaded_event { bottom: 4px; }
+	&.card_14 .unshaded_event { height: 68px; top: 199px; left: 1px; right: 1px; }
+	&.card_14 .shaded_event { bottom: 4px; }
 
-#this_card.card_15 #unshaded_event { height: 74px; top: 205px; }
-#this_card.card_15 #shaded_event { height: 71px; }
+	&.card_15 .unshaded_event { height: 74px; top: 205px; }
+	&.card_15 .shaded_event { height: 71px; }
 
-#this_card.card_16 #unshaded_event { height: 67px; top: 201px; left: 18px; right: 18px; }
+	&.card_16 .unshaded_event { height: 67px; top: 201px; left: 18px; right: 18px; }
 
-#this_card.card_17 #unshaded_event { height: 70px; top: 204px; left: 16px; right: 16px; }
-#this_card.card_17 #shaded_event { height: 76px; }
+	&.card_17 .unshaded_event { height: 70px; top: 204px; left: 16px; right: 16px; }
+	&.card_17 .shaded_event { height: 76px; }
 
-#this_card.card_18 #unshaded_event { height: 76px; top: 206px; }
-#this_card.card_18 #shaded_event { height: 68px; }
+	&.card_18 .unshaded_event { height: 76px; top: 206px; }
+	&.card_18 .shaded_event { height: 68px; }
 
-#this_card.card_19 #unshaded_event { height: 74px; }
-#this_card.card_19 #shaded_event { height: 74px; }
+	&.card_19 .unshaded_event { height: 74px; }
+	&.card_19 .shaded_event { height: 74px; }
 
-#this_card.card_20 #unshaded_event { height: 72px; }
-#this_card.card_20 #shaded_event { height: 76px; }
+	&.card_20 .unshaded_event { height: 72px; }
+	&.card_20 .shaded_event { height: 76px; }
 
-#this_card.card_21 #unshaded_event { height: 78px; top: 204px; left: 12px; right: 12px; }
-#this_card.card_21 #shaded_event { height: 68px; }
+	&.card_21 .unshaded_event { height: 78px; top: 204px; left: 12px; right: 12px; }
+	&.card_21 .shaded_event { height: 68px; }
 
-#this_card.card_22 #unshaded_event { height: 70px; top: 204px; left: 2px; right: 2px; }
-#this_card.card_22 #shaded_event { height: 76px; }
+	&.card_22 .unshaded_event { height: 70px; top: 204px; left: 2px; right: 2px; }
+	&.card_22 .shaded_event { height: 76px; }
 
-#this_card.card_23 #unshaded_event { height: 82px; top: 200px; left: 8px; right: 8px; }
-#this_card.card_23 #shaded_event { height: 68px; }
+	&.card_23 .unshaded_event { height: 82px; top: 200px; left: 8px; right: 8px; }
+	&.card_23 .shaded_event { height: 68px; }
 
-#this_card.card_24 #unshaded_event { height: 75px; top: 206px; left: 3px; right: 3px; }
-#this_card.card_24 #shaded_event { height: 69px; }
+	&.card_24 .unshaded_event { height: 75px; top: 206px; left: 3px; right: 3px; }
+	&.card_24 .shaded_event { height: 69px; }
 
-#this_card.card_26 #unshaded_event { height: 145px; left: 1px; right: 1px; }
+	&.card_26 .unshaded_event { height: 145px; left: 1px; right: 1px; }
 
-#this_card.card_27 #unshaded_event { height: 72px; left: 3px; right: 3px; }
-#this_card.card_27 #shaded_event { height: 76px; }
+	&.card_27 .unshaded_event { height: 72px; left: 3px; right: 3px; }
+	&.card_27 .shaded_event { height: 76px; }
 
-#this_card.card_28 #unshaded_event { height: 76px; top: 204px; left: 2px; right: 2px; }
-#this_card.card_28 #shaded_event { height: 70px; left: 2px; right: 2px; }
+	&.card_28 .unshaded_event { height: 76px; top: 204px; left: 2px; right: 2px; }
+	&.card_28 .shaded_event { height: 70px; left: 2px; right: 2px; }
 
-#this_card.card_29 #unshaded_event { height: 65px; top: 206px; left: 18px; right: 18px; }
-#this_card.card_29 #shaded_event { height: 80px; bottom: 2px; }
+	&.card_29 .unshaded_event { height: 65px; top: 206px; left: 18px; right: 18px; }
+	&.card_29 .shaded_event { height: 80px; bottom: 2px; }
 
-#this_card.card_31 #unshaded_event { height: 74px; top: 202px; left: 9px; right: 9px; }
-#this_card.card_31 #shaded_event { height: 74px; }
+	&.card_31 .unshaded_event { height: 74px; top: 202px; left: 9px; right: 9px; }
+	&.card_31 .shaded_event { height: 74px; }
 
-#this_card.card_32 #unshaded_event { height: 83px; top: 207px; left: 10px; right: 10px; }
-#this_card.card_32 #shaded_event { height: 60px; }
+	&.card_32 .unshaded_event { height: 83px; top: 207px; left: 10px; right: 10px; }
+	&.card_32 .shaded_event { height: 60px; }
 
-#this_card.card_33 #unshaded_event { height: 76px; top: 206px; left: 1px; right: 1px; }
-#this_card.card_33 #shaded_event { height: 68px; }
+	&.card_33 .unshaded_event { height: 76px; top: 206px; left: 1px; right: 1px; }
+	&.card_33 .shaded_event { height: 68px; }
 
-#this_card.card_34 #unshaded_event { height: 74px; top: 206px; left: 8px; right: 8px; }
-#this_card.card_34 #shaded_event { height: 70px; }
+	&.card_34 .unshaded_event { height: 74px; top: 206px; left: 8px; right: 8px; }
+	&.card_34 .shaded_event { height: 70px; }
 
-#this_card.card_35 #unshaded_event { height: 83px; top: 205px; left: 3px; right: 3px; }
-#this_card.card_35 #shaded_event { height: 62px; }
+	&.card_35 .unshaded_event { height: 83px; top: 205px; left: 3px; right: 3px; }
+	&.card_35 .shaded_event { height: 62px; }
 
-#this_card.card_36 #unshaded_event { height: 76px; top: 205px; left: 2px; right: 2px; }
-#this_card.card_36 #shaded_event { height: 69px; }
+	&.card_36 .unshaded_event { height: 76px; top: 205px; left: 2px; right: 2px; }
+	&.card_36 .shaded_event { height: 69px; }
+}
 
 /* TOKEN IMAGES */