From 36652251e1283ce48c9d6498f7cdf1c8cd305ac3 Mon Sep 17 00:00:00 2001 From: sD Date: Sat, 18 Apr 2020 18:26:36 +0200 Subject: add persona 4 chatbox --- webAO/styles/chatbox/p4.css | 65 +++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 65 insertions(+) create mode 100644 webAO/styles/chatbox/p4.css (limited to 'webAO/styles/chatbox/p4.css') diff --git a/webAO/styles/chatbox/p4.css b/webAO/styles/chatbox/p4.css new file mode 100644 index 0000000..4463dad --- /dev/null +++ b/webAO/styles/chatbox/p4.css @@ -0,0 +1,65 @@ +#client_chatcontainer { + position: absolute; + width: 100%; + height: 30%; + bottom: 0; + left: 0; + font-family: Arial, sans-serif; +} + +#client_name { + transform: rotate(4deg); + display: block; + padding: 0 0.45em; + height: 30%; + width: 70%; + text-align: left; + letter-spacing: 0.075em; + font-weight: bold; + color: #512f15; + background: #fe9e18; + background: linear-gradient(to right,#feab21, #fc7c00); + border-top: 0.2em solid #ffeb24; + left: 4%; + top: 0; + position: absolute; +} + +#client_name p { + transform: rotate(-5deg); + position: absolute; + padding: 1% 3.13%; + margin: 1px; + left: -1%; +} + +#client_chat { + font-size: 1em; + display: block; + width: 95%; + margin: auto; + height: 80%; + border-right: 0.2em solid #fc7b00; + border-radius: 0.1em; + background: linear-gradient(to right,#615338,#917e56 50%,#615338 100%); + bottom: 2%; + left: 2.5%; + position: absolute; + word-break: keep-all; + overflow-wrap: break-word; + text-align: left; + overflow: hidden; + z-index: 1; +} + +#client_chat p { + padding: 1.5% 4%; + 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/p4.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) (limited to 'webAO/styles/chatbox/p4.css') diff --git a/webAO/styles/chatbox/p4.css b/webAO/styles/chatbox/p4.css index 4463dad..dc9fdb7 100644 --- a/webAO/styles/chatbox/p4.css +++ b/webAO/styles/chatbox/p4.css @@ -25,8 +25,8 @@ position: absolute; } -#client_name p { - transform: rotate(-5deg); +#client_inner_name { + transform: rotate(-4deg); position: absolute; padding: 1% 3.13%; margin: 1px; -- 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/p4.css | 32 ++++++++++++++++++++++++++++++++ 1 file changed, 32 insertions(+) (limited to 'webAO/styles/chatbox/p4.css') diff --git a/webAO/styles/chatbox/p4.css b/webAO/styles/chatbox/p4.css index dc9fdb7..bb37052 100644 --- a/webAO/styles/chatbox/p4.css +++ b/webAO/styles/chatbox/p4.css @@ -1,3 +1,35 @@ +.text_white { + color: #fff; +} + +.text_green { + color: #0f0; +} + +.text_red { + color: #f00; +} + +.text_orange { + color: #ffa500; +} + +.text_blue { + color: #4596ff; +} + +.text_yellow { + color: #ff0; +} + +.text_pink { + color: #ffc0cb; +} + +.text_cyan { + color: #0ff; +} + #client_chatcontainer { position: absolute; width: 100%; -- cgit From 9548afea4b98ad1a100d20f81c9689eff6c210fb Mon Sep 17 00:00:00 2001 From: sD Date: Sat, 25 Apr 2020 18:55:13 +0200 Subject: use original P4 font if installed --- webAO/styles/chatbox/p4.css | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) (limited to 'webAO/styles/chatbox/p4.css') diff --git a/webAO/styles/chatbox/p4.css b/webAO/styles/chatbox/p4.css index bb37052..2dd10da 100644 --- a/webAO/styles/chatbox/p4.css +++ b/webAO/styles/chatbox/p4.css @@ -36,7 +36,8 @@ height: 30%; bottom: 0; left: 0; - font-family: Arial, sans-serif; + font-family: "FOT-Skip Std", Arial, sans-serif; + line-height: 1; } #client_name { -- 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/p4.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'webAO/styles/chatbox/p4.css') diff --git a/webAO/styles/chatbox/p4.css b/webAO/styles/chatbox/p4.css index 2dd10da..325b7e6 100644 --- a/webAO/styles/chatbox/p4.css +++ b/webAO/styles/chatbox/p4.css @@ -85,7 +85,7 @@ z-index: 1; } -#client_chat p { +#client_inner_chat { padding: 1.5% 4%; margin: 1px; line-height: 97%; -- cgit From aae8106325acb7f730e4c914fab4ac7b0af425e3 Mon Sep 17 00:00:00 2001 From: sD Date: Mon, 4 May 2020 22:47:26 +0200 Subject: p4: make border look a little more acurate --- webAO/styles/chatbox/p4.css | 42 ++++++++++++++++++++++++++++++------------ 1 file changed, 30 insertions(+), 12 deletions(-) (limited to 'webAO/styles/chatbox/p4.css') diff --git a/webAO/styles/chatbox/p4.css b/webAO/styles/chatbox/p4.css index 325b7e6..a5ba6d2 100644 --- a/webAO/styles/chatbox/p4.css +++ b/webAO/styles/chatbox/p4.css @@ -41,25 +41,44 @@ } #client_name { - transform: rotate(4deg); + transform: rotate(3deg); display: block; padding: 0 0.45em; - height: 30%; - width: 70%; + height: 85%; + width: 92%; text-align: left; - letter-spacing: 0.075em; - font-weight: bold; - color: #512f15; + color: #512f15; background: #fe9e18; - background: linear-gradient(to right,#feab21, #fc7c00); - border-top: 0.2em solid #ffeb24; - left: 4%; + background: linear-gradient(to right,#fdac20, #ff5900); + border: 0.2em solid #ffe92b; + border-style: solid solid none none; + border-radius: 0.1em; + left: 3%; top: 0; position: absolute; } +/* + +#client_name::before { + content: ""; + transform: rotate(2deg); + display: block; + padding: 0 0.45em; + height: 95%; + width: 94%; + background: #ffea2b; + background: linear-gradient(to right,#ffea2b, #ffe92b); + border-radius: 0.1em; + left: 3%; + top: 0; + position: absolute; +} + +*/ + #client_inner_name { - transform: rotate(-4deg); + transform: rotate(-3deg); position: absolute; padding: 1% 3.13%; margin: 1px; @@ -72,10 +91,9 @@ width: 95%; margin: auto; height: 80%; - border-right: 0.2em solid #fc7b00; border-radius: 0.1em; background: linear-gradient(to right,#615338,#917e56 50%,#615338 100%); - bottom: 2%; + bottom: 3%; left: 2.5%; position: absolute; word-break: keep-all; -- cgit From 718b1fa565f614cdfdfc94bef4b77ca064598df1 Mon Sep 17 00:00:00 2001 From: sD Date: Thu, 7 May 2020 00:40:19 +0200 Subject: p4: add yellow rotated box --- webAO/styles/chatbox/p4.css | 50 +++++++++++++++++++-------------------------- 1 file changed, 21 insertions(+), 29 deletions(-) (limited to 'webAO/styles/chatbox/p4.css') diff --git a/webAO/styles/chatbox/p4.css b/webAO/styles/chatbox/p4.css index a5ba6d2..872bfbd 100644 --- a/webAO/styles/chatbox/p4.css +++ b/webAO/styles/chatbox/p4.css @@ -40,49 +40,41 @@ line-height: 1; } -#client_name { - transform: rotate(3deg); +#client_chatdecoration { + transform: rotate(5deg); display: block; padding: 0 0.45em; - height: 85%; - width: 92%; - text-align: left; - color: #512f15; - background: #fe9e18; - background: linear-gradient(to right,#fdac20, #ff5900); - border: 0.2em solid #ffe92b; - border-style: solid solid none none; + height: 82%; + width: 89%; + background: #ffe92b; + background: linear-gradient(to right,#ffea2b, #ffe92b); border-radius: 0.1em; - left: 3%; + left: 7%; top: 0; position: absolute; } -/* - -#client_name::before { - content: ""; - transform: rotate(2deg); +#client_name { + transform: rotate(4deg); display: block; padding: 0 0.45em; - height: 95%; - width: 94%; - background: #ffea2b; - background: linear-gradient(to right,#ffea2b, #ffe92b); + height: 83%; + width: 92.25%; + text-align: left; + color: #512f15; + background: #fe9e18; + background: linear-gradient(to right,#fdac20, #ff5900); border-radius: 0.1em; left: 3%; - top: 0; + top: 1%; position: absolute; } -*/ - #client_inner_name { - transform: rotate(-3deg); + transform: rotate(-4deg); position: absolute; - padding: 1% 3.13%; - margin: 1px; - left: -1%; + margin: 0; + padding: 1% 0.5%; } #client_chat { @@ -90,10 +82,10 @@ display: block; width: 95%; margin: auto; - height: 80%; + height: 85%; border-radius: 0.1em; background: linear-gradient(to right,#615338,#917e56 50%,#615338 100%); - bottom: 3%; + bottom: 4%; left: 2.5%; position: absolute; word-break: keep-all; -- cgit From 7234b61c089f58d0a9b1f4740ed4390cefe5be83 Mon Sep 17 00:00:00 2001 From: sD Date: Thu, 7 May 2020 00:47:02 +0200 Subject: p4: fix chatbox spacing --- webAO/styles/chatbox/p4.css | 9 ++++----- 1 file changed, 4 insertions(+), 5 deletions(-) (limited to 'webAO/styles/chatbox/p4.css') diff --git a/webAO/styles/chatbox/p4.css b/webAO/styles/chatbox/p4.css index 872bfbd..efedf01 100644 --- a/webAO/styles/chatbox/p4.css +++ b/webAO/styles/chatbox/p4.css @@ -96,11 +96,10 @@ } #client_inner_chat { - padding: 1.5% 4%; - margin: 1px; - line-height: 97%; - letter-spacing: 0.05em; - word-spacing: 0.3em; + margin: 0; + padding: 1% 5%; + line-height: 125%; + word-spacing: 0.2em; } #client_chatwaiting { -- cgit From d3017b42a255c6e2636f105f3426f164e6033b96 Mon Sep 17 00:00:00 2001 From: sD Date: Thu, 7 May 2020 00:50:04 +0200 Subject: about the only color in this game --- webAO/styles/chatbox/p4.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'webAO/styles/chatbox/p4.css') diff --git a/webAO/styles/chatbox/p4.css b/webAO/styles/chatbox/p4.css index efedf01..01514f1 100644 --- a/webAO/styles/chatbox/p4.css +++ b/webAO/styles/chatbox/p4.css @@ -15,7 +15,7 @@ } .text_blue { - color: #4596ff; + color: #b3b2fa; } .text_yellow { -- cgit