From b706b1bd9e2a783970cb9979b53f969ceb28442d Mon Sep 17 00:00:00 2001 From: sD Date: Wed, 1 Apr 2020 23:53:59 +0200 Subject: rough drae theme --- webAO/styles/chatbox/drae.css | 48 +++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 48 insertions(+) create mode 100644 webAO/styles/chatbox/drae.css (limited to 'webAO/styles/chatbox/drae.css') diff --git a/webAO/styles/chatbox/drae.css b/webAO/styles/chatbox/drae.css new file mode 100644 index 0000000..397dcfd --- /dev/null +++ b/webAO/styles/chatbox/drae.css @@ -0,0 +1,48 @@ +#client_chatcontainer { + font-family: sans-serif; +} + +#client_name { + display: none; + padding: 0 0.45em; + height: 5.2%; + width: 40%; + text-align: left; + letter-spacing: 0.075em; + font-weight: bold; + background: rgba(255, 0, 187, 0.9); + left: 0; + bottom: 31.25%; + position: absolute; + z-index: 1; +} + +#client_chat { + font-size: 1em; + display: none; + width: 100%; + margin: auto; + height: 31.25%; + border-top: 2px solid #ff00ab; + border-bottom: 2px solid #e9019e; + background-image: linear-gradient(rgba(33,18,28,0.75),rgba(45,18,36,0.75)); + bottom: 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 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/drae.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) (limited to 'webAO/styles/chatbox/drae.css') diff --git a/webAO/styles/chatbox/drae.css b/webAO/styles/chatbox/drae.css index 397dcfd..c8e2293 100644 --- a/webAO/styles/chatbox/drae.css +++ b/webAO/styles/chatbox/drae.css @@ -3,7 +3,7 @@ } #client_name { - display: none; + display: block; padding: 0 0.45em; height: 5.2%; width: 40%; @@ -19,7 +19,7 @@ #client_chat { font-size: 1em; - display: none; + display: block; width: 100%; margin: auto; height: 31.25%; -- cgit From 85c5b861c8129c2b99100e1c233da3a091788b59 Mon Sep 17 00:00:00 2001 From: sD Date: Sat, 18 Apr 2020 16:21:53 +0200 Subject: use linear gradient for name --- webAO/styles/chatbox/drae.css | 26 +++++++++++++++++++++----- 1 file changed, 21 insertions(+), 5 deletions(-) (limited to 'webAO/styles/chatbox/drae.css') diff --git a/webAO/styles/chatbox/drae.css b/webAO/styles/chatbox/drae.css index c8e2293..c8a4822 100644 --- a/webAO/styles/chatbox/drae.css +++ b/webAO/styles/chatbox/drae.css @@ -1,32 +1,48 @@ #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: 5.2%; - width: 40%; + height: 24%; + width: 50%; text-align: left; letter-spacing: 0.075em; font-weight: bold; - background: rgba(255, 0, 187, 0.9); + background: linear-gradient(225deg, transparent 10%, + rgba(255,75,206,0.9) 10% 15%, rgba(255, 0, 187, 0.9) 15% 16%, + rgba(255,75,206,0.9) 16% 20%, rgba(255, 0, 187, 0.9) 20% 22%, + rgba(255,75,206,0.9) 22% 25%, rgba(255, 0, 187, 0.9) 25% 28%, + rgba(255,75,206,0.9) 28% 30%, rgba(255, 0, 187, 0.9) 30% 32%, + rgba(255,75,206,0.9) 32% 33%, rgba(255, 0, 187, 0.9) 33%); left: 0; - bottom: 31.25%; + top: 0; position: absolute; z-index: 1; } +#client_name p { + padding: 1% 3.13%; + margin: 1px; +} + #client_chat { font-size: 1em; display: block; width: 100%; margin: auto; - height: 31.25%; + height: 75%; border-top: 2px solid #ff00ab; border-bottom: 2px solid #e9019e; background-image: linear-gradient(rgba(33,18,28,0.75),rgba(45,18,36,0.75)); bottom: 0; + left: 0; position: absolute; word-break: keep-all; overflow-wrap: break-word; -- cgit From ded814e2c483258ba75cfbae39ae855a73cae44b Mon Sep 17 00:00:00 2001 From: sD Date: Sat, 18 Apr 2020 16:22:42 +0200 Subject: fallback bg color --- webAO/styles/chatbox/drae.css | 1 + 1 file changed, 1 insertion(+) (limited to 'webAO/styles/chatbox/drae.css') diff --git a/webAO/styles/chatbox/drae.css b/webAO/styles/chatbox/drae.css index c8a4822..87ba828 100644 --- a/webAO/styles/chatbox/drae.css +++ b/webAO/styles/chatbox/drae.css @@ -15,6 +15,7 @@ text-align: left; letter-spacing: 0.075em; font-weight: bold; + background: #ff00bb; background: linear-gradient(225deg, transparent 10%, rgba(255,75,206,0.9) 10% 15%, rgba(255, 0, 187, 0.9) 15% 16%, rgba(255,75,206,0.9) 16% 20%, rgba(255, 0, 187, 0.9) 20% 22%, -- 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/drae.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'webAO/styles/chatbox/drae.css') diff --git a/webAO/styles/chatbox/drae.css b/webAO/styles/chatbox/drae.css index 87ba828..02ebd7c 100644 --- a/webAO/styles/chatbox/drae.css +++ b/webAO/styles/chatbox/drae.css @@ -28,7 +28,7 @@ z-index: 1; } -#client_name p { +#client_inner_name { padding: 1% 3.13%; margin: 1px; } -- cgit From 4fa277285e5117782ec4f76987cda9f7b7978f77 Mon Sep 17 00:00:00 2001 From: sD Date: Sun, 19 Apr 2020 18:01:48 +0200 Subject: use min-width instead of width --- webAO/styles/chatbox/drae.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'webAO/styles/chatbox/drae.css') diff --git a/webAO/styles/chatbox/drae.css b/webAO/styles/chatbox/drae.css index 02ebd7c..e5aa2aa 100644 --- a/webAO/styles/chatbox/drae.css +++ b/webAO/styles/chatbox/drae.css @@ -11,7 +11,7 @@ display: block; padding: 0 0.45em; height: 24%; - width: 50%; + min-width: 50%; text-align: left; letter-spacing: 0.075em; font-weight: bold; -- 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/drae.css | 32 ++++++++++++++++++++++++++++++++ 1 file changed, 32 insertions(+) (limited to 'webAO/styles/chatbox/drae.css') diff --git a/webAO/styles/chatbox/drae.css b/webAO/styles/chatbox/drae.css index e5aa2aa..ff51323 100644 --- a/webAO/styles/chatbox/drae.css +++ b/webAO/styles/chatbox/drae.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 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/drae.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'webAO/styles/chatbox/drae.css') diff --git a/webAO/styles/chatbox/drae.css b/webAO/styles/chatbox/drae.css index ff51323..3c313dd 100644 --- a/webAO/styles/chatbox/drae.css +++ b/webAO/styles/chatbox/drae.css @@ -84,7 +84,7 @@ scroll-behavior: smooth; } -#client_chat p { +#client_inner_chat { padding: 1% 3.13%; margin: 1px; line-height: 97%; -- cgit From 45cfbb2063a9c8a1e2ef25fe636c8e00f392707d Mon Sep 17 00:00:00 2001 From: sD Date: Tue, 12 May 2020 20:00:35 +0200 Subject: drae: fix nameplate overlapping the border --- webAO/styles/chatbox/drae.css | 9 +++++---- 1 file changed, 5 insertions(+), 4 deletions(-) (limited to 'webAO/styles/chatbox/drae.css') diff --git a/webAO/styles/chatbox/drae.css b/webAO/styles/chatbox/drae.css index 3c313dd..23991d0 100644 --- a/webAO/styles/chatbox/drae.css +++ b/webAO/styles/chatbox/drae.css @@ -42,7 +42,8 @@ #client_name { display: block; padding: 0 0.45em; - height: 24%; + height: 22%; + height: calc(25% - 0.1em); min-width: 50%; text-align: left; letter-spacing: 0.075em; @@ -71,8 +72,8 @@ width: 100%; margin: auto; height: 75%; - border-top: 2px solid #ff00ab; - border-bottom: 2px solid #e9019e; + border-top: 0.1em solid #ff00ab; + border-bottom: 0.1em solid #e9019e; background-image: linear-gradient(rgba(33,18,28,0.75),rgba(45,18,36,0.75)); bottom: 0; left: 0; @@ -86,7 +87,7 @@ #client_inner_chat { padding: 1% 3.13%; - margin: 1px; + margin: 0; line-height: 97%; letter-spacing: 0.05em; word-spacing: 0.3em; -- cgit