From 495090873cf62a1ca698cee18a2d292fc30aa292 Mon Sep 17 00:00:00 2001 From: Tor Andersson Date: Sat, 27 May 2023 19:28:16 +0200 Subject: Stuff. --- play.css | 43 ++++++++++++++++++++++++++++--------------- 1 file changed, 28 insertions(+), 15 deletions(-) (limited to 'play.css') diff --git a/play.css b/play.css index 97928f0..49885b1 100644 --- a/play.css +++ b/play.css @@ -22,7 +22,7 @@ header.your_turn.player_green { background-color: darkseagreen; } width: 2550px; height: 1650px; box-shadow: 0px 1px 10px #0008; - margin-bottom: 36px; + margin-bottom: 100px; } #map { @@ -96,6 +96,7 @@ svg .sea.action { background-repeat: no-repeat; } +.dice.d0 { display: none; } .dice.d1 { background-position: 0% 0; } .dice.d2 { background-position: 20% 0; } .dice.d3 { background-position: 40% 0; } @@ -171,7 +172,7 @@ body.p2 #Galatia_Governor { display: none } .goths { background-color: #3a9cd6; } .nomads { background-color: #f99d1c; } .sassanids { background-color: #8e5ca6; } -.rival { background-color: #b8b996; } +.rival_emperor { background-color: #b8b996; } .militia, .legion { background-color: #ffffff; } .neutral { background-color: #e3dedc; } .no_place_governor { background-color: #6e6e6e; } @@ -187,12 +188,17 @@ body.p2 #Galatia_Governor { display: none } .goths { border-color: #68c6ff #0073ab #0073ab #68c6ff; box-shadow: 0 0 0 1px #002759, 1px 2px 4px #0008; } .nomads { border-color: #ffcf60 #c56c00 #c56c00 #ffcf60; box-shadow: 0 0 0 1px #610700, 1px 2px 4px #0008; } .sassanids { border-color: #b17dca #6d3c83 #6d3c83 #b17dca; box-shadow: 0 0 0 1px #2f0042, 1px 2px 4px #0008; } -.rival { border-color: #eaebc7 #888968 #888968 #eaebc7; box-shadow: 0 0 0 1px #323214, 1px 2px 4px #0008; } +.rival_emperor { border-color: #eaebc7 #888968 #888968 #eaebc7; box-shadow: 0 0 0 1px #323214, 1px 2px 4px #0008; } .neutral { border-color: #fffefc #a9a4a2 #a9a4a2 #fffefc; box-shadow: 0 0 0 1px #403d3b, 1px 2px 4px #0008; } .militia { border-color: #ffffff #b2b2b2 #b2b2b2 #ffffff; box-shadow: 0 0 0 1px #434343, 1px 2px 4px #0008; } .legion { border-color: #ffffff #b2b2b2 #b2b2b2 #ffffff; box-shadow: 0 0 0 1px #434343, 1px 2px 4px #0008; } .no_place_governor { border-color: #8e8e8e #505050 #505050 #8e8e8e; box-shadow: 0 0 0 1px #191919, 1px 2px 4px #0008; } +.red.action { box-shadow: 0 0 0 1px #680000, 0 0 0 4px white; } +.blue.action { box-shadow: 0 0 0 1px #113854, 0 0 0 4px white; } +.yellow.action { box-shadow: 0 0 0 1px #553a00, 0 0 0 4px white; } +.green.action { box-shadow: 0 0 0 1px #033600, 0 0 0 4px white; } + #legion_0 { background-position: 0px 0px } #legion_1 { background-position: -55px 0px } #legion_2 { background-position: -110px 0px } @@ -237,7 +243,7 @@ body.p2 #Galatia_Governor { display: none } } .militia, .legion, -.alamanni, .franks, .goths, .nomads, .sassanids, .rival, +.alamanni, .franks, .goths, .nomads, .sassanids, .rival_emperor, .general, .emperor_turns, .no_place_governor { width: 55px; height: 55px; @@ -248,6 +254,13 @@ body.p2 #Galatia_Governor { display: none } border-style: solid; } +.general.unavailable { background-size: 330px 55px } +.general.unavailable.n1 { background-position: -55px 0 } +.general.unavailable.n2 { background-position: -110px 0 } +.general.unavailable.n3 { background-position: -165px 0 } +.general.unavailable.n4 { background-position: -220px 0 } +.general.unavailable.n5 { background-position: -275px 0 } + .no_place_governor { display: none; margin: 4px 0 0 4px; @@ -266,6 +279,13 @@ body.p2 #Galatia_Governor { display: none } border-style: solid; } +.governor.unavailable { background-size: 300px 50px } +.governor.unavailable.n1 { background-position: -50px 0 } +.governor.unavailable.n2 { background-position: -100px 0 } +.governor.unavailable.n3 { background-position: -150px 0 } +.governor.unavailable.n4 { background-position: -200px 0 } +.governor.unavailable.n5 { background-position: -250px 0 } + .castra, .quaestor, .mob, .mob_x2, .seat_of_power, .breakaway { width: 54px; height: 64px; @@ -327,6 +347,9 @@ body.p2 #Galatia_Governor { display: none } .red.emperor_turns { background-image: url(images/red_emperor_turns.png) } .yellow.emperor_turns { background-image: url(images/yellow_emperor_turns.png) } +.general.unavailable { background-image: url(images/general_numbers.png) } +.governor.unavailable { background-image: url(images/governor_numbers.png) } + .castra { background-image: url(images/castra.svg) } .quaestor { background-image: url(images/quaestor.svg) } .mob { background-image: url(images/mob.svg) } @@ -464,15 +487,5 @@ body.p2 #Galatia_Governor { display: none } flex-wrap: wrap; padding: 18px; gap: 18px; + min-height: 350px; } - -#action_body { - display: block; -} - -.action_row { - display: flex; - flex-wrap: wrap; - margin: 8px; -} - -- cgit v1.2.3