diff options
Diffstat (limited to 'play.css')
| -rw-r--r-- | play.css | 50 |
1 files changed, 25 insertions, 25 deletions
@@ -3,15 +3,15 @@ main { background-color: dimgray; } header { background-color: gainsboro; } -#role_Commune { background-color: hsl(359, 62%, 75%); } -#role_Versailles { background-color: hsl(208, 45%, 75%); } -body.Commune header.your_turn { background-color: hsl(359, 62%, 70%); } -body.Versailles header.your_turn { background-color: hsl(208, 45%, 70%); } - -#log { background-color: #f7f4e1; } -#log .h1 { background-color: #dcd7af; font-weight: bold; padding:2px 0; text-align: center; } -#log .h2 { background-color: #dcd7af; padding: 0; text-align: center; } -#log .h3 { text-decoration: underline #575a53; } +#role_Commune { background-color: hsl(358, 62%, 75%); } +#role_Versailles { background-color: hsl(199, 45%, 75%); } +body.Commune header.your_turn { background-color: hsl(358, 62%, 70%); } +body.Versailles header.your_turn { background-color: hsl(199, 45%, 70%); } + +#log { background-color: hsl(54, 51%, 92%); } +#log .h1 { background-color: hsl(50, 45%, 78%); font-weight: bold; padding:2px 0; text-align: center; } +#log .h2 { background-color: hsl(50, 45%, 78%); padding: 0; text-align: center; } +#log .h3 { text-decoration: underline #555; } #log > .i { padding-left: 20px; } #log .tip { font-style: italic } #log .tip:hover { cursor: pointer; text-decoration: underline; } @@ -24,10 +24,10 @@ body.Versailles header.your_turn { background-color: hsl(208, 45%, 70%); } #log img.m { height: 17px; vertical-align: -5px } #log img.s { height: 16px; vertical-align: -4px } -#log span.institutional { font-weight: bold; color: #793 } -#log span.public_opinion { font-weight: bold; color: #d82 } -#log span.forts { font-weight: bold; color: #577 } -#log span.paris { font-weight: bold; color: #757 } +#log span.institutional { font-weight: bold; color: hsl(91, 44%, 44%) } +#log span.public_opinion { font-weight: bold; color: hsl(32, 84%, 52%) } +#log span.forts { font-weight: bold; color: hsl(183, 25%, 37%) } +#log span.paris { font-weight: bold; color: hsl(280, 29%, 44%) } .role_extra { float: right; @@ -57,10 +57,10 @@ body.censorship #hand_panel { width: clamp(290px, 1370px, 100%) } #final_panel { width: clamp(290px, 560px, 100%) } #set_aside_panel { width: clamp(290px, 830px, 100%) } -#red_objective_header { background-color: hsl(359, 20%, 28%); } -#blue_objective_header { background-color: hsl(208, 14%, 26%); } -#red_objective { background-color: hsl(359, 10%, 36%); } -#blue_objective { background-color: hsl(208, 7%, 33%); } +#red_objective_header { background-color: hsl(358, 20%, 28%); } +#blue_objective_header { background-color: hsl(199, 14%, 26%); } +#red_objective { background-color: hsl(358, 10%, 36%); } +#blue_objective { background-color: hsl(199, 7%, 33%); } .panel { background-color: #555; @@ -137,23 +137,23 @@ body.censorship #hand_panel { width: clamp(290px, 1370px, 100%) } } .space.institutional.action { - border: 4px solid hsl(78, 64%, 85%); - background-color: hsl(78, 64%, 85%, 0.5); + border: 4px solid hsl(91, 44%, 85%); + background-color: hsl(91, 44%, 85%, 0.5); } .space.public_opinion.action { - border: 4px solid hsl(34, 80%, 85%); - background-color: hsl(34, 80%, 85%, 0.5); + border: 4px solid hsl(32, 84%, 90%); + background-color: hsl(32, 84%, 90%, 0.5); } .space.forts.action { - border: 4px solid hsl(175, 32%, 85%); - background-color: hsl(175, 32%, 85%, 0.5); + border: 4px solid hsl(183, 25%, 85%); + background-color: hsl(183, 25%, 85%, 0.5); } .space.paris.action { - border: 4px solid hsl(275, 40%, 85%); - background-color: hsl(275, 40%, 85%, 0.5); + border: 4px solid hsl(280, 29%, 85%); + background-color: hsl(280, 29%, 85%, 0.5); } .space.pivotal.action { |