From 89d173388f1eb1f13ea5c41dbcc748d6fafd6e12 Mon Sep 17 00:00:00 2001 From: sD Date: Wed, 1 Apr 2020 22:08:46 +0200 Subject: move the css for the boxes into seperate css files --- webAO/styles/chatbox/chatdd.css | 48 +++++++++++++++++++++++++++++++++++++++++ 1 file changed, 48 insertions(+) create mode 100644 webAO/styles/chatbox/chatdd.css (limited to 'webAO/styles/chatbox/chatdd.css') diff --git a/webAO/styles/chatbox/chatdd.css b/webAO/styles/chatbox/chatdd.css new file mode 100644 index 0000000..ef63980 --- /dev/null +++ b/webAO/styles/chatbox/chatdd.css @@ -0,0 +1,48 @@ +#client_chatcontainer { + position: absolute; + top: 73%; + height: 27%; + width: 100%; + font-family: sans-serif; + background-image: url("../images/chatbox.svg"); + background-size: cover; + background-repeat: no-repeat; +} + +#client_name { + display: none; + top: 4%; + padding: 0 10px; + height: 22%; + position: absolute; +} + +#client_chat { + font-size: 1em; + display: none; + width: 100%; + margin: auto; + height: 90%; + top: 20%; + position: absolute; + word-break: keep-all; + word-wrap: break-word; + overflow-wrap: break-word; + text-align: left; + overflow: hidden; + scroll-behavior: smooth; +} + +#client_chat p { + margin: 4px; + padding: 5px 3%; +} + +#client_chatwaiting { + display: block; + right: 1em; + bottom: 0.6em; + width: 1em; + position: absolute; + animation: idling 1s linear infinite; +} \ No newline at end of file -- cgit From 2257d5d4b1a94d6d4eae3af127fd2b20f33b180f Mon Sep 17 00:00:00 2001 From: sD Date: Tue, 7 Apr 2020 22:51:33 +0200 Subject: don't worry about top anymore --- webAO/styles/chatbox/chatdd.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'webAO/styles/chatbox/chatdd.css') diff --git a/webAO/styles/chatbox/chatdd.css b/webAO/styles/chatbox/chatdd.css index ef63980..31dfe07 100644 --- a/webAO/styles/chatbox/chatdd.css +++ b/webAO/styles/chatbox/chatdd.css @@ -1,6 +1,6 @@ #client_chatcontainer { position: absolute; - top: 73%; + bottom: 0; height: 27%; width: 100%; font-family: sans-serif; -- cgit From 650ac895d430b118d278e0b77e9ede0803664bde Mon Sep 17 00:00:00 2001 From: sD Date: Wed, 8 Apr 2020 13:48:39 +0200 Subject: display: block --- webAO/styles/chatbox/chatdd.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) (limited to 'webAO/styles/chatbox/chatdd.css') diff --git a/webAO/styles/chatbox/chatdd.css b/webAO/styles/chatbox/chatdd.css index 31dfe07..233cdc3 100644 --- a/webAO/styles/chatbox/chatdd.css +++ b/webAO/styles/chatbox/chatdd.css @@ -10,7 +10,7 @@ } #client_name { - display: none; + display: block; top: 4%; padding: 0 10px; height: 22%; @@ -19,7 +19,7 @@ #client_chat { font-size: 1em; - display: none; + display: block; width: 100%; margin: auto; height: 90%; -- 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/chatdd.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'webAO/styles/chatbox/chatdd.css') diff --git a/webAO/styles/chatbox/chatdd.css b/webAO/styles/chatbox/chatdd.css index 233cdc3..b97fa2c 100644 --- a/webAO/styles/chatbox/chatdd.css +++ b/webAO/styles/chatbox/chatdd.css @@ -33,7 +33,7 @@ scroll-behavior: smooth; } -#client_chat p { +#client_inner_name { margin: 4px; padding: 5px 3%; } -- cgit From efedc1bb6b4a2d8061149b4db5649a732fdac21c Mon Sep 17 00:00:00 2001 From: sD Date: Sun, 19 Apr 2020 18:01:34 +0200 Subject: dd chatbox had the wrong path --- webAO/styles/chatbox/chatdd.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'webAO/styles/chatbox/chatdd.css') diff --git a/webAO/styles/chatbox/chatdd.css b/webAO/styles/chatbox/chatdd.css index b97fa2c..2fecddb 100644 --- a/webAO/styles/chatbox/chatdd.css +++ b/webAO/styles/chatbox/chatdd.css @@ -4,7 +4,7 @@ height: 27%; width: 100%; font-family: sans-serif; - background-image: url("../images/chatbox.svg"); + background-image: url("dd.svg"); background-size: cover; background-repeat: no-repeat; } -- cgit From cfb34cd2c82c83495e8cc2f8987fb55a0a316467 Mon Sep 17 00:00:00 2001 From: sD Date: Sun, 19 Apr 2020 18:07:30 +0200 Subject: dd chatbox got a little run over --- webAO/styles/chatbox/chatdd.css | 31 +++++++++++++++++++++++++------ 1 file changed, 25 insertions(+), 6 deletions(-) (limited to 'webAO/styles/chatbox/chatdd.css') diff --git a/webAO/styles/chatbox/chatdd.css b/webAO/styles/chatbox/chatdd.css index 2fecddb..99ab153 100644 --- a/webAO/styles/chatbox/chatdd.css +++ b/webAO/styles/chatbox/chatdd.css @@ -11,19 +11,24 @@ #client_name { display: block; - top: 4%; + top: 0; padding: 0 10px; height: 22%; position: absolute; } +#client_inner_name { + margin: 0; + padding: 5% 0; +} + #client_chat { font-size: 1em; display: block; width: 100%; margin: auto; - height: 90%; - top: 20%; + height: 75%; + bottom: 0; position: absolute; word-break: keep-all; word-wrap: break-word; @@ -33,9 +38,9 @@ scroll-behavior: smooth; } -#client_inner_name { - margin: 4px; - padding: 5px 3%; +#client_chat p { + padding: 1% 3%; + margin: 0; } #client_chatwaiting { @@ -45,4 +50,18 @@ width: 1em; position: absolute; animation: idling 1s linear infinite; +} + +@keyframes idling { + 0% { + right: 0; + } + + 50% { + right: 2%; + } + + 100% { + right: 0; + } } \ No newline at end of file -- 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/chatdd.css | 32 ++++++++++++++++++++++++++++++++ 1 file changed, 32 insertions(+) (limited to 'webAO/styles/chatbox/chatdd.css') diff --git a/webAO/styles/chatbox/chatdd.css b/webAO/styles/chatbox/chatdd.css index 99ab153..77c02ff 100644 --- a/webAO/styles/chatbox/chatdd.css +++ b/webAO/styles/chatbox/chatdd.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; bottom: 0; -- cgit From 3d1f6b541d0954282559ada09568d80b33bcd6db Mon Sep 17 00:00:00 2001 From: sD Date: Sat, 25 Apr 2020 21:30:49 +0200 Subject: fix soj colors --- webAO/styles/chatbox/chatdd.css | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) (limited to 'webAO/styles/chatbox/chatdd.css') diff --git a/webAO/styles/chatbox/chatdd.css b/webAO/styles/chatbox/chatdd.css index 77c02ff..4367b18 100644 --- a/webAO/styles/chatbox/chatdd.css +++ b/webAO/styles/chatbox/chatdd.css @@ -3,11 +3,11 @@ } .text_blue { - color: #93bbe6; + color: #18cbef; } .text_green { - color: #6ab057; + color: #84fb08; } .text_red { @@ -15,7 +15,7 @@ } .text_orange { - color: #cf714c; + color: #f76918; } .text_yellow { -- 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/chatdd.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'webAO/styles/chatbox/chatdd.css') diff --git a/webAO/styles/chatbox/chatdd.css b/webAO/styles/chatbox/chatdd.css index 4367b18..2d899c9 100644 --- a/webAO/styles/chatbox/chatdd.css +++ b/webAO/styles/chatbox/chatdd.css @@ -70,7 +70,7 @@ scroll-behavior: smooth; } -#client_chat p { +#client_inner_chat { padding: 1% 3%; margin: 0; } -- cgit