From 383bc6bca78263d50910fa22038804ce8b32d983 Mon Sep 17 00:00:00 2001 From: stonedDiscord Date: Thu, 11 Mar 2021 23:23:25 +0100 Subject: add persona5 chatbox --- webAO/styles/chatbox/p5.css | 107 +++++++++++++++++++++++++++++++++ webAO/styles/chatbox/p5_template.svg | 111 +++++++++++++++++++++++++++++++++++ 2 files changed, 218 insertions(+) create mode 100644 webAO/styles/chatbox/p5.css create mode 100644 webAO/styles/chatbox/p5_template.svg (limited to 'webAO/styles/chatbox') diff --git a/webAO/styles/chatbox/p5.css b/webAO/styles/chatbox/p5.css new file mode 100644 index 0000000..5df386a --- /dev/null +++ b/webAO/styles/chatbox/p5.css @@ -0,0 +1,107 @@ +.text_white { + color: #fff; +} + +.text_blue { + color: #05fcf6; +} + +.text_green { + color: #98f548; +} + +.text_red { + color: #ff3a3a; +} + +.text_orange { + color: #fcb405; +} + +.text_yellow { + color: #eef540; +} + +.text_pink { + color: #d459c3; +} + +.text_cyan { + color: #5ce1c2; +} + +.text_grey { + color: #bbb; +} + +#client_chatcontainer { + position: absolute; + bottom: 0; + height: 35%; + width: 100%; + font-family: sans-serif; + background-image: url("p5.svg"); + background-size: cover; + background-repeat: no-repeat; +} + +#client_name { + display: block; + top: 13%; + left: 2%; + padding: 0 10px; + height: 22%; + width: 25%; + position: absolute; +} + +#client_inner_name { + margin: 0; + padding: 5% 0; + transform: rotate(-15deg); + color: black; +} + +#client_chat { + display: block; + width: 75%; + margin: auto; + height: 55%; + left: 20%; + bottom: 10%; + position: absolute; + word-break: keep-all; + word-wrap: break-word; + overflow-wrap: break-word; + text-align: left; + overflow: hidden; + scroll-behavior: smooth; +} + +#client_inner_chat { + padding: 1% 3%; + margin: 0; +} + +#client_chatwaiting { + display: block; + right: 1em; + bottom: 0.6em; + width: 1em; + position: absolute; + animation: idling 1s linear infinite; +} + +@keyframes idling { + 0% { + right: 0; + } + + 50% { + right: 2%; + } + + 100% { + right: 0; + } +} \ No newline at end of file diff --git a/webAO/styles/chatbox/p5_template.svg b/webAO/styles/chatbox/p5_template.svg new file mode 100644 index 0000000..ede3c64 --- /dev/null +++ b/webAO/styles/chatbox/p5_template.svg @@ -0,0 +1,111 @@ + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + -- cgit