From 7d8880f37c60c911fd0c6e11d923d0205d2a8766 Mon Sep 17 00:00:00 2001 From: sD Date: Wed, 1 Apr 2020 23:07:56 +0200 Subject: add yttd box --- webAO/styles/chatbox/yttd.css | 54 +++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 54 insertions(+) create mode 100644 webAO/styles/chatbox/yttd.css (limited to 'webAO/styles/chatbox/yttd.css') diff --git a/webAO/styles/chatbox/yttd.css b/webAO/styles/chatbox/yttd.css new file mode 100644 index 0000000..c5fa50a --- /dev/null +++ b/webAO/styles/chatbox/yttd.css @@ -0,0 +1,54 @@ + +#client_name { + display: none; + padding: 0 0.45em; + height: 5.2%; + min-width: 3.25em; + text-justify: distribute; + letter-spacing: 0.075em; + font-weight: bold; + background-color: black; + box-shadow: 0.075em 0.075em rgba(0, 56, 163, 0.5) inset; + left: 0; + top: 60.4%; + border-style: double; + border-color: #ffa500; + position: absolute; + z-index: 1; +} + +#client_chat { + font-size: 1em; + display: none; + width: 98.4375%; + width: calc(100% - 0.275em); + margin: auto; + height: 31.25%; + border-style: double; + border-color: #ffa500; + background-color: black; + top: 66.5%; + 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: block; + right: -6px; + bottom: 0.2em; + width: 1em; + position: absolute; + animation: idling 0.4s linear infinite; +} \ No newline at end of file -- cgit From e172029a5e978da699e0c9152f3b1682b5c7095b Mon Sep 17 00:00:00 2001 From: sD Date: Tue, 7 Apr 2020 19:54:10 +0200 Subject: fix yttd theme --- webAO/styles/chatbox/yttd.css | 31 ++++++++++++++++++++----------- 1 file changed, 20 insertions(+), 11 deletions(-) (limited to 'webAO/styles/chatbox/yttd.css') diff --git a/webAO/styles/chatbox/yttd.css b/webAO/styles/chatbox/yttd.css index c5fa50a..b3a7ba0 100644 --- a/webAO/styles/chatbox/yttd.css +++ b/webAO/styles/chatbox/yttd.css @@ -1,16 +1,25 @@ +#client_chatcontainer { + position: absolute; + top: 50%; + left: 0; + height: 50%; + width: 100%; + filter: none; + font-family: "MS PGothic", sans-serif; +} + #client_name { display: none; - padding: 0 0.45em; - height: 5.2%; + top: 0; + left: 0; + height: 25%; min-width: 3.25em; text-justify: distribute; letter-spacing: 0.075em; font-weight: bold; - background-color: black; - box-shadow: 0.075em 0.075em rgba(0, 56, 163, 0.5) inset; - left: 0; - top: 60.4%; + background-color: rgba(0, 0, 0, 0.5); + padding: 0.5 0.5em; border-style: double; border-color: #ffa500; position: absolute; @@ -20,14 +29,14 @@ #client_chat { font-size: 1em; display: none; - width: 98.4375%; - width: calc(100% - 0.275em); + bottom: 0; + width: 99%; + width: calc(100% - 6px); margin: auto; - height: 31.25%; + height: 70%; border-style: double; border-color: #ffa500; - background-color: black; - top: 66.5%; + background-color: rgba(0, 0, 0, 0.5); position: absolute; word-break: keep-all; overflow-wrap: break-word; -- 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/yttd.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'webAO/styles/chatbox/yttd.css') diff --git a/webAO/styles/chatbox/yttd.css b/webAO/styles/chatbox/yttd.css index b3a7ba0..a0e0c1c 100644 --- a/webAO/styles/chatbox/yttd.css +++ b/webAO/styles/chatbox/yttd.css @@ -1,7 +1,7 @@ #client_chatcontainer { position: absolute; - top: 50%; + bottom: 0; left: 0; height: 50%; width: 100%; -- cgit From caa5596464c7a34a32fa3e020896f49012d77a5b Mon Sep 17 00:00:00 2001 From: sD Date: Tue, 7 Apr 2020 23:09:19 +0200 Subject: add text colors and idle animation --- webAO/styles/chatbox/yttd.css | 57 ++++++++++++++++++++++++++++++++++++++++--- 1 file changed, 53 insertions(+), 4 deletions(-) (limited to 'webAO/styles/chatbox/yttd.css') diff --git a/webAO/styles/chatbox/yttd.css b/webAO/styles/chatbox/yttd.css index a0e0c1c..b9d5d70 100644 --- a/webAO/styles/chatbox/yttd.css +++ b/webAO/styles/chatbox/yttd.css @@ -9,6 +9,40 @@ font-family: "MS PGothic", sans-serif; } +.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_name { display: none; top: 0; @@ -19,6 +53,7 @@ letter-spacing: 0.075em; font-weight: bold; background-color: rgba(0, 0, 0, 0.5); + color: #fef9ad; padding: 0.5 0.5em; border-style: double; border-color: #ffa500; @@ -55,9 +90,23 @@ #client_chatwaiting { display: block; - right: -6px; - bottom: 0.2em; - width: 1em; + transform: rotate(90deg); + left: 50%; + bottom: 0px; position: absolute; - animation: idling 0.4s linear infinite; + animation: idling 1s linear infinite; +} + +@keyframes idling { + 0% { + bottom: 2px; + } + + 50% { + bottom: 0px; + } + + 100% { + bottom: 2px; + } } \ No newline at end of file -- cgit From 56a21a7956cdda8e2bb296928a11be3358ab04e5 Mon Sep 17 00:00:00 2001 From: sD Date: Tue, 7 Apr 2020 23:10:38 +0200 Subject: set min width to a not text related value --- webAO/styles/chatbox/yttd.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'webAO/styles/chatbox/yttd.css') diff --git a/webAO/styles/chatbox/yttd.css b/webAO/styles/chatbox/yttd.css index b9d5d70..6f3b122 100644 --- a/webAO/styles/chatbox/yttd.css +++ b/webAO/styles/chatbox/yttd.css @@ -48,7 +48,7 @@ top: 0; left: 0; height: 25%; - min-width: 3.25em; + min-width: 10%; text-justify: distribute; letter-spacing: 0.075em; font-weight: bold; -- cgit From 3546e8c3adc700a6998103373bdc733ee33ae5e5 Mon Sep 17 00:00:00 2001 From: sD Date: Tue, 7 Apr 2020 23:25:20 +0200 Subject: change padding to percent --- webAO/styles/chatbox/yttd.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'webAO/styles/chatbox/yttd.css') diff --git a/webAO/styles/chatbox/yttd.css b/webAO/styles/chatbox/yttd.css index 6f3b122..977c9f1 100644 --- a/webAO/styles/chatbox/yttd.css +++ b/webAO/styles/chatbox/yttd.css @@ -54,7 +54,7 @@ font-weight: bold; background-color: rgba(0, 0, 0, 0.5); color: #fef9ad; - padding: 0.5 0.5em; + padding: 0 3%; border-style: double; border-color: #ffa500; position: absolute; -- cgit From e93c69163f115fbfa2c92b2246ef30a953e27213 Mon Sep 17 00:00:00 2001 From: sD Date: Tue, 7 Apr 2020 23:30:06 +0200 Subject: add text border for yttd --- webAO/styles/chatbox/yttd.css | 1 + 1 file changed, 1 insertion(+) (limited to 'webAO/styles/chatbox/yttd.css') diff --git a/webAO/styles/chatbox/yttd.css b/webAO/styles/chatbox/yttd.css index 977c9f1..471ba79 100644 --- a/webAO/styles/chatbox/yttd.css +++ b/webAO/styles/chatbox/yttd.css @@ -7,6 +7,7 @@ width: 100%; filter: none; font-family: "MS PGothic", sans-serif; + text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black; } .text_white { -- cgit From 0bad799d9ba615c8a1c1d53cb779fa4ea2ab3da2 Mon Sep 17 00:00:00 2001 From: sD Date: Tue, 7 Apr 2020 23:44:34 +0200 Subject: fix up chatwaiting --- webAO/styles/chatbox/yttd.css | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) (limited to 'webAO/styles/chatbox/yttd.css') diff --git a/webAO/styles/chatbox/yttd.css b/webAO/styles/chatbox/yttd.css index 471ba79..f588ae4 100644 --- a/webAO/styles/chatbox/yttd.css +++ b/webAO/styles/chatbox/yttd.css @@ -91,10 +91,11 @@ #client_chatwaiting { display: block; + position: absolute; transform: rotate(90deg); left: 50%; - bottom: 0px; - position: absolute; + bottom: 0px; + line-height: 0.5; animation: idling 1s linear infinite; } -- cgit From b7d73a2148794628e60386a68b8c74a76e4c5ed5 Mon Sep 17 00:00:00 2001 From: sD Date: Wed, 8 Apr 2020 00:01:51 +0200 Subject: fix yttd font --- webAO/styles/chatbox/yttd.css | 11 ++--------- 1 file changed, 2 insertions(+), 9 deletions(-) (limited to 'webAO/styles/chatbox/yttd.css') diff --git a/webAO/styles/chatbox/yttd.css b/webAO/styles/chatbox/yttd.css index f588ae4..06644dc 100644 --- a/webAO/styles/chatbox/yttd.css +++ b/webAO/styles/chatbox/yttd.css @@ -6,7 +6,7 @@ height: 50%; width: 100%; filter: none; - font-family: "MS PGothic", sans-serif; + font-family: "DejaVu Sans Mono", "BIZ UDGothic", "Consolas", sans-serif; text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black; } @@ -50,8 +50,6 @@ left: 0; height: 25%; min-width: 10%; - text-justify: distribute; - letter-spacing: 0.075em; font-weight: bold; background-color: rgba(0, 0, 0, 0.5); color: #fef9ad; @@ -63,8 +61,8 @@ } #client_chat { - font-size: 1em; display: none; + position: absolute; bottom: 0; width: 99%; width: calc(100% - 6px); @@ -73,8 +71,6 @@ border-style: double; border-color: #ffa500; background-color: rgba(0, 0, 0, 0.5); - position: absolute; - word-break: keep-all; overflow-wrap: break-word; text-align: left; overflow: hidden; @@ -84,9 +80,6 @@ #client_chat p { padding: 1% 3.13%; margin: 1px; - line-height: 97%; - letter-spacing: 0.05em; - word-spacing: 0.3em; } #client_chatwaiting { -- 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/yttd.css | 9 ++++----- 1 file changed, 4 insertions(+), 5 deletions(-) (limited to 'webAO/styles/chatbox/yttd.css') diff --git a/webAO/styles/chatbox/yttd.css b/webAO/styles/chatbox/yttd.css index 06644dc..28261af 100644 --- a/webAO/styles/chatbox/yttd.css +++ b/webAO/styles/chatbox/yttd.css @@ -45,15 +45,13 @@ #client_name { - display: none; + display: block; top: 0; left: 0; - height: 25%; min-width: 10%; - font-weight: bold; background-color: rgba(0, 0, 0, 0.5); color: #fef9ad; - padding: 0 3%; + padding: 2% 3%; border-style: double; border-color: #ffa500; position: absolute; @@ -61,7 +59,7 @@ } #client_chat { - display: none; + display: block; position: absolute; bottom: 0; width: 99%; @@ -80,6 +78,7 @@ #client_chat p { padding: 1% 3.13%; margin: 1px; + font-size: 1.3em; } #client_chatwaiting { -- cgit From 5b114b21f805b3e1246f70402924a98b90181685 Mon Sep 17 00:00:00 2001 From: sD Date: Sat, 11 Apr 2020 16:15:55 +0200 Subject: give the name tag an inner p --- webAO/styles/chatbox/yttd.css | 13 ++++++++++--- 1 file changed, 10 insertions(+), 3 deletions(-) (limited to 'webAO/styles/chatbox/yttd.css') diff --git a/webAO/styles/chatbox/yttd.css b/webAO/styles/chatbox/yttd.css index 28261af..8eddeb0 100644 --- a/webAO/styles/chatbox/yttd.css +++ b/webAO/styles/chatbox/yttd.css @@ -48,16 +48,22 @@ display: block; top: 0; left: 0; + height: 27%; + height: calc(30% - 6px); min-width: 10%; - background-color: rgba(0, 0, 0, 0.5); - color: #fef9ad; - padding: 2% 3%; + background-color: rgba(0, 0, 0, 0.5); border-style: double; border-color: #ffa500; position: absolute; z-index: 1; } +#client_name p{ + margin: 0; + padding: 2% 3%; + color: #fef9ad; +} + #client_chat { display: block; position: absolute; @@ -66,6 +72,7 @@ width: calc(100% - 6px); margin: auto; height: 70%; + height: calc(70% - 6px); border-style: double; border-color: #ffa500; background-color: rgba(0, 0, 0, 0.5); -- cgit From f9715cc1a7869c8ade47052659dd31b8b4d6cc27 Mon Sep 17 00:00:00 2001 From: sD Date: Mon, 13 Apr 2020 18:50:51 +0200 Subject: finally center yttd nametag --- webAO/styles/chatbox/yttd.css | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) (limited to 'webAO/styles/chatbox/yttd.css') diff --git a/webAO/styles/chatbox/yttd.css b/webAO/styles/chatbox/yttd.css index 8eddeb0..936c5ac 100644 --- a/webAO/styles/chatbox/yttd.css +++ b/webAO/styles/chatbox/yttd.css @@ -46,6 +46,7 @@ #client_name { display: block; + position: absolute; top: 0; left: 0; height: 27%; @@ -53,14 +54,13 @@ min-width: 10%; background-color: rgba(0, 0, 0, 0.5); border-style: double; - border-color: #ffa500; - position: absolute; + border-color: #ffa500; + padding: 0 2%; z-index: 1; } #client_name p{ - margin: 0; - padding: 2% 3%; + line-height: 1em; color: #fef9ad; } -- 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/yttd.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'webAO/styles/chatbox/yttd.css') diff --git a/webAO/styles/chatbox/yttd.css b/webAO/styles/chatbox/yttd.css index 936c5ac..e2f8e4f 100644 --- a/webAO/styles/chatbox/yttd.css +++ b/webAO/styles/chatbox/yttd.css @@ -59,7 +59,7 @@ z-index: 1; } -#client_name p{ +#client_inner_name { line-height: 1em; color: #fef9ad; } -- cgit