From ab183c3e71c1feb8895ddb67717da7b316d3e664 Mon Sep 17 00:00:00 2001 From: sD Date: Sat, 18 Apr 2020 16:41:00 +0200 Subject: add dr1 box --- webAO/styles/chatbox/dr1.css | 64 ++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 64 insertions(+) create mode 100644 webAO/styles/chatbox/dr1.css (limited to 'webAO/styles/chatbox/dr1.css') diff --git a/webAO/styles/chatbox/dr1.css b/webAO/styles/chatbox/dr1.css new file mode 100644 index 0000000..6a31f1d --- /dev/null +++ b/webAO/styles/chatbox/dr1.css @@ -0,0 +1,64 @@ +#client_chatcontainer { + position: absolute; + width: 100%; + height: 30%; + bottom: 0; + left: 0; + font-family: sans-serif; +} + +#client_name { + display: block; + padding: 0 0.45em; + height: 20%; + width: 90%; + text-align: left; + letter-spacing: 0.075em; + color: black; + font-style: italic; + border-radius: 0 2em 0 0; + background: #fb9800; + background: linear-gradient(45deg, + #f8c007, #fae06e 40%, + #fec001 40% 42%, #fadf69 42% 44%, + #fb9800 44%); + left: 0; + top: 0; + position: absolute; + z-index: 1; +} + +#client_name p { + padding: 0 2%; + margin: 1px; +} + +#client_chat { + font-size: 1em; + display: block; + width: 100%; + margin: auto; + height: 80%; + border-radius: 0 3em 3em 0; + background: rgba(48,48,48,0.6); + bottom: 0; + left: 0; + position: absolute; + word-break: keep-all; + overflow-wrap: break-word; + text-align: left; + overflow: hidden; + scroll-behavior: smooth; +} + +#client_chat p { + padding: 1% 3.13%; + margin: 1px; + line-height: 97%; + letter-spacing: 0.05em; + word-spacing: 0.3em; +} + +#client_chatwaiting { + display: none; +} \ No newline at end of file -- cgit From 182ee7354419bf6ce472817d1124932e82b43f98 Mon Sep 17 00:00:00 2001 From: sD Date: Sat, 18 Apr 2020 19:08:53 +0200 Subject: it sometimes didn't register as name p --- webAO/styles/chatbox/dr1.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'webAO/styles/chatbox/dr1.css') diff --git a/webAO/styles/chatbox/dr1.css b/webAO/styles/chatbox/dr1.css index 6a31f1d..8b7686e 100644 --- a/webAO/styles/chatbox/dr1.css +++ b/webAO/styles/chatbox/dr1.css @@ -28,7 +28,7 @@ z-index: 1; } -#client_name p { +#client_inner_name { padding: 0 2%; margin: 1px; } -- cgit From 2d604bfdc9f7e0082f75cd82757bbb039888e9f2 Mon Sep 17 00:00:00 2001 From: sD Date: Sun, 19 Apr 2020 17:54:42 +0200 Subject: make dr1 look like the actual game not some random bg --- webAO/styles/chatbox/dr1.css | 25 ++++++++++++++++++------- 1 file changed, 18 insertions(+), 7 deletions(-) (limited to 'webAO/styles/chatbox/dr1.css') diff --git a/webAO/styles/chatbox/dr1.css b/webAO/styles/chatbox/dr1.css index 8b7686e..ce81cef 100644 --- a/webAO/styles/chatbox/dr1.css +++ b/webAO/styles/chatbox/dr1.css @@ -14,14 +14,14 @@ width: 90%; text-align: left; letter-spacing: 0.075em; - color: black; - font-style: italic; + color: #3d3c3f; + font-weight: bold; border-radius: 0 2em 0 0; background: #fb9800; - background: linear-gradient(45deg, - #f8c007, #fae06e 40%, - #fec001 40% 42%, #fadf69 42% 44%, - #fb9800 44%); + background: linear-gradient(25deg, + #f7ffdb, #f7ffdb 60%, + #febf01 60% 63%, #fdffd7 63% 65%, + #fd9900 65%); left: 0; top: 0; position: absolute; @@ -33,6 +33,17 @@ margin: 1px; } +#client_name::after { + content: "SPEAKING"; + position: absolute; + left: 75%; + top: 0; + z-index: 2; + margin: 0; + color: #ffd786; + transform: scale(50%, 100%) +} + #client_chat { font-size: 1em; display: block; @@ -40,7 +51,7 @@ margin: auto; height: 80%; border-radius: 0 3em 3em 0; - background: rgba(48,48,48,0.6); + background: rgba(48,48,48,0.8); bottom: 0; left: 0; position: absolute; -- cgit From 014b906ce382377cf69f5795b26ac3acd91e0947 Mon Sep 17 00:00:00 2001 From: sD Date: Sun, 19 Apr 2020 17:55:51 +0200 Subject: fix padding in dr1 --- webAO/styles/chatbox/dr1.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) (limited to 'webAO/styles/chatbox/dr1.css') diff --git a/webAO/styles/chatbox/dr1.css b/webAO/styles/chatbox/dr1.css index ce81cef..4f7e538 100644 --- a/webAO/styles/chatbox/dr1.css +++ b/webAO/styles/chatbox/dr1.css @@ -63,8 +63,8 @@ } #client_chat p { - padding: 1% 3.13%; - margin: 1px; + padding: 2% 4%; + margin: 0; line-height: 97%; letter-spacing: 0.05em; word-spacing: 0.3em; -- cgit From 9aa761d249a3962db147af7acdc2ef2f2b909f5f Mon Sep 17 00:00:00 2001 From: sD Date: Mon, 20 Apr 2020 00:40:08 +0200 Subject: add colors to all the chatboxes --- webAO/styles/chatbox/dr1.css | 32 ++++++++++++++++++++++++++++++++ 1 file changed, 32 insertions(+) (limited to 'webAO/styles/chatbox/dr1.css') diff --git a/webAO/styles/chatbox/dr1.css b/webAO/styles/chatbox/dr1.css index 4f7e538..34700bc 100644 --- a/webAO/styles/chatbox/dr1.css +++ b/webAO/styles/chatbox/dr1.css @@ -1,3 +1,35 @@ +.text_white { + color: #fff; +} + +.text_blue { + color: #93bbe6; +} + +.text_green { + color: #6ab057; +} + +.text_red { + color: #e1522a; +} + +.text_orange { + color: #cf714c; +} + +.text_yellow { + color: #fef9ad; +} + +.text_pink { + color: #ffc0cb; +} + +.text_cyan { + color: #0ff; +} + #client_chatcontainer { position: absolute; width: 100%; -- cgit From 008d74aae7265b86396aad62b118ed4b7641028c Mon Sep 17 00:00:00 2001 From: sD Date: Mon, 27 Apr 2020 14:06:53 +0200 Subject: fix dr1 round thing going around the box --- webAO/styles/chatbox/dr1.css | 12 +++++++----- 1 file changed, 7 insertions(+), 5 deletions(-) (limited to 'webAO/styles/chatbox/dr1.css') diff --git a/webAO/styles/chatbox/dr1.css b/webAO/styles/chatbox/dr1.css index 34700bc..d4c2016 100644 --- a/webAO/styles/chatbox/dr1.css +++ b/webAO/styles/chatbox/dr1.css @@ -43,9 +43,8 @@ display: block; padding: 0 0.45em; height: 20%; - width: 90%; + width: 87%; text-align: left; - letter-spacing: 0.075em; color: #3d3c3f; font-weight: bold; border-radius: 0 2em 0 0; @@ -68,6 +67,7 @@ #client_name::after { content: "SPEAKING"; position: absolute; + letter-spacing: 0.075em; left: 75%; top: 0; z-index: 2; @@ -79,7 +79,7 @@ #client_chat { font-size: 1em; display: block; - width: 100%; + width: 97%; margin: auto; height: 80%; border-radius: 0 3em 3em 0; @@ -92,14 +92,16 @@ text-align: left; overflow: hidden; scroll-behavior: smooth; + + border-top-width: 1.2em; + border-top-style: solid; + border-color: #fd9900; } #client_chat p { padding: 2% 4%; margin: 0; line-height: 97%; - letter-spacing: 0.05em; - word-spacing: 0.3em; } #client_chatwaiting { -- cgit From 4b126c8cae7ef895d5fb274133560a83a61ced16 Mon Sep 17 00:00:00 2001 From: sD Date: Mon, 27 Apr 2020 19:18:25 +0200 Subject: use the id instead of p --- webAO/styles/chatbox/dr1.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'webAO/styles/chatbox/dr1.css') diff --git a/webAO/styles/chatbox/dr1.css b/webAO/styles/chatbox/dr1.css index d4c2016..d624b11 100644 --- a/webAO/styles/chatbox/dr1.css +++ b/webAO/styles/chatbox/dr1.css @@ -98,7 +98,7 @@ border-color: #fd9900; } -#client_chat p { +#client_inner_chat { padding: 2% 4%; margin: 0; line-height: 97%; -- cgit From ec6563414aae071f10beb7d25c6e783de9fa609f Mon Sep 17 00:00:00 2001 From: sD Date: Mon, 1 Jun 2020 19:22:59 +0200 Subject: add dr1 chatwaiting --- webAO/styles/chatbox/dr1.css | 11 ++++++++++- 1 file changed, 10 insertions(+), 1 deletion(-) (limited to 'webAO/styles/chatbox/dr1.css') diff --git a/webAO/styles/chatbox/dr1.css b/webAO/styles/chatbox/dr1.css index d624b11..b1df279 100644 --- a/webAO/styles/chatbox/dr1.css +++ b/webAO/styles/chatbox/dr1.css @@ -100,10 +100,19 @@ #client_inner_chat { padding: 2% 4%; + padding-right: 10%; margin: 0; line-height: 97%; } #client_chatwaiting { - display: none; + display: block; + position: absolute; + color: transparent; + right: 3%; + bottom: 30%; + width: 2em; + height: 2em; + background-image: url("chatwaiting_dr1.svg"); + background-size: contain; } \ No newline at end of file -- cgit From e02305654d5d58b4d80c8af4a0e228b34476c6b6 Mon Sep 17 00:00:00 2001 From: sD Date: Tue, 2 Jun 2020 00:54:46 +0200 Subject: dr1: fix the padding for the new chatwaiting --- webAO/styles/chatbox/dr1.css | 5 ++--- 1 file changed, 2 insertions(+), 3 deletions(-) (limited to 'webAO/styles/chatbox/dr1.css') diff --git a/webAO/styles/chatbox/dr1.css b/webAO/styles/chatbox/dr1.css index b1df279..ce86a63 100644 --- a/webAO/styles/chatbox/dr1.css +++ b/webAO/styles/chatbox/dr1.css @@ -68,7 +68,7 @@ content: "SPEAKING"; position: absolute; letter-spacing: 0.075em; - left: 75%; + right: 0; top: 0; z-index: 2; margin: 0; @@ -100,9 +100,8 @@ #client_inner_chat { padding: 2% 4%; - padding-right: 10%; + padding-right: 15%; margin: 0; - line-height: 97%; } #client_chatwaiting { -- cgit From 81c4b1366d12fc1410913f9877dce275550c9dd6 Mon Sep 17 00:00:00 2001 From: sD Date: Wed, 3 Jun 2020 20:42:03 +0200 Subject: add dr1 style current track indicator --- webAO/styles/chatbox/dr1.css | 37 +++++++++++++++++++++++++++++++++++++ 1 file changed, 37 insertions(+) (limited to 'webAO/styles/chatbox/dr1.css') diff --git a/webAO/styles/chatbox/dr1.css b/webAO/styles/chatbox/dr1.css index ce86a63..52febce 100644 --- a/webAO/styles/chatbox/dr1.css +++ b/webAO/styles/chatbox/dr1.css @@ -114,4 +114,41 @@ height: 2em; background-image: url("chatwaiting_dr1.svg"); background-size: contain; +} + +#client_trackstatus { + position: absolute; + right: 4%; + top: 4%; + width: 4em; + height: 1.2em; + font-family: sans-serif; + font-weight: bold; + overflow: hidden; +} + +#client_trackstatus::before { + content: "𝅘𝅥𝅮"; + position: absolute; + left: 0; + top: 0; + margin: 0; +} + +#client_trackstatustext { + display: inline-block; + position: absolute; + left: 20%; + width: 80%; + margin: 0; + overflow: hidden; + padding-left: 1em; + letter-spacing: 0.4em; + white-space: nowrap; + animation: marquee 10s linear infinite; +} + +@keyframes marquee { + from { text-indent: 0% } + to { text-indent: -125% } } \ No newline at end of file -- cgit