From 1df31063b975f94afece3fca8fe4810452cfa927 Mon Sep 17 00:00:00 2001 From: sD Date: Wed, 1 Apr 2020 23:07:44 +0200 Subject: add unfinished dgs box --- webAO/styles/chatbox/dgs.css | 41 +++++++++++++++++++++++++++++++++++++++++ 1 file changed, 41 insertions(+) create mode 100644 webAO/styles/chatbox/dgs.css (limited to 'webAO/styles/chatbox/dgs.css') diff --git a/webAO/styles/chatbox/dgs.css b/webAO/styles/chatbox/dgs.css new file mode 100644 index 0000000..e5ea3db --- /dev/null +++ b/webAO/styles/chatbox/dgs.css @@ -0,0 +1,41 @@ +#client_name { + display: none; + padding: 0px 6px; + height: 5.2%; + border: 1px solid #a59252; + background-image: linear-gradient(#635529, #8c7d42); + left: 1.5%; + top: 63%; + border-radius: 3px; + position: absolute; +} + +#client_chat { + font-size: 1em; + display: none; + width: 98%; + width: calc(100% - 4px); + margin: auto; + height: 30%; + border-image-source: url("dgs_chat_bg.png"); + border-image-slice: 12; + border-image-width: 12px; + border-width: 12px; + background-color: rgba(8, 22, 33, 0.75); + top: 70%; + 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; +} + +#client_chatwaiting { + display: none; +} \ No newline at end of file -- cgit From 1bb03e1fe25ccf2de5c74729e757bd06cffcc492 Mon Sep 17 00:00:00 2001 From: sD Date: Thu, 2 Apr 2020 14:27:17 +0200 Subject: dgs font --- webAO/styles/chatbox/dgs.css | 12 ++++++++++++ 1 file changed, 12 insertions(+) (limited to 'webAO/styles/chatbox/dgs.css') diff --git a/webAO/styles/chatbox/dgs.css b/webAO/styles/chatbox/dgs.css index e5ea3db..5df55d2 100644 --- a/webAO/styles/chatbox/dgs.css +++ b/webAO/styles/chatbox/dgs.css @@ -1,3 +1,15 @@ +@font-face { + font-family: 'Cabin Condensed'; + font-style: normal; + font-weight: 400; + font-display: swap; + src: local('Cabin Condensed'), local('CabinCondensed-Regular'), url(https://fonts.gstatic.com/s/cabincondensed/v13/nwpMtK6mNhBK2err_hqkYhHRqmwqZ-LY.woff2) format('woff2'); +} + +#chatcontainer { + font-family: 'Cabin Condensed', sans-serif; +} + #client_name { display: none; padding: 0px 6px; -- cgit From 1cf3f105bb62ff7a18a828fb57b2bce92c8812e5 Mon Sep 17 00:00:00 2001 From: sD Date: Thu, 2 Apr 2020 16:41:55 +0200 Subject: change sizes --- webAO/styles/chatbox/dgs.css | 17 +++++++++-------- 1 file changed, 9 insertions(+), 8 deletions(-) (limited to 'webAO/styles/chatbox/dgs.css') diff --git a/webAO/styles/chatbox/dgs.css b/webAO/styles/chatbox/dgs.css index 5df55d2..8e72484 100644 --- a/webAO/styles/chatbox/dgs.css +++ b/webAO/styles/chatbox/dgs.css @@ -6,34 +6,34 @@ src: local('Cabin Condensed'), local('CabinCondensed-Regular'), url(https://fonts.gstatic.com/s/cabincondensed/v13/nwpMtK6mNhBK2err_hqkYhHRqmwqZ-LY.woff2) format('woff2'); } -#chatcontainer { +#client_chatcontainer { font-family: 'Cabin Condensed', sans-serif; } #client_name { display: none; padding: 0px 6px; - height: 5.2%; + height: 5%; border: 1px solid #a59252; background-image: linear-gradient(#635529, #8c7d42); - left: 1.5%; - top: 63%; + left: 2%; + top: 65%; border-radius: 3px; position: absolute; + z-index: 1; } #client_chat { font-size: 1em; display: none; - width: 98%; - width: calc(100% - 4px); + width: 100%; margin: auto; height: 30%; border-image-source: url("dgs_chat_bg.png"); border-image-slice: 12; border-image-width: 12px; border-width: 12px; - background-color: rgba(8, 22, 33, 0.75); + background-color: #101821; top: 70%; position: absolute; word-break: keep-all; @@ -45,7 +45,8 @@ } #client_chat p { - margin: 4px; + margin: 6px; + padding: 6px 20px; } #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/dgs.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) (limited to 'webAO/styles/chatbox/dgs.css') diff --git a/webAO/styles/chatbox/dgs.css b/webAO/styles/chatbox/dgs.css index 8e72484..4adba28 100644 --- a/webAO/styles/chatbox/dgs.css +++ b/webAO/styles/chatbox/dgs.css @@ -11,7 +11,7 @@ } #client_name { - display: none; + display: block; padding: 0px 6px; height: 5%; border: 1px solid #a59252; @@ -25,7 +25,7 @@ #client_chat { font-size: 1em; - display: none; + display: block; width: 100%; margin: auto; height: 30%; -- cgit From 8616c0f8feeb463ca7ffb8a8d731ae6115c816b9 Mon Sep 17 00:00:00 2001 From: sD Date: Sat, 18 Apr 2020 17:35:00 +0200 Subject: make dgs fit inside the chatcontainer --- webAO/styles/chatbox/dgs.css | 18 ++++++++++++++---- 1 file changed, 14 insertions(+), 4 deletions(-) (limited to 'webAO/styles/chatbox/dgs.css') diff --git a/webAO/styles/chatbox/dgs.css b/webAO/styles/chatbox/dgs.css index 4adba28..297c232 100644 --- a/webAO/styles/chatbox/dgs.css +++ b/webAO/styles/chatbox/dgs.css @@ -8,33 +8,43 @@ #client_chatcontainer { font-family: 'Cabin Condensed', sans-serif; + position: absolute; + bottom: 0; + left: 0; + height: 35%; + width: 100%; } #client_name { display: block; padding: 0px 6px; - height: 5%; + height: 20%; + min-width: 10%; border: 1px solid #a59252; background-image: linear-gradient(#635529, #8c7d42); left: 2%; - top: 65%; + top: 0; border-radius: 3px; position: absolute; z-index: 1; } +#client_name p { + margin: 1px; +} + #client_chat { font-size: 1em; display: block; width: 100%; margin: auto; - height: 30%; + height: 80%; border-image-source: url("dgs_chat_bg.png"); border-image-slice: 12; border-image-width: 12px; border-width: 12px; background-color: #101821; - top: 70%; + bottom: 0; position: absolute; word-break: keep-all; word-wrap: break-word; -- 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/dgs.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'webAO/styles/chatbox/dgs.css') diff --git a/webAO/styles/chatbox/dgs.css b/webAO/styles/chatbox/dgs.css index 297c232..38c2c1f 100644 --- a/webAO/styles/chatbox/dgs.css +++ b/webAO/styles/chatbox/dgs.css @@ -29,7 +29,7 @@ z-index: 1; } -#client_name p { +#client_inner_name { margin: 1px; } -- cgit From 9dc3ae60265b8c53b7fc653bb065c7fbab45cee4 Mon Sep 17 00:00:00 2001 From: sD Date: Sun, 19 Apr 2020 18:51:50 +0200 Subject: transparency for the dgs border --- webAO/styles/chatbox/dgs.css | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) (limited to 'webAO/styles/chatbox/dgs.css') diff --git a/webAO/styles/chatbox/dgs.css b/webAO/styles/chatbox/dgs.css index 38c2c1f..44808b9 100644 --- a/webAO/styles/chatbox/dgs.css +++ b/webAO/styles/chatbox/dgs.css @@ -43,7 +43,6 @@ border-image-slice: 12; border-image-width: 12px; border-width: 12px; - background-color: #101821; bottom: 0; position: absolute; word-break: keep-all; @@ -57,6 +56,8 @@ #client_chat p { margin: 6px; padding: 6px 20px; + height: 80%; + background-color: #101821; } #client_chatwaiting { -- 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/dgs.css | 32 ++++++++++++++++++++++++++++++++ 1 file changed, 32 insertions(+) (limited to 'webAO/styles/chatbox/dgs.css') diff --git a/webAO/styles/chatbox/dgs.css b/webAO/styles/chatbox/dgs.css index 44808b9..ed556ac 100644 --- a/webAO/styles/chatbox/dgs.css +++ b/webAO/styles/chatbox/dgs.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; +} + @font-face { font-family: 'Cabin Condensed'; font-style: normal; -- cgit From e78a2903ab56b1e6d1d0aa3e22d9e7fdef907a16 Mon Sep 17 00:00:00 2001 From: sD Date: Thu, 23 Apr 2020 00:40:16 +0200 Subject: dgs theme: fill inner chatbox --- webAO/styles/chatbox/dgs.css | 6 ++++-- 1 file changed, 4 insertions(+), 2 deletions(-) (limited to 'webAO/styles/chatbox/dgs.css') diff --git a/webAO/styles/chatbox/dgs.css b/webAO/styles/chatbox/dgs.css index ed556ac..c015245 100644 --- a/webAO/styles/chatbox/dgs.css +++ b/webAO/styles/chatbox/dgs.css @@ -86,9 +86,11 @@ } #client_chat p { - margin: 6px; + display: block; + margin: 12px; padding: 6px 20px; - height: 80%; + height: 84%; + height: calc(100% - 36px); background-color: #101821; } -- cgit From a420a7c6be6d494fe6b9c44e2d743def6d42e00b Mon Sep 17 00:00:00 2001 From: sD Date: Sat, 25 Apr 2020 19:25:00 +0200 Subject: make the dgs border scale --- webAO/styles/chatbox/dgs.css | 9 ++++----- 1 file changed, 4 insertions(+), 5 deletions(-) (limited to 'webAO/styles/chatbox/dgs.css') diff --git a/webAO/styles/chatbox/dgs.css b/webAO/styles/chatbox/dgs.css index c015245..f42da24 100644 --- a/webAO/styles/chatbox/dgs.css +++ b/webAO/styles/chatbox/dgs.css @@ -73,8 +73,7 @@ height: 80%; border-image-source: url("dgs_chat_bg.png"); border-image-slice: 12; - border-image-width: 12px; - border-width: 12px; + border-image-width: 0.5em; bottom: 0; position: absolute; word-break: keep-all; @@ -87,10 +86,10 @@ #client_chat p { display: block; - margin: 12px; - padding: 6px 20px; + margin: 0.4em; + padding: 0.1em 1em; height: 84%; - height: calc(100% - 36px); + height: calc(100% - 1.1em); background-color: #101821; } -- cgit From f46d60efba4b9ac6ca8fd5e32e1ab875f25fd6d1 Mon Sep 17 00:00:00 2001 From: sD Date: Sat, 25 Apr 2020 19:48:39 +0200 Subject: i feel dumb now, fill solved it --- webAO/styles/chatbox/dgs.css | 9 ++++----- 1 file changed, 4 insertions(+), 5 deletions(-) (limited to 'webAO/styles/chatbox/dgs.css') diff --git a/webAO/styles/chatbox/dgs.css b/webAO/styles/chatbox/dgs.css index f42da24..d9caa2d 100644 --- a/webAO/styles/chatbox/dgs.css +++ b/webAO/styles/chatbox/dgs.css @@ -72,8 +72,9 @@ margin: auto; height: 80%; border-image-source: url("dgs_chat_bg.png"); - border-image-slice: 12; - border-image-width: 0.5em; + border-image-slice: 12 fill; + border-image-width: 0.5em; + border-width: 0.5em; bottom: 0; position: absolute; word-break: keep-all; @@ -86,11 +87,9 @@ #client_chat p { display: block; + position: absolute; margin: 0.4em; padding: 0.1em 1em; - height: 84%; - height: calc(100% - 1.1em); - background-color: #101821; } #client_chatwaiting { -- cgit From 5fc8916902c5288257f2412eaf941003fbc2deec Mon Sep 17 00:00:00 2001 From: sD Date: Sat, 25 Apr 2020 20:15:59 +0200 Subject: add idle spinner to dgs --- webAO/styles/chatbox/dgs.css | 22 +++++++++++++++++++++- 1 file changed, 21 insertions(+), 1 deletion(-) (limited to 'webAO/styles/chatbox/dgs.css') diff --git a/webAO/styles/chatbox/dgs.css b/webAO/styles/chatbox/dgs.css index d9caa2d..30f853d 100644 --- a/webAO/styles/chatbox/dgs.css +++ b/webAO/styles/chatbox/dgs.css @@ -93,5 +93,25 @@ } #client_chatwaiting { - display: none; + display: block; + position: absolute; + color: #ded7a2; + right: 0.7em; + top: 50%; + line-height: 0.5; + animation: idling 0.4s linear infinite; +} + +@keyframes idling { + 0% { + right: 0.6em; + } + + 25% { + right: 0.7em; + } + + 100% { + right: 0.6em; + } } \ No newline at end of file -- cgit From 34eea3590f4c4867091d54e1399bafd15abe1fac Mon Sep 17 00:00:00 2001 From: sD Date: Sat, 25 Apr 2020 20:30:46 +0200 Subject: fix colors on dgs theme --- webAO/styles/chatbox/dgs.css | 11 +++++++---- 1 file changed, 7 insertions(+), 4 deletions(-) (limited to 'webAO/styles/chatbox/dgs.css') diff --git a/webAO/styles/chatbox/dgs.css b/webAO/styles/chatbox/dgs.css index 30f853d..5572321 100644 --- a/webAO/styles/chatbox/dgs.css +++ b/webAO/styles/chatbox/dgs.css @@ -3,11 +3,11 @@ } .text_blue { - color: #93bbe6; + color: #18d7ff; } .text_green { - color: #6ab057; + color: #84fb08; } .text_red { @@ -15,7 +15,7 @@ } .text_orange { - color: #cf714c; + color: #ff7118; } .text_yellow { @@ -45,6 +45,7 @@ left: 0; height: 35%; width: 100%; + transition-property: height, opacity; } #client_name { @@ -52,9 +53,11 @@ padding: 0px 6px; height: 20%; min-width: 10%; + color: #fff7de; + text-shadow: 0 0 4px #000; border: 1px solid #a59252; background-image: linear-gradient(#635529, #8c7d42); - left: 2%; + left: 0.5em; top: 0; border-radius: 3px; position: absolute; -- cgit From 5c12b7623d3fc57b3001cfa4a69c1433327774b5 Mon Sep 17 00:00:00 2001 From: sD Date: Sat, 25 Apr 2020 20:39:49 +0200 Subject: dgs: smooth transition --- webAO/styles/chatbox/dgs.css | 3 +-- 1 file changed, 1 insertion(+), 2 deletions(-) (limited to 'webAO/styles/chatbox/dgs.css') diff --git a/webAO/styles/chatbox/dgs.css b/webAO/styles/chatbox/dgs.css index 5572321..cc4e9d9 100644 --- a/webAO/styles/chatbox/dgs.css +++ b/webAO/styles/chatbox/dgs.css @@ -45,7 +45,7 @@ left: 0; height: 35%; width: 100%; - transition-property: height, opacity; + transition-property: opacity 0.5s; } #client_name { @@ -61,7 +61,6 @@ top: 0; border-radius: 3px; position: absolute; - z-index: 1; } #client_inner_name { -- cgit From 82c4072a29287736fa8ddf3fb9aaa0ba822c1175 Mon Sep 17 00:00:00 2001 From: sD Date: Sat, 25 Apr 2020 20:45:18 +0200 Subject: dgs: oopsie, fix transition --- webAO/styles/chatbox/dgs.css | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) (limited to 'webAO/styles/chatbox/dgs.css') diff --git a/webAO/styles/chatbox/dgs.css b/webAO/styles/chatbox/dgs.css index cc4e9d9..6ee53cd 100644 --- a/webAO/styles/chatbox/dgs.css +++ b/webAO/styles/chatbox/dgs.css @@ -45,7 +45,8 @@ left: 0; height: 35%; width: 100%; - transition-property: opacity 0.5s; + transition-property: opacity; + transition: 0.1s linear; } #client_name { -- cgit From 3456f2fc9899ae1a45b384881df716276b3b24af Mon Sep 17 00:00:00 2001 From: sD Date: Sat, 25 Apr 2020 21:01:00 +0200 Subject: change the width of the chatbox --- webAO/styles/chatbox/dgs.css | 11 ++++++----- 1 file changed, 6 insertions(+), 5 deletions(-) (limited to 'webAO/styles/chatbox/dgs.css') diff --git a/webAO/styles/chatbox/dgs.css b/webAO/styles/chatbox/dgs.css index 6ee53cd..063d0f8 100644 --- a/webAO/styles/chatbox/dgs.css +++ b/webAO/styles/chatbox/dgs.css @@ -53,12 +53,12 @@ display: block; padding: 0px 6px; height: 20%; - min-width: 10%; + min-width: 20%; color: #fff7de; text-shadow: 0 0 4px #000; border: 1px solid #a59252; background-image: linear-gradient(#635529, #8c7d42); - left: 0.5em; + left: 4%; top: 0; border-radius: 3px; position: absolute; @@ -71,14 +71,15 @@ #client_chat { font-size: 1em; display: block; - width: 100%; + width: 98%; margin: auto; height: 80%; border-image-source: url("dgs_chat_bg.png"); border-image-slice: 12 fill; - border-image-width: 0.5em; - border-width: 0.5em; + border-image-width: 0.8em; + border-width: 0.8em; bottom: 0; + left: 1%; position: absolute; word-break: keep-all; word-wrap: break-word; -- cgit From a4c3cad6237a09839953dc71be6114a1e32822d5 Mon Sep 17 00:00:00 2001 From: sD Date: Sat, 25 Apr 2020 21:04:00 +0200 Subject: the name uses a different font --- webAO/styles/chatbox/dgs.css | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) (limited to 'webAO/styles/chatbox/dgs.css') diff --git a/webAO/styles/chatbox/dgs.css b/webAO/styles/chatbox/dgs.css index 063d0f8..0530dff 100644 --- a/webAO/styles/chatbox/dgs.css +++ b/webAO/styles/chatbox/dgs.css @@ -39,7 +39,6 @@ } #client_chatcontainer { - font-family: 'Cabin Condensed', sans-serif; position: absolute; bottom: 0; left: 0; @@ -62,6 +61,7 @@ top: 0; border-radius: 3px; position: absolute; + font-family: "Times New Roman", serif; } #client_inner_name { @@ -87,6 +87,7 @@ text-align: left; overflow: hidden; scroll-behavior: smooth; + font-family: 'Cabin Condensed', sans-serif; } #client_chat p { -- cgit From 9032d59a38e428404bf71c211349edff872f96ce Mon Sep 17 00:00:00 2001 From: sD Date: Sun, 26 Apr 2020 19:35:42 +0200 Subject: forgot display block on dgs chatcontainer --- webAO/styles/chatbox/dgs.css | 1 + 1 file changed, 1 insertion(+) (limited to 'webAO/styles/chatbox/dgs.css') diff --git a/webAO/styles/chatbox/dgs.css b/webAO/styles/chatbox/dgs.css index 0530dff..76db19d 100644 --- a/webAO/styles/chatbox/dgs.css +++ b/webAO/styles/chatbox/dgs.css @@ -39,6 +39,7 @@ } #client_chatcontainer { + display: block; position: absolute; bottom: 0; left: 0; -- 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/dgs.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'webAO/styles/chatbox/dgs.css') diff --git a/webAO/styles/chatbox/dgs.css b/webAO/styles/chatbox/dgs.css index 76db19d..2e0ab79 100644 --- a/webAO/styles/chatbox/dgs.css +++ b/webAO/styles/chatbox/dgs.css @@ -91,7 +91,7 @@ font-family: 'Cabin Condensed', sans-serif; } -#client_chat p { +#client_inner_chat { display: block; position: absolute; margin: 0.4em; -- cgit