From f1694ed583c88ff7754e802e645c8a9b9be02548 Mon Sep 17 00:00:00 2001
From: niv-openerp <nicolas.vanhoren@openerp.com>
Date: Tue, 24 May 2011 15:20:21 +0200
Subject: [PATCH] [IMP] Improved menu css.

bzr revid: nicolas.vanhoren@openerp.com-20110524132021-yctfwlehmgvn9uow
---
 addons/base/static/src/css/base.css | 64 +++++++++++++++++++----------
 addons/base/static/src/xml/base.xml |  2 +-
 2 files changed, 43 insertions(+), 23 deletions(-)

diff --git a/addons/base/static/src/css/base.css b/addons/base/static/src/css/base.css
index def64cce1b3..4bc294771da 100644
--- a/addons/base/static/src/css/base.css
+++ b/addons/base/static/src/css/base.css
@@ -95,42 +95,62 @@ body.openerp {
 
 .openerp .menu {
     height: 34px;
-    background: url(../img/menu-bg.png) repeat-x;
+background: #cc4e45; /* Old browsers */
+background: -moz-linear-gradient(top, #cc4e45 0%, #b52d20 8%, #7a211a 100%); /* FF3.6+ */
+background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cc4e45), color-stop(8%,#b52d20), color-stop(100%,#7a211a)); /* Chrome,Safari4+ */
+background: -webkit-linear-gradient(top, #cc4e45 0%,#b52d20 8%,#7a211a 100%); /* Chrome10+,Safari5.1+ */
+background: -o-linear-gradient(top, #cc4e45 0%,#b52d20 8%,#7a211a 100%); /* Opera11.10+ */
+background: -ms-linear-gradient(top, #cc4e45 0%,#b52d20 8%,#7a211a 100%); /* IE10+ */
+filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#CC4E45', endColorstr='#7A211A',GradientType=0 ); /* IE6-9 */
+background: linear-gradient(top, #cc4e45 0%,#b52d20 8%,#7a211a 100%); /* W3C */
+}
+.openerp .menu td {
+    text-align: center;
+    padding:0;
 }
 .openerp .menu a {
-    display: block;
-    padding: 0 0 0 3px;
-    background: url(../img/menu-item.png) no-repeat;
+    display:block;
+    min-width: 60px;
+    height: 20px;
+    margin: 3px 2px;
+    padding: 0 8px;
+    
+background: #bd5e54; /* Old browsers */
+background: -moz-linear-gradient(top, #bd5e54 0%, #90322a 60%); /* FF3.6+ */
+background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bd5e54), color-stop(60%,#90322a)); /* Chrome,Safari4+ */
+background: -webkit-linear-gradient(top, #bd5e54 0%,#90322a 60%); /* Chrome10+,Safari5.1+ */
+background: -o-linear-gradient(top, #bd5e54 0%,#90322a 60%); /* Opera11.10+ */
+background: -ms-linear-gradient(top, #bd5e54 0%,#90322a 60%); /* IE10+ */
+filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#BD5E54', endColorstr='#90322A',GradientType=0 ); /* IE6-9 */
+background: linear-gradient(top, #bd5e54 0%,#90322a 60%); /* W3C */
+    
+    border: 1px solid #6E2A24;
+    border-radius: 4px;
+    -moz-border-radius: 4px;
+    -webkit-border-radius: 4px;
+    
     color: #eee;
     text-shadow: #222 0 1px 0;
     text-decoration: none;
-    
-    text-align: center;
     text-transform: uppercase;
-    margin: 2px 1px;
-    height: 23px;
-}
-.openerp .menu span {
-    display: block;
-    min-width: 60px;
-    height: 23px;
-    padding: 0 9px 0 6px;
-    background: url(../img/menu-item.png) 100% 0 no-repeat;
-    line-height: 23px;
+    line-height: 20px;
     font-weight: bold;
     font-size: 85%;
 }
 .openerp .menu a:hover,
 .openerp .menu a:focus,
 .openerp .menu a.active {
-    background-position: 0 -23px;
+background: #c6c6c6; /* Old browsers */
+background: -moz-linear-gradient(top, #c6c6c6 0%, #5c5c5c 7%, #969595 86%); /* FF3.6+ */
+background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c6c6c6), color-stop(7%,#5c5c5c), color-stop(86%,#969595)); /* Chrome,Safari4+ */
+background: -webkit-linear-gradient(top, #c6c6c6 0%,#5c5c5c 7%,#969595 86%); /* Chrome10+,Safari5.1+ */
+background: -o-linear-gradient(top, #c6c6c6 0%,#5c5c5c 7%,#969595 86%); /* Opera11.10+ */
+background: -ms-linear-gradient(top, #c6c6c6 0%,#5c5c5c 7%,#969595 86%); /* IE10+ */
+filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#C6C6C6', endColorstr='#969595',GradientType=0 ); /* IE6-9 */
+background: linear-gradient(top, #c6c6c6 0%,#5c5c5c 7%,#969595 86%); /* W3C */
+
     color: #fff;
 }
-.openerp .menu a:hover span,
-.openerp .menu a:focus span,
-.openerp .menu a.active span {
-    background-position: 100% -23px;
-}
 /* Secondary Menu */
 .openerp .secondary_menu {
     width: 200px;
diff --git a/addons/base/static/src/xml/base.xml b/addons/base/static/src/xml/base.xml
index 6491227db30..dc808872e3a 100644
--- a/addons/base/static/src/xml/base.xml
+++ b/addons/base/static/src/xml/base.xml
@@ -92,7 +92,7 @@
         <t t-foreach="data.children" t-as="menu">
             <td>
                 <a href="#" t-att-data-menu="menu.id">
-                    <span><t t-esc="menu.name"/></span>
+                    <t t-esc="menu.name"/>
                 </a>
             </td>
         </t>