Mercurial > libervia-web

comparison public/libervia.css @ 29:8152f019d334

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
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
comparison
equal deleted inserted replaced
28:258dfaa1035f 29:8152f019d334
95 /* undo part of the above (non-IE) */ 95 /* undo part of the above (non-IE) */
96 html>body .iescrollpanelfix { position: static; } 96 html>body .iescrollpanelfix { position: static; }
97 97
98 /* CSS Reset END */ 98 /* CSS Reset END */
99 99
100 /* Misc Pyjamas stuff */
101
100 .gwt-MenuBar,.gwt-MenuBar-horizontal { 102 .gwt-MenuBar,.gwt-MenuBar-horizontal {
101 background-color: #01FF78; 103 background-color: #01FF78;
102 border: 1px solid #87B3FF; 104 border: 1px solid #87B3FF;
103 cursor: default; 105 cursor: default;
104 } 106 }
164 166
165 .selected { 167 .selected {
166 background-color: yellow; 168 background-color: yellow;
167 } 169 }
168 170
169 /* Status */ 171 /* UniBox & Status */
172
173 .uniBoxPanel {
174 margin: auto;
175 width: 80%;
176 }
170 177
171 .statusPanel { 178 .statusPanel {
172 margin: auto; 179 margin: auto;
173 text-align: center; 180 text-align: center;
174 width: 80%; 181 width: 80%;
224 231
225 .mb_entry_timestamp { 232 .mb_entry_timestamp {
226 font-style: italic; 233 font-style: italic;
227 } 234 }
228 235
229 /* Chat */ 236 /* Chat & MUC Room */
230 237
231 .chatPanel { 238 .chatPanel {
232 overflow: scroll; 239 }
240
241 .chatPanel_body {
242 }
243
244 .chatContent {
245 overflow: auto;
233 } 246 }
234 247
235 .chatText { 248 .chatText {
236 /* font-size: smaller; */ 249 /* font-size: smaller; */
237 } 250 }
238 251
252 .chatArea {
253 }
254
239 .chat_text_timestamp { 255 .chat_text_timestamp {
240 font-style: italic; 256 font-style: italic;
241 } 257 }
242 258
243 .chat_text_nick { 259 .chat_text_nick {
244 font-weight: bold; 260 font-weight: bold;
245 } 261 }
246 262
247 .chat_text_mymess { 263 .chat_text_mymess {
248 color: blue; 264 color: blue;
265 }
266
267 .occupant {
268 padding-right: 15px;
269 }
270
271 .occupantsList {
272 border-right: 1px solid lightGray;
273 margin-left: 5px;
274 margin-right: 10px;
275 height: 100%;
249 } 276 }
250 277
251 /* Test drag and drop */ 278 /* Test drag and drop */
252 279
253 .dragover { 280 .dragover {
282 309
283 .targetStatus { 310 .targetStatus {
284 } 311 }
285 312
286 /* Tab panel */ 313 /* Tab panel */
287 .gwt-TabPanel { 314
288 } 315 .mainTabPanel {
316 }
317
318 .gwt-TabPanel {
319 }
289 320
290 .gwt-TabPanelBottom { 321 .gwt-TabPanelBottom {
291 height: 100%; 322 height: 100%;
292 } 323 }
293 324
294 .gwt-TabBar { 325 .gwt-TabBar {
295 /*background-color: #C3D9FF;*/ 326 /*background-color: #C3D9FF;*/
296 position: fixed; 327 position: fixed;
328 z-index: 10;
297 bottom: 0; 329 bottom: 0;
298 font-size: small; 330 font-size: small;
299 } 331 }
300 332
301 .gwt-TabBar .gwt-TabBarFirst { 333 .gwt-TabBar .gwt-TabBarFirst {
308 } 340 }
309 341
310 .gwt-TabBar .gwt-TabBarItem { 342 .gwt-TabBar .gwt-TabBarItem {
311 border-top: 1px solid #C3D9FF; 343 border-top: 1px solid #C3D9FF;
312 border-bottom: 1px solid #C3D9FF; 344 border-bottom: 1px solid #C3D9FF;
345 border-right: 1px solid #C3D9FF;
346 background: white;
313 padding: 2px; 347 padding: 2px;
314 cursor: pointer; 348 cursor: pointer;
349 }
350
351 div.gwt-TabBarItem:hover {
352 background: yellow;
315 } 353 }
316 354
317 .gwt-TabBar .gwt-TabBarItem-selected { 355 .gwt-TabBar .gwt-TabBarItem-selected {
318 font-weight: bold; 356 font-weight: bold;
319 background-color: #E8EEF7; 357 background-color: #E8EEF7;