diff public/libervia.css @ 442:17259c2ff96f

browser_side: changes about the UI (remarks from Franck): - select "Register" by default instead of "Login" - make the "Register" and "Login" button more visible - do not use the "New message" button, directly display an empty entry - "New message" button would be bigger (if we use it again) - remove the background from the microblog entry header - "toggle syntax" button is displayed below the text area and with plain text (no icon) - icons for entry action are displayed in this order: "reply", "edit", "delete" - icon for replying is bigger than the others - used a "smiley" from tango as default avatar
author souliane <souliane@mailoo.org>
date Wed, 14 May 2014 12:24:38 +0200
parents 0c4547587637
children
line wrap: on
line diff
--- a/public/libervia.css	Tue May 13 17:09:41 2014 +0200
+++ b/public/libervia.css	Wed May 14 12:24:38 2014 +0200
@@ -616,21 +616,30 @@
 }
 
 .registerPanel_tabs .gwt-Label {
-    margin-top: 20px;
-    margin-left: 15px;
+    margin: 15px 7.5px 0px 7.5px;
     cursor: pointer;
+    font-size: larger;
 }
 
 .registerPanel_tabs .gwt-TabBarItem div {
     color: #444;
+    padding: 5px 7.5px;
+    border-radius: 5px 5px 0px 5px;
+    box-shadow: inset 0px 0px 2px 1px #9F2828;
 }
 
 .registerPanel_tabs .gwt-TabBarItem div:hover {
     color: #fff;
+    box-shadow: inset 0px 0px 2px 2px #9F2828;
 }
 
 .registerPanel_tabs .gwt-TabBarItem-selected div {
     color: #fff;
+    box-shadow: inset 0px 0px 2px 2px #9F2828;
+}
+
+.registerPanel_tabs .gwt-TabBarRest {
+    border-bottom: 1px #3F1818 dashed;
 }
 
 .registerPanel_right_side {
@@ -808,6 +817,7 @@
 
 .microblogNewButton {
     width: 100%;
+    height: 35px;
 }
 
 .subPanel {
@@ -823,7 +833,6 @@
 
 .mb_entry_header
 {
-    background: #AFAFAF;
     cursor: pointer;
 }
 
@@ -895,7 +904,20 @@
     float: right;
     margin: 5px;
     cursor: pointer;
-    font-size: larger;
+    font-size: large;
+}
+
+.mb_entry_action_larger {
+    font-size: x-large;
+}
+
+.mb_entry_toggle_syntax {
+    cursor: pointer; 
+    text-align: right;
+    display: block;
+    position: relative;
+    top: -20px:
+    left: -20px;
 }
 
 /* Chat & MUC Room */