From 76445df17a2f3a6f68de5584586c6aa131086830 Mon Sep 17 00:00:00 2001 From: Tor Andersson Date: Wed, 22 Jun 2022 00:36:18 +0200 Subject: More colors. --- public/style.css | 24 +++++++++++++++++++----- 1 file changed, 19 insertions(+), 5 deletions(-) diff --git a/public/style.css b/public/style.css index dd9b49e..1f6fdf6 100644 --- a/public/style.css +++ b/public/style.css @@ -172,17 +172,31 @@ article hr + p { font-style: italic; } margin: 4px 0; border: 1px solid black; } + .game_head { background-color: gainsboro } .game_main { background-color: whitesmoke } +.game_main a:hover { color: mediumblue } + .game_item.open .game_head { background-color: lightskyblue } .game_item.open .game_main { background-color: aliceblue } +.game_item.open a:hover { color: royalblue } + +.game_item.ready .game_head { background-color: darkseagreen } +.game_item.ready .game_main { background-color: mintcream } +.game_item.ready a:hover { color: seagreen } + .game_item.replacement .game_head { background-color: thistle } .game_item.replacement .game_main { background-color: lavenderblush } +.game_item.replacement a:hover { color: purple } + +.game_item.active .game_head { background-color: gainsboro } +.game_item.active .game_main { background-color: whitesmoke } +.game_item.active a:hover { color: mediumblue } + .game_item.finished .game_head { background-color: silver } .game_item.finished .game_main { background-color: gainsboro } +.game_item.finished a:hover { color: mediumblue } + .game_item.your_turn .game_head { background-color: gold } -.game_item.your_turn .game_main { background-color: ivory } -.game_item a:hover { color: navy } -.game_item.open a:hover { color: blue } -.game_item.replacement a:hover { color: purple } -.game_item.your_turn a:hover { color: maroon } +.game_item.your_turn .game_main { background-color: lightyellow } +.game_item.your_turn a:hover { color: #860 } -- cgit v1.2.3