From fa3fc7fd0184fc8500cbe21cee7440433d1d1c4c Mon Sep 17 00:00:00 2001 From: Tor Andersson Date: Mon, 5 Jun 2023 02:16:37 +0200 Subject: Start rules. --- play.html | 45 ++++++++++++++++++++++++++++++++------------- 1 file changed, 32 insertions(+), 13 deletions(-) (limited to 'play.html') diff --git a/play.html b/play.html index dcdefed..bc33c84 100644 --- a/play.html +++ b/play.html @@ -18,15 +18,22 @@ main { background-color: dimgray } #role_Blue .role_name { background-color: skyblue; } #mapwrap { - width: 1100px; - height: 850px; + width: 1104px; + height: 854px; box-shadow: 0px 1px 10px #0008; + margin: 12px auto; } #map { width: 1100px; height: 850px; - background-image: url(map100.png); + background-size: 1100px 850px; + background-image: url(map100.jpg); + border: 2px solid #333; +} + +@media (min-resolution: 97dpi) { + #map { background-image: url(map200.jpg) } } #map div { @@ -72,10 +79,18 @@ main { background-color: dimgray } .panel { max-width: 1100px; - margin: 36px auto; + margin: 24px auto; background-color: #555; + border: 2px solid #333; + box-shadow: 0 1px 10px #0008; } +#red_court_header { background-color: #644 } +#red_court { background-color: #655 } + +#blue_court_header { background-color: #446 } +#blue_court { background-color: #556 } + .panel_header { background-color: #444; color: white; @@ -89,8 +104,9 @@ main { background-color: dimgray } display: flex; justify-content: start; flex-wrap: wrap; - padding: 20px; - gap: 20px; + padding: 16px; + gap: 16px; + min-height: 80px; } @@ -150,16 +166,19 @@ main { background-color: dimgray }
Hand
- -
-
-
-
-
-
+
+
Red Court
+
+
+ +
+
Blue Court
+
+
+ -- cgit v1.2.3