diff options
| author | Tor Andersson <tor@ccxvii.net> | 2022-06-22 00:36:18 +0200 |
|---|---|---|
| committer | Tor Andersson <tor@ccxvii.net> | 2022-06-27 14:31:50 +0200 |
| commit | 76445df17a2f3a6f68de5584586c6aa131086830 (patch) | |
| tree | 052ab518e40fe8dd338bc4174d0b88ed8863a751 | |
| parent | 6120eeefa55d55ff46b508dbfa8214fc1f21b338 (diff) | |
| download | server-76445df17a2f3a6f68de5584586c6aa131086830.tar.gz | |
More colors.
| -rw-r--r-- | public/style.css | 24 |
1 files 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 } |