update css

html5/verto/demo/index.html

@@ -9,54 +9,59 @@
     <title>FreeSWITCH Verto&trade; Demo</title>
 
     <style type="text/css">
-      .pageheader {
-      font-size: 22px;
-      font-weight: normal;
-      height: 27px;
-      }
-
-      .ctlbtn {
-        border: 0px;
-	color: #eeeeee;
-	background-color: #0000ae;
-	font-face: arial;
-        height:18px;
-        font-size:7pt;
-      }     	      
-
-      .ctlbtn:hover {
-      color: #ffffae;
-      cursor: pointer;
-      }	
-
-
-
-
-      #chatwin
-      {
-      background-color: #eeeeee;
-      width: 500px;
-      height:150px;
-      max-height:150px;
-      overflow-y: scroll;
-      scrolling: auto;
-      text-align: left;
-      border-style:inset;
-      font-size: 10pt;
-      }
-
-      .l1
-      {
-      border:1;
-      background-color:#fefefe;
-      height:1px;
-      opacity:0.4;
-      }
-      #chatmsg
-      {
-      width:400px;
-      max-height:40px;
-      }
+									   .pageheader {
+	 font-size: 22px;
+	 font-weight: normal;
+	 height: 27px;
+ }
+
+									   .ctlbtn {
+	 border: 0px;
+	 color: #eeeeee;
+	 background-color: #0000ae;
+	 font-face: arial;
+	 height:18px;
+	 font-size:7pt;
+										}     	      
+
+.ctlbtn:hover {
+	 color: #ffffae;
+	 cursor: pointer;
+ }	
+
+#chatwin
+{
+	background-color: #eeeeee;
+	width: 500px;
+	height:150px;
+	max-height:150px;
+	overflow-y: scroll;
+	scrolling: auto;
+	text-align: left;
+	border-style:inset;
+	font-size: 10pt;
+	color: #3333ff;
+}
+
+.chatuid
+{
+	font-size: 7pt;
+	font-weight: bold;
+	color: #ff3333;
+}
+
+.l1
+{
+	border:1;
+	background-color:#fefefe;
+	height:1px;
+	opacity:0.4;
+}
+#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;