changeset 29:8152f019d334

browser-side: CSS misc udpates - added uniBoxPanel - added occupantsList stuff - TabBar has now a z-index of 10 to avoid being overlapped - TabBar's items are now yellow on :hover
author Goffi <goffi@goffi.org>
date Sat, 14 May 2011 00:51:11 +0200
parents 258dfaa1035f
children 7684e3ceb12d
files public/libervia.css
diffstat 1 files changed, 43 insertions(+), 5 deletions(-) [+]
line wrap: on
line diff
--- a/public/libervia.css	Sat May 07 23:58:57 2011 +0200
+++ b/public/libervia.css	Sat May 14 00:51:11 2011 +0200
@@ -97,6 +97,8 @@
 
 /* CSS Reset END */
 
+/* Misc Pyjamas stuff */
+
 .gwt-MenuBar,.gwt-MenuBar-horizontal {
   background-color: #01FF78;
   border: 1px solid #87B3FF;
@@ -166,7 +168,12 @@
     background-color: yellow;
 }
 
-/* Status */
+/* UniBox & Status */
+
+.uniBoxPanel {
+    margin: auto;
+    width: 80%;
+}
 
 .statusPanel {
     margin: auto;
@@ -226,16 +233,25 @@
     font-style: italic;
 }
 
-/* Chat */
+/* Chat & MUC Room */
 
 .chatPanel {
-    overflow: scroll;
+}
+
+.chatPanel_body {
+}
+
+.chatContent {
+    overflow: auto;
 }
 
 .chatText {
   /* font-size: smaller; */
 }
 
+.chatArea {
+}
+
 .chat_text_timestamp {
     font-style: italic;
 }
@@ -248,6 +264,17 @@
     color: blue;
 }
 
+.occupant {
+    padding-right: 15px;
+}
+
+.occupantsList {
+    border-right: 1px solid lightGray;
+    margin-left: 5px;
+    margin-right: 10px;
+    height: 100%;
+}
+
 /* Test drag and drop */
 
 .dragover {
@@ -284,8 +311,12 @@
 }
 
 /* Tab panel */
- .gwt-TabPanel {
-        }
+
+.mainTabPanel {
+}
+
+.gwt-TabPanel {
+}
 
 .gwt-TabPanelBottom {
     height: 100%;
@@ -294,6 +325,7 @@
 .gwt-TabBar {
   /*background-color: #C3D9FF;*/
   position: fixed;
+  z-index: 10;
   bottom: 0;
   font-size: small;
 }
@@ -310,10 +342,16 @@
 .gwt-TabBar .gwt-TabBarItem {
   border-top: 1px solid #C3D9FF;
   border-bottom: 1px solid #C3D9FF;
+  border-right:  1px solid #C3D9FF;
+  background: white;
   padding: 2px;
   cursor: pointer;
 }
 
+div.gwt-TabBarItem:hover {
+  background: yellow;
+}
+
 .gwt-TabBar .gwt-TabBarItem-selected {
   font-weight: bold;
   background-color: #E8EEF7;