* 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, 66 insertions, 0 deletions

diff --git a/webclient/style/tabs.css b/webclient/style/tabs.css
new file mode 100644
index 0000000..2d12003
--- /dev/null
+++ b/webclient/style/tabs.css
@@ -0,0 +1,66 @@
+ul.tabbar{
+    background-color: #E9E9E9;
+    border-bottom: 1px solid #9C9C9C;
+    border-top: 1px solid white;
+    padding: 0px;
+    margin: 0px;
+    list-style-type: none;
+    height: 35px;
+}
+
+ul.tabbar > li{
+    background-color: #B6B6B6;
+    padding: 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;
+}