X-Git-Url: http://git.scottworley.com/reliable-chat/blobdiff_plain/d925d235c289dd7abd89fe618199a27255ad6d07..638866e9ca5ea117b9b83212e890f0824c7594da:/webclient/rc.html
diff --git a/webclient/rc.html b/webclient/rc.html
index 4c05558..b83fa1a 100644
--- a/webclient/rc.html
+++ b/webclient/rc.html
@@ -5,15 +5,56 @@
<head>
<title>Reliable Chat</title>
<style type="text/css"><!--/*--><![CDATA[/*><!--*/
- html, body, #outer-table, #history { width: 99.9%; height: 100%; margin: 0; padding: 0 }
- #status { background-color: #eef }
+ html, body {
+ width: 99.9%;
+ height: 100%;
+ margin: 0;
+ padding: 0;
+ font-family: monospace;
+ }
+ #container {
+ height: 100%;
+ }
+ #status {
+ width: 100%;
+ text-align: right;
+ background-color: #eef;
+ padding: 5px 5px 5px 0px;
+ }
+ #client {
+ width: 98.5%;
+ padding: 0px 0px 0px 5px;
+ height: 50px;
+ position: fixed;
+ bottom: 0;
+ }
+ #input {
+ width: 100%;
+ }
#say { width: 100% }
- #history { vertical-align: bottom }
+ #history {
+ padding: 0px 5px 55px 5px;
+ vertical-align: bottom
+ }
img { width: 1px; height: 1px; }
iframe { display: none }
- #status span { margin-right: 2em }
- #status span.sad { background-color: #fee }
- #status span.happy { background-color: #efe }
+ #status span { margin-right: 10px; }
+ #status span.sad {
+ background-color: #f00;
+ color: #fff;
+ border: 1px solid black;
+ border-radius: 5px;
+ padding-left: 5px;
+ padding-right: 5px;
+ }
+ #status span.happy {
+ background-color: #0f0;
+ color: #000;
+ border: 1px solid black;
+ border-radius: 5px;
+ padding-left: 5px;
+ padding-right: 5px;
+ }
/*]]>*/--></style>
<script type="text/javascript"><!--//--><![CDATA[//><!--
var servers = ['chkno.net', 'rc2.chkno.net', 'echto.net', 'the-wes.com', 'vibrantlogic.com'];
@@ -167,12 +208,15 @@
</head>
<body onload="rcconnect()">
- <table id="outer-table">
- <tr><td id="history"></td></tr>
- <tr><td id="status"> </td></tr>
- <tr><td><form name="input" onsubmit="return false" autocomplete="off">
- <input id="say" onkeydown="return rckeydown(event)" autocomplete="off" autofocus="autofocus"></input>
- </form></td></tr>
- </table>
+ <div id="container">
+ <div id="history"></div>
+ <div id="client">
+ <div id="input">
+ <form name="input" onsubmit="return false" autocomplete="off">
+ <input id="say" onkeydown="return rckeydown(event)" autocomplete="off" autofocus="autofocus"></input>
+ </form></div>
+ <div id="status"> </div>
+ </div>
+ </div>
</body>
</html>