summaryrefslogtreecommitdiff
path: root/mod.html
blob: 1b27226ff347d40581b1d87ca2d4e743becb4e74 (plain) (blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
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>