diff options
-rw-r--r-- | info/cards.html | 79 | ||||
-rw-r--r-- | play.css | 16 | ||||
-rw-r--r-- | play.html | 4 | ||||
-rw-r--r-- | rules.js | 1 |
4 files changed, 56 insertions, 44 deletions
diff --git a/info/cards.html b/info/cards.html index f085796..beeda6e 100644 --- a/info/cards.html +++ b/info/cards.html @@ -19,9 +19,14 @@ html { background-size: 250px 350px; background-repeat: no-repeat; border-radius: 12px; - box-shadow: 0 0 0 1px #444, 0 0 4px #000; + box-shadow: 0 0 4px #000; } +.card.event.event_0 { background-color: #b73c26; } +.card.event { background-color: #f1f2f4; } +.card.influence.influence_back { background-color: #5c1d57; } +.card.influence { background-color: #ece8dc; } + .card.event_back{background-image:url(../cards.1x/event_back.jpg)} .card.event_1{background-image:url(../cards.1x/event_01.jpg)} .card.event_2{background-image:url(../cards.1x/event_02.jpg)} @@ -97,41 +102,57 @@ html { <body> <div class="list"> -<div class="card influence_m1"></div> -<div class="card influence_m2"></div> -<div class="card influence_m3"></div> -<div class="card influence_m4"></div> +<div class="card influence influence_m1"></div> +<div class="card influence influence_m2"></div> +<div class="card influence influence_m3"></div> +<div class="card influence influence_m4"></div> +</div> +<div class="list"> +<div class="card influence influence_p1"></div> +<div class="card influence influence_p2"></div> +<div class="card influence influence_p3"></div> +<div class="card influence influence_p4"></div> +</div> +<div class="list"> +<div class="card influence influence_s1"></div> +<div class="card influence influence_s2"></div> +<div class="card influence influence_s3"></div> +<div class="card influence influence_s4"></div> +</div> + +<div class="list"> +<div class="card influence influence_m2x"></div> +<div class="card influence influence_m3x"></div> +<div class="card influence influence_m4x"></div> </div> <div class="list"> -<div class="card influence_p1"></div> -<div class="card influence_p2"></div> -<div class="card influence_p3"></div> -<div class="card influence_p4"></div> +<div class="card influence influence_p2x"></div> +<div class="card influence influence_p3x"></div> +<div class="card influence influence_p4x"></div> </div> <div class="list"> -<div class="card influence_s1"></div> -<div class="card influence_s2"></div> -<div class="card influence_s3"></div> -<div class="card influence_s4"></div> +<div class="card influence influence_s2x"></div> +<div class="card influence influence_s3x"></div> +<div class="card influence influence_s4x"></div> +<div class="card influence influence_s4b"></div> </div> <div class="list"> -<div class="card event_back"></div> -<div class="card event_1"></div> -<div class="card event_2"></div> -<div class="card event_3"></div> -<div class="card event_4"></div> -<div class="card event_5"></div> -<div class="card event_6"></div> -<div class="card event_7"></div> -<div class="card event_8"></div> -<div class="card event_9"></div> -<div class="card event_10"></div> -<div class="card event_11"></div> -<div class="card event_12"></div> -<div class="card event_13"></div> -<div class="card event_14"></div> -<div class="card event_15"></div> +<div class="card event event_1"></div> +<div class="card event event_2"></div> +<div class="card event event_3"></div> +<div class="card event event_4"></div> +<div class="card event event_5"></div> +<div class="card event event_6"></div> +<div class="card event event_7"></div> +<div class="card event event_8"></div> +<div class="card event event_9"></div> +<div class="card event event_10"></div> +<div class="card event event_11"></div> +<div class="card event event_12"></div> +<div class="card event event_13"></div> +<div class="card event event_14"></div> +<div class="card event event_15"></div> </div> </body> @@ -480,16 +480,13 @@ body.p2 #Galatia_NPG { display: block } background-size: 250px 350px; background-repeat: no-repeat; border-radius: 16px; - box-shadow: 0 0 0 1px #444, 0 0 4px #000; + box-shadow: 0 0 4px #000; } -.card.event { - background-color: #f1f2f4; -} - -.card.influence { - background-color: #ece8dc; -} +.card.event.event_0 { background-color: #b73c26 } +.card.event { background-color: #f1f2f4 } +.card.influence.influence_back { background-color: #5c1d57 } +.card.influence { background-color: #ece8dc } .card.action { transition: transform 100ms ease; @@ -497,8 +494,7 @@ body.p2 #Galatia_NPG { display: block } transform: translate(0px, 0px); } -#played .influence_m1, #played .influence_s1, #played .influence_p1, -.card.used { +#played .influence_m1, #played .influence_s1, #played .influence_p1, .card.used { filter: brightness(75%) } @@ -22,10 +22,6 @@ <a class="menu_item" target="_blanK" href="/time-of-crisis/info/rules.html">Rules of Play</a> <a class="menu_item" target="_blanK" href="/time-of-crisis/info/expansion.html">Expansion Rules</a> <a class="menu_item" target="_blanK" href="/time-of-crisis/info/cards.html">Card Gallery</a> - <div class="debug menu_separator"></div> - <div class="debug menu_item" onclick="send_save()">🐞 Save</div> - <div class="debug menu_item" onclick="send_restore()">🐞 Restore</div> - <div class="debug menu_item" onclick="send_restart('Standard')">⚠ Restart</div> </div> </div> <div class="icon_button" onclick="toggle_pieces()"><img src="/images/earth-africa-europe.svg"></div> @@ -3072,7 +3072,6 @@ function roll_defender_dice() { n += roll_general_dice(game.battle.target) break } - return Math.max(0, n) } |