diff src/browser/public/libervia.css @ 498:60be99de3808

browser_side: menus refactorization + handle levels > 2
author souliane <souliane@mailoo.org>
date Fri, 25 Jul 2014 02:38:30 +0200
parents 0924710b666a
children 4aa627b059df
line wrap: on
line diff
--- a/src/browser/public/libervia.css	Thu Jul 24 12:20:36 2014 +0200
+++ b/src/browser/public/libervia.css	Fri Jul 25 02:38:30 2014 +0200
@@ -139,12 +139,49 @@
     border-bottom: 1px solid #ddd;
 }
 
-/* Misc Pyjamas stuff */
-
 .menuContainer {
     margin: 0 32px 0 20px;   
 }
 
+.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;
+}
+
+.mainMenuBar .gwt-MenuItem {
+    padding: 3px 15px;
+    text-decoration: none;    
+    font-weight: bold;
+    height: 100%;
+    color: #e7e5e5;
+    border-radius: 1em 1em 1em 1em;
+    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); 
+    -webkit-transition: color 0.2s linear; 
+    transition: color 0.2s linear;
+}
+
+.mainMenuBar .gwt-MenuItem-selected {
+    background-color: #eee;
+    background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#aaa));
+    background: -webkit-linear-gradient(top, #eee, #aaa);
+    background: linear-gradient(to bottom, #eee, #aaa);
+    color: #444;
+    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
+}
+
+/* Misc Pyjamas stuff */
+
 .gwt-MenuBar {
     /* Common to all menu bars */
     margin: 0;
@@ -158,19 +195,6 @@
 
 .gwt-MenuBar-horizontal {
     /* Specific to horizontal menu bars*/
-    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;
 }
 
 .gwt-MenuBar-vertical {
@@ -193,17 +217,12 @@
     padding-right: 2px;
 }
 
+.gwt-MenuBar .gwt-MenuItem {
+    /* Common to items of all menu bars */
+}
+
 .gwt-MenuBar-horizontal .gwt-MenuItem {
     /* Specific to items of horizontal menu bars*/
-    text-decoration: none;    
-    font-weight: bold;
-    height: 100%;
-    color: #e7e5e5;
-    padding: 3px 15px;
-    border-radius: 1em 1em 1em 1em;
-    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); 
-    -webkit-transition: color 0.2s linear; 
-    transition: color 0.2s linear;
 }
 
 .gwt-MenuBar-vertical .gwt-MenuItem {
@@ -218,12 +237,6 @@
 
 .gwt-MenuBar-horizontal .gwt-MenuItem-selected {
     /* Specific to selected items of horizontal menu bars */
-    background-color: #eee;
-    background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#aaa));
-    background: -webkit-linear-gradient(top, #eee, #aaa);
-    background: linear-gradient(to bottom, #eee, #aaa);
-    color: #444;
-    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
 }
 
 .gwt-MenuBar-vertical .gwt-MenuItem-selected {