blob: 1b27226ff347d40581b1d87ca2d4e743becb4e74 (
plain) (
tree)
|
|
<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>
|
