From 565e41c498318582089c10dfda3754ea4872a3a5 Mon Sep 17 00:00:00 2001 From: sD Date: Sat, 18 Apr 2020 17:03:52 +0200 Subject: add rough drv3 theme --- webAO/styles/chatbox/drv3.css | 63 +++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 63 insertions(+) create mode 100644 webAO/styles/chatbox/drv3.css (limited to 'webAO/styles/chatbox/drv3.css') diff --git a/webAO/styles/chatbox/drv3.css b/webAO/styles/chatbox/drv3.css new file mode 100644 index 0000000..26bad9f --- /dev/null +++ b/webAO/styles/chatbox/drv3.css @@ -0,0 +1,63 @@ +#client_chatcontainer { + position: absolute; + width: 100%; + height: 30%; + bottom: 0; + left: 0; + font-family: sans-serif; +} + +#client_name { + display: block; + transform: skew(15deg); + padding: 0 0.45em; + height: 20%; + width: 20%; + text-align: left; + letter-spacing: 0.075em; + background: #0e0a02; + border-left: 0.6em solid #fdd300; + left: 1%; + top: 0; + position: absolute; + z-index: 1; +} + +#client_name p { + transform: skew(-15deg); + padding: 0 2%; + margin: 1px; +} + +#client_chat { + transform: skew(15deg); + font-size: 1em; + display: block; + width: 89%; + margin: auto; + height: 80%; + border-left: 0.6em solid #fdd300; + border-right: 0.6em solid #fdd300; + background: #030303; + bottom: 0; + left: 4%; + position: absolute; + word-break: keep-all; + overflow-wrap: break-word; + text-align: left; + overflow: hidden; + scroll-behavior: smooth; +} + +#client_chat p { + transform: skew(-15deg); + padding: 3% 5%; + 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 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/drv3.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'webAO/styles/chatbox/drv3.css') diff --git a/webAO/styles/chatbox/drv3.css b/webAO/styles/chatbox/drv3.css index 26bad9f..b0bf605 100644 --- a/webAO/styles/chatbox/drv3.css +++ b/webAO/styles/chatbox/drv3.css @@ -23,7 +23,7 @@ z-index: 1; } -#client_name p { +#client_inner_name { transform: skew(-15deg); padding: 0 2%; 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/drv3.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'webAO/styles/chatbox/drv3.css') diff --git a/webAO/styles/chatbox/drv3.css b/webAO/styles/chatbox/drv3.css index b0bf605..3818d82 100644 --- a/webAO/styles/chatbox/drv3.css +++ b/webAO/styles/chatbox/drv3.css @@ -12,7 +12,7 @@ transform: skew(15deg); padding: 0 0.45em; height: 20%; - width: 20%; + min-width: 20%; text-align: left; letter-spacing: 0.075em; background: #0e0a02; -- 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/drv3.css | 32 ++++++++++++++++++++++++++++++++ 1 file changed, 32 insertions(+) (limited to 'webAO/styles/chatbox/drv3.css') diff --git a/webAO/styles/chatbox/drv3.css b/webAO/styles/chatbox/drv3.css index 3818d82..c2ad03e 100644 --- a/webAO/styles/chatbox/drv3.css +++ b/webAO/styles/chatbox/drv3.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/drv3.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'webAO/styles/chatbox/drv3.css') diff --git a/webAO/styles/chatbox/drv3.css b/webAO/styles/chatbox/drv3.css index c2ad03e..d736387 100644 --- a/webAO/styles/chatbox/drv3.css +++ b/webAO/styles/chatbox/drv3.css @@ -81,7 +81,7 @@ scroll-behavior: smooth; } -#client_chat p { +#client_inner_chat { transform: skew(-15deg); padding: 3% 5%; margin: 1px; -- cgit From ac369424c151959822fe8730f46ca6ad865b5d06 Mon Sep 17 00:00:00 2001 From: sD Date: Sun, 3 May 2020 16:39:12 +0200 Subject: drv3: this doesn't belong here --- webAO/styles/chatbox/drv3.css | 1 - 1 file changed, 1 deletion(-) (limited to 'webAO/styles/chatbox/drv3.css') diff --git a/webAO/styles/chatbox/drv3.css b/webAO/styles/chatbox/drv3.css index d736387..e0e5c6c 100644 --- a/webAO/styles/chatbox/drv3.css +++ b/webAO/styles/chatbox/drv3.css @@ -46,7 +46,6 @@ height: 20%; min-width: 20%; text-align: left; - letter-spacing: 0.075em; background: #0e0a02; border-left: 0.6em solid #fdd300; left: 1%; -- cgit