From 3b80b4e1fa3de2d7d9591c0ccca5ce23c4afe93a Mon Sep 17 00:00:00 2001 From: sD Date: Sat, 21 Dec 2019 21:30:24 +0100 Subject: add area indicators --- webAO/client.css | 30 ++++++++++++++++++++++++++---- 1 file changed, 26 insertions(+), 4 deletions(-) (limited to 'webAO/client.css') diff --git a/webAO/client.css b/webAO/client.css index 82199e2..0783922 100644 --- a/webAO/client.css +++ b/webAO/client.css @@ -508,19 +508,41 @@ img { font-size: 1.5em; } -.location-box { +.area-button { border-style: solid; - background-color: #7B2900; min-width: 120px; margin: 5px; display: inline-block; padding: 6px; border-radius: 5px; - border-color: white; + border-color: black; border-width: 1px; cursor: pointer; } -.location-box:hover { +.area-button:hover { border-color: #FFD081; +} +.area-default { + background-color: rgb(54,198,68); +} + +.area-looking { + background-color: rgb(255,255,0); +} + +.area-casing { + background-color: rgb(255,166,0); +} + +.area-recess { + background-color: rgb(255,190,30); +} + +.area-rp { + background-color: rgb(200,52,252); +} + +.area-gaming { + background-color: rgb(55,255,255); } \ No newline at end of file -- cgit From 9c45746e60abd16e5214cdba7ec8692ab7dfe011 Mon Sep 17 00:00:00 2001 From: sD Date: Sat, 21 Dec 2019 21:33:29 +0100 Subject: black text is better readable --- webAO/client.css | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) (limited to 'webAO/client.css') diff --git a/webAO/client.css b/webAO/client.css index 0783922..f2bf434 100644 --- a/webAO/client.css +++ b/webAO/client.css @@ -515,9 +515,10 @@ img { display: inline-block; padding: 6px; border-radius: 5px; - border-color: black; + border-color: white; border-width: 1px; cursor: pointer; + color: #000; } .area-button:hover { -- cgit From ba8ec61733a6d582f939fffbe04793d31ec2d12e Mon Sep 17 00:00:00 2001 From: sD Date: Sun, 22 Dec 2019 19:37:30 +0100 Subject: add locked and spectatable --- webAO/client.css | 13 +++++++++---- 1 file changed, 9 insertions(+), 4 deletions(-) (limited to 'webAO/client.css') diff --git a/webAO/client.css b/webAO/client.css index f2bf434..c91d643 100644 --- a/webAO/client.css +++ b/webAO/client.css @@ -144,10 +144,6 @@ img { width: 100%; } -.area_btn { - width: 20%; -} - #client_court { position: absolute; height: 100%; @@ -524,6 +520,7 @@ img { .area-button:hover { border-color: #FFD081; } + .area-default { background-color: rgb(54,198,68); } @@ -546,4 +543,12 @@ img { .area-gaming { background-color: rgb(55,255,255); +} + +.area-locked { + background-color: rgb(127,127,127); +} + +.area-spectatable { + background-color: rgb(54,198,68); } \ No newline at end of file -- cgit From 23eae97b475c246a40f92207eddd002cc468f5de Mon Sep 17 00:00:00 2001 From: sD Date: Mon, 23 Dec 2019 18:44:28 +0100 Subject: lookup tables are for beginners --- webAO/client.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'webAO/client.css') diff --git a/webAO/client.css b/webAO/client.css index 6cea13a..787d35f 100644 --- a/webAO/client.css +++ b/webAO/client.css @@ -525,7 +525,7 @@ img { background-color: rgb(54,198,68); } -.area-looking { +.area-looking-for-players { background-color: rgb(255,255,0); } -- cgit From 2f2a440fd8e8a553459c4cf915b34b3f83b74b4b Mon Sep 17 00:00:00 2001 From: sD Date: Mon, 23 Dec 2019 18:48:19 +0100 Subject: add idle and play it safe --- webAO/client.css | 4 ++++ 1 file changed, 4 insertions(+) (limited to 'webAO/client.css') diff --git a/webAO/client.css b/webAO/client.css index 787d35f..7a0d449 100644 --- a/webAO/client.css +++ b/webAO/client.css @@ -525,6 +525,10 @@ img { background-color: rgb(54,198,68); } +.area-idle { + background-color: rgb(54,198,68); +} + .area-looking-for-players { background-color: rgb(255,255,0); } -- cgit From b4acc593d3193ea2d508372982bafe4ad9e45d0f Mon Sep 17 00:00:00 2001 From: sD Date: Wed, 25 Dec 2019 18:40:28 +0100 Subject: add css transition to get rid of jquery --- webAO/client.css | 2 ++ 1 file changed, 2 insertions(+) (limited to 'webAO/client.css') diff --git a/webAO/client.css b/webAO/client.css index 4199cf9..d512c8b 100644 --- a/webAO/client.css +++ b/webAO/client.css @@ -430,6 +430,8 @@ img { bottom: 0; position: relative; display: inline-block; + transition: 0.4s linear; + transition-property: width; } .client_button { -- cgit From 2e7825b0ca0508053826e36add9888a64c62925a Mon Sep 17 00:00:00 2001 From: sD Date: Wed, 25 Dec 2019 18:44:23 +0100 Subject: slow animation to match the real game --- webAO/client.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'webAO/client.css') diff --git a/webAO/client.css b/webAO/client.css index d512c8b..d18d5f3 100644 --- a/webAO/client.css +++ b/webAO/client.css @@ -430,7 +430,7 @@ img { bottom: 0; position: relative; display: inline-block; - transition: 0.4s linear; + transition: 1s linear; transition-property: width; } -- cgit From 9737b4274caca7c9b1c6b97e5cee5b63ca2199a1 Mon Sep 17 00:00:00 2001 From: sD Date: Wed, 25 Dec 2019 19:18:04 +0100 Subject: add flash and shake keyframes --- webAO/client.css | 13 +++++++++++++ 1 file changed, 13 insertions(+) (limited to 'webAO/client.css') diff --git a/webAO/client.css b/webAO/client.css index d18d5f3..95b6cca 100644 --- a/webAO/client.css +++ b/webAO/client.css @@ -79,6 +79,19 @@ img { width: 100%; } +@keyframes shake { + 0%,100% {left: 0; } + 20% {left: -10%; } + 40% {left: +10%; } + 60% {left: -10%; } + 80% {left: +10%; } +} + +@keyframes flash { + 0%,100% {background-color: transparent; } + 50% {background-color: white; } +} + #client_charselect { position: fixed; top: 0; -- cgit From fd81db5965b3847491e808dea67dd353c896a6e4 Mon Sep 17 00:00:00 2001 From: sD Date: Thu, 26 Dec 2019 18:02:05 +0100 Subject: show fg as i will use it for flash --- webAO/client.css | 1 - 1 file changed, 1 deletion(-) (limited to 'webAO/client.css') diff --git a/webAO/client.css b/webAO/client.css index 95b6cca..895293e 100644 --- a/webAO/client.css +++ b/webAO/client.css @@ -193,7 +193,6 @@ img { } #client_fg { - display: none; position: absolute; height: 100%; width: 100%; -- cgit From 6840bc478608079aeb2cdebfa858d14e44deda67 Mon Sep 17 00:00:00 2001 From: sD Date: Thu, 26 Dec 2019 18:13:18 +0100 Subject: animate evidence --- webAO/client.css | 2 ++ 1 file changed, 2 insertions(+) (limited to 'webAO/client.css') diff --git a/webAO/client.css b/webAO/client.css index 895293e..037bb0a 100644 --- a/webAO/client.css +++ b/webAO/client.css @@ -208,6 +208,8 @@ img { height: 0%; width: auto; top: 1.5em; + transition: 0.25s linear; + transition-property: height, opacity; } #client_shout { -- cgit