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