* Split the js code and css code into several files for easier coding

  (they will be minified and concatenated in deployment anyway)
* Add a light tooltip jquery plugin. Simple tooltip test on roster contacts
* Some css changes (WIP)
* Some documentation cleanup in js

1 files changed, 13 insertions, 76 deletions

diff --git a/webclient/style/alias.css b/webclient/style/alias.css
index 9e96f88..c3945ba 100644
--- a/webclient/style/alias.css
+++ b/webclient/style/alias.css
@@ -155,8 +155,8 @@ input
 #header
 {
     margin: 0px;
-    margin-bottom: 15px;
-    background-image: -moz-linear-gradient(top center, white, #AEB2B1);
+    margin-bottom: 0px;
+    background-image: -moz-linear-gradient(top center, #F4F4F4, #C1C1C1);
     background: -webkit-gradient(linear, left top, left bottom, from(#F6F6F6), to(#D9D9D9));
     border-bottom: 1px solid #CDCDCD;
     box-shadow: 0px 5px 10px #434343;
@@ -176,11 +176,10 @@ input
 #left
 {
     margin: 0px;
-    margin-right: 2%;
     float: left;
-    width: 20%;
+    width: 22%;
     background-color: white;
-    height: 88%;
+    height: 95%;
     display: none;
 }
 
@@ -188,7 +187,7 @@ input
 {
     float: left;
     width: 78%;
-    height: 88%;
+    height: 95%;
     display: none;
     background-color: white;
     padding: 0px;
@@ -199,74 +198,6 @@ input
     padding: 0px;
 }
 
-ul.tabbar{
-    background-color: #E9E9E9;
-    border-bottom: 1px solid #9C9C9C;
-    border-top: 1px solid white;
-    padding: 0px;
-    margin: 0px;
-    list-style-type: none;
-    height: 45px;
-}
-
-ul.tabbar > li{
-    background-color: #B6B6B6;
-    padding: 10px;
-    padding-right: 5px;
-    margin: 0px;
-    margin-left: 0.5em;
-    height: 20px;
-    float: left;
-    display: block;
-    margin-top: 4px;
-}
-
-ul.tabbar > li.selected{
-    border-bottom: 1px solid white;
-    border-left: 1px solid #9C9C9C;
-    border-top: 1px solid #9C9C9C;
-    border-right: 1px solid #9C9C9C;
-    background-color: white;
-}
-
-ul.tabbar > li:hover{
-    background-color: #3058A3;
-    color: white;
-    cursor: pointer;
-}
-
-ul.tabbar > li > span.tab-close{
-    display: block;
-    width: 15px;
-    height: 15px;
-    float: right;
-    margin-left: 5px;
-    margin-top: 2px;
-    background-image: url("images/cross.png");
-}
-
-ul.tabbar > li:hover > span.tab-close{
-    background-image: url("images/cross2.png");
-}
-
-ul.tabbar > li > a{
-    color: inherit;
-}
-
-ul.tabbar > li > a:hover{
-    text-decoration: none;
-}
-
-ul.tabbar > li > a:focus{
-    border: none;
-}
-
-.tab{
-    padding: 10px;
-    height: 100%;
-    display: none;
-}
-
 .chat-messages{
     height: 80%;
     width: 100%;
@@ -317,7 +248,7 @@ ul.tabbar > li > a:focus{
 
 .roster-contact
 {
-    -moz-transition-property: background-color, box-shadow;
+    -moz-transition-property: background-color;
     -moz-transition-duration: 0.5s;
     -webkit-transition-property: background-color;
     -webkit-transition-duration: 1s;
@@ -331,7 +262,6 @@ ul.tabbar > li > a:focus{
 .roster-contact:hover
 {
     background-color: #E5E9EE;
-    box-shadow: 5px 0px 5px #888;
 }
 
 .roster-name
@@ -349,6 +279,13 @@ ul.tabbar > li > a:focus{
     background-color: #E3E3E3;
 }
 
+#tiptip_holder ul
+{
+    padding: 0;
+    margin: 0;
+    margin-left:10px;  
+}
+
 #status
 {
     margin: 0px;