libervia-web: src/browser/public/libervia.css comparison

comparison src/browser/public/libervia.css @ 679:a90cc8fc9605

merged branch frontends_multi_profiles

author	Goffi <goffi@goffi.org>
date	Wed, 18 Mar 2015 16:15:18 +0100
parents	6a1fea10ae8c e489218886d7
children	e876f493dccc

comparison

equal deleted inserted replaced

-:1bffc4c244c3
+:a90cc8fc9605
 }
 .header {
 background-color: #eee;
 border-bottom: 1px solid #ddd;
-}
+width: 100%;
+height: 64px;
-.menuContainer {
+}
-margin: 0 32px 0 20px;
+.mainPanel {
+width: 100%;
+height: 100%;
 }
 .mainMenuBar {
 background-color: #222;
 background: -webkit-gradient(linear, left top, left bottom, from(#444444), to(#222222));
 background: -webkit-linear-gradient(top, #444444, #222222);
 background: linear-gradient(to bottom, #444444, #222222);
-width: 100%;
 height: 28px;
 padding: 5px 5px 0 5px;
 border: 1px solid #ddd;
 border-radius: 0 0 1em 1em;
 line-height: 100%;
 -webkit-box-shadow: 0px 1px 4px #000;
 box-shadow: 0px 1px 4px #000;
 display: inline-block;
+position: absolute;
+left: 20px;
+right: 20px;
+width: auto;
 }
 .mainMenuBar .gwt-MenuItem {
 padding: 3px 15px;
 text-decoration: none;
 background: -webkit-linear-gradient(top, #444, #222);
 background: linear-gradient(to bottom, #444, #222);
 text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
 padding: 3px 5px 3px 5px;
 margin: 10px 5px 10px 5px;
-color: #fff;
 font-weight: bold;
 font-size: 1em;
 border: none;
 -webkit-transition: color 0.2s linear;
 transition: color 0.2s linear;
 }
-.gwt-DialogBox .gwt-button:hover {
+.gwt-DialogBox .gwt-button:enabled {
+cursor: pointer;
+color: #fff;
+}
+.gwt-DialogBox .gwt-button:enabled:hover {
 background-color: #cf2828;
 background: -webkit-gradient(linear, left top, left bottom, from(#cf2828), to(#981a1a));
 background: -webkit-linear-gradient(top, #cf2828, #981a1a);
 background: linear-gradient(to bottom, #cf2828, #981a1a);
 color: #fff;
 width: 100%;
 height: 100%
 }
 /* Contact List */
-div.contactPanel {
+div.contactList {
 width: 100%;
-/* We want the contact panel to not use all the available height when displayed
+margin-top: 9px;
-in the unibox panel (grey part), because the dialogs panels (white part) should
-still be visible. The setting max-height: fit-content would be appropriate here
-but it doesn't work with firefox 24.0. TODO: check if the current setting works
-with other browsers... the panel should of course not be displayed on 100px
-but exactly fit the contacts box.
-*/
-max-height: 100px;
 }
 .contactTitle {
 color: #cf2828;
 font-size: 1.7em;
 /* Button used to switch contacts panel */
 background: none;
 border: 0;
 padding: 0;
 font-size: large;
-}
+margin-top: 9px;
+}
-.groupList {
+.groupPanel {
 width: 100%;
 }
-.groupList tr:first-child td {
+.groupPanel tr:first-child td {
 padding-top: 10px;
 }
 .group {
 padding: 2px 15px;
 margin: 5px;
 border-radius: 5px;
 background: #EDEDED;
 }
-.contactBox img {
+.contactBox img, .muc_contact img {
 width: 32px;
 height: 32px;
 border-radius: 5px;
 margin: 5px 5px 0px 10px;
 }
 padding: 3px 10px 3px 10px;
 border-radius: 5px;
 background-color: rgb(175, 175, 175);
 }
+/* Contacts in MUC */
+.muc_contact {
+border-radius: 5px;
+background: #EDEDED;
+margin: 2px;
+}
 /* START - contact presence status */
 .contactLabel-connected {
 color: #3c7e0c;
 font-weight: bold;
 }
 .uniBoxButton {
 width:30px;
 height:45px;
 }
-.statusPanel {
+.presenceStatusPanel {
 margin: auto;
 text-align: center;
-width: 100%;
 padding: 5px 0px;
 text-shadow: 0 -1px 1px rgba(255,255,255,0.25);
 font-size: 1.2em;
 background-color: #eee;
 font-style: italic;
 box-shadow:inset 0px 0 1px #444;
 }
 /* BorderWidgets */
+.borderWidgetOnDrag {
+background-color: lightgray;
+border: 1px dashed #000;
+border-radius: 1em;
+}
 .bottomBorderWidget {
 height: 10px !important;
 }
 .leftBorderWidget, .rightBorderWidget {
 width: 10px !important;
+}
+.leftBorderWidget {
+float: right;
+}
+.rightBorderWidget {
+float: left;
 }
 /* Microblog */
 .microblogPanel {
 background-color: #eee;
 border: 1px solid #ddd;
 white-space: nowrap;
 }
-.occupantsList {
+.occupantsPanelCell {
 border-right: 2px dotted #ddd;
-margin-left: 5px;
+padding-left: 5px;
-margin-right: 10px;
 height: 100%;
 }
 /* Games */
 background-color: #fff;
 }
 /* Tab panel */
-.liberviaTabPanel {
-}
 .gwt-TabPanel {
 }
 .gwt-TabPanelBottom {
 height: 100%;
 font-weight: bold;
 text-decoration: none;
 border-bottom: 3px solid #a01c1c;
 }
-.mainTabPanel .gwt-TabBar {
-z-index: 10;
-position: fixed;
-bottom: 0;
-left: 0;
-}
 .gwt-TabBar .gwt-TabBarFirst {
 height: 100%;
 }
 .gwt-TabBar .gwt-TabBarRest {
 }
-.liberviaTabPanel .gwt-TabBar {;
+.mainPanel .gwt-TabBar {
-}
+z-index: 10;
+}
-.liberviaTabPanel .gwt-TabBar .gwt-TabBarItem {
-cursor: pointer;
+.mainPanel .gwt-TabBar-oneTab {
-margin-right: 5px;
+position: fixed;
+left: 0px;
+bottom: 0px;
+border: none;
+}
+.mainPanel .gwt-TabBar-oneTab .gwt-TabBarItem-wrapper {
+display: none;
+}
+.mainPanel .gwt-TabBar-oneTab .gwt-TabBarItem-wrapper:nth-child(3) {
+display: block;
+}
+.liberviaTabPanel {
+width: 100%;
+height: 100%;
 }
 .liberviaTabPanel .gwt-TabBarItem div {
 color: #fff;
 }
 -webkit-box-shadow: 0px 1px 4px #000;
 box-shadow: 0px 1px 4px #000;
 padding: 4px 15px 4px 15px;
 border-radius: 1em 1em 0 0;
 text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
+cursor: pointer;
+margin-right: 5px;
 }
 .liberviaTabPanel .gwt-TabBarItem-selected {
 color: #fff;
 background-color: #cf2828;
 -webkit-box-shadow: 0px 1px 4px #000;
 box-shadow: 0px 1px 4px #000;
 padding: 4px 15px 4px 15px;
 border-radius: 1em 1em 0 0;
 text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
+cursor: default;
 }
 .liberviaTabPanel div.gwt-TabBarItem:hover {
 color: #fff;
 background-color: #cf2828;
 padding: 4px 15px 4px 15px;
 border-radius: 1em 1em 0 0;
 text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
 }
-.liberviaTabPanel .gwt-TabBar .gwt-TabBarItem-selected {
-cursor: default;
-}
 .globalLeftArea {
 margin-top: 9px;
 }
 vertical-align: middle;
 }
 /* Recipients panel */
-.recipientButtonCell {
+.itemButtonCell {
 width:55px;
 }
-.recipientTypeMenu {
+.itemKeyMenu {
 }
-.recipientTypeItem {
+.itemKey {
 cursor: pointer;
 border-radius: 5px;
 width: 50px;
 }
-.recipientPanel {
+.itemPanel {
 }
-.recipientTextBox {
+.itemTextBox {
 cursor: pointer;
 width: auto;
 border-radius: 5px 5px 5px 5px;
 -webkit-box-shadow: inset 0px 1px 4px rgba(135, 179, 255, 0.6);
 box-shadow: inset 0px 1px 4px rgba(135, 179, 255, 0.6);
 margin: 0px;
 color: #444;
 font-size: 1em;
 }
-.recipientTextBox-invalid {
+.itemTextBox-invalid {
 -webkit-box-shadow: inset 0px 1px 4px rgba(255, 0, 0, 0.6);
 box-shadow: inset 0px 1px 4px rgba(255, 0, 0, 0.6);
 border: 1px solid rgb(255, 0, 0);
 }
-.recipientRemoveButton {
+.itemRemoveButton {
 margin: 0px 10px 0px 0px;
 padding: 0px;
 border: 1px dashed red;
 border-radius: 5px 5px 5px 5px;
 }
-.recipientRemoveIcon {
+.itemRemoveIcon {
 color: red;
 width:15px;
 height:15px;
 vertical-align: baseline;
-}
-.dragover-recipientPanel {
-border-radius: 5px;
-background: none repeat scroll 0% 0% rgb(135, 179, 255);
-border: 1px dashed rgb(35,79,255);
 }
 .recipientSpacer {
 height: 15px;
 }
 }
 .contactGroupPanel {
 vertical-align:middle;
+}
+.contactGroupPanel.dragover {
+border-radius: 5px !important;
+background: none repeat scroll 0% 0% rgb(135, 179, 255) !important;
+border: 1px dashed rgb(35,79,255) !important;
 }
 .toggleAssignedContacts {
 white-space: nowrap;
 }

Mercurial > libervia-web

comparison src/browser/public/libervia.css @ 679:a90cc8fc9605