2 files changed, 78 insertions, 0 deletions
diff --git a/cwd/assets/altcraft/ui/chat-styles.rcss b/cwd/assets/altcraft/ui/chat-styles.rcss
new file mode 100644
index 0000000..91f5b81
--- /dev/null
+++ b/cwd/assets/altcraft/ui/chat-styles.rcss
@@ -0,0 +1,62 @@
+#body-chat {
+    
+}
+
+p {
+    display: block;
+}
+
+scrollbarvertical {
+    background-color: #2c2c2c55;
+    width: 3vh;
+    left: 0;
+}
+
+scrollbarvertical sliderbar {
+    height: 10vh;
+    background-color: #9c9c9c55;
+}
+
+scrollbarvertical sliderbar:active {
+    background-color: #cfd69d;
+}
+
+scrollbarvertical sliderarrowdec {
+    display: none;
+}
+
+scrollbarvertical sliderarrowinc {
+    display: none;
+}
+
+#chat {
+    background-color: #00000055;
+    width: 80%;
+    height: 70%;
+    position: fixed;
+    bottom: 10%;
+    left: 0;
+    text-align: left;
+    overflow-y: auto;
+}
+
+.chat-msg {
+    font-size: 5vh;
+    bottom: 0%;
+}
+
+#chat-input {
+    width: 90%;
+}
+
+#chat-send {
+    margin: 0.25%;
+}
+
+#chat-footer {
+    position: fixed;
+    display: block;
+    bottom: 0;
+    width: 100%;
+    left: 0;
+}
diff --git a/cwd/assets/altcraft/ui/chat.rml b/cwd/assets/altcraft/ui/chat.rml
new file mode 100644
index 0000000..8634450
--- /dev/null
+++ b/cwd/assets/altcraft/ui/chat.rml
@@ -0,0 +1,16 @@
+<rml>
+    <head>
+        <link type="text/rcss" href="mc-styles" />
+        <link type="text/rcss" href="chat-styles" />
+        <script src="/altcraft/scripts/ui"></script>
+        <title>Chat</title>
+    </head>
+    <body class="body-chat">
+        <div id="chat">
+        </div>
+        <div id="chat-footer">
+            <input type="text" id="chat-input" class="mc-text" onkeydown="if event.parameters.key_identifier == 72 then SendChatMessage(document) end" />
+            <button id="chat-send" class="mc-button" onclick="SendChatMessage(document)">Send</button>
+        </div>
+    </body>
+</rml>