Mercurial > libervia-web
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 {