1 files changed, 60 insertions, 0 deletions
diff --git a/mod.html b/mod.html
new file mode 100755
index 0000000..1b27226
--- /dev/null
+++ b/mod.html
@@ -0,0 +1,60 @@
+<html>
+<head>
+<style>
+html { font-family: monospace; background: #333; color: #efefef; }
+* { box-sizing: border-box; }
+form { margin: 0; }
+#ui { width: 100%; display: table; }
+#c1 { width: auto; display: table-cell; }
+#c2 { width: 200px; height: 100%; display: table-cell; }
+input { color: #efefef; font-family: monospace; }
+input[type=text] {
+  border: 1px solid #111;
+  border-top: none;
+  padding: 6px;
+  background: #2a2a2a;
+  width: 100%;
+  cursor: text;
+  display: block;
+}
+input[type=submit] {
+  background: #444;
+  border: none;
+  font-weight: bold;
+  width: 200px;
+  height: 100%;
+  display: block;
+  cursor: pointer;
+  border-right: 1px solid #111;
+  border-bottom: 1px solid #111;
+}
+input[type=submit]:disabled {
+  color: #444;
+  background: #111;
+  cursor: progress;
+}
+#chatbox {
+  width: 100%;
+  height: 90%;
+  border: 1px solid #111;
+  overflow-y: scroll;
+  font-size: 12pt;
+}
+#chatbox div { line-height: 1; padding: 3px; }
+#chatbox .l0 { }
+#chatbox .l1 { background: #444; }
+#chatbox .own { color: #9f9fef; }
+#info { font-size: 12px; display: block; overflow: hidden; text-transform: uppercase; }
+#status { float: left; padding: 6px; }
+#viewers { text-align: right; padding: 6px; }
+</style>
+<script src="settings.js"></script>
+<script src="mod.js"></script>
+</head>
+<body>
+<div id="chatbox"></div>
+<form autocomplete="off"><div id="ui">
+<div id="c1"><input type="text" id="chat_msg" size="80"></div><div id="c2"><input type="submit" value="Enviar" id="sendchat"></div>
+</div></form>
+<div id="info"><div id="status"></div><div id="viewers"></div></div>
+</body>