author: Paul Buetow <paul@buetow.org> 2010-11-21 16:20:55 +0000
committer: Paul Buetow <paul@buetow.org> 2010-11-21 16:20:55 +0000
commit: 6fde6b0fe90abde84011202edd40fe46eb06af44 (patch)
tree: ef760338c50b4df3ae9cca96347bca962fdbec7e /html
parent: 55b08bd93257d32df76efc4e8e3f49311c39ee82 (diff)
15 files changed, 736 insertions, 690 deletions
diff --git a/html/admin.html b/html/admin.html
index bba0b01..3dee7a2 100644
--- a/html/admin.html
+++ b/html/admin.html
@@ -1,22 +1,33 @@
 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
 <html>
- <head>
-  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
-  <title>Admin options - %%ychat.version%%</title>
-  <link rel=stylesheet href="style.css" type=text/css />
- </head>
- <body>
-  <div>
-   Hello %%nick%%, all chat configuration options  available are summarized below. Please also keep in mind, that all sensible informations such as passwords are hidden.
-  </div>
-  <div>This site is for demonstration purporse only.</div>
-  <br />
-  <div>All options summarized here come from the XML based ychat.conf configuration file.</div>
-  <div>
-   %%content%%
-  </div>
-  <div class="footer">
-   <span class="signature">yChat is OpenSource - get it at <a class="fancy" target="_blank" href="http://www.yChat.org">http://www.yChat.org</a></span>
-  </div>
- </body>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
+<title>
+ Admin options - %%ychat.version%%
+</title>
+<link rel=stylesheet href="style.css" type=text/css>
+</head>
+<body>
+<table align=center width=500>
+<tr><td>
+ Hello %%nick%%, all chat configuration options  available are summarized below. 
+ Please also keep in mind, that all sensible informations such as passwords are hidden.
+
+ This site is for demonstration purporse only.
+ <br>
+ <br>
+ All options summarized here come from the XML based ychat.conf configuration file.
+</td></tr>
+<tr><td>
+<br>
+%%content%%
+</td></tr>
+</table>
+<br><br>
+ <center>
+  <span class="signature">
+   yChat is OpenSource - get it at <a class="fancy" target="_blank" href="http://www.yChat.org">http://www.yChat.org</a>
+  </span>
+ </center>
+</body>
 </html>
diff --git a/html/colors.html b/html/colors.html
index 6e916fc..8b23014 100644
--- a/html/colors.html
+++ b/html/colors.html
@@ -1,413 +1,416 @@
-<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
 <html>
- <head>
-  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
-  <title>Color menu - %%ychat.version%%</title>
-  <link rel="stylesheet" href="style.css" type="text/css" />
-  <script lang="javascript" type="text/javascript">
-   <!--
-    function insertcode( code )
-    {
-     document.colors.elements[radiovalue(document.colors.inputvalue)].value = code;
-    }
-
-    function radiovalue(robj)
-    {
-     for (var i=0; i<robj.length; i++)
-      if (robj[i].checked)
-       return robj[i].value;
-     return false;
-    }
-
-    function doonsubmit()
-    {
-     document.hiddenform.message.value = "/col " + document.colors.col1.value + " " + document.colors.col2.value; 
-     document.hiddenform.submit();
-     return true;
-    }
-   //-->
-  </script>
-  <body>
-  <h1>Color menu</h1>
-  <div>
-   %%msgs%%
-  </div> 
-  <form name="colors" action="colors.html" onsubmit="return doonsubmit();">
-   <table>
-    <tr>
-     <td>
-      <div>
-       <input type="radio" name="inputvalue" value="col1" checked />
-       Color 1
-       <br />
-       (color of your nickname):
-       <br />
-       <input class="text" name="col1" size="6" maxlength="6" value="%%col1%%" />
-       </div>
-      </td>
-      <td width=20>
-      </td>
-      <td>
-      <div>
-       <input type="radio" name="inputvalue" value="col2" />
-       Color 2
-       <br />
-       (color of your text messages):
-       <br />
-       <input class="text" name="col2" size="6" maxlength="6" value="%%col2%%" />
-      </div>
-     </td>
-    </tr>
-   </table>
-   <br />
-   <br />
-   <table cellspacing=0 cellpadding=5 border=0>
-    <tr>
-     <td bgcolor="000000"><span style="color:#FFFFFF; text-decoration:line-through;">000000</span></td>
-     <td bgcolor="000033"><span style="color:#FFFFFF; text-decoration:line-through;">000033</span></td>
-     <td bgcolor="000066"><span style="color:#FFFFFF; text-decoration:line-through;">000066</span></td>
-     <td bgcolor="000099"><span style="color:#FFFFFF; text-decoration:line-through;">000099</span></td>
-    
-     <td bgcolor="0000CC"><span style="color:#FFFFFF; text-decoration:line-through;">0000CC</span></td>
-     <td bgcolor="0000FF"><a href="javascript:insertcode('0000FF');" style="color:#FFFFFF;">0000FF</a></td>
-    </tr>
-    <tr>
-     <td bgcolor="003300"><span style="color:#FFFFFF; text-decoration:line-through;">003300</span></td>
-     <td bgcolor="003333"><span style="color:#FFFFFF; text-decoration:line-through;">003333</span></td>
-     <td bgcolor="003366"><span style="color:#FFFFFF; text-decoration:line-through;">003366</span></td>
-    
-     <td bgcolor="003399"><a href="javascript:insertcode('003399');" style="color:#FFFFFF;">003399</a></td>
-     <td bgcolor="0033CC"><a href="javascript:insertcode('0033CC');" style="color:#FFFFFF;">0033CC</a></td>
-     <td bgcolor="0033FF"><a href="javascript:insertcode('0033FF');" style="color:#FFFFFF;">0033FF</a></td>
-    </tr>
-    <tr>
-     <td bgcolor="006600"><span style="color:#FFFFFF; text-decoration:line-through;">006600</span></td>
-     <td bgcolor="006633"><span style="color:#FFFFFF; text-decoration:line-through;">006633</span></td>
-    
-     <td bgcolor="006666"><a href="javascript:insertcode('006666');" style="color:#FFFFFF;">006666</a></td>
-     <td bgcolor="006699"><a href="javascript:insertcode('006699');" style="color:#FFFFFF;">006699</a></td>
-     <td bgcolor="0066CC"><a href="javascript:insertcode('0066CC');" style="color:#FFFFFF;">0066CC</a></td>
-     <td bgcolor="0066FF"><a href="javascript:insertcode('0066FF');" style="color:#FFFFFF;">0066FF</a></td>
-    </tr>
-    <tr>
-     <td bgcolor="009900"><a href="javascript:insertcode('009900');" style="color:#FFFFFF;">009900</a></td>
-    
-     <td bgcolor="009933"><a href="javascript:insertcode('009933');" style="color:#FFFFFF;">009933</a></td>
-     <td bgcolor="009966"><a href="javascript:insertcode('009966');" style="color:#FFFFFF;">009966</a></td>
-     <td bgcolor="009999"><a href="javascript:insertcode('009999');" style="color:#FFFFFF;">009999</a></td>
-     <td bgcolor="0099CC"><a href="javascript:insertcode('0099CC');" style="color:#FFFFFF;">0099CC</a></td>
-     <td bgcolor="0099FF"><a href="javascript:insertcode('0099FF');" style="color:#FFFFFF;">0099FF</a></td>
-    </tr>
-    
-    <tr>
-     <td bgcolor="00CC00"><a href="javascript:insertcode('00CC00');" style="color:#000000;">00CC00</a></td>
-     <td bgcolor="00CC33"><a href="javascript:insertcode('00CC33');" style="color:#000000;">00CC33</a></td>
-     <td bgcolor="00CC66"><a href="javascript:insertcode('00CC66');" style="color:#000000;">00CC66</a></td>
-     <td bgcolor="00CC99"><a href="javascript:insertcode('00CC99');" style="color:#000000;">00CC99</a></td>
-     <td bgcolor="00CCCC"><a href="javascript:insertcode('00CCCC');" style="color:#000000;">00CCCC</a></td>
-    
-     <td bgcolor="00CCFF"><a href="javascript:insertcode('00CCFF');" style="color:#000000;">00CCFF</a></td>
-    </tr>
-    <tr>
-     <td bgcolor="00FF00"><a href="javascript:insertcode('00FF00');" style="color:#000000;">00FF00</a></td>
-     <td bgcolor="00FF33"><a href="javascript:insertcode('00FF33');" style="color:#000000;">00FF33</a></td>
-     <td bgcolor="00FF66"><a href="javascript:insertcode('00FF66');" style="color:#000000;">00FF66</a></td>
-     <td bgcolor="00FF99"><a href="javascript:insertcode('00FF99');" style="color:#000000;">00FF99</a></td>
-    
-     <td bgcolor="00FFCC"><a href="javascript:insertcode('00FFCC');" style="color:#000000;">00FFCC</a></td>
-     <td bgcolor="00FFFF"><a href="javascript:insertcode('00FFFF');" style="color:#000000;">00FFFF</a></td>
-    </tr>
-    <tr>
-     <td bgcolor="330000"><span style="color:#FFFFFF; text-decoration:line-through;">330000</span></td>
-     <td bgcolor="330033"><span style="color:#FFFFFF; text-decoration:line-through;">330033</span></td>
-     <td bgcolor="330066"><span style="color:#FFFFFF; text-decoration:line-through;">330066</span></td>
-    
-     <td bgcolor="330099"><a href="javascript:insertcode('330099');" style="color:#FFFFFF;">330099</a></td>
-     <td bgcolor="3300CC"><a href="javascript:insertcode('3300CC');" style="color:#FFFFFF;">3300CC</a></td>
-     <td bgcolor="3300FF"><a href="javascript:insertcode('3300FF');" style="color:#FFFFFF;">3300FF</a></td>
-    </tr>
-    <tr>
-     <td bgcolor="333300"><span style="color:#FFFFFF; text-decoration:line-through;">333300</span></td>
-     <td bgcolor="333333"><span style="color:#FFFFFF; text-decoration:line-through;">333333</span></td>
-    
-     <td bgcolor="333366"><a href="javascript:insertcode('333366');" style="color:#FFFFFF;">333366</a></td>
-     <td bgcolor="333399"><a href="javascript:insertcode('333399');" style="color:#FFFFFF;">333399</a></td>
-     <td bgcolor="3333CC"><a href="javascript:insertcode('3333CC');" style="color:#FFFFFF;">3333CC</a></td>
-     <td bgcolor="3333FF"><a href="javascript:insertcode('3333FF');" style="color:#FFFFFF;">3333FF</a></td>
-    </tr>
-    <tr>
-     <td bgcolor="336600"><a href="javascript:insertcode('336600');" style="color:#FFFFFF;">336600</a></td>
-    
-     <td bgcolor="336633"><a href="javascript:insertcode('336633');" style="color:#FFFFFF;">336633</a></td>
-     <td bgcolor="336666"><a href="javascript:insertcode('336666');" style="color:#FFFFFF;">336666</a></td>
-     <td bgcolor="336699"><a href="javascript:insertcode('336699');" style="color:#FFFFFF;">336699</a></td>
-     <td bgcolor="3366CC"><a href="javascript:insertcode('3366CC');" style="color:#FFFFFF;">3366CC</a></td>
-     <td bgcolor="3366FF"><a href="javascript:insertcode('3366FF');" style="color:#FFFFFF;">3366FF</a></td>
-    </tr>
-    
-    <tr>
-     <td bgcolor="339900"><a href="javascript:insertcode('339900');" style="color:#FFFFFF;">339900</a></td>
-     <td bgcolor="339933"><a href="javascript:insertcode('339933');" style="color:#FFFFFF;">339933</a></td>
-     <td bgcolor="339966"><a href="javascript:insertcode('339966');" style="color:#FFFFFF;">339966</a></td>
-     <td bgcolor="339999"><a href="javascript:insertcode('339999');" style="color:#FFFFFF;">339999</a></td>
-     <td bgcolor="3399CC"><a href="javascript:insertcode('3399CC');" style="color:#FFFFFF;">3399CC</a></td>
-    
-     <td bgcolor="3399FF"><a href="javascript:insertcode('3399FF');" style="color:#FFFFFF;">3399FF</a></td>
-    </tr>
-    <tr>
-     <td bgcolor="33CC00"><a href="javascript:insertcode('33CC00');" style="color:#000000;">33CC00</a></td>
-     <td bgcolor="33CC33"><a href="javascript:insertcode('33CC33');" style="color:#000000;">33CC33</a></td>
-     <td bgcolor="33CC66"><a href="javascript:insertcode('33CC66');" style="color:#000000;">33CC66</a></td>
-     <td bgcolor="33CC99"><a href="javascript:insertcode('33CC99');" style="color:#000000;">33CC99</a></td>
-    
-     <td bgcolor="33CCCC"><a href="javascript:insertcode('33CCCC');" style="color:#000000;">33CCCC</a></td>
-     <td bgcolor="33CCFF"><a href="javascript:insertcode('33CCFF');" style="color:#000000;">33CCFF</a></td>
-    </tr>
-    <tr>
-     <td bgcolor="33FF00"><a href="javascript:insertcode('33FF00');" style="color:#000000;">33FF00</a></td>
-     <td bgcolor="33FF33"><a href="javascript:insertcode('33FF33');" style="color:#000000;">33FF33</a></td>
-     <td bgcolor="33FF66"><a href="javascript:insertcode('33FF66');" style="color:#000000;">33FF66</a></td>
-    
-     <td bgcolor="33FF99"><a href="javascript:insertcode('33FF99');" style="color:#000000;">33FF99</a></td>
-     <td bgcolor="33FFCC"><a href="javascript:insertcode('33FFCC');" style="color:#000000;">33FFCC</a></td>
-     <td bgcolor="33FFFF"><a href="javascript:insertcode('33FFFF');" style="color:#000000;">33FFFF</a></td>
-    </tr>
-    <tr>
-     <td bgcolor="660000"><span style="color:#FFFFFF; text-decoration:line-through;">660000</span></td>
-     <td bgcolor="660033"><span style="color:#FFFFFF; text-decoration:line-through;">660033</span></td>
-    
-     <td bgcolor="660066"><a href="javascript:insertcode('660066');" style="color:#FFFFFF;">660066</a></td>
-     <td bgcolor="660099"><a href="javascript:insertcode('660099');" style="color:#FFFFFF;">660099</a></td>
-     <td bgcolor="6600CC"><a href="javascript:insertcode('6600CC');" style="color:#FFFFFF;">6600CC</a></td>
-     <td bgcolor="6600FF"><a href="javascript:insertcode('6600FF');" style="color:#FFFFFF;">6600FF</a></td>
-    </tr>
-    <tr>
-     <td bgcolor="663300"><a href="javascript:insertcode('663300');" style="color:#FFFFFF;">663300</a></td>
-    
-     <td bgcolor="663333"><a href="javascript:insertcode('663333');" style="color:#FFFFFF;">663333</a></td>
-     <td bgcolor="663366"><a href="javascript:insertcode('663366');" style="color:#FFFFFF;">663366</a></td>
-     <td bgcolor="663399"><a href="javascript:insertcode('663399');" style="color:#FFFFFF;">663399</a></td>
-     <td bgcolor="6633CC"><a href="javascript:insertcode('6633CC');" style="color:#FFFFFF;">6633CC</a></td>
-     <td bgcolor="6633FF"><a href="javascript:insertcode('6633FF');" style="color:#FFFFFF;">6633FF</a></td>
-    </tr>
-    
-    <tr>
-     <td bgcolor="666600"><a href="javascript:insertcode('666600');" style="color:#FFFFFF;">666600</a></td>
-     <td bgcolor="666633"><a href="javascript:insertcode('666633');" style="color:#FFFFFF;">666633</a></td>
-     <td bgcolor="666666"><a href="javascript:insertcode('666666');" style="color:#FFFFFF;">666666</a></td>
-     <td bgcolor="666699"><a href="javascript:insertcode('666699');" style="color:#FFFFFF;">666699</a></td>
-     <td bgcolor="6666CC"><a href="javascript:insertcode('6666CC');" style="color:#FFFFFF;">6666CC</a></td>
-    
-     <td bgcolor="6666FF"><a href="javascript:insertcode('6666FF');" style="color:#FFFFFF;">6666FF</a></td>
-    </tr>
-    <tr>
-     <td bgcolor="669900"><a href="javascript:insertcode('669900');" style="color:#000000;">669900</a></td>
-     <td bgcolor="669933"><a href="javascript:insertcode('669933');" style="color:#000000;">669933</a></td>
-     <td bgcolor="669966"><a href="javascript:insertcode('669966');" style="color:#000000;">669966</a></td>
-     <td bgcolor="669999"><a href="javascript:insertcode('669999');" style="color:#000000;">669999</a></td>
-    
-     <td bgcolor="6699CC"><a href="javascript:insertcode('6699CC');" style="color:#000000;">6699CC</a></td>
-     <td bgcolor="6699FF"><a href="javascript:insertcode('6699FF');" style="color:#000000;">6699FF</a></td>
-    </tr>
-    <tr>
-     <td bgcolor="66CC00"><a href="javascript:insertcode('66CC00');" style="color:#000000;">66CC00</a></td>
-     <td bgcolor="66CC33"><a href="javascript:insertcode('66CC33');" style="color:#000000;">66CC33</a></td>
-     <td bgcolor="66CC66"><a href="javascript:insertcode('66CC66');" style="color:#000000;">66CC66</a></td>
-    
-     <td bgcolor="66CC99"><a href="javascript:insertcode('66CC99');" style="color:#000000;">66CC99</a></td>
-     <td bgcolor="66CCCC"><a href="javascript:insertcode('66CCCC');" style="color:#000000;">66CCCC</a></td>
-     <td bgcolor="66CCFF"><a href="javascript:insertcode('66CCFF');" style="color:#000000;">66CCFF</a></td>
-    </tr>
-    <tr>
-     <td bgcolor="66FF00"><a href="javascript:insertcode('66FF00');" style="color:#000000;">66FF00</a></td>
-     <td bgcolor="66FF33"><a href="javascript:insertcode('66FF33');" style="color:#000000;">66FF33</a></td>
-    
-     <td bgcolor="66FF66"><a href="javascript:insertcode('66FF66');" style="color:#000000;">66FF66</a></td>
-     <td bgcolor="66FF99"><a href="javascript:insertcode('66FF99');" style="color:#000000;">66FF99</a></td>
-     <td bgcolor="66FFCC"><a href="javascript:insertcode('66FFCC');" style="color:#000000;">66FFCC</a></td>
-     <td bgcolor="66FFFF"><a href="javascript:insertcode('66FFFF');" style="color:#000000;">66FFFF</a></td>
-    </tr>
-    <tr>
-     <td bgcolor="990000"><a href="javascript:insertcode('990000');" style="color:#FFFFFF;">990000</a></td>
-    
-     <td bgcolor="990033"><a href="javascript:insertcode('990033');" style="color:#FFFFFF;">990033</a></td>
-     <td bgcolor="990066"><a href="javascript:insertcode('990066');" style="color:#FFFFFF;">990066</a></td>
-     <td bgcolor="990099"><a href="javascript:insertcode('990099');" style="color:#FFFFFF;">990099</a></td>
-     <td bgcolor="9900CC"><a href="javascript:insertcode('9900CC');" style="color:#FFFFFF;">9900CC</a></td>
-     <td bgcolor="9900FF"><a href="javascript:insertcode('9900FF');" style="color:#FFFFFF;">9900FF</a></td>
-    </tr>
-    
-    <tr>
-     <td bgcolor="993300"><a href="javascript:insertcode('993300');" style="color:#FFFFFF;">993300</a></td>
-     <td bgcolor="993333"><a href="javascript:insertcode('993333');" style="color:#FFFFFF;">993333</a></td>
-     <td bgcolor="993366"><a href="javascript:insertcode('993366');" style="color:#FFFFFF;">993366</a></td>
-     <td bgcolor="993399"><a href="javascript:insertcode('993399');" style="color:#FFFFFF;">993399</a></td>
-     <td bgcolor="9933CC"><a href="javascript:insertcode('9933CC');" style="color:#FFFFFF;">9933CC</a></td>
-    
-     <td bgcolor="9933FF"><a href="javascript:insertcode('9933FF');" style="color:#FFFFFF;">9933FF</a></td>
-    </tr>
-    <tr>
-     <td bgcolor="996600"><a href="javascript:insertcode('996600');" style="color:#FFFFFF;">996600</a></td>
-     <td bgcolor="996633"><a href="javascript:insertcode('996633');" style="color:#FFFFFF;">996633</a></td>
-     <td bgcolor="996666"><a href="javascript:insertcode('996666');" style="color:#FFFFFF;">996666</a></td>
-     <td bgcolor="996699"><a href="javascript:insertcode('996699');" style="color:#FFFFFF;">996699</a></td>
-    
-     <td bgcolor="9966CC"><a href="javascript:insertcode('9966CC');" style="color:#FFFFFF;">9966CC</a></td>
-     <td bgcolor="9966FF"><a href="javascript:insertcode('9966FF');" style="color:#FFFFFF;">9966FF</a></td>
-    </tr>
-    <tr>
-     <td bgcolor="999900"><a href="javascript:insertcode('999900');" style="color:#000000;">999900</a></td>
-     <td bgcolor="999933"><a href="javascript:insertcode('999933');" style="color:#000000;">999933</a></td>
-     <td bgcolor="999966"><a href="javascript:insertcode('999966');" style="color:#000000;">999966</a></td>
-    
-     <td bgcolor="999999"><a href="javascript:insertcode('999999');" style="color:#000000;">999999</a></td>
-     <td bgcolor="9999CC"><a href="javascript:insertcode('9999CC');" style="color:#000000;">9999CC</a></td>
-     <td bgcolor="9999FF"><a href="javascript:insertcode('9999FF');" style="color:#000000;">9999FF</a></td>
-    </tr>
-    <tr>
-     <td bgcolor="99CC00"><a href="javascript:insertcode('99CC00');" style="color:#000000;">99CC00</a></td>
-     <td bgcolor="99CC33"><a href="javascript:insertcode('99CC33');" style="color:#000000;">99CC33</a></td>
-    
-     <td bgcolor="99CC66"><a href="javascript:insertcode('99CC66');" style="color:#000000;">99CC66</a></td>
-     <td bgcolor="99CC99"><a href="javascript:insertcode('99CC99');" style="color:#000000;">99CC99</a></td>
-     <td bgcolor="99CCCC"><a href="javascript:insertcode('99CCCC');" style="color:#000000;">99CCCC</a></td>
-     <td bgcolor="99CCFF"><a href="javascript:insertcode('99CCFF');" style="color:#000000;">99CCFF</a></td>
-    </tr>
-    <tr>
-     <td bgcolor="99FF00"><a href="javascript:insertcode('99FF00');" style="color:#000000;">99FF00</a></td>
-    
-     <td bgcolor="99FF33"><a href="javascript:insertcode('99FF33');" style="color:#000000;">99FF33</a></td>
-     <td bgcolor="99FF66"><a href="javascript:insertcode('99FF66');" style="color:#000000;">99FF66</a></td>
-     <td bgcolor="99FF99"><a href="javascript:insertcode('99FF99');" style="color:#000000;">99FF99</a></td>
-     <td bgcolor="99FFCC"><a href="javascript:insertcode('99FFCC');" style="color:#000000;">99FFCC</a></td>
-     <td bgcolor="99FFFF"><a href="javascript:insertcode('99FFFF');" style="color:#000000;">99FFFF</a></td>
-    </tr>
-    
-    <tr>
-     <td bgcolor="CC0000"><a href="javascript:insertcode('CC0000');" style="color:#FFFFFF;">CC0000</a></td>
-     <td bgcolor="CC0033"><a href="javascript:insertcode('CC0033');" style="color:#FFFFFF;">CC0033</a></td>
-     <td bgcolor="CC0066"><a href="javascript:insertcode('CC0066');" style="color:#FFFFFF;">CC0066</a></td>
-     <td bgcolor="CC0099"><a href="javascript:insertcode('CC0099');" style="color:#FFFFFF;">CC0099</a></td>
-     <td bgcolor="CC00CC"><a href="javascript:insertcode('CC00CC');" style="color:#FFFFFF;">CC00CC</a></td>
-    
-     <td bgcolor="CC00FF"><a href="javascript:insertcode('CC00FF');" style="color:#FFFFFF;">CC00FF</a></td>
-    </tr>
-    <tr>
-     <td bgcolor="CC3300"><a href="javascript:insertcode('CC3300');" style="color:#FFFFFF;">CC3300</a></td>
-     <td bgcolor="CC3333"><a href="javascript:insertcode('CC3333');" style="color:#FFFFFF;">CC3333</a></td>
-     <td bgcolor="CC3366"><a href="javascript:insertcode('CC3366');" style="color:#FFFFFF;">CC3366</a></td>
-     <td bgcolor="CC3399"><a href="javascript:insertcode('CC3399');" style="color:#FFFFFF;">CC3399</a></td>
-    
-     <td bgcolor="CC33CC"><a href="javascript:insertcode('CC33CC');" style="color:#FFFFFF;">CC33CC</a></td>
-     <td bgcolor="CC33FF"><a href="javascript:insertcode('CC33FF');" style="color:#FFFFFF;">CC33FF</a></td>
-    </tr>
-    <tr>
-     <td bgcolor="CC6600"><a href="javascript:insertcode('CC6600');" style="color:#000000;">CC6600</a></td>
-     <td bgcolor="CC6633"><a href="javascript:insertcode('CC6633');" style="color:#000000;">CC6633</a></td>
-     <td bgcolor="CC6666"><a href="javascript:insertcode('CC6666');" style="color:#000000;">CC6666</a></td>
-    
-     <td bgcolor="CC6699"><a href="javascript:insertcode('CC6699');" style="color:#000000;">CC6699</a></td>
-     <td bgcolor="CC66CC"><a href="javascript:insertcode('CC66CC');" style="color:#000000;">CC66CC</a></td>
-     <td bgcolor="CC66FF"><a href="javascript:insertcode('CC66FF');" style="color:#000000;">CC66FF</a></td>
-    </tr>
-    <tr>
-     <td bgcolor="CC9900"><a href="javascript:insertcode('CC9900');" style="color:#000000;">CC9900</a></td>
-     <td bgcolor="CC9933"><a href="javascript:insertcode('CC9933');" style="color:#000000;">CC9933</a></td>
-    
-     <td bgcolor="CC9966"><a href="javascript:insertcode('CC9966');" style="color:#000000;">CC9966</a></td>
-     <td bgcolor="CC9999"><a href="javascript:insertcode('CC9999');" style="color:#000000;">CC9999</a></td>
-     <td bgcolor="CC99CC"><a href="javascript:insertcode('CC99CC');" style="color:#000000;">CC99CC</a></td>
-     <td bgcolor="CC99FF"><a href="javascript:insertcode('CC99FF');" style="color:#000000;">CC99FF</a></td>
-    </tr>
-    <tr>
-     <td bgcolor="CCCC00"><a href="javascript:insertcode('CCCC00');" style="color:#000000;">CCCC00</a></td>
-    
-     <td bgcolor="CCCC33"><a href="javascript:insertcode('CCCC33');" style="color:#000000;">CCCC33</a></td>
-     <td bgcolor="CCCC66"><a href="javascript:insertcode('CCCC66');" style="color:#000000;">CCCC66</a></td>
-     <td bgcolor="CCCC99"><a href="javascript:insertcode('CCCC99');" style="color:#000000;">CCCC99</a></td>
-     <td bgcolor="CCCCCC"><a href="javascript:insertcode('CCCCCC');" style="color:#000000;">CCCCCC</a></td>
-     <td bgcolor="CCCCFF"><a href="javascript:insertcode('CCCCFF');" style="color:#000000;">CCCCFF</a></td>
-    </tr>
-    
-    <tr>
-     <td bgcolor="CCFF00"><a href="javascript:insertcode('CCFF00');" style="color:#000000;">CCFF00</a></td>
-     <td bgcolor="CCFF33"><a href="javascript:insertcode('CCFF33');" style="color:#000000;">CCFF33</a></td>
-     <td bgcolor="CCFF66"><a href="javascript:insertcode('CCFF66');" style="color:#000000;">CCFF66</a></td>
-     <td bgcolor="CCFF99"><a href="javascript:insertcode('CCFF99');" style="color:#000000;">CCFF99</a></td>
-     <td bgcolor="CCFFCC"><a href="javascript:insertcode('CCFFCC');" style="color:#000000;">CCFFCC</a></td>
-    
-     <td bgcolor="CCFFFF"><a href="javascript:insertcode('CCFFFF');" style="color:#000000;">CCFFFF</a></td>
-    </tr>
-    <tr>
-     <td bgcolor="FF0000"><a href="javascript:insertcode('FF0000');" style="color:#FFFFFF;">FF0000</a></td>
-     <td bgcolor="FF0033"><a href="javascript:insertcode('FF0033');" style="color:#FFFFFF;">FF0033</a></td>
-     <td bgcolor="FF0066"><a href="javascript:insertcode('FF0066');" style="color:#FFFFFF;">FF0066</a></td>
-     <td bgcolor="FF0099"><a href="javascript:insertcode('FF0099');" style="color:#FFFFFF;">FF0099</a></td>
-    
-     <td bgcolor="FF00CC"><a href="javascript:insertcode('FF00CC');" style="color:#FFFFFF;">FF00CC</a></td>
-     <td bgcolor="FF00FF"><a href="javascript:insertcode('FF00FF');" style="color:#FFFFFF;">FF00FF</a></td>
-    </tr>
-    <tr>
-     <td bgcolor="FF3300"><a href="javascript:insertcode('FF3300');" style="color:#FFFFFF;">FF3300</a></td>
-     <td bgcolor="FF3333"><a href="javascript:insertcode('FF3333');" style="color:#FFFFFF;">FF3333</a></td>
-     <td bgcolor="FF3366"><a href="javascript:insertcode('FF3366');" style="color:#FFFFFF;">FF3366</a></td>
-    
-     <td bgcolor="FF3399"><a href="javascript:insertcode('FF3399');" style="color:#FFFFFF;">FF3399</a></td>
-     <td bgcolor="FF33CC"><a href="javascript:insertcode('FF33CC');" style="color:#FFFFFF;">FF33CC</a></td>
-     <td bgcolor="FF33FF"><a href="javascript:insertcode('FF33FF');" style="color:#FFFFFF;">FF33FF</a></td>
-    </tr>
-    <tr>
-     <td bgcolor="FF6600"><a href="javascript:insertcode('FF6600');" style="color:#000000;">FF6600</a></td>
-     <td bgcolor="FF6633"><a href="javascript:insertcode('FF6633');" style="color:#000000;">FF6633</a></td>
-    
-     <td bgcolor="FF6666"><a href="javascript:insertcode('FF6666');" style="color:#000000;">FF6666</a></td>
-     <td bgcolor="FF6699"><a href="javascript:insertcode('FF6699');" style="color:#000000;">FF6699</a></td>
-     <td bgcolor="FF66CC"><a href="javascript:insertcode('FF66CC');" style="color:#000000;">FF66CC</a></td>
-     <td bgcolor="FF66FF"><a href="javascript:insertcode('FF66FF');" style="color:#000000;">FF66FF</a></td>
-    </tr>
-    <tr>
-     <td bgcolor="FF9900"><a href="javascript:insertcode('FF9900');" style="color:#000000;">FF9900</a></td>
-    
-     <td bgcolor="FF9933"><a href="javascript:insertcode('FF9933');" style="color:#000000;">FF9933</a></td>
-     <td bgcolor="FF9966"><a href="javascript:insertcode('FF9966');" style="color:#000000;">FF9966</a></td>
-     <td bgcolor="FF9999"><a href="javascript:insertcode('FF9999');" style="color:#000000;">FF9999</a></td>
-     <td bgcolor="FF99CC"><a href="javascript:insertcode('FF99CC');" style="color:#000000;">FF99CC</a></td>
-     <td bgcolor="FF99FF"><a href="javascript:insertcode('FF99FF');" style="color:#000000;">FF99FF</a></td>
-    </tr>
-    
-    <tr>
-     <td bgcolor="FFCC00"><a href="javascript:insertcode('FFCC00');" style="color:#000000;">FFCC00</a></td>
-     <td bgcolor="FFCC33"><a href="javascript:insertcode('FFCC33');" style="color:#000000;">FFCC33</a></td>
-     <td bgcolor="FFCC66"><a href="javascript:insertcode('FFCC66');" style="color:#000000;">FFCC66</a></td>
-     <td bgcolor="FFCC99"><a href="javascript:insertcode('FFCC99');" style="color:#000000;">FFCC99</a></td>
-     <td bgcolor="FFCCCC"><a href="javascript:insertcode('FFCCCC');" style="color:#000000;">FFCCCC</a></td>
-    
-     <td bgcolor="FFCCFF"><a href="javascript:insertcode('FFCCFF');" style="color:#000000;">FFCCFF</a></td>
-    </tr>
-    <tr>
-     <td bgcolor="FFFF00"><a href="javascript:insertcode('FFFF00');" style="color:#000000;">FFFF00</a></td>
-     <td bgcolor="FFFF33"><a href="javascript:insertcode('FFFF33');" style="color:#000000;">FFFF33</a></td>
-     <td bgcolor="FFFF66"><a href="javascript:insertcode('FFFF66');" style="color:#000000;">FFFF66</a></td>
-     <td bgcolor="FFFF99"><a href="javascript:insertcode('FFFF99');" style="color:#000000;">FFFF99</a></td>
-    
-     <td bgcolor="FFFFCC"><a href="javascript:insertcode('FFFFCC');" style="color:#000000;">FFFFCC</a></td>
-     <td bgcolor="FFFFFF"><a href="javascript:insertcode('FFFFFF');" style="color:#000000;">FFFFFF</a></td>
-    </tr>
-   </table>
-   <br />
-   <br />
-   <input type="hidden" name="event"  value="colors" /> 
-   <input type="hidden" name="flag"  value="submit" /> 
-   <input type="hidden" name="tmpid"  value="%%tmpid%%" /> 
-   <input type="submit" value="Save colors ..." />
-  </form>
-  <form name="hiddenform" action="input.html" target="blank" onsubmit="return false;">
-   <input type="hidden" name="event"  value="input" /> 
-   <input type="hidden" name="tmpid"  value="%%tmpid%%" /> 
-   <input type="hidden" name="message" />
-  </form>
-  <div class="footer">
-   <span class="signature">yChat is OpenSource - get it at <a class="fancy" target="_blank" href="http://www.yChat.org">http://www.yChat.org</a></span>
-  </div>
- </body>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
+<title>
+ Color menu - %%ychat.version%%
+</title>
+<link rel=stylesheet href="style.css" type=text/css>
+<script lang="javascript" type="text/javascript">
+ <!--
+ function insertcode( code )
+ {
+   document.colors.elements[radiovalue(document.colors.inputvalue)].value = code;
+ }
+ function radiovalue(robj)
+ {
+  for (var i=0; i<robj.length; i++)
+   if (robj[i].checked)
+    return robj[i].value;
+  return false;
+ }
+ function doonsubmit()
+ {
+  document.hiddenform.message.value = "/col " + document.colors.col1.value + " " + document.colors.col2.value;  
+  document.hiddenform.submit();
+  return true;
+ }
+//-->
+</script>
+<body>
+ <center>
+ %%msgs%%
+ <form name="colors" action="colors.html" onsubmit="return doonsubmit();">
+ <table>
+  <tr>
+   <td>
+    <div>
+     <input type="radio" name="inputvalue" value="col1" checked>
+      Color 1
+      <br>
+      (color of your nickname):
+      <br>
+      <input class="text" name="col1" size="6" maxlength="6" value="%%col1%%">
+     </div>
+    </td>
+   <td width=20>
+   </td>
+    <td>
+    <div>
+     <input type="radio" name="inputvalue" value="col2">
+      Color 2
+      <br>
+      (color of your text messages):
+      <br>
+      <input class="text" name="col2" size="6" maxlength="6" value="%%col2%%">
+     </div>
+    </td>
+   </tr>
+  </table>
+  <br>
+  <br>
+  <table cellspacing=0 cellpadding=5 border=0>
+  <tr>
+    <td bgcolor="000000"><span style="color:#FFFFFF; text-decoration:line-through;">000000</span></td>
+    <td bgcolor="000033"><span style="color:#FFFFFF; text-decoration:line-through;">000033</span></td>
+    <td bgcolor="000066"><span style="color:#FFFFFF; text-decoration:line-through;">000066</span></td>
+    <td bgcolor="000099"><span style="color:#FFFFFF; text-decoration:line-through;">000099</span></td>
+
+    <td bgcolor="0000CC"><span style="color:#FFFFFF; text-decoration:line-through;">0000CC</span></td>
+    <td bgcolor="0000FF"><a href="javascript:insertcode('0000FF');" style="color:#FFFFFF;">0000FF</a></td>
+  </tr>
+  <tr>
+    <td bgcolor="003300"><span style="color:#FFFFFF; text-decoration:line-through;">003300</span></td>
+    <td bgcolor="003333"><span style="color:#FFFFFF; text-decoration:line-through;">003333</span></td>
+    <td bgcolor="003366"><span style="color:#FFFFFF; text-decoration:line-through;">003366</span></td>
+
+    <td bgcolor="003399"><a href="javascript:insertcode('003399');" style="color:#FFFFFF;">003399</a></td>
+    <td bgcolor="0033CC"><a href="javascript:insertcode('0033CC');" style="color:#FFFFFF;">0033CC</a></td>
+    <td bgcolor="0033FF"><a href="javascript:insertcode('0033FF');" style="color:#FFFFFF;">0033FF</a></td>
+  </tr>
+  <tr>
+    <td bgcolor="006600"><span style="color:#FFFFFF; text-decoration:line-through;">006600</span></td>
+    <td bgcolor="006633"><span style="color:#FFFFFF; text-decoration:line-through;">006633</span></td>
+
+    <td bgcolor="006666"><a href="javascript:insertcode('006666');" style="color:#FFFFFF;">006666</a></td>
+    <td bgcolor="006699"><a href="javascript:insertcode('006699');" style="color:#FFFFFF;">006699</a></td>
+    <td bgcolor="0066CC"><a href="javascript:insertcode('0066CC');" style="color:#FFFFFF;">0066CC</a></td>
+    <td bgcolor="0066FF"><a href="javascript:insertcode('0066FF');" style="color:#FFFFFF;">0066FF</a></td>
+  </tr>
+  <tr>
+    <td bgcolor="009900"><a href="javascript:insertcode('009900');" style="color:#FFFFFF;">009900</a></td>
+
+    <td bgcolor="009933"><a href="javascript:insertcode('009933');" style="color:#FFFFFF;">009933</a></td>
+    <td bgcolor="009966"><a href="javascript:insertcode('009966');" style="color:#FFFFFF;">009966</a></td>
+    <td bgcolor="009999"><a href="javascript:insertcode('009999');" style="color:#FFFFFF;">009999</a></td>
+    <td bgcolor="0099CC"><a href="javascript:insertcode('0099CC');" style="color:#FFFFFF;">0099CC</a></td>
+    <td bgcolor="0099FF"><a href="javascript:insertcode('0099FF');" style="color:#FFFFFF;">0099FF</a></td>
+  </tr>
+
+  <tr>
+    <td bgcolor="00CC00"><a href="javascript:insertcode('00CC00');" style="color:#000000;">00CC00</a></td>
+    <td bgcolor="00CC33"><a href="javascript:insertcode('00CC33');" style="color:#000000;">00CC33</a></td>
+    <td bgcolor="00CC66"><a href="javascript:insertcode('00CC66');" style="color:#000000;">00CC66</a></td>
+    <td bgcolor="00CC99"><a href="javascript:insertcode('00CC99');" style="color:#000000;">00CC99</a></td>
+    <td bgcolor="00CCCC"><a href="javascript:insertcode('00CCCC');" style="color:#000000;">00CCCC</a></td>
+
+    <td bgcolor="00CCFF"><a href="javascript:insertcode('00CCFF');" style="color:#000000;">00CCFF</a></td>
+  </tr>
+  <tr>
+    <td bgcolor="00FF00"><a href="javascript:insertcode('00FF00');" style="color:#000000;">00FF00</a></td>
+    <td bgcolor="00FF33"><a href="javascript:insertcode('00FF33');" style="color:#000000;">00FF33</a></td>
+    <td bgcolor="00FF66"><a href="javascript:insertcode('00FF66');" style="color:#000000;">00FF66</a></td>
+    <td bgcolor="00FF99"><a href="javascript:insertcode('00FF99');" style="color:#000000;">00FF99</a></td>
+
+    <td bgcolor="00FFCC"><a href="javascript:insertcode('00FFCC');" style="color:#000000;">00FFCC</a></td>
+    <td bgcolor="00FFFF"><a href="javascript:insertcode('00FFFF');" style="color:#000000;">00FFFF</a></td>
+  </tr>
+  <tr>
+    <td bgcolor="330000"><span style="color:#FFFFFF; text-decoration:line-through;">330000</span></td>
+    <td bgcolor="330033"><span style="color:#FFFFFF; text-decoration:line-through;">330033</span></td>
+    <td bgcolor="330066"><span style="color:#FFFFFF; text-decoration:line-through;">330066</span></td>
+
+    <td bgcolor="330099"><a href="javascript:insertcode('330099');" style="color:#FFFFFF;">330099</a></td>
+    <td bgcolor="3300CC"><a href="javascript:insertcode('3300CC');" style="color:#FFFFFF;">3300CC</a></td>
+    <td bgcolor="3300FF"><a href="javascript:insertcode('3300FF');" style="color:#FFFFFF;">3300FF</a></td>
+  </tr>
+  <tr>
+    <td bgcolor="333300"><span style="color:#FFFFFF; text-decoration:line-through;">333300</span></td>
+    <td bgcolor="333333"><span style="color:#FFFFFF; text-decoration:line-through;">333333</span></td>
+
+    <td bgcolor="333366"><a href="javascript:insertcode('333366');" style="color:#FFFFFF;">333366</a></td>
+    <td bgcolor="333399"><a href="javascript:insertcode('333399');" style="color:#FFFFFF;">333399</a></td>
+    <td bgcolor="3333CC"><a href="javascript:insertcode('3333CC');" style="color:#FFFFFF;">3333CC</a></td>
+    <td bgcolor="3333FF"><a href="javascript:insertcode('3333FF');" style="color:#FFFFFF;">3333FF</a></td>
+  </tr>
+  <tr>
+    <td bgcolor="336600"><a href="javascript:insertcode('336600');" style="color:#FFFFFF;">336600</a></td>
+
+    <td bgcolor="336633"><a href="javascript:insertcode('336633');" style="color:#FFFFFF;">336633</a></td>
+    <td bgcolor="336666"><a href="javascript:insertcode('336666');" style="color:#FFFFFF;">336666</a></td>
+    <td bgcolor="336699"><a href="javascript:insertcode('336699');" style="color:#FFFFFF;">336699</a></td>
+    <td bgcolor="3366CC"><a href="javascript:insertcode('3366CC');" style="color:#FFFFFF;">3366CC</a></td>
+    <td bgcolor="3366FF"><a href="javascript:insertcode('3366FF');" style="color:#FFFFFF;">3366FF</a></td>
+  </tr>
+
+  <tr>
+    <td bgcolor="339900"><a href="javascript:insertcode('339900');" style="color:#FFFFFF;">339900</a></td>
+    <td bgcolor="339933"><a href="javascript:insertcode('339933');" style="color:#FFFFFF;">339933</a></td>
+    <td bgcolor="339966"><a href="javascript:insertcode('339966');" style="color:#FFFFFF;">339966</a></td>
+    <td bgcolor="339999"><a href="javascript:insertcode('339999');" style="color:#FFFFFF;">339999</a></td>
+    <td bgcolor="3399CC"><a href="javascript:insertcode('3399CC');" style="color:#FFFFFF;">3399CC</a></td>
+
+    <td bgcolor="3399FF"><a href="javascript:insertcode('3399FF');" style="color:#FFFFFF;">3399FF</a></td>
+  </tr>
+  <tr>
+    <td bgcolor="33CC00"><a href="javascript:insertcode('33CC00');" style="color:#000000;">33CC00</a></td>
+    <td bgcolor="33CC33"><a href="javascript:insertcode('33CC33');" style="color:#000000;">33CC33</a></td>
+    <td bgcolor="33CC66"><a href="javascript:insertcode('33CC66');" style="color:#000000;">33CC66</a></td>
+    <td bgcolor="33CC99"><a href="javascript:insertcode('33CC99');" style="color:#000000;">33CC99</a></td>
+
+    <td bgcolor="33CCCC"><a href="javascript:insertcode('33CCCC');" style="color:#000000;">33CCCC</a></td>
+    <td bgcolor="33CCFF"><a href="javascript:insertcode('33CCFF');" style="color:#000000;">33CCFF</a></td>
+  </tr>
+  <tr>
+    <td bgcolor="33FF00"><a href="javascript:insertcode('33FF00');" style="color:#000000;">33FF00</a></td>
+    <td bgcolor="33FF33"><a href="javascript:insertcode('33FF33');" style="color:#000000;">33FF33</a></td>
+    <td bgcolor="33FF66"><a href="javascript:insertcode('33FF66');" style="color:#000000;">33FF66</a></td>
+
+    <td bgcolor="33FF99"><a href="javascript:insertcode('33FF99');" style="color:#000000;">33FF99</a></td>
+    <td bgcolor="33FFCC"><a href="javascript:insertcode('33FFCC');" style="color:#000000;">33FFCC</a></td>
+    <td bgcolor="33FFFF"><a href="javascript:insertcode('33FFFF');" style="color:#000000;">33FFFF</a></td>
+  </tr>
+  <tr>
+    <td bgcolor="660000"><span style="color:#FFFFFF; text-decoration:line-through;">660000</span></td>
+    <td bgcolor="660033"><span style="color:#FFFFFF; text-decoration:line-through;">660033</span></td>
+
+    <td bgcolor="660066"><a href="javascript:insertcode('660066');" style="color:#FFFFFF;">660066</a></td>
+    <td bgcolor="660099"><a href="javascript:insertcode('660099');" style="color:#FFFFFF;">660099</a></td>
+    <td bgcolor="6600CC"><a href="javascript:insertcode('6600CC');" style="color:#FFFFFF;">6600CC</a></td>
+    <td bgcolor="6600FF"><a href="javascript:insertcode('6600FF');" style="color:#FFFFFF;">6600FF</a></td>
+  </tr>
+  <tr>
+    <td bgcolor="663300"><a href="javascript:insertcode('663300');" style="color:#FFFFFF;">663300</a></td>
+
+    <td bgcolor="663333"><a href="javascript:insertcode('663333');" style="color:#FFFFFF;">663333</a></td>
+    <td bgcolor="663366"><a href="javascript:insertcode('663366');" style="color:#FFFFFF;">663366</a></td>
+    <td bgcolor="663399"><a href="javascript:insertcode('663399');" style="color:#FFFFFF;">663399</a></td>
+    <td bgcolor="6633CC"><a href="javascript:insertcode('6633CC');" style="color:#FFFFFF;">6633CC</a></td>
+    <td bgcolor="6633FF"><a href="javascript:insertcode('6633FF');" style="color:#FFFFFF;">6633FF</a></td>
+  </tr>
+
+  <tr>
+    <td bgcolor="666600"><a href="javascript:insertcode('666600');" style="color:#FFFFFF;">666600</a></td>
+    <td bgcolor="666633"><a href="javascript:insertcode('666633');" style="color:#FFFFFF;">666633</a></td>
+    <td bgcolor="666666"><a href="javascript:insertcode('666666');" style="color:#FFFFFF;">666666</a></td>
+    <td bgcolor="666699"><a href="javascript:insertcode('666699');" style="color:#FFFFFF;">666699</a></td>
+    <td bgcolor="6666CC"><a href="javascript:insertcode('6666CC');" style="color:#FFFFFF;">6666CC</a></td>
+
+    <td bgcolor="6666FF"><a href="javascript:insertcode('6666FF');" style="color:#FFFFFF;">6666FF</a></td>
+  </tr>
+  <tr>
+    <td bgcolor="669900"><a href="javascript:insertcode('669900');" style="color:#000000;">669900</a></td>
+    <td bgcolor="669933"><a href="javascript:insertcode('669933');" style="color:#000000;">669933</a></td>
+    <td bgcolor="669966"><a href="javascript:insertcode('669966');" style="color:#000000;">669966</a></td>
+    <td bgcolor="669999"><a href="javascript:insertcode('669999');" style="color:#000000;">669999</a></td>
+
+    <td bgcolor="6699CC"><a href="javascript:insertcode('6699CC');" style="color:#000000;">6699CC</a></td>
+    <td bgcolor="6699FF"><a href="javascript:insertcode('6699FF');" style="color:#000000;">6699FF</a></td>
+  </tr>
+  <tr>
+    <td bgcolor="66CC00"><a href="javascript:insertcode('66CC00');" style="color:#000000;">66CC00</a></td>
+    <td bgcolor="66CC33"><a href="javascript:insertcode('66CC33');" style="color:#000000;">66CC33</a></td>
+    <td bgcolor="66CC66"><a href="javascript:insertcode('66CC66');" style="color:#000000;">66CC66</a></td>
+
+    <td bgcolor="66CC99"><a href="javascript:insertcode('66CC99');" style="color:#000000;">66CC99</a></td>
+    <td bgcolor="66CCCC"><a href="javascript:insertcode('66CCCC');" style="color:#000000;">66CCCC</a></td>
+    <td bgcolor="66CCFF"><a href="javascript:insertcode('66CCFF');" style="color:#000000;">66CCFF</a></td>
+  </tr>
+  <tr>
+    <td bgcolor="66FF00"><a href="javascript:insertcode('66FF00');" style="color:#000000;">66FF00</a></td>
+    <td bgcolor="66FF33"><a href="javascript:insertcode('66FF33');" style="color:#000000;">66FF33</a></td>
+
+    <td bgcolor="66FF66"><a href="javascript:insertcode('66FF66');" style="color:#000000;">66FF66</a></td>
+    <td bgcolor="66FF99"><a href="javascript:insertcode('66FF99');" style="color:#000000;">66FF99</a></td>
+    <td bgcolor="66FFCC"><a href="javascript:insertcode('66FFCC');" style="color:#000000;">66FFCC</a></td>
+    <td bgcolor="66FFFF"><a href="javascript:insertcode('66FFFF');" style="color:#000000;">66FFFF</a></td>
+  </tr>
+  <tr>
+    <td bgcolor="990000"><a href="javascript:insertcode('990000');" style="color:#FFFFFF;">990000</a></td>
+
+    <td bgcolor="990033"><a href="javascript:insertcode('990033');" style="color:#FFFFFF;">990033</a></td>
+    <td bgcolor="990066"><a href="javascript:insertcode('990066');" style="color:#FFFFFF;">990066</a></td>
+    <td bgcolor="990099"><a href="javascript:insertcode('990099');" style="color:#FFFFFF;">990099</a></td>
+    <td bgcolor="9900CC"><a href="javascript:insertcode('9900CC');" style="color:#FFFFFF;">9900CC</a></td>
+    <td bgcolor="9900FF"><a href="javascript:insertcode('9900FF');" style="color:#FFFFFF;">9900FF</a></td>
+  </tr>
+
+  <tr>
+    <td bgcolor="993300"><a href="javascript:insertcode('993300');" style="color:#FFFFFF;">993300</a></td>
+    <td bgcolor="993333"><a href="javascript:insertcode('993333');" style="color:#FFFFFF;">993333</a></td>
+    <td bgcolor="993366"><a href="javascript:insertcode('993366');" style="color:#FFFFFF;">993366</a></td>
+    <td bgcolor="993399"><a href="javascript:insertcode('993399');" style="color:#FFFFFF;">993399</a></td>
+    <td bgcolor="9933CC"><a href="javascript:insertcode('9933CC');" style="color:#FFFFFF;">9933CC</a></td>
+
+    <td bgcolor="9933FF"><a href="javascript:insertcode('9933FF');" style="color:#FFFFFF;">9933FF</a></td>
+  </tr>
+  <tr>
+    <td bgcolor="996600"><a href="javascript:insertcode('996600');" style="color:#FFFFFF;">996600</a></td>
+    <td bgcolor="996633"><a href="javascript:insertcode('996633');" style="color:#FFFFFF;">996633</a></td>
+    <td bgcolor="996666"><a href="javascript:insertcode('996666');" style="color:#FFFFFF;">996666</a></td>
+    <td bgcolor="996699"><a href="javascript:insertcode('996699');" style="color:#FFFFFF;">996699</a></td>
+
+    <td bgcolor="9966CC"><a href="javascript:insertcode('9966CC');" style="color:#FFFFFF;">9966CC</a></td>
+    <td bgcolor="9966FF"><a href="javascript:insertcode('9966FF');" style="color:#FFFFFF;">9966FF</a></td>
+  </tr>
+  <tr>
+    <td bgcolor="999900"><a href="javascript:insertcode('999900');" style="color:#000000;">999900</a></td>
+    <td bgcolor="999933"><a href="javascript:insertcode('999933');" style="color:#000000;">999933</a></td>
+    <td bgcolor="999966"><a href="javascript:insertcode('999966');" style="color:#000000;">999966</a></td>
+
+    <td bgcolor="999999"><a href="javascript:insertcode('999999');" style="color:#000000;">999999</a></td>
+    <td bgcolor="9999CC"><a href="javascript:insertcode('9999CC');" style="color:#000000;">9999CC</a></td>
+    <td bgcolor="9999FF"><a href="javascript:insertcode('9999FF');" style="color:#000000;">9999FF</a></td>
+  </tr>
+  <tr>
+    <td bgcolor="99CC00"><a href="javascript:insertcode('99CC00');" style="color:#000000;">99CC00</a></td>
+    <td bgcolor="99CC33"><a href="javascript:insertcode('99CC33');" style="color:#000000;">99CC33</a></td>
+
+    <td bgcolor="99CC66"><a href="javascript:insertcode('99CC66');" style="color:#000000;">99CC66</a></td>
+    <td bgcolor="99CC99"><a href="javascript:insertcode('99CC99');" style="color:#000000;">99CC99</a></td>
+    <td bgcolor="99CCCC"><a href="javascript:insertcode('99CCCC');" style="color:#000000;">99CCCC</a></td>
+    <td bgcolor="99CCFF"><a href="javascript:insertcode('99CCFF');" style="color:#000000;">99CCFF</a></td>
+  </tr>
+  <tr>
+    <td bgcolor="99FF00"><a href="javascript:insertcode('99FF00');" style="color:#000000;">99FF00</a></td>
+
+    <td bgcolor="99FF33"><a href="javascript:insertcode('99FF33');" style="color:#000000;">99FF33</a></td>
+    <td bgcolor="99FF66"><a href="javascript:insertcode('99FF66');" style="color:#000000;">99FF66</a></td>
+    <td bgcolor="99FF99"><a href="javascript:insertcode('99FF99');" style="color:#000000;">99FF99</a></td>
+    <td bgcolor="99FFCC"><a href="javascript:insertcode('99FFCC');" style="color:#000000;">99FFCC</a></td>
+    <td bgcolor="99FFFF"><a href="javascript:insertcode('99FFFF');" style="color:#000000;">99FFFF</a></td>
+  </tr>
+
+  <tr>
+    <td bgcolor="CC0000"><a href="javascript:insertcode('CC0000');" style="color:#FFFFFF;">CC0000</a></td>
+    <td bgcolor="CC0033"><a href="javascript:insertcode('CC0033');" style="color:#FFFFFF;">CC0033</a></td>
+    <td bgcolor="CC0066"><a href="javascript:insertcode('CC0066');" style="color:#FFFFFF;">CC0066</a></td>
+    <td bgcolor="CC0099"><a href="javascript:insertcode('CC0099');" style="color:#FFFFFF;">CC0099</a></td>
+    <td bgcolor="CC00CC"><a href="javascript:insertcode('CC00CC');" style="color:#FFFFFF;">CC00CC</a></td>
+
+    <td bgcolor="CC00FF"><a href="javascript:insertcode('CC00FF');" style="color:#FFFFFF;">CC00FF</a></td>
+  </tr>
+  <tr>
+    <td bgcolor="CC3300"><a href="javascript:insertcode('CC3300');" style="color:#FFFFFF;">CC3300</a></td>
+    <td bgcolor="CC3333"><a href="javascript:insertcode('CC3333');" style="color:#FFFFFF;">CC3333</a></td>
+    <td bgcolor="CC3366"><a href="javascript:insertcode('CC3366');" style="color:#FFFFFF;">CC3366</a></td>
+    <td bgcolor="CC3399"><a href="javascript:insertcode('CC3399');" style="color:#FFFFFF;">CC3399</a></td>
+
+    <td bgcolor="CC33CC"><a href="javascript:insertcode('CC33CC');" style="color:#FFFFFF;">CC33CC</a></td>
+    <td bgcolor="CC33FF"><a href="javascript:insertcode('CC33FF');" style="color:#FFFFFF;">CC33FF</a></td>
+  </tr>
+  <tr>
+    <td bgcolor="CC6600"><a href="javascript:insertcode('CC6600');" style="color:#000000;">CC6600</a></td>
+    <td bgcolor="CC6633"><a href="javascript:insertcode('CC6633');" style="color:#000000;">CC6633</a></td>
+    <td bgcolor="CC6666"><a href="javascript:insertcode('CC6666');" style="color:#000000;">CC6666</a></td>
+
+    <td bgcolor="CC6699"><a href="javascript:insertcode('CC6699');" style="color:#000000;">CC6699</a></td>
+    <td bgcolor="CC66CC"><a href="javascript:insertcode('CC66CC');" style="color:#000000;">CC66CC</a></td>
+    <td bgcolor="CC66FF"><a href="javascript:insertcode('CC66FF');" style="color:#000000;">CC66FF</a></td>
+  </tr>
+  <tr>
+    <td bgcolor="CC9900"><a href="javascript:insertcode('CC9900');" style="color:#000000;">CC9900</a></td>
+    <td bgcolor="CC9933"><a href="javascript:insertcode('CC9933');" style="color:#000000;">CC9933</a></td>
+
+    <td bgcolor="CC9966"><a href="javascript:insertcode('CC9966');" style="color:#000000;">CC9966</a></td>
+    <td bgcolor="CC9999"><a href="javascript:insertcode('CC9999');" style="color:#000000;">CC9999</a></td>
+    <td bgcolor="CC99CC"><a href="javascript:insertcode('CC99CC');" style="color:#000000;">CC99CC</a></td>
+    <td bgcolor="CC99FF"><a href="javascript:insertcode('CC99FF');" style="color:#000000;">CC99FF</a></td>
+  </tr>
+  <tr>
+    <td bgcolor="CCCC00"><a href="javascript:insertcode('CCCC00');" style="color:#000000;">CCCC00</a></td>
+
+    <td bgcolor="CCCC33"><a href="javascript:insertcode('CCCC33');" style="color:#000000;">CCCC33</a></td>
+    <td bgcolor="CCCC66"><a href="javascript:insertcode('CCCC66');" style="color:#000000;">CCCC66</a></td>
+    <td bgcolor="CCCC99"><a href="javascript:insertcode('CCCC99');" style="color:#000000;">CCCC99</a></td>
+    <td bgcolor="CCCCCC"><a href="javascript:insertcode('CCCCCC');" style="color:#000000;">CCCCCC</a></td>
+    <td bgcolor="CCCCFF"><a href="javascript:insertcode('CCCCFF');" style="color:#000000;">CCCCFF</a></td>
+  </tr>
+
+  <tr>
+    <td bgcolor="CCFF00"><a href="javascript:insertcode('CCFF00');" style="color:#000000;">CCFF00</a></td>
+    <td bgcolor="CCFF33"><a href="javascript:insertcode('CCFF33');" style="color:#000000;">CCFF33</a></td>
+    <td bgcolor="CCFF66"><a href="javascript:insertcode('CCFF66');" style="color:#000000;">CCFF66</a></td>
+    <td bgcolor="CCFF99"><a href="javascript:insertcode('CCFF99');" style="color:#000000;">CCFF99</a></td>
+    <td bgcolor="CCFFCC"><a href="javascript:insertcode('CCFFCC');" style="color:#000000;">CCFFCC</a></td>
+
+    <td bgcolor="CCFFFF"><a href="javascript:insertcode('CCFFFF');" style="color:#000000;">CCFFFF</a></td>
+  </tr>
+  <tr>
+    <td bgcolor="FF0000"><a href="javascript:insertcode('FF0000');" style="color:#FFFFFF;">FF0000</a></td>
+    <td bgcolor="FF0033"><a href="javascript:insertcode('FF0033');" style="color:#FFFFFF;">FF0033</a></td>
+    <td bgcolor="FF0066"><a href="javascript:insertcode('FF0066');" style="color:#FFFFFF;">FF0066</a></td>
+    <td bgcolor="FF0099"><a href="javascript:insertcode('FF0099');" style="color:#FFFFFF;">FF0099</a></td>
+
+    <td bgcolor="FF00CC"><a href="javascript:insertcode('FF00CC');" style="color:#FFFFFF;">FF00CC</a></td>
+    <td bgcolor="FF00FF"><a href="javascript:insertcode('FF00FF');" style="color:#FFFFFF;">FF00FF</a></td>
+  </tr>
+  <tr>
+    <td bgcolor="FF3300"><a href="javascript:insertcode('FF3300');" style="color:#FFFFFF;">FF3300</a></td>
+    <td bgcolor="FF3333"><a href="javascript:insertcode('FF3333');" style="color:#FFFFFF;">FF3333</a></td>
+    <td bgcolor="FF3366"><a href="javascript:insertcode('FF3366');" style="color:#FFFFFF;">FF3366</a></td>
+
+    <td bgcolor="FF3399"><a href="javascript:insertcode('FF3399');" style="color:#FFFFFF;">FF3399</a></td>
+    <td bgcolor="FF33CC"><a href="javascript:insertcode('FF33CC');" style="color:#FFFFFF;">FF33CC</a></td>
+    <td bgcolor="FF33FF"><a href="javascript:insertcode('FF33FF');" style="color:#FFFFFF;">FF33FF</a></td>
+  </tr>
+  <tr>
+    <td bgcolor="FF6600"><a href="javascript:insertcode('FF6600');" style="color:#000000;">FF6600</a></td>
+    <td bgcolor="FF6633"><a href="javascript:insertcode('FF6633');" style="color:#000000;">FF6633</a></td>
+
+    <td bgcolor="FF6666"><a href="javascript:insertcode('FF6666');" style="color:#000000;">FF6666</a></td>
+    <td bgcolor="FF6699"><a href="javascript:insertcode('FF6699');" style="color:#000000;">FF6699</a></td>
+    <td bgcolor="FF66CC"><a href="javascript:insertcode('FF66CC');" style="color:#000000;">FF66CC</a></td>
+    <td bgcolor="FF66FF"><a href="javascript:insertcode('FF66FF');" style="color:#000000;">FF66FF</a></td>
+  </tr>
+  <tr>
+    <td bgcolor="FF9900"><a href="javascript:insertcode('FF9900');" style="color:#000000;">FF9900</a></td>
+
+    <td bgcolor="FF9933"><a href="javascript:insertcode('FF9933');" style="color:#000000;">FF9933</a></td>
+    <td bgcolor="FF9966"><a href="javascript:insertcode('FF9966');" style="color:#000000;">FF9966</a></td>
+    <td bgcolor="FF9999"><a href="javascript:insertcode('FF9999');" style="color:#000000;">FF9999</a></td>
+    <td bgcolor="FF99CC"><a href="javascript:insertcode('FF99CC');" style="color:#000000;">FF99CC</a></td>
+    <td bgcolor="FF99FF"><a href="javascript:insertcode('FF99FF');" style="color:#000000;">FF99FF</a></td>
+  </tr>
+
+  <tr>
+    <td bgcolor="FFCC00"><a href="javascript:insertcode('FFCC00');" style="color:#000000;">FFCC00</a></td>
+    <td bgcolor="FFCC33"><a href="javascript:insertcode('FFCC33');" style="color:#000000;">FFCC33</a></td>
+    <td bgcolor="FFCC66"><a href="javascript:insertcode('FFCC66');" style="color:#000000;">FFCC66</a></td>
+    <td bgcolor="FFCC99"><a href="javascript:insertcode('FFCC99');" style="color:#000000;">FFCC99</a></td>
+    <td bgcolor="FFCCCC"><a href="javascript:insertcode('FFCCCC');" style="color:#000000;">FFCCCC</a></td>
+
+    <td bgcolor="FFCCFF"><a href="javascript:insertcode('FFCCFF');" style="color:#000000;">FFCCFF</a></td>
+  </tr>
+  <tr>
+    <td bgcolor="FFFF00"><a href="javascript:insertcode('FFFF00');" style="color:#000000;">FFFF00</a></td>
+    <td bgcolor="FFFF33"><a href="javascript:insertcode('FFFF33');" style="color:#000000;">FFFF33</a></td>
+    <td bgcolor="FFFF66"><a href="javascript:insertcode('FFFF66');" style="color:#000000;">FFFF66</a></td>
+    <td bgcolor="FFFF99"><a href="javascript:insertcode('FFFF99');" style="color:#000000;">FFFF99</a></td>
+
+    <td bgcolor="FFFFCC"><a href="javascript:insertcode('FFFFCC');" style="color:#000000;">FFFFCC</a></td>
+    <td bgcolor="FFFFFF"><a href="javascript:insertcode('FFFFFF');" style="color:#000000;">FFFFFF</a></td>
+  </tr>
+  </table>
+  <br>
+  <br>
+  <input type="hidden" name="event"   value="colors"> 
+  <input type="hidden" name="flag"    value="submit"> 
+  <input type="hidden" name="tmpid"   value="%%tmpid%%"> 
+  <input type="submit" value="Save colors ...">
+ </form>
+ <form name="hiddenform" action="input.html" target="blank" onsubmit="return false;">
+  <input type="hidden" name="event"   value="input"> 
+  <input type="hidden" name="tmpid"   value="%%tmpid%%"> 
+  <input type="hidden" name="message">
+ </form>
+ </center>
+ <br>
+ <center>
+  <span class="signature">
+   yChat is OpenSource - get it at <a class="fancy" target="_blank" href="http://www.yChat.org">http://www.yChat.org</a>
+  </span>
+ </center>
+ <br>
+ <br>
+</body>
 </html>
diff --git a/html/demo.html b/html/demo.html
index e36ddb9..b04ee15 100644
--- a/html/demo.html
+++ b/html/demo.html
@@ -1,19 +1,27 @@
 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
 <html>
- <head>
-  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
-  <title>%%ychat.version%%</title>
-  <link rel="stylesheet" href="style.css" type="text/css" />
- </head>
- <body> 
-  <h1>%%ychat.version%%</h1>
-  <div>%%INFO%%</div>
-  <br />
-  <div>
-   This is the demo website provided by yChat :-)
-  </div>
-  <div class="footer">
-   <span class="signature">yChat is OpenSource - get it at <a class="fancy" target="_blank" href="http://www.yChat.org">http://www.yChat.org</a></span>
-  </div>
- </body>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
+<title>
+ %%ychat.version%%
+</title>
+<link rel=stylesheet href="style.css" type=text/css>
+</head>
+<body> 
+<table align=center width=500>
+<tr>
+<td align=center class=header>%%ychat.version%%<br><br>%%INFO%%</td>
+</tr>
+<tr>
+<td colspan=2>&nbsp;</td>
+</tr>
+<tr>
+<td align=center colspan=2>
+This is the demo website provided by yChat :-)
+</td>
+</tr>
+</table>
+<br><br>
+<center><span class="signature">yChat is OpenSource - get it at <a class="fancy" target="_blank" href="http://www.yChat.org">http://www.yChat.org</a></span></center>
+</body>
 </html>
diff --git a/html/frameset.html b/html/frameset.html
index 59ca44d..672f8fa 100644
--- a/html/frameset.html
+++ b/html/frameset.html
@@ -1,20 +1,22 @@
 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
 <html>
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
- <title>%%ychat.version%%</title>
- </head>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
+<title>
+ %%ychat.version%%
+</title>
+</head>
  <frameset boders="0" rows="*,70">
   <noframes>
-   Your browser does not support frames!
+   Your browser does not support frames, 
   </noframes>
   <frameset cols="*,150">
-   <frame src="stream.html?event=stream&tmpid=%%tmpid%%" name="stream" />
-   <frame src="online.html?event=online&tmpid=%%tmpid%%" name="online" />
+   <frame src="stream.html?event=stream&tmpid=%%tmpid%%" name="stream">
+   <frame src="online.html?event=online&tmpid=%%tmpid%%" name="online">
   </frameset>
   <frameset rows="*,0">
-   <frame src="input.html?event=input&tmpid=%%tmpid%%" name="input" />
-   <frame src="blank.html" name="blank" />
+   <frame src="input.html?event=input&tmpid=%%tmpid%%" name="input">
+   <frame src="blank.html" name="blank">
   </frameset>
  </frameset>
 </html>
diff --git a/html/help.html b/html/help.html
index b9e51a7..ad9a25f 100644
--- a/html/help.html
+++ b/html/help.html
@@ -1,20 +1,28 @@
 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
 <html>
- <head>
-  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
-  <title>Chat-help - %%ychat.version%%</title>
-  <link rel="stylesheet" href="style.css" type=text/css />
- </head>
- <body>
-  <h1>Chat-help</h1>
-  <div>
-   Hello %%nick%%, all chat commands available are summarized below (Please notice that only currently in memory loaded command modules are listed here which should be the case by yChat default configuration). You can also access help for a specific command with the /help command. Example: /help commandname:
-  </div>
-  <div>
-  %%content%%
-  </div>
-  <div class="footer">
-   <span class="signature">yChat is OpenSource - get it at <a class="fancy" target="_blank" href="http://www.yChat.org">http://www.yChat.org</a></span>
-  </div>
- </body>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
+<title>
+ Chat-help - %%ychat.version%%
+</title>
+<link rel=stylesheet href="style.css" type=text/css>
+</head>
+<body>
+<table align=center width=500>
+<tr><td>
+ Hello %%nick%%, all chat commands available are summarized below (Please notice that only currently
+ in memory loaded command modules are listed here which should be the case by yChat default configuration). You can also access help for a specific command with the /help command. Example: /help commandname:
+</td></tr>
+<tr><td>
+<br>
+%%content%%
+</td></tr>
+</table>
+<br><br>
+ <center>
+  <span class="signature">
+   yChat is OpenSource - get it at <a class="fancy" target="_blank" href="http://www.yChat.org">http://www.yChat.org</a>
+  </span>
+ </center>
+</body>
 </html>
diff --git a/html/index.html b/html/index.html
index 7d1f763..983e7ef 100644
--- a/html/index.html
+++ b/html/index.html
@@ -1,38 +1,54 @@
 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
 <html>
 <head>
- <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
- <title>%%ychat.version%%</title>
- <link rel=stylesheet href="style.css" type="text/css" />
+<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
+<title>
+ %%ychat.version%%
+</title>
+<link rel=stylesheet href="style.css" type=text/css>
 </head>
 <body>
-<h1>%%ychat.version%%</h1>
-<div>%%INFO%%</div>
+<table align=center width=500>
+<tr>
+<td>
+<center>
+%%ychat.version%%<br><br>%%INFO%%
+</center>
+</td>
+</tr>
+<tr>
+<td colspan=2>&nbsp;</td>
+</tr>
+<tr>
+<td align=center colspan=2>
 <form action="frameset.html" method="POST">
- <input type="hidden" name="event" value="login" />
- <div>Enter your nick:</div>
- <div>
-  <input class="text" type="text"   name="nick" value="%%nick%%" maxlength="%%chat.maxlength.username%%" accesskey="n" />
- </div>
- <br />
- <div>Enter your password:</div>
- <div>
-  <input class="text" type="password" name="password" value="%%pass%%" maxlength="%%chat.maxlength.password%%" accesskey="p" />
- </div>
- <br />
- <div>Enter your room:</div>
- <div>
-  <input class="text" type="text" name="room" value="%%chat.defaultroom%%" maxlength="%%chat.maxlength.roomname%%" accesskey="r" />
-  </div>
-  <br />
-  <input type="hidden" name="end" value="end" />
-  <input type="submit" value="login" accesskey="s" />
- </form>
- <div>
-  <a class="fancy" href="register.html">Register</a> a new nick If you don't want to register you may login without a password using an unregistered nick. 
- </div>
- <div class="footer">
-  <span class="signature">yChat is OpenSource - get it at <a class="fancy" target="_blank" href="http://www.yChat.org">http://www.yChat.org</a></span>
- </div>
+ <input type="hidden" name="event" value="login">
+Enter your nick:<br>
+ <input class="text" type="text"   name="nick" value="%%nick%%" maxlength="%%chat.maxlength.username%%" accesskey="n">
+<br>
+<br>
+Enter your password:<br>
+ <input class="text" type="password" name="password" value="%%pass%%" maxlength="%%chat.maxlength.password%%" accesskey="p">
+<br>
+<br>
+Enter your room:<br>
+ <input class="text" type="text" name="room" value="%%chat.defaultroom%%" maxlength="%%chat.maxlength.roomname%%" accesskey="r">
+<br>
+<br>
+ <input type="hidden" name="end" value="end">
+ <input type="submit" value="login" accesskey="s">
+</form>
+<br>
+<a class="fancy" href="register.html">Register</a> a new nick
+<br>
+<br>
+If you don't want to register you may login
+<br>
+without a password using an unregistered nick. 
+</td>
+</tr>
+</table>
+<br><br>
+<center><span class="signature">yChat is OpenSource - get it at <a class="fancy" target="_blank" href="http://www.yChat.org">http://www.yChat.org</a></span></center>
 </body>
 </html>
diff --git a/html/input.html b/html/input.html
index 9f56d5c..31ed9fe 100644
--- a/html/input.html
+++ b/html/input.html
@@ -1,9 +1,11 @@
 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
 <html>
 <head>
- <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
-  <title>%%HTML_TITLE_TAG_CONTENT%%</title>
-  <link rel="stylesheet" href="style.css" type=text/css />
+ <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
+  <title>
+   %%HTML_TITLE_TAG_CONTENT%%
+  </title>
+  <link rel=stylesheet href="style.css" type=text/css>
   <script language="JavaScript">
    <!--
     function delout()
@@ -37,9 +39,9 @@
  <body>
   <form method="GET" name="input" action="input.html" target="blank" onsubmit="return delout();">
    <div style="position: absolute; top: 5px;"> 
-    <input class="text" type="text"   name="message" size="60" maxlength="%%chat.maxlength.message%%" />
-    <input type="submit" value="Send" accesskey='s' />
-    <input type="button" value="Select"  accesskey='e' onclick="javascript:selectinput();" />
+    <input class="text" type="text"   name="message" size="60" maxlength="%%chat.maxlength.message%%">
+    <input type="submit" value="Send" accesskey='s'>
+    <input type="button" value="Select"  accesskey='e' onclick="javascript:selectinput();">
    </div>
    <div style="position: absolute; top: 29px;"> 
     <a href='#' class="fancy" onclick="javascript:popup('colors.html?event=colors&tmpid=%%tmpid%%', 600, 480)">Colors</a>
@@ -49,10 +51,10 @@
     <a href='#' class="fancy" onclick="javascript:popup('admin.html?event=admin&tmpid=%%tmpid%%', 600, 480)">Admin</a>
     <a href='input.html?event=input&tmpid=%%tmpid%%&message=%2Fq' class="fancy" target='blank'>Logout</a>
     Scrolling: 
-    <input type="checkbox" name="scroll" checked onClick="chgscroll(this);" />
+    <input type="checkbox" name="scroll" checked onClick="chgscroll(this);">
    </div>
-   <input type="hidden" name="event" value="input" /> 
-   <input type="hidden" name="tmpid" value="%%tmpid%%" /> 
+   <input type="hidden" name="event"   value="input"> 
+   <input type="hidden" name="tmpid"   value="%%tmpid%%"> 
   </form>
  </body>
 </html>
diff --git a/html/loggedin.html b/html/loggedin.html
index a95134f..59083b8 100644
--- a/html/loggedin.html
+++ b/html/loggedin.html
@@ -1,18 +1,27 @@
 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
 <html>
- <head>
-  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
-  <title>Logged in users - %%ychat.version%%</title>
-  <link rel="stylesheet" href="style.css" type="text/css" />
- </head>
- <body>
-  <h1>Logged in users</h1>
-  <div>All currently logged in users:</div>
-  <div>
-   %%USERLIST%%
-  </div>
-  <div class="footer">
-   <span class="signature">yChat is OpenSource - get it at <a class="fancy" target="_blank" href="http://www.yChat.org">http://www.yChat.org</a></span>
-  </div>
- </body>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
+<title>
+ Logged in users - %%ychat.version%%
+</title>
+<link rel=stylesheet href="style.css" type=text/css>
+</head>
+<body>
+<table align="center">
+<tr><td>
+All currently logged in users:
+</td></tr>
+<tr><td>
+<br>
+%%USERLIST%%
+</td></tr>
+</table>
+<br><br>
+ <center>
+  <span class="signature">
+   yChat is OpenSource - get it at <a class="fancy" target="_blank" href="http://www.yChat.org">http://www.yChat.org</a>
+  </span>
+ </center>
+</body>
 </html>
diff --git a/html/notfound.html b/html/notfound.html
index 356ec11..a14d44b 100644
--- a/html/notfound.html
+++ b/html/notfound.html
@@ -1,15 +1,12 @@
 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
 <html>
- <head>
-  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
-  <link rel=stylesheet href="style.css" type="text/css" />
-  <title>%%HTML_TITLE_TAG_CONTENT%%</title>
- </head>
- <body>
-  <h1>Error</h1>
-  <div>Page not found!</div>
-  <div class="footer">
-   <span class="signature">yChat is OpenSource - get it at <a class="fancy" target="_blank" href="http://www.yChat.org">http://www.yChat.org</a></span>
-  </div>
- </body>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
+<title>
+ %%HTML_TITLE_TAG_CONTENT%%
+</title>
+</head>
+<body>
+ Page not found.
+</body>
 </html>
diff --git a/html/online.html b/html/online.html
index 031724c..3eda553 100644
--- a/html/online.html
+++ b/html/online.html
@@ -1,13 +1,13 @@
 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
 <html>
- <head>
-  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
-  <link rel=stylesheet href="style.css" type="text/css" />
+<head>
+ <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
+ <link rel=stylesheet href="style.css" type=text/css>
  </head>
  <body>
   <b>%%room%%</b>
-  <br />
-  <br />
+  <br>
+  <br>
   <table>
    <tr>
     <td>
diff --git a/html/options.html b/html/options.html
index 2608b70..4dd5b35 100644
--- a/html/options.html
+++ b/html/options.html
@@ -1,43 +1,50 @@
 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
 <html>
- <head>
-  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
-  <title>Options menu - %%ychat.version%%</title>
-  <link rel=stylesheet href="style.css" type="text/css" />
-  <body>
-  <h1>Options menu</h1>
-  <div>
-   %%msgs%%
-   %%nick%%, all chat options available are summarized below:
-  </div>
-  <form name="options" action="options.html">
-   <div>Your E-Mail address:</div>
-   <div>
-    <input class="text" type="text" size="40" maxlength="%%chat.maxlength.emailaddress%%" name="email" value="%%email%%" accesskey="e" />
-   </div>
-   <br />
-   <div>Your old password (needed if you want to enter a new password):</div>
-   <div>
-    <input class="text" type="password" maxlength="%%chat.maxlength.password%%" name="pass" accesskey="p" />
-   </div>
-   <br />
-   <div>Your new password:</div>
-   <div>
-    <input class="text" type="password" maxlength="%%chat.maxlength.password%%" name="newpass" accesskey="q" />
-   </div>
-   <br />
-   <div>Your new password again:</div>
-   <div>
-    <input class="text" type="password" maxlength="%%chat.maxlength.password%%" name="newpass2" accesskey="r" />
-   </div>
-   <br />
-   <input type="hidden" name="event" value="options" /> 
-   <input type="hidden" name="flag"  value="submit" /> 
-   <input type="hidden" name="tmpid" value="%%tmpid%%" /> 
-   <input type="submit" value="Save options" accesskey="s" />
-  </form>
-  <div class="footer">
-   <span class="signature">yChat is OpenSource - get it at <a class="fancy" target="_blank" href="http://www.yChat.org">http://www.yChat.org</a></span>
-  </div>
- </body>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
+<title>
+ Options menu - %%ychat.version%%
+</title>
+<link rel=stylesheet href="style.css" type=text/css>
+<body>
+<table align=center width=500>
+<tr><td>
+ %%msgs%%
+ %%nick%%, all chat options available are summarized below:
+</td></tr>
+<tr><td>
+<br>
+<form name="options" action="options.html">
+Your E-Mail address:<br>
+ <input class="text" type="text" size="40" maxlength="%%chat.maxlength.emailaddress%%" name="email" value="%%email%%" accesskey="e">
+<br>
+<br>
+Your old password (needed if you want to enter a new password):<br>
+ <input class="text" type="password" maxlength="%%chat.maxlength.password%%" name="pass" accesskey="p">
+<br>
+<br>
+Your new password:<br>
+ <input class="text" type="password" maxlength="%%chat.maxlength.password%%" name="newpass" accesskey="q">
+<br>
+<br>
+Your new password again:<br>
+ <input class="text" type="password" maxlength="%%chat.maxlength.password%%" name="newpass2" accesskey="r">
+<br>
+<br>
+ <input type="hidden" name="event"   value="options"> 
+ <input type="hidden" name="flag"    value="submit"> 
+ <input type="hidden" name="tmpid"   value="%%tmpid%%"> 
+ <input type="submit" value="Save options" accesskey="s">
+<form>
+</td></tr>
+</table>
+<br><br>
+ <center>
+  <span class="signature">
+   yChat is OpenSource - get it at <a class="fancy" target="_blank" href="http://www.yChat.org">http://www.yChat.org</a>
+  </span>
+ </center>
+ <br>
+ <br>
+</body>
 </html>
diff --git a/html/register.html b/html/register.html
index c612e84..082e805 100644
--- a/html/register.html
+++ b/html/register.html
@@ -1,41 +1,53 @@
 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
 <html>
- <head>
-  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
-  <title>Nick registration - %%ychat.version%%</title>
-  <link rel=stylesheet href="style.css" type="text/css" />
- </head>
- <body>
- <h1>Nick registration</h1>
- <div>%%INFO%%</div>
-  <form action="register.html" method="POST">
-   <input type="hidden" value="register" name="event" />
-   <div>Enter your desired nick:</div>
-   <div>
-    <input class="text" type="text" maxlength="%%chat.maxlength.username%%"  name="nick" value="%%nick%%" accesskey="n" />
-   </div>
-   <br />
-   <div>Enter your E-Mail address:</div>
-   <div>
-    <input class="text" type="text" maxlength="%%chat.maxlength.emailaddress%%" name="email" value="%%email%%" accesskey="e" />
-   </div>
-   <br />
-   <div>Enter your password:</div>
-   <div>
-    <input class="text" type="password" maxlength="%%chat.maxlength.password%%" name="pass" accesskey="p" />
-   </div>
-   <br />
-   <div>Enter your password again:</div>
-   <div>
-    <input class="text" type="password" maxlength="%%chat.maxlength.password%%" name="pass2" accesskey="q" />
-   </div>
-   <br />
-   <input type="hidden" name="end" value="end">
-   <input type="submit" value="Register" accesskey="s">
-  </form>
-  <div>If you don't want to register go <a class="fancy" href="%%httpd.startsite%%">back</a></div>
-  <div class="footer">
-   <span class="signature">yChat is OpenSource - get it at <a class="fancy" target="_blank" href="http://www.yChat.org">http://www.yChat.org</a></span>
- </div>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
+<title>
+ Nick registration - %%ychat.version%%
+</title>
+<link rel=stylesheet href="style.css" type=text/css>
+</head>
+<body>
+<table align=center width=500>
+<tr>
+<td>
+<center>
+Nick registration<br><br>%%INFO%%
+</center>
+</td>
+</tr>
+<tr>
+<td colspan=2>&nbsp;</td>
+</tr>
+<tr>
+<td align=center colspan=2>
+<form action="register.html" method="POST">
+ <input type="hidden" value="register" name="event">
+Enter your desired nick:<br>
+ <input class="text" type="text" maxlength="%%chat.maxlength.username%%"  name="nick" value="%%nick%%" accesskey="n">
+<br>
+<br>
+Enter your E-Mail address:<br>
+ <input class="text" type="text" maxlength="%%chat.maxlength.emailaddress%%" name="email" value="%%email%%" accesskey="e">
+<br>
+<br>
+Enter your password:<br>
+ <input class="text" type="password" maxlength="%%chat.maxlength.password%%" name="pass" accesskey="p">
+<br>
+<br>
+Enter your password again:<br>
+ <input class="text" type="password" maxlength="%%chat.maxlength.password%%" name="pass2" accesskey="q">
+<br>
+<br>
+ <input type="hidden" name="end" value="end">
+ <input type="submit" value="Register" accesskey="s">
+</form>
+<br>
+If you don't want to register go <a class="fancy" href="%%httpd.startsite%%">back</a>
+</td>
+</tr>
+</table>
+<br><br>
+<center><span class="signature">yChat is OpenSource - get it at <a class="fancy" target="_blank" href="http://www.yChat.org">http://www.yChat.org</a></span></center>
 </body>
 </html>
diff --git a/html/stream.html b/html/stream.html
index 4855522..bbf8f71 100644
--- a/html/stream.html
+++ b/html/stream.html
@@ -1,34 +1,39 @@
 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
 <html>
- <head>
-  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
-  <title>%%HTML_TITLE_TAG_CONTENT%%</title>
-  <link rel=stylesheet href="style.css" type="text/css" />
-  <script language="JavaScript">
-   var scrolling;
-   var ison;
-   function autoscroll()
-   {
-    if(!ison){
-     scrolling = window.setInterval("window.scroll(1,1606682)",70);
-     ison = true;
-    }
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
+ <title>
+  %%HTML_TITLE_TAG_CONTENT%%
+ </title>
+<link rel=stylesheet href="style.css" type=text/css>
+ <script language="JavaScript">
+  var scrolling;
+  var ison;
+  function autoscroll()
+  {
+   if(!ison){
+    scrolling = window.setInterval("window.scroll(1,1606682)",70);
+    ison = true;
    }
-   function stopscroll()
+  }
+  function stopscroll()
+  {
+   if(ison)
    {
-    if(ison)
-    {
-     window.clearInterval(scrolling);
-     ison = false;
-    }
+    window.clearInterval(scrolling);
+    ison = false;
    }
-  </script>
- </head>
- <body class="stream">
- <script language="JavaScript">
-  autoscroll();
+  }
  </script>
+</head>
+<body class="stream">
+Engine: %%ychat.version%%
+<br>
+<script language="JavaScript">
+ autoscroll();
+</script>
+
  Welcome to the chat, %%nick%%!
- <br />
- <br />
+ <br>
+ <br>
 
diff --git a/html/style.css b/html/style.css
index 3c66631..593fc7a 100644
--- a/html/style.css
+++ b/html/style.css
@@ -1,44 +1,9 @@
-
-body {
-  font-family: arial, verdana;
-  background-color: #000000;
-  color: #FFFFFF;
-}
-
-body.stream {
-  background-color: #333333;
-}
-
-h1, h2, h3 {
-  padding: 5px;
-  color: #000000;
-}
-
-p {
-  padding-left: 5px;
-  padding-right: 5px;
-}
-
-h1 {
-  background-color: #ffa500;
-}
-
-.code {
-  background-color: #AAAAFF;
-  padding: 10px;
-}
-
-.footer {
-  margin-top: 20px;
-  padding: 10px;
-  background-color: #555555;
+body { 
+	background-color: #000000;
+	color: #ffffff;
 }
 
 a {
-  color: #FFFFFF;
+	color: #ffffff;
 }
 
-a:hover {
-  color: #00FF00;
-  text-decoration: none;
-}
diff --git a/html/urlredirect.html b/html/urlredirect.html
index 4d80645..7e7cbde 100644
--- a/html/urlredirect.html
+++ b/html/urlredirect.html
@@ -1,8 +1,9 @@
 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
 <html>
- <body>
-  <script language='JavaScript'>
-   open("%%url%%", "_new");
-  <script>
- </body>
+<head>
+<body>
+<script language='JavaScript'>
+ open("%%url%%", "_new");
+<script>
+</body>
 </html>
author	Paul Buetow <paul@buetow.org>	2010-11-21 16:20:55 +0000
committer	Paul Buetow <paul@buetow.org>	2010-11-21 16:20:55 +0000
commit	6fde6b0fe90abde84011202edd40fe46eb06af44 (patch)
tree	ef760338c50b4df3ae9cca96347bca962fdbec7e /html
parent	55b08bd93257d32df76efc4e8e3f49311c39ee82 (diff)