update css

html5/verto/demo/index.html

@@ -24,16 +24,13 @@
 	 font-size:7pt;
 										}     	      
 
-      .ctlbtn:hover {
+.ctlbtn:hover {
 	 color: #ffffae;
 	 cursor: pointer;
  }	
 
-
-
-
-      #chatwin
-      {
+#chatwin
+{
 	background-color: #eeeeee;
 	width: 500px;
 	height:150px;
@@ -43,20 +40,28 @@
 	text-align: left;
 	border-style:inset;
 	font-size: 10pt;
-      }
-
-      .l1
-      {
+	color: #3333ff;
+}
+
+.chatuid
+{
+	font-size: 7pt;
+	font-weight: bold;
+	color: #ff3333;
+}
+
+.l1
+{
 	border:1;
 	background-color:#fefefe;
 	height:1px;
 	opacity:0.4;
-      }
-      #chatmsg
-      {
+}
+#chatmsg
+{
 	width:400px;
 	max-height:40px;
-      }
+}
 
 
     </style>

html5/verto/demo/verto.js

@@ -111,7 +111,7 @@ var callbacks = {
 	    var body = data.body.replace(/(http[s]{0,1}:\/\/\S+)/g, "<a target='_blank' href='$1'>$1<\/a>");
 	    body = body.replace(/(?:\r\n|\r|\n)/g, '<br />');
 
-            $("#chatwin").append("<b>" + data.from + "</b>:<br>" + "" + body + "" + "<br>");
+            $("#chatwin").append("<span class=chatuid>" + data.from + ":</span><br>" + body);
 	    $('#chatwin').animate({"scrollTop": $('#chatwin')[0].scrollHeight}, "fast");
 
             break;