[IMP] Replaced images by gradiants.

bzr revid: nicolas.vanhoren@openerp.com-20110524141029-0j75qlq0azjzr7cw

addons/base/static/src/css/base.css

@@ -169,8 +169,17 @@ background: linear-gradient(top, #c6c6c6 0%,#5c5c5c 7%,#969595 86%); /* W3C */
 }
 .openerp .secondary_menu h3 {
     padding: 0 0 2px;
-    background: url(../img/secondary_menu-bg.gif) 0 100% repeat-x;
+background: #949292; /* Old browsers */
+background: -moz-linear-gradient(top, #949292 0%, #6d6b6b 87%, #282828 99%); /* FF3.6+ */
+background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#949292), color-stop(87%,#6d6b6b), color-stop(99%,#282828)); /* Chrome,Safari4+ */
+background: -webkit-linear-gradient(top, #949292 0%,#6d6b6b 87%,#282828 99%); /* Chrome10+,Safari5.1+ */
+background: -o-linear-gradient(top, #949292 0%,#6d6b6b 87%,#282828 99%); /* Opera11.10+ */
+background: -ms-linear-gradient(top, #949292 0%,#6d6b6b 87%,#282828 99%); /* IE10+ */
+filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#949292', endColorstr='#282828',GradientType=0 ); /* IE6-9 */
+background: linear-gradient(top, #949292 0%,#6d6b6b 87%,#282828 99%); /* W3C */
     border: none;
+    /* overriding jquery ui */
+-moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px;
 }
 .openerp .secondary_menu h4 {
     padding: 0 0 2px 10px;
@@ -190,19 +199,31 @@ background: linear-gradient(top, #c6c6c6 0%,#5c5c5c 7%,#969595 86%); /* W3C */
     text-decoration: none;
     text-shadow: 0 1px 0 #333;
 }
-.openerp .secondary_menu h3 a {
-    background: url(../img/secondary_menu-h3-bg.png) 0 100% repeat-x;
-}
 .openerp .secondary_menu a.leaf:hover,
 .openerp .secondary_menu a.leaf:active,
 .openerp .secondary_menu a.leaf.active,
 .openerp .secondary_menu h4:hover,
 .openerp .secondary_menu h4:active,
-.openerp .secondary_menu h4.active,
+.openerp .secondary_menu h4.active {
+background: #ffffff; /* Old browsers */
+background: -moz-linear-gradient(top, #ffffff 0%, #d8d8d8 11%, #afafaf 86%, #333333 91%, #5a5858 96%); /* FF3.6+ */
+background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(11%,#d8d8d8), color-stop(86%,#afafaf), color-stop(91%,#333333), color-stop(96%,#5a5858)); /* Chrome,Safari4+ */
+background: -webkit-linear-gradient(top, #ffffff 0%,#d8d8d8 11%,#afafaf 86%,#333333 91%,#5a5858 96%); /* Chrome10+,Safari5.1+ */
+background: -o-linear-gradient(top, #ffffff 0%,#d8d8d8 11%,#afafaf 86%,#333333 91%,#5a5858 96%); /* Opera11.10+ */
+background: -ms-linear-gradient(top, #ffffff 0%,#d8d8d8 11%,#afafaf 86%,#333333 91%,#5a5858 96%); /* IE10+ */
+filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#5A5858',GradientType=0 ); /* IE6-9 */
+background: linear-gradient(top, #ffffff 0%,#d8d8d8 11%,#afafaf 86%,#333333 91%,#5a5858 96%); /* W3C */
+    /* overriding jquery ui */
+-moz-border-radius-topright: 0; -webkit-border-top-right-radius: 0; border-top-right-radius: 0;
+
+    color: #3f3d3d;
+    text-shadow: #fff 0 1px 0;
+    border: none !important;
+}
+
 .openerp .secondary_menu h4:hover a,
 .openerp .secondary_menu h4:active a,
 .openerp .secondary_menu h4.active a {
-    background: url(../img/secondary_menu-link-bg.gif) repeat-x;
     color: #3f3d3d;
     text-shadow: #fff 0 1px 0;
     border: none !important;
@@ -772,7 +793,16 @@ background: linear-gradient(top, #c6c6c6 0%,#5c5c5c 7%,#969595 86%); /* W3C */
     padding-left: 10px;
     padding-right: 21px;
     height: 21px;
-    background: url(../img/sideheader-a-bg.png) repeat-x;
+    
+background: #ffffff; /* Old browsers */
+background: -moz-linear-gradient(top, #ffffff 0%, #ebe9e9 100%); /* FF3.6+ */
+background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ebe9e9)); /* Chrome,Safari4+ */
+background: -webkit-linear-gradient(top, #ffffff 0%,#ebe9e9 100%); /* Chrome10+,Safari5.1+ */
+background: -o-linear-gradient(top, #ffffff 0%,#ebe9e9 100%); /* Opera11.10+ */
+background: -ms-linear-gradient(top, #ffffff 0%,#ebe9e9 100%); /* IE10+ */
+filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#EBE9E9',GradientType=0 ); /* IE6-9 */
+background: linear-gradient(top, #ffffff 0%,#ebe9e9 100%); /* W3C */
+    
     border: 1px solid #D2CFCF;
     border-right-width: 0;
     border-left-width: 0;