persona 1

1 files changed, 129 insertions, 0 deletions

diff --git a/webAO/styles/chatbox/p1.css b/webAO/styles/chatbox/p1.css
new file mode 100644
index 0000000..5a7d84e
--- /dev/null
+++ b/webAO/styles/chatbox/p1.css
@@ -0,0 +1,129 @@
+.text_white {
+  color: #fff;
+}
+
+.text_blue {
+  color: #18d7ff;
+}
+
+.text_green {
+  color: #84fb08;
+}
+
+.text_red {
+  color: #e1522a;
+}
+
+.text_orange {
+  color: #ff7118;
+}
+
+.text_yellow {
+  color: #fef9ad;
+}
+
+.text_pink {
+  color: #ffc0cb;
+}
+
+.text_cyan {
+  color: #0ff;
+}
+
+.text_grey {
+  color: #bbb;
+}
+
+@font-face {
+  font-family: "RevelationsPersonaDialogue";
+  font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src:
+    local("RevelationsPersonaDialogue"),
+    local("RevelationsPersonaDialogueMono"),
+    url("./RevelationsPersonaDialogueMono.woff2")
+      format("woff2");
+}
+
+#client_chatcontainer {
+  display: block;
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  height: 35%;
+  width: 100%;
+  transition-property: height, width;
+  transition-duration: 0.2s;
+}
+
+#client_name {
+  display: none;
+}
+
+#client_inner_name {
+  margin: 1px;
+}
+
+#client_chat {
+  font-size: 1.1em;
+  display: block;
+  width: 90%;
+  margin: auto;
+  height: 85%;
+  border-image-source: url("p1.png");
+  border-image-slice: 45 fill;
+  border-image-width: 4em;
+  border-width: 4em;
+  background-image: linear-gradient(rgba(0,16,0,0.56), rgba(0,239,0,0.56));
+  top: 0;
+  left: 5%;
+  position: absolute;
+  word-break: keep-all;
+  word-wrap: break-word;
+  overflow-wrap: break-word;
+  text-align: left;
+  overflow: hidden;
+  scroll-behavior: smooth;
+  font-family: "RevelationsPersonaDialogue", sans-serif;
+}
+
+#client_inner_chat {
+  display: block;
+  position: absolute;
+  margin: 0.8em;
+  padding: 0.1em 1em;
+  text-shadow: 4px 2px black;
+}
+
+#client_chatwaiting {
+  display: block;
+  transform: rotate(-90deg) scaleY(2);
+  position: absolute;
+  color: rgba(100,50,0,0.8);
+  font-size: 1.3em;
+  right: 0.4em;
+  bottom: -0.1em;
+}
+
+@keyframes idling {
+  0% {
+    right: 0.6em;
+  }
+
+  25% {
+    right: 0.7em;
+  }
+
+  100% {
+    right: 0.6em;
+  }
+}
+
+#client_trackstatus {
+  display: none;
+}
+
+#client_clock {
+  display: none;
+}