diff --git a/addons/web/static/src/css/base.css b/addons/web/static/src/css/base.css
index 76a07eb3782..2c439c39e38 100644
--- a/addons/web/static/src/css/base.css
+++ b/addons/web/static/src/css/base.css
@@ -103,16 +103,16 @@
 }
 .openerp .zebra tbody tr:hover td {
   background-color: #e6e6e6;
-  background-image: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#dedede));
-  background-image: -webkit-linear-gradient(top, #eeeeee, #dedede);
-  background-image: -moz-linear-gradient(top, #eeeeee, #dedede);
-  background-image: -ms-linear-gradient(top, #eeeeee, #dedede);
-  background-image: -o-linear-gradient(top, #eeeeee, #dedede);
-  background-image: linear-gradient(to bottom, #eeeeee, #dedede);
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#dedede));
+  background-image: -webkit-linear-gradient(top, #eee, #dedede);
+  background-image: -moz-linear-gradient(top, #eee, #dedede);
+  background-image: -ms-linear-gradient(top, #eee, #dedede);
+  background-image: -o-linear-gradient(top, #eee, #dedede);
+  background-image: linear-gradient(to bottom, #eee, #dedede);
 }
 .openerp input, .openerp textarea, .openerp select {
   padding: 2px 4px;
-  border: 1px solid #cccccc;
+  border: 1px solid #ccc;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
@@ -192,12 +192,12 @@
   -moz-box-shadow: none !important;
   -webkit-box-shadow: none !important;
   box-shadow: none !important;
-  color: #aaaaaa !important;
+  color: #aaa !important;
   cursor: default;
-  text-shadow: 0 1px 1px white !important;
+  text-shadow: 0 1px 1px #fff !important;
 }
 .openerp .ui-widget-content a {
-  color: #7c7bad;
+  color: #7C7BAD;
 }
 .openerp .oe_bounce_container {
   display: inline-block;
@@ -214,7 +214,7 @@
   padding: 6px;
   background-color: rgba(60, 60, 60, 0.7);
   border: 1px solid;
-  border-color: #888888 #555555 #444444;
+  border-color: #888 #555 #444;
   -moz-border-radius: 8px;
   -webkit-border-radius: 8px;
   border-radius: 8px;
@@ -240,12 +240,12 @@
   -webkit-border-radius: 2px 2px 0 0;
   border-radius: 2px 2px 0 0;
   background-color: #ededed;
-  background-image: -webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#dedede));
-  background-image: -webkit-linear-gradient(top, #fcfcfc, #dedede);
-  background-image: -moz-linear-gradient(top, #fcfcfc, #dedede);
-  background-image: -ms-linear-gradient(top, #fcfcfc, #dedede);
-  background-image: -o-linear-gradient(top, #fcfcfc, #dedede);
-  background-image: linear-gradient(to bottom, #fcfcfc, #dedede);
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#FCFCFC), to(#DEDEDE));
+  background-image: -webkit-linear-gradient(top, #FCFCFC, #DEDEDE);
+  background-image: -moz-linear-gradient(top, #FCFCFC, #DEDEDE);
+  background-image: -ms-linear-gradient(top, #FCFCFC, #DEDEDE);
+  background-image: -o-linear-gradient(top, #FCFCFC, #DEDEDE);
+  background-image: linear-gradient(to bottom, #FCFCFC, #DEDEDE);
 }
 .openerp.ui-dialog .ui-dialog-titlebar .ui-dialog-title {
   margin: 0;
@@ -301,7 +301,7 @@
   border-radius: 0 0 2px 2px;
 }
 .openerp.ui-dialog .oe_about a {
-  color: #7c7bad;
+  color: #7C7BAD;
 }
 .openerp.ui-dialog .oe_about a:hover {
   text-decoration: underline;
@@ -326,14 +326,14 @@
   background-image: -ms-linear-gradient(top, #b41616, #600606);
   background-image: -o-linear-gradient(top, #b41616, #600606);
   background-image: linear-gradient(to bottom, #b41616, #600606);
-  color: #eeeeee;
+  color: #eee;
   padding: 0 16px;
   -moz-border-radius: 0 0 2px 2px;
   -webkit-border-radius: 0 0 2px 2px;
   border-radius: 0 0 2px 2px;
 }
 .openerp.ui-dialog .oe_about .oe_bottom a {
-  color: #eeeeee;
+  color: #eee;
 }
 .openerp.ui-dialog.oe_act_window .ui-dialog-content {
   padding: 0px;
@@ -383,7 +383,7 @@
   cursor: wait;
 }
 .openerp .oe_fade {
-  color: #888888;
+  color: #888;
   font-weight: normal;
 }
 .openerp .oe_bold {
@@ -394,7 +394,7 @@
 }
 .openerp .oe_highlight {
   color: white;
-  background: #dc5f59;
+  background: #DC5F59;
 }
 .openerp button.oe_highlight {
   background-color: #c02c2c;
@@ -427,7 +427,7 @@
   background-image: linear-gradient(to bottom, #c52020, #d22323);
 }
 .openerp .oe_background_grey {
-  background: #eeeeee !important;
+  background: #eee !important;
 }
 .openerp .oe_form_dirty .oe_highlight_on_dirty {
   color: white;
@@ -447,7 +447,7 @@
   box-shadow: none;
 }
 .openerp .oe_form_dirty button.oe_highlight_on_dirty:hover {
-  background: #ed6f6a;
+  background: #ED6F6A;
 }
 .openerp .oe_button_box {
   width: 270px;
@@ -505,7 +505,7 @@
   -moz-box-shadow: none;
   -webkit-box-shadow: none;
   box-shadow: none;
-  color: #7c7bad;
+  color: #7C7BAD;
   font-weight: bold;
 }
 .openerp .oe_button.oe_link span:hover {
@@ -528,7 +528,7 @@
   max-width: 650px;
 }
 .openerp .oe_grey {
-  color: #aaaaaa;
+  color: #aaa;
 }
 .openerp .oe_tag {
   border: 1px solid #afafb6;
@@ -539,11 +539,11 @@
   -webkit-border-radius: 3px;
   border-radius: 3px;
   background: #f0f0fa;
-  color: #4c4c4c;
+  color: #4C4C4C;
 }
 .openerp .oe_tag_dark {
-  background: #7c7bad;
-  color: #eeeeee;
+  background: #7C7BAD;
+  color: #eee;
 }
 .openerp .oe_tags {
   margin-bottom: 1px;
@@ -568,7 +568,7 @@
   font-size: 12px;
 }
 .openerp.oe_tooltip .oe_tooltip_string {
-  color: #ffdd55;
+  color: #FD5;
   font-weight: bold;
   font-size: 13px;
 }
@@ -592,7 +592,7 @@
   color: white;
 }
 .openerp.oe_tooltip .oe_tooltip_close:hover {
-  color: #999999;
+  color: #999;
   cursor: pointer;
 }
 .openerp.oe_tooltip .oe_tooltip_message {
@@ -622,13 +622,13 @@
 }
 .openerp .oe_notebook > li > a {
   display: block;
-  color: gray;
+  color: #808080;
 }
 .openerp .oe_notebook > li.ui-tabs-active > a {
   color: #4c4c4c;
 }
 .openerp .oe_notebook {
-  border-color: #dddddd;
+  border-color: #ddd;
   border-style: solid;
   border-width: 0 0 1px;
 }
@@ -646,16 +646,16 @@
 }
 .openerp .oe_notebook > li > a:hover {
   text-decoration: none;
-  background-color: #eeeeee;
-  border-color: #eeeeee #eeeeee #dddddd;
+  background-color: #eee;
+  border-color: #eee #eee #ddd;
 }
 .openerp .ui-tabs .oe_notebook.ui-tabs-nav li.ui-tabs-active {
   border-bottom: none;
   padding-bottom: 1px;
 }
 .openerp .oe_notebook > li.ui-state-active > a, .openerp .oe_notebook > li.ui-state-active > a:hover {
-  background-color: white;
-  border: 1px solid #dddddd;
+  background-color: #ffffff;
+  border: 1px solid #ddd;
   border-bottom-color: transparent;
   cursor: default;
 }
@@ -673,7 +673,7 @@
   cursor: pointer;
 }
 .openerp .oe_dropdown_toggle {
-  color: #4c4c4c;
+  color: #4C4C4C;
   font-weight: normal;
 }
 .openerp .oe_dropdown_hover:hover .oe_dropdown_menu, .openerp .oe_dropdown_menu.oe_opened {
@@ -801,10 +801,10 @@
   top: 0;
   right: 50%;
   padding: 4px 12px;
-  background: #a61300;
+  background: #A61300;
   color: white;
   text-align: center;
-  border: 1px solid #990000;
+  border: 1px solid #900;
   border-top: none;
   -moz-border-radius-bottomright: 8px;
   -moz-border-radius-bottomleft: 8px;
@@ -852,7 +852,7 @@
 .openerp .oe_login button {
   cursor: pointer;
   padding: 6px 16px;
-  border: 1px solid #222222;
+  border: 1px solid #222;
   color: white;
   margin: 0;
   background-color: #8c1313;
@@ -893,8 +893,8 @@
   top: 0;
   right: 8px;
   padding: 5px 10px;
-  color: #eeeeee;
-  border: solid 1px #333333;
+  color: #eee;
+  border: solid 1px #333;
   background: #1e1e1e;
   background: rgba(30, 30, 30, 0.94);
   -moz-border-radius: 0 0 8px 8px;
@@ -929,7 +929,7 @@
   background: #1e1e1e;
   background: rgba(30, 30, 30, 0.94);
   padding: 22px 32px;
-  color: #eeeeee;
+  color: #eee;
   text-align: left;
   -moz-border-radius: 8px;
   -webkit-border-radius: 8px;
@@ -958,7 +958,7 @@
   text-align: center;
 }
 .openerp .oe_login .oe_login_footer a {
-  color: #eeeeee;
+  color: #eee;
   margin: 0 8px;
 }
 .openerp .oe_login .oe_login_footer a:hover {
@@ -971,7 +971,7 @@
 .openerp .oe_login .oe_login_error_message {
   display: none;
   background-color: #b41616;
-  color: #eeeeee;
+  color: #eee;
   padding: 14px 18px;
   margin-top: 15px;
   text-align: center;
@@ -986,12 +986,12 @@
   display: inline-block;
 }
 .openerp .oe_database_manager {
-  background: white;
-  color: black;
+  background: #fff;
+  color: #000;
   text-align: left;
 }
 .openerp .oe_database_manager .oe_database_manager_menu {
-  color: black;
+  color: #000;
 }
 .openerp .oe_webclient {
   width: 100%;
@@ -1021,12 +1021,12 @@
   background-color: #dc5f59;
   color: #eeeeee;
   background-color: #be4343;
-  background-image: -webkit-gradient(linear, left top, left bottom, from(#fc8787), to(maroon));
-  background-image: -webkit-linear-gradient(top, #fc8787, maroon);
-  background-image: -moz-linear-gradient(top, #fc8787, maroon);
-  background-image: -ms-linear-gradient(top, #fc8787, maroon);
-  background-image: -o-linear-gradient(top, #fc8787, maroon);
-  background-image: linear-gradient(to bottom, #fc8787, maroon);
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#FC8787), to(#800000));
+  background-image: -webkit-linear-gradient(top, #FC8787, #800000);
+  background-image: -moz-linear-gradient(top, #FC8787, #800000);
+  background-image: -ms-linear-gradient(top, #FC8787, #800000);
+  background-image: -o-linear-gradient(top, #FC8787, #800000);
+  background-image: linear-gradient(to bottom, #FC8787, #800000);
 }
 .openerp .oe_topbar .oe_topbar_anonymous_login a {
   display: block;
@@ -1056,7 +1056,7 @@
   line-height: 20px;
   height: 20px;
   text-decoration: none;
-  color: #eeeeee;
+  color: #eee;
   vertical-align: top;
   text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
   -webkit-transition: all 0.2s ease-out;
@@ -1089,9 +1089,9 @@
 }
 .openerp .oe_topbar .oe_dropdown_menu {
   top: 32px;
-  background: #333333;
+  background: #333;
   background: rgba(37, 37, 37, 0.9);
-  border-color: #999999;
+  border-color: #999;
   border-color: rgba(0, 0, 0, 0.2);
   border-style: solid;
   border-width: 0 1px 1px;
@@ -1107,7 +1107,7 @@
   padding: 3px 12px;
 }
 .openerp .oe_topbar .oe_dropdown_menu li a {
-  color: #eeeeee;
+  color: #eee;
 }
 .openerp .oe_topbar .oe_dropdown_menu li:hover {
   background-color: #212121;
@@ -1149,7 +1149,7 @@
   line-height: 20px;
   height: 20px;
   text-decoration: none;
-  color: #eeeeee;
+  color: #eee;
   vertical-align: top;
   text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
   -webkit-transition: all 0.2s ease-out;
@@ -1218,7 +1218,7 @@
   width: 100%;
   display: none;
   text-align: center;
-  color: #eeeeee;
+  color: #eee;
   background: rgba(37, 37, 37, 0.9);
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
@@ -1246,7 +1246,7 @@
 .openerp .oe_secondary_menu_section {
   font-weight: bold;
   margin-left: 8px;
-  color: #7c7bad;
+  color: #7C7BAD;
 }
 .openerp .oe_secondary_submenu {
   padding: 2px 0 8px 0;
@@ -1268,11 +1268,11 @@
   top: 1px;
   right: 1px;
   font-size: 10px;
-  background: #7c7bad;
+  background: #7C7BAD;
   color: white;
   padding: 2px 4px;
   margin: 1px 6px 0 0;
-  border: 1px solid lightgray;
+  border: 1px solid lightGray;
   text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
   -moz-border-radius: 4px;
   -webkit-border-radius: 4px;
@@ -1304,28 +1304,28 @@
   transform: scale(1.1);
 }
 .openerp .oe_secondary_submenu .oe_active {
-  border-top: 1px solid lightgray;
+  border-top: 1px solid lightGray;
   border-bottom: 1px solid #dedede;
   text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
   -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2), inset 0 -1px 3px rgba(40, 40, 40, 0.2);
   -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2), inset 0 -1px 3px rgba(40, 40, 40, 0.2);
   box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2), inset 0 -1px 3px rgba(40, 40, 40, 0.2);
-  background: #7c7bad;
+  background: #7C7BAD;
 }
 .openerp .oe_secondary_submenu .oe_active a {
   color: white;
 }
 .openerp .oe_secondary_submenu .oe_active .oe_menu_label {
-  background: #eeeeee;
-  color: #7c7bad;
+  background: #eee;
+  color: #7C7BAD;
   text-shadow: 0 1px 1px white;
   -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
   -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
   box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
 }
 .openerp .oe_secondary_submenu .oe_active .oe_menu_counter {
-  background: #eeeeee;
-  color: #7c7bad;
+  background: #eee;
+  color: #7C7BAD;
   -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);
   -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);
   box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);
@@ -1368,7 +1368,7 @@
   border-radius: 0 0 2px 2px;
 }
 .openerp .oe_about a {
-  color: #7c7bad;
+  color: #7C7BAD;
 }
 .openerp .oe_about a:hover {
   text-decoration: underline;
@@ -1393,21 +1393,21 @@
   background-image: -ms-linear-gradient(top, #b41616, #600606);
   background-image: -o-linear-gradient(top, #b41616, #600606);
   background-image: linear-gradient(to bottom, #b41616, #600606);
-  color: #eeeeee;
+  color: #eee;
   padding: 0 16px;
   -moz-border-radius: 0 0 2px 2px;
   -webkit-border-radius: 0 0 2px 2px;
   border-radius: 0 0 2px 2px;
 }
 .openerp .oe_about .oe_bottom a {
-  color: #eeeeee;
+  color: #eee;
 }
 .openerp .oe_application {
   width: 100%;
   height: 100%;
 }
 .openerp .oe_application a {
-  color: #7c7bad;
+  color: #7C7BAD;
 }
 .openerp .oe_application a:hover {
   text-decoration: underline;
@@ -1464,7 +1464,7 @@
   float: left;
 }
 .openerp .oe_view_manager table.oe_view_manager_header h2 a {
-  color: #7c7bad;
+  color: #7C7BAD;
 }
 .openerp .oe_view_manager table.oe_view_manager_header .oe_dropdown_menu {
   line-height: normal;
@@ -1490,13 +1490,13 @@
   text-decoration: none;
 }
 .openerp .oe_view_manager table.oe_view_manager_header .oe_button_group .active {
-  background: #999999;
+  background: #999;
   -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3) inset;
   -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3) inset;
   box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3) inset;
 }
 .openerp .oe_view_manager table.oe_view_manager_header .oe_button_group .active a {
-  color: white;
+  color: #fff;
   text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
 }
 .openerp .oe_view_manager table.oe_view_manager_header .oe_view_manager_buttons {
@@ -1592,13 +1592,13 @@
   text-decoration: none;
 }
 .openerp .oe_pager_group .active {
-  background: #999999;
+  background: #999;
   -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3) inset;
   -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3) inset;
   box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3) inset;
 }
 .openerp .oe_pager_group .active a {
-  color: white;
+  color: #fff;
   text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
 }
 .openerp .oe_list_pager.oe_list_pager_single_page .oe_pager_group {
@@ -1681,11 +1681,11 @@
   right: 0;
   height: 24px;
   padding: 0 7px 0 4px;
-  color: #cccccc;
+  color: #ccc;
   cursor: pointer;
 }
 .openerp .oe_searchview .oe_searchview_unfold_drawer:hover {
-  color: #999999;
+  color: #999;
 }
 .openerp .oe_searchview .oe_searchview_unfold_drawer:before {
   position: absolute;
@@ -1696,7 +1696,7 @@
   display: inline-block;
   content: "";
   vertical-align: top;
-  border-top: 5px solid #4c4c4c;
+  border-top: 5px solid #4C4C4C;
   border-left: 5px solid transparent;
   border-right: 5px solid transparent;
   filter: alpha(opacity=50);
@@ -1782,7 +1782,7 @@
 .openerp .oe_searchview .oe_searchview_facets .oe_searchview_facet .oe_facet_value {
   border-left: 1px solid #afafb6;
   text-shadow: 0 1px 1px white;
-  color: #4c4c4c;
+  color: #4C4C4C;
 }
 .openerp .oe_searchview .oe_searchview_facets .oe_searchview_facet .oe_facet_value:last-child {
   padding-right: 16px;
@@ -1832,7 +1832,7 @@
   box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
 }
 .openerp .oe_searchview .oe_searchview_drawer > div {
-  border-top: 1px solid #cccccc;
+  border-top: 1px solid #ccc;
   margin: 0;
   padding: 8px;
 }
@@ -1842,7 +1842,7 @@
 }
 .openerp .oe_searchview .oe_searchview_drawer h3 {
   margin: 8px 4px 4px 12px;
-  color: #7c7bad;
+  color: #7C7BAD;
   font-size: 13px;
 }
 .openerp .oe_searchview .oe_searchview_drawer h4, .openerp .oe_searchview .oe_searchview_drawer h4 * {
@@ -2061,8 +2061,8 @@
   display: inline-block;
 }
 .openerp .oe_form_invalid input, .openerp .oe_form_invalid select, .openerp .oe_form_invalid textarea {
-  background-color: #ff6666 !important;
-  border: 1px solid #dd0000 !important;
+  background-color: #F66 !important;
+  border: 1px solid #D00 !important;
 }
 .openerp .oe_view_manager_current .oe_form_editable .oe_highlight {
   color: #404040;
@@ -2144,7 +2144,7 @@
 }
 .openerp .oe_application .oe_form_sheetbg {
   background: url(/web/static/src/img/form_sheetbg.png);
-  border-bottom: 1px solid #dddddd;
+  border-bottom: 1px solid #ddd;
 }
 .openerp .oe_application .oe_form_sheet {
   border: 1px solid #c8c8d3;
@@ -2197,7 +2197,7 @@
   padding: 16px 16px 48px;
 }
 .openerp .oe_form div.oe_form_configuration p, .openerp .oe_form div.oe_form_configuration ul, .openerp .oe_form div.oe_form_configuration ol {
-  color: #aaaaaa;
+  color: #aaa;
   max-width: 650px;
 }
 .openerp .oe_form div.oe_form_configuration label {
@@ -2238,8 +2238,8 @@
   font-weight: normal;
 }
 .openerp .oe_form .oe_form_box_info {
-  background: #ffee99;
-  border-bottom: 1px solid #ccbb66;
+  background: #fe9;
+  border-bottom: 1px solid #cb6;
   padding: 4px;
 }
 .openerp .oe_form .oe_form_box_info > p {
@@ -2247,7 +2247,7 @@
 }
 .openerp .oe_form .oe_form_box_warning {
   background: #bd362f;
-  border-bottom: 1px solid #990000;
+  border-bottom: 1px solid #900;
   padding: 4px;
 }
 .openerp .oe_form .oe_form_box_warning * {
@@ -2261,7 +2261,7 @@
   margin: 2px;
 }
 .openerp .oe_form td.oe_form_group_cell_label {
-  border-right: 1px solid #dddddd;
+  border-right: 1px solid #ddd;
   padding: 2px 0px;
 }
 .openerp .oe_form td.oe_form_group_cell_label label {
@@ -2286,7 +2286,7 @@
 }
 .openerp .oe_form .oe_form_label_help[for] span, .openerp .oe_form .oe_form_label[for] span {
   font-size: 80%;
-  color: darkgreen;
+  color: darkGreen;
   vertical-align: top;
   position: relative;
   top: -4px;
@@ -2299,13 +2299,13 @@
   font-weight: bold;
   font-size: 20px;
   margin: 15px 0px 10px 0px;
-  color: #7c7bad;
+  color: #7C7BAD;
 }
 .openerp .oe_horizontal_separator:empty {
   height: 5px;
 }
 .openerp .oe_vertical_separator {
-  border-left: 1px solid #666666;
+  border-left: 1px solid #666;
   padding: 0 4px 0 4px;
 }
 .openerp .oe_form_field_progressbar {
@@ -2319,7 +2319,7 @@
   -moz-box-sizing: border-box;
   -ms-box-sizing: border-box;
   box-sizing: border-box;
-  border: 1px solid #999999;
+  border: 1px solid #999;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
@@ -2387,8 +2387,8 @@
   color: #1f1f1f;
 }
 .openerp .oe_form input[readonly], .openerp .oe_form select[readonly], .openerp .oe_form textarea[readonly], .openerp .oe_form input[disabled], .openerp .oe_form select[disabled] {
-  background: #e5e5e5 !important;
-  color: #666666;
+  background: #E5E5E5 !important;
+  color: #666;
 }
 .openerp .oe_form textarea[disabled] {
   border: none;
@@ -2401,7 +2401,7 @@
   border-radius: 0px;
 }
 .openerp .oe_form textarea.oe_inline[disabled] {
-  border-left: 8px solid #eeeeee;
+  border-left: 8px solid #eee;
 }
 .openerp .oe_form .oe_form_field_url button img {
   vertical-align: top;
@@ -2422,11 +2422,11 @@
   display: inline-block;
 }
 .openerp .oe_form .oe_form_required input:not([disabled]):not([readonly]), .openerp .oe_form .oe_form_required select:not([disabled]):not([readonly]), .openerp .oe_form .oe_form_required textarea:not([disabled]):not([readonly]) {
-  background-color: #d2d2ff !important;
+  background-color: #D2D2FF !important;
 }
 .openerp .oe_form .oe_form_invalid input, .openerp .oe_form .oe_form_invalid select, .openerp .oe_form .oe_form_invalid textarea {
-  background-color: #ff6666 !important;
-  border: 1px solid #dd0000 !important;
+  background-color: #F66 !important;
+  border: 1px solid #D00 !important;
 }
 .openerp .oe_form .oe_input_icon {
   cursor: pointer;
@@ -2514,7 +2514,7 @@
   width: 100%;
   display: none;
   text-align: center;
-  color: #eeeeee;
+  color: #eee;
   background: rgba(37, 37, 37, 0.9);
   -moz-border-radius: 3px 3px 0 0;
   -webkit-border-radius: 3px 3px 0 0;
@@ -2553,7 +2553,7 @@
   width: 24px;
   overflow: hidden;
   background: transparent;
-  color: #7c7bad;
+  color: #7C7BAD;
   box-shadow: none;
   border: none;
   text-shadow: none;
@@ -2572,7 +2572,7 @@
   cursor: pointer;
 }
 .openerp .oe_fileupload .oe_add .oe_attach_label {
-  color: #7c7bad;
+  color: #7C7BAD;
   margin-left: -3px;
 }
 .openerp .oe_fileupload .oe_attachments {
@@ -2598,7 +2598,7 @@
   background: white;
 }
 .openerp .oe_fileupload .oe_attachments .oe_attachment:nth-child(even) {
-  background: #f4f5fa;
+  background: #F4F5FA;
 }
 .openerp .oe_form_field_many2one td:first-child {
   position: relative;
@@ -2737,7 +2737,7 @@
   background-image: linear-gradient(to bottom, #e8e8e8, #cacaca);
 }
 .openerp ul.oe_form_status_clickable li .label {
-  color: #7c7bad;
+  color: #7C7BAD;
 }
 .openerp ul.oe_form_status_clickable li.oe_active:hover {
   background-color: #3a699f;
@@ -2807,7 +2807,7 @@
   background-color: #d2d2ff;
 }
 .openerp .oe_form_editable .oe_list_editable .oe_list_content td.oe_readonly {
-  background-color: #eeeeee;
+  background-color: #eee;
 }
 .openerp .oe_list_editable .oe_list_content td.oe_list_field_cell {
   padding: 4px 6px 3px;
@@ -2844,7 +2844,7 @@
   -moz-border-radius: 0;
   -webkit-border-radius: 0;
   border-radius: 0;
-  border: 1px solid #aaaaff;
+  border: 1px solid #aaf;
   margin: 0;
 }
 .openerp .oe_list.oe_list_editable.oe_editing .oe_form_field input, .openerp .oe_list.oe_list_editable.oe_editing .oe_form_field textarea, .openerp .oe_list.oe_list_editable.oe_editing .oe_form_field select {
@@ -2936,7 +2936,7 @@
 }
 .openerp .oe_list_content > thead {
   border-bottom: 2px solid #cacaca;
-  background: #eeeeee;
+  background: #eee;
   vertical-align: top;
 }
 .openerp .oe_list_content td, .openerp .oe_list_content th {
@@ -2955,7 +2955,7 @@
   margin-top: 7px;
   border-width: 0 4px 4px;
   border-style: solid;
-  border-color: black transparent;
+  border-color: #000 transparent;
   visibility: hidden;
 }
 .openerp .oe_list_content th.sortup div:after {
@@ -2972,7 +2972,7 @@
   border-bottom: none;
   border-left: 4px solid transparent;
   border-right: 4px solid transparent;
-  border-top: 4px solid black;
+  border-top: 4px solid #000;
   visibility: visible;
   -moz-box-shadow: none;
   -webkit-box-shadow: none;
@@ -2985,7 +2985,7 @@
 }
 .openerp .oe_list_content > tbody > tr {
   height: 27px;
-  border-top: 1px solid #dddddd;
+  border-top: 1px solid #ddd;
 }
 .openerp .oe_list_content > tbody > tr > td.oe_list_field_cell {
   padding: 3px 6px;
@@ -3022,7 +3022,7 @@
 .openerp .oe_list_content > tfoot {
   border-top: 2px solid #cacaca;
   border-bottom: 1px solid #cacaca;
-  background: #eeeeee;
+  background: #eee;
   font-weight: bold;
 }
 .openerp .oe_list_content .numeric {
@@ -3053,7 +3053,7 @@
 .openerp .oe_list_content td.oe_list_field_handle .oe_list_handle:before {
   font: 18px "entypoRegular";
   content: "}";
-  color: #e0e0e0;
+  color: #E0E0E0;
 }
 .openerp .oe_list_content .oe_list_field_progressbar progress {
   width: 100%;
@@ -3149,13 +3149,13 @@
   text-align: right;
   float: left;
   font-weight: bold;
-  color: #000099;
+  color: #009;
 }
 .openerp .oe_debug_view_log span {
   display: block;
   width: 49%;
   float: right;
-  color: #333333;
+  color: #333;
 }
 
 .kitten-mode-activated {
@@ -3202,7 +3202,7 @@ div.ui-widget-overlay {
   background: #f0f0fa;
 }
 .ui-menu .ui-menu-item a.ui-state-hover, .ui-menu .ui-menu-item a.ui-state-active {
-  background: #7c7bad;
+  background: #7C7BAD;
 }
 
 .ui-corner-all {
@@ -3223,7 +3223,7 @@ div.ui-widget-overlay {
   width: 80px;
 }
 .openerp_ie .oe_form_field_boolean input {
-  background: white;
+  background: #fff;
 }
 .openerp_ie .db_option_table .oe_form_field_selection {
   width: auto;
diff --git a/addons/web/static/src/css/base.sass b/addons/web/static/src/css/base.sass
index 0520ea8b118..65119dfacbf 100644
--- a/addons/web/static/src/css/base.sass
+++ b/addons/web/static/src/css/base.sass
@@ -55,7 +55,7 @@ $sheet-padding: 16px
     background-image: -webkit-radial-gradient(circle, $gradient)
     background-image: -moz-radial-gradient($gradient)
     background-image: -ms-radial-gradient($gradient)
-    background-image: radial-gradient($gradient)
+    background-image: radial-gradient(circle, $gradient)
 
 @mixin radius($radius: 5px)
     -moz-border-radius: $radius
diff --git a/addons/web_kanban/static/src/css/kanban.css b/addons/web_kanban/static/src/css/kanban.css
index 63823c8d6ab..4af2eacb5d6 100644
--- a/addons/web_kanban/static/src/css/kanban.css
+++ b/addons/web_kanban/static/src/css/kanban.css
@@ -1,4 +1,3 @@
-@charset "utf-8";
 .openerp .oe_kanban_view {
   background: white;
   height: inherit;
@@ -48,7 +47,7 @@
   word-wrap: break-word;
 }
 .openerp .oe_kanban_view .oe_kanban_content .oe_star_on, .openerp .oe_kanban_view .oe_kanban_content .oe_star_off {
-  color: #cccccc;
+  color: #ccc;
   text-shadow: 0 0 2px black;
   vertical-align: top;
   position: relative;
@@ -65,7 +64,7 @@
 }
 .openerp .oe_kanban_view .oe_kanban_button_new {
   color: white;
-  background: #dc5f59;
+  background: #DC5F59;
 }
 .openerp .oe_kanban_view .oe_kanban_groups {
   height: inherit;
@@ -141,7 +140,7 @@
 }
 .openerp .oe_kanban_view .oe_form .oe_kanban_column {
   padding: 0px;
-  background: white;
+  background: #ffffff;
 }
 .openerp .oe_kanban_view.oe_kanban_grouped .oe_kanban_column, .openerp .oe_kanban_view.oe_kanban_grouped .oe_kanban_column_cards {
   height: 100%;
@@ -218,7 +217,7 @@
   -box-shadow: none;
 }
 .openerp .oe_kanban_view .oe_kanban_quick_create input:focus {
-  border: 1px solid #a6a6fe;
+  border: 1px solid #A6A6FE;
   -moz-box-shadow: 0px 0px 7px rgba(0, 133, 255, 0.3) inset;
   -webkit-box-shadow: 0px 0px 7px rgba(0, 133, 255, 0.3) inset;
   -box-shadow: 0px 0px 7px rgba(0, 133, 255, 0.3) inset;
@@ -288,15 +287,15 @@
   -box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
 }
 .openerp .oe_kanban_view .oe_kanban_box {
-  background: white;
-  border: 2px solid #cccccc;
+  background: #FFF;
+  border: 2px solid #CCC;
   border-radius: 4px;
   -moz-border-radius: 4px;
   -webkit-border-radius: 4px;
   margin-bottom: 5px;
 }
 .openerp .oe_kanban_view .oe_kanban_box_header {
-  border-bottom: 1px solid #cccccc;
+  border-bottom: 1px solid #CCC;
 }
 .openerp .oe_kanban_view .oe_kanban_title {
   font-size: 95%;
@@ -355,8 +354,8 @@
   border-radius: 3px;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
-  color: black;
-  text-shadow: 0 1px white;
+  color: #000000;
+  text-shadow: 0 1px #fff;
   padding: 0 4px;
   font-size: 85%;
   margin: 1px;
@@ -381,10 +380,10 @@
   cursor: move;
 }
 .openerp .oe_kanban_view .oe_kanban_color_border {
-  border-color: #cccccc;
+  border-color: #CCCCCC;
 }
 .openerp .oe_kanban_view .oe_kanban_color_border {
-  border-color: #cccccc;
+  border-color: #CCCCCC;
 }
 .openerp .oe_kanban_view .oe_kanban_tooltip ul, .openerp .oe_kanban_view ul.oe_kanban_tooltip {
   padding: 0 0 4px 0;
@@ -416,10 +415,10 @@
   border-radius: 4px;
 }
 .openerp .oe_kanban_view .oe_kanban_card:not(.ui-sortable-helper):hover, .openerp .oe_kanban_view .oe_kanban_quick_create:not(.ui-sortable-helper):hover {
-  border: 1px solid #7c7bad;
-  -moz-box-shadow: 0 0 4px #7c7bad;
-  -webkit-box-shadow: 0 0 4px #7c7bad;
-  -box-shadow: 0 0 4px #7c7bad;
+  border: 1px solid #7C7BAD;
+  -moz-box-shadow: 0 0 4px #7C7BAD;
+  -webkit-box-shadow: 0 0 4px #7C7BAD;
+  -box-shadow: 0 0 4px #7C7BAD;
 }
 .openerp .oe_kanban_view .oe_kanban_card:not(.ui-sortable-helper):hover .oe_dropdown_kanban > span, .openerp .oe_kanban_view .oe_kanban_quick_create:not(.ui-sortable-helper):hover .oe_dropdown_kanban > span {
   visibility: visible;
@@ -454,9 +453,9 @@
 .openerp .oe_kanban_view .oe_kanban_footer_left > span {
   margin-top: 2px;
   display: inline-block;
-  background: #e6e6e6;
-  border: 1px solid #b9b9b9;
-  color: #666666;
+  background: #E6E6E6;
+  border: 1px solid #B9B9B9;
+  color: #666;
   padding: 0 2px;
   line-height: 16px;
   -moz-border-radius: 3px;
@@ -498,10 +497,10 @@
   -webkit-border-radius: 6px;
   border-radius: 6px;
   background-position: center center;
-  background-image: -webkit-radial-gradient(circle, #eeeeee 0%, #cccccc 40%, #bbbbbb 100%);
-  background-image: -moz-radial-gradient(#eeeeee 0%, #cccccc 40%, #bbbbbb 100%);
-  background-image: -ms-radial-gradient(#eeeeee 0%, #cccccc 40%, #bbbbbb 100%);
-  background-image: radial-gradient(#eeeeee 0%, #cccccc 40%, #bbbbbb 100%);
+  background-image: -webkit-radial-gradient(circle, #eee 0%, #ccc 40%, #bbb 100%);
+  background-image: -moz-radial-gradient(#eee 0%, #ccc 40%, #bbb 100%);
+  background-image: -ms-radial-gradient(#eee 0%, #ccc 40%, #bbb 100%);
+  background-image: radial-gradient(circle, #eeeeee 0%, #cccccc 40%, #bbbbbb 100%);
 }
 .openerp .oe_kanban_view .oe_kanban_status_green {
   background: green;
@@ -509,7 +508,7 @@
   background-image: -webkit-radial-gradient(circle, #55dd55 0%, #44aa44 40%, #339933 100%);
   background-image: -moz-radial-gradient(#55dd55 0%, #44aa44 40%, #339933 100%);
   background-image: -ms-radial-gradient(#55dd55 0%, #44aa44 40%, #339933 100%);
-  background-image: radial-gradient(#55dd55 0%, #44aa44 40%, #339933 100%);
+  background-image: radial-gradient(circle, #55dd55 0%, #44aa44 40%, #339933 100%);
 }
 .openerp .oe_kanban_view .oe_kanban_status_red {
   background: red;
@@ -517,10 +516,10 @@
   background-image: -webkit-radial-gradient(circle, #ee7777 0%, #cc3333 40%, #bb0808 100%);
   background-image: -moz-radial-gradient(#ee7777 0%, #cc3333 40%, #bb0808 100%);
   background-image: -ms-radial-gradient(#ee7777 0%, #cc3333 40%, #bb0808 100%);
-  background-image: radial-gradient(#ee7777 0%, #cc3333 40%, #bb0808 100%);
+  background-image: radial-gradient(circle, #ee7777 0%, #cc3333 40%, #bb0808 100%);
 }
 .openerp .oe_kanban_view .oe_kanban_text_red {
-  color: #a61300;
+  color: #A61300;
   font-weight: bold;
   -moz-border-radius: 4px;
   -webkit-border-radius: 4px;
@@ -572,52 +571,52 @@
   border: 1px solid gray !important;
 }
 .openerp .oe_kanban_view .oe_kanban_colorpicker li:first-child a {
-  border: 1px solid #cccccc;
+  border: 1px solid #ccc;
 }
 .openerp .oe_kanban_view .oe_kanban_color_0 {
-  background-color: white;
+  background-color: #FFFFFF;
   color: #5a5a5a;
 }
 .openerp .oe_kanban_view .oe_kanban_color_1 {
-  background-color: #cccccc;
+  background-color: #CCCCCC;
   color: #424242;
 }
 .openerp .oe_kanban_view .oe_kanban_color_2 {
-  background-color: #ffc7c7;
+  background-color: #FFC7C7;
   color: #7a3737;
 }
 .openerp .oe_kanban_view .oe_kanban_color_3 {
-  background-color: #fff1c7;
+  background-color: #FFF1C7;
   color: #756832;
 }
 .openerp .oe_kanban_view .oe_kanban_color_4 {
-  background-color: #e3ffc7;
+  background-color: #E3FFC7;
   color: #5d6937;
 }
 .openerp .oe_kanban_view .oe_kanban_color_5 {
-  background-color: #c7ffd5;
+  background-color: #C7FFD5;
   color: #1a7759;
 }
 .openerp .oe_kanban_view .oe_kanban_color_6 {
-  background-color: #c7ffff;
+  background-color: #C7FFFF;
   color: #1a5d83;
 }
 .openerp .oe_kanban_view .oe_kanban_color_7 {
-  background-color: #c7d5ff;
+  background-color: #C7D5FF;
   color: #3b3e75;
 }
 .openerp .oe_kanban_view .oe_kanban_color_8 {
-  background-color: #e3c7ff;
+  background-color: #E3C7FF;
   color: #4c3668;
 }
 .openerp .oe_kanban_view .oe_kanban_color_9 {
-  background-color: #ffc7f1;
+  background-color: #FFC7F1;
   color: #6d2c70;
 }
 
 .openerp .oe_form .oe_kanban_view .oe_kanban_column, .openerp .oe_form .oe_kanban_view .oe_kanban_group_header {
   padding: 0px;
-  background: white;
+  background: #ffffff;
 }
 
 .openerp .oe_popup_form .oe_kanban_buttons .oe_highlight {
diff --git a/addons/web_kanban/static/src/css/kanban.sass b/addons/web_kanban/static/src/css/kanban.sass
index ae6f1d3fc11..571033bfd45 100644
--- a/addons/web_kanban/static/src/css/kanban.sass
+++ b/addons/web_kanban/static/src/css/kanban.sass
@@ -15,7 +15,7 @@
     background-image: -webkit-radial-gradient(circle, $gradient)
     background-image: -moz-radial-gradient($gradient)
     background-image: -ms-radial-gradient($gradient)
-    background-image: radial-gradient($gradient)
+    background-image: radial-gradient(circle, $gradient)
 
 @mixin radius($radius: 5px)
     -moz-border-radius: $radius