From a3c4a99358520589ad4a6db1e0231fb15827b093 Mon Sep 17 00:00:00 2001 From: Joël Simoneau Date: Thu, 13 Mar 2025 15:01:26 -0400 Subject: Event 26. --- play.css | 142 +++++++++++++++++++++++++++++++++------------------------------ 1 file changed, 74 insertions(+), 68 deletions(-) (limited to 'play.css') 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 */ -- cgit v1.2.3