Mercurial > libervia-web
diff public/libervia.css @ 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 | 46c8d5431198 |
children | ed935f763cc8 |
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;