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