Current state

public/css/pop_chat.css

@@ -0,0 +1,150 @@
+*{padding: 0; margin: 0;}
+
+a { color:#111; text-decoration: none }
+
+body {
+    margin: 0;
+    padding: 0;
+    border: 0;
+    font-size: 12px;
+    font-family: Tahoma, Arial;
+    background:#eee;
+}
+
+.odd {
+    background:#eee;
+}
+
+h1 {
+    background:#1a2027;
+    color:#fff;
+    font-size:14px;
+    padding:5px;
+    margin:0;
+    height:20px;
+}
+
+#mchatek {
+    height:400px;
+    buffer:400px;
+    overflow:auto;
+    border:solid 1px #999;
+    border-radius:5px;
+    -moz-border-radius:5px;
+    -webkit-border-radius:5px;
+    margin:3px;
+}
+
+.sender {
+    display:block;
+    color:#db9327;
+    font-size:13px;
+    float:left;
+    margin-right:10px;
+}
+
+.sender a {
+    color:#f90;
+    font-weight:bold;
+}
+
+.chatMessage {
+    border:solid 1px #eee;
+    margin:5px;
+    border-radius:5px;
+    -webkit-border-radius:5px;
+    -moz-border-radius:5px;
+    padding:5px;
+    clear:both;
+    line-height:18px;
+}
+
+.chatMessage:hover {
+    background:#eee;
+    border:solid 1px #ddd;
+}
+
+.chatAgos {
+    font-size:9px;
+    color:#999;
+    background:#f1f1f1;
+    border-radius:5px;
+    -webkit-border-radius:5px;
+    -moz-border-radius:5px;
+    padding:3px;
+}
+
+#smileyList {
+    list-style:none;
+    margin:0;
+    padding:0;
+}
+
+#smileyList li {
+    float:left;
+    padding:3px;
+    margin:1px;
+}
+
+#smileyList li:hover {
+    background:#333;
+}
+
+#bottom {
+    background:#1a2027;
+}
+
+#chatType {
+    background:#1a2027;
+    margin:0;
+    padding:5px;
+}
+#chatType input[type=submit] {
+    margin-left:3px;
+    margin-top:0;
+    height:28px;
+     font-family: Arial, Helvetica, sans-serif;
+     font-size: 12px;
+     color: #ffffff;
+     padding: 4px 18px;
+     background: -moz-linear-gradient(
+          top,
+          #eb2d40 0%,
+          #eb2d40 50%,
+          #cf0029 50%,
+          #cf0029);
+     background: -webkit-gradient(
+          linear, left top, left bottom, 
+          from(#eb2d40),
+          color-stop(0.50, #eb2d40),
+          color-stop(0.50, #cf0029),
+          to(#cf0029));
+     border-radius: 3px;
+     -moz-border-radius: 3px;
+     -webkit-border-radius: 3px;
+     border: 1px solid #cf0029;
+     -moz-box-shadow:
+          0px 2px 2px rgba(000,000,000,0.2),
+          inset 0px 0px 0px rgba(255,255,255,0);
+     -webkit-box-shadow:
+          0px 2px 2px rgba(000,000,000,0.2),
+          inset 0px 0px 0px rgba(255,255,255,0);
+     text-shadow:
+          0px 0px 0px rgba(000,000,000,0.4),
+          0px 0px 0px rgba(255,255,255,0.3);
+
+}
+
+
+#chatType input[type=text] {
+    width:600px;
+    height:20px;
+    font-size:13px;
+    color:#333;
+    border:solid 1px #000;
+    padding:4px;
+    background:#eee;
+    border-radius:5px;
+    -webkit-border-radius:5px;
+    -moz-border-radius:5px;
+}