update css

diff --git a/html5/verto/demo/index.html b/html5/verto/demo/index.html
index 7a6e53acea8ffd322a41cbf029d231fc15dddb5b..415def7224457b4e2bf6e5e637c4d82ad0caacde 100644 (file)
--- a/html5/verto/demo/index.html
+++ b/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>

diff --git a/html5/verto/demo/verto.js b/html5/verto/demo/verto.js
index 6e05941a0f4c5765f48b50e103606e34eeeec322..0c7a00d8245081f46637a2fc7ddeb1e52922ef13 100644 (file)
--- a/html5/verto/demo/verto.js
+++ b/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;