summaryrefslogtreecommitdiff
path: root/mod.html
diff options
context:
space:
mode:
Diffstat (limited to 'mod.html')
-rwxr-xr-xmod.html60
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>