[Merge] trunk

bzr revid: fp@tinyerp.com-20120705122259-zu2hm32a2wh1g6y0

5 files changed, 223 insertions, 1098 deletions

diff --git a/addons/web/static/src/css/base.css b/addons/web/static/src/css/base.css
index db152e391ad..69a6ebd8319 100644
--- a/addons/web/static/src/css/base.css
+++ b/addons/web/static/src/css/base.css
@@ -20,7 +20,7 @@
   font-style: normal;
 }
 
-.openerp.openerp-web-client-container {
+.openerp.openerp_webclient_container {
   height: 100%;
   position: relative;
 }
@@ -34,7 +34,7 @@
   background: white;
   /* http://www.quirksmode.org/dom/inputfile.html
    * http://stackoverflow.com/questions/2855589/replace-input-type-file-by-an-image
-   */
+   */ */
 }
 .openerp a {
   text-decoration: none;
@@ -91,11 +91,12 @@
   list-style-type: none;
 }
 .openerp input, .openerp textarea, .openerp select {
-  padding: 4px;
+  padding: 1px 4px;
   border: 1px solid #cccccc;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
+  background: white;
 }
 .openerp img {
   vertical-align: middle;
@@ -185,6 +186,17 @@
 .openerp .ui-menu .ui-menu-item a.ui-state-active {
   background: #f0f0fa;
 }
+.openerp.ui-dialog {
+  border: 13px solid rgba(0, 0, 0, 0.3);
+  -moz-border-radius: 16px;
+  -webkit-border-radius: 16px;
+  border-radius: 16px;
+  -moz-background-clip: padding-box;
+  -webkit-background-clip: padding;
+  background-clip: padding-box;
+  box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.6);
+  -webkit-box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.2);
+}
 .openerp .oe_i {
   font-family: "mnmliconsRegular" !important;
   font-size: 21px;
@@ -261,8 +273,28 @@
   -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.2);
   box-shadow: 0 0 1px rgba(0, 0, 0, 0.2);
 }
+.openerp .oe_form_dirty .oe_highlight_on_dirty {
+  color: white;
+  background: #dc5f59;
+  font-weight: bold;
+}
+.openerp .oe_form_dirty button.oe_highlight_on_dirty {
+  background-color: #dc5f59;
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#dc5f59), to(#b33630));
+  background-image: -webkit-linear-gradient(top, #dc5f59, #b33630);
+  background-image: -moz-linear-gradient(top, #dc5f59, #b33630);
+  background-image: -ms-linear-gradient(top, #dc5f59, #b33630);
+  background-image: -o-linear-gradient(top, #dc5f59, #b33630);
+  background-image: linear-gradient(to bottom, #dc5f59, #b33630);
+  -moz-box-shadow: none;
+  -webkit-box-shadow: none;
+  box-shadow: none;
+}
+.openerp .oe_form_dirty button.oe_highlight_on_dirty:hover {
+  background: #ed6f6a;
+}
 .openerp .oe_title {
-  width: 55%;
+  width: 60%;
 }
 .openerp .oe_title:after {
   content: ".";
@@ -288,6 +320,38 @@
   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
   border: none;
 }
+.openerp .oe_button.oe_link {
+  border: none;
+  padding: 0;
+  margin: 0;
+  background: none;
+  -moz-border-radius: none;
+  -webkit-border-radius: none;
+  border-radius: none;
+  -moz-box-shadow: none;
+  -webkit-box-shadow: none;
+  box-shadow: none;
+}
+.openerp .oe_button.oe_link img {
+  display: none;
+}
+.openerp .oe_button.oe_link span {
+  border: none;
+  padding: 0;
+  margin: 0;
+  background: none;
+  -moz-border-radius: none;
+  -webkit-border-radius: none;
+  border-radius: none;
+  -moz-box-shadow: none;
+  -webkit-box-shadow: none;
+  box-shadow: none;
+  color: #8a89ba;
+  font-weight: bold;
+}
+.openerp .oe_button.oe_link span:hover {
+  text-decoration: underline;
+}
 .openerp.oe_tooltip {
   font-size: 12px;
 }
@@ -731,6 +795,7 @@
   border-top: 4px solid white;
 }
 .openerp .oe_topbar .oe_dropdown_menu {
+  top: 32px;
   background: #333333;
   background: rgba(37, 37, 37, 0.9);
   border-color: #999999;
@@ -1111,10 +1176,10 @@
 .openerp .oe_view_manager .oe_view_manager_switch .oe_vm_switch_diagram:after {
   content: "f";
 }
-.openerp .oe_view_manager_global {
+.openerp .oe_view_manager_current {
   height: 100%;
 }
-.openerp .oe_view_manager_global > .oe_view_manager_header {
+.openerp .oe_view_manager_current > .oe_view_manager_header {
   border-top: 1px solid #cacaca;
   border-bottom: 1px solid #cacaca;
   background-color: #fcfcfc;
@@ -1128,13 +1193,19 @@
   -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4), 0 0 9px rgba(0, 0, 0, 0.1);
   box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4), 0 0 9px rgba(0, 0, 0, 0.1);
 }
-.openerp .oe_view_manager_global > .oe_view_manager_header .oe_header_row td {
+.openerp .oe_view_manager_current > .oe_view_manager_header .oe_header_row td {
   padding: 8px;
 }
-.openerp .oe_view_manager_global > .oe_view_manager_header .oe_header_row:first-child td {
+.openerp .oe_view_manager_current > .oe_view_manager_header .oe_header_row:first-child td {
   padding-top: 8px;
 }
-.openerp .oe-select-create-popup-view-form > .oe_formview > .oe_form_pager {
+.openerp .oe_view_manager_inline {
+  height: 100%;
+}
+.openerp .oe_view_manager_inline > .oe_view_manager_header {
+  display: none;
+}
+.openerp .oe_popup_form > .oe_formview > .oe_form_pager {
   display: none !important;
 }
 .openerp .oe_searchview {
@@ -1423,6 +1494,10 @@
   top: 0;
   right: 5px;
 }
+.openerp .oe_searchview .oe_searchview_drawer .oe_searchview_dashboard form {
+  display: none;
+  margin-top: 2px;
+}
 .openerp .oe_searchview .oe_searchview_drawer .oe_searchview_advanced form {
   display: none;
   margin-top: 8px;
@@ -1511,29 +1586,11 @@
   background-color: #ff6666 !important;
   border: 1px solid #dd0000 !important;
 }
-.openerp .oe_form_button_save_dirty {
-  color: white;
-  background: #dc5f59;
-  background-color: #dc5f59;
-  background-image: -webkit-gradient(linear, left top, left bottom, from(#dc5f59), to(#b33630));
-  background-image: -webkit-linear-gradient(top, #dc5f59, #b33630);
-  background-image: -moz-linear-gradient(top, #dc5f59, #b33630);
-  background-image: -ms-linear-gradient(top, #dc5f59, #b33630);
-  background-image: -o-linear-gradient(top, #dc5f59, #b33630);
-  background-image: linear-gradient(to bottom, #dc5f59, #b33630);
-  -moz-box-shadow: none;
-  -webkit-box-shadow: none;
-  box-shadow: none;
-  font-weight: bold;
-}
-.openerp .oe_form_button_save_dirty:hover {
-  background: #ed6f6a;
-}
-.openerp .oe_form_editable .oe_highlight {
+.openerp .oe_view_manager_current .oe_form_editable .oe_highlight {
   color: #404040;
   background: none;
 }
-.openerp .oe_form_editable button.oe_highlight {
+.openerp .oe_view_manager_current .oe_form_editable button.oe_highlight {
   background-color: #efefef;
   background-image: -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#d8d8d8));
   background-image: -webkit-linear-gradient(top, #efefef, #d8d8d8);
@@ -1545,7 +1602,7 @@
   -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(255, 255, 255, 0.8) inset;
   box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(255, 255, 255, 0.8) inset;
 }
-.openerp .oe_form_editable button.oe_highlight:active {
+.openerp .oe_view_manager_current .oe_form_editable button.oe_highlight:active {
   background-color: #e3e3e3;
   background-image: -webkit-gradient(linear, left top, left bottom, from(#e3e3e3), to(#f6f6f6));
   background-image: -webkit-linear-gradient(top, #e3e3e3, #f6f6f6);
@@ -1557,7 +1614,7 @@
   -webkit-box-shadow: none;
   box-shadow: none;
 }
-.openerp .oe_form_editable button.oe_highlight:hover {
+.openerp .oe_view_manager_current .oe_form_editable button.oe_highlight:hover {
   background-color: #f6f6f6;
   background-image: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#e3e3e3));
   background-image: -webkit-linear-gradient(top, #f6f6f6, #e3e3e3);
@@ -1575,9 +1632,13 @@
 .openerp .oe_form_readonly .oe_edit_only, .openerp .oe_form_readonly .oe_form_field:empty {
   display: none !important;
 }
-.openerp .oe_form_nosheet > *:not(header) {
-  margin-left: 10px !important;
-  margin-right: 10px !important;
+.openerp .oe_form_nosheet {
+  margin-left: 10px;
+  margin-right: 10px;
+}
+.openerp .oe_form_nosheet > header {
+  margin-left: -10px;
+  margin-right: -10px;
 }
 .openerp .oe_form header {
   position: relative;
@@ -1927,7 +1988,7 @@
   width: 45px;
   height: 30px;
 }
-.openerp .oe_hidden_input_file input.oe-binary-file {
+.openerp .oe_hidden_input_file input.oe_form_binary_file {
   z-index: 0;
   line-height: 0;
   font-size: 12px;
@@ -1968,7 +2029,7 @@
 .openerp .oe_form_field_many2one td:first-child {
   position: relative;
 }
-.openerp .oe_form_field_many2one span.oe-m2o-drop-down-button {
+.openerp .oe_form_field_many2one span.oe_m2o_drop_down_button {
   position: absolute;
   top: 3px;
   right: 2px;
@@ -1976,6 +2037,12 @@
 .openerp .oe_form .oe_form_field_one2many > .oe_view_manager .oe_list_pager_single_page {
   display: none;
 }
+.openerp .oe_form_field_one2many .oe_list .oe_list_edit_row_save {
+  background: url(/web/static/src/img/iconset-b-remove.png) 50% 50% no-repeat;
+}
+.openerp .oe_form_field_one2many .oe_list .oe_list_edit_row_save:before {
+  visibility: hidden;
+}
 .openerp .oe_form_field_one2many > .oe_view_manager .oe_header_row_top {
   display: none;
 }
@@ -1994,28 +2061,28 @@
   height: auto;
   line-height: 16px;
 }
-.openerp .oe_form .oe_form_field_many2many > .oe-listview .oe_list_pager_single_page {
+.openerp .oe_form .oe_form_field_many2many > .oe_list .oe_list_pager_single_page {
   display: none;
 }
-.openerp .oe-listview-content {
+.openerp .oe_list_content {
   width: 100%;
 }
-.openerp .oe-listview-content td:first-child:after, .openerp .oe-listview-content th:first-child:after {
+.openerp .oe_list_content td:first-child:after, .openerp .oe_list_content th:first-child:after {
   border-width: 0;
 }
-.openerp .oe-listview-content > thead {
+.openerp .oe_list_content > thead {
   border-bottom: 2px solid #cacaca;
   background: #eeeeee;
   vertical-align: top;
 }
-.openerp .oe-listview-content > thead th {
+.openerp .oe_list_content > thead th {
   position: relative;
 }
-.openerp .oe-listview-content td, .openerp .oe-listview-content th {
+.openerp .oe_list_content td, .openerp .oe_list_content th {
   padding: 3px 6px;
   line-height: 18px;
 }
-.openerp .oe-listview-content th:after {
+.openerp .oe_list_content th:after {
   position: absolute;
   right: 6px;
   content: "";
@@ -2025,12 +2092,12 @@
   border-color: black transparent;
   visibility: hidden;
 }
-.openerp .oe-listview-content th.sortup:after {
+.openerp .oe_list_content th.sortup:after {
   visibility: visible;
   filter: alpha(opacity=60);
   opacity: 0.6;
 }
-.openerp .oe-listview-content th.sortdown:after {
+.openerp .oe_list_content th.sortdown:after {
   border-bottom: none;
   border-left: 4px solid transparent;
   border-right: 4px solid transparent;
@@ -2042,20 +2109,20 @@
   filter: alpha(opacity=60);
   opacity: 0.6;
 }
-.openerp .oe-listview-content > tbody {
+.openerp .oe_list_content > tbody {
   cursor: pointer;
   background: white;
 }
-.openerp .oe-listview-content > tbody > tr {
+.openerp .oe_list_content > tbody > tr {
   border-top: 1px solid #dddddd;
 }
-.openerp .oe-listview-content > tbody > tr > td.oe-field-cell {
+.openerp .oe_list_content > tbody > tr > td.oe_list_field_cell {
   padding: 3px 6px;
 }
-.openerp .oe-listview-content > tbody > tr > td, .openerp .oe-listview-content > tbody > tr > th {
+.openerp .oe_list_content > tbody > tr > td, .openerp .oe_list_content > tbody > tr > th {
   line-height: 18px;
 }
-.openerp .oe-listview-content > tbody > tr > td > button, .openerp .oe-listview-content > tbody > tr > th > button {
+.openerp .oe_list_content > tbody > tr > td > button, .openerp .oe_list_content > tbody > tr > th > button {
   border: none;
   background: transparent;
   padding: 0;
@@ -2063,16 +2130,16 @@
   -webkit-box-shadow: none;
   box-shadow: none;
 }
-.openerp .oe-listview-content > tbody > tr > td.oe_list_checkbox:first-child, .openerp .oe-listview-content > tbody > tr th.oe_list_checkbox:first-child {
+.openerp .oe_list_content > tbody > tr > td.oe_list_checkbox:first-child, .openerp .oe_list_content > tbody > tr th.oe_list_checkbox:first-child {
   width: 17px;
 }
-.openerp .oe-listview-content > tbody > tr > td.oe_list_checkbox:first-child:after, .openerp .oe-listview-content > tbody > tr th.oe_list_checkbox:first-child:after {
+.openerp .oe_list_content > tbody > tr > td.oe_list_checkbox:first-child:after, .openerp .oe_list_content > tbody > tr th.oe_list_checkbox:first-child:after {
   border-width: 0;
 }
-.openerp .oe-listview-content > tbody > tr > td.oe_number {
+.openerp .oe_list_content > tbody > tr > td.oe_number {
   text-align: right !important;
 }
-.openerp .oe-listview-content > tbody > tr:nth-child(odd) {
+.openerp .oe_list_content > tbody > tr:nth-child(odd) {
   background-color: #f0f0fa;
   background-color: #f0f0fa;
   background-image: -webkit-gradient(linear, left top, left bottom, from(#f0f0fa), to(#eeeef6));
@@ -2082,13 +2149,13 @@
   background-image: -o-linear-gradient(top, #f0f0fa, #eeeef6);
   background-image: linear-gradient(to bottom, #f0f0fa, #eeeef6);
 }
-.openerp .oe-listview-content > tfoot {
+.openerp .oe_list_content > tfoot {
   border-top: 2px solid #cacaca;
   border-bottom: 1px solid #cacaca;
   background: #eeeeee;
   font-weight: bold;
 }
-.openerp .oe-listview-content > tbody tr:hover td, .openerp .oe-listview-content tbody tr:hover th {
+.openerp .oe_list_content > tbody tr:hover td, .openerp .oe_list_content tbody tr:hover th {
   background-color: #eeeeee;
   background-image: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#dedede));
   background-image: -webkit-linear-gradient(top, #eeeeee, #dedede);
@@ -2097,13 +2164,16 @@
   background-image: -o-linear-gradient(top, #eeeeee, #dedede);
   background-image: linear-gradient(to bottom, #eeeeee, #dedede);
 }
-.openerp .oe-listview-content .numeric {
+.openerp .oe_list_content .numeric {
   text-align: right;
   width: 82px;
 }
-.openerp .oe-listview-content .numeric input {
+.openerp .oe_list_content .numeric input {
   text-align: right;
 }
+.openerp .oe_list_content .oe_list_edit_row_save:before {
+  content: "S";
+}
 .openerp .oe_trad_field.touched {
   border: 1px solid green !important;
 }
diff --git a/addons/web/static/src/css/base.sass b/addons/web/static/src/css/base.sass
index 85d22c20809..6ad3bb24669 100644
--- a/addons/web/static/src/css/base.sass
+++ b/addons/web/static/src/css/base.sass
@@ -27,6 +27,14 @@ $colour4: #8a89ba
     font-weight: normal
     font-style: normal
 
+@mixin reset()
+    border: none
+    padding: 0
+    margin: 0
+    background: none
+    @include radius(none)
+    @include box-shadow(none)
+
 @mixin vertical-gradient($startColor: #555, $endColor: #333)
     background-color: $startColor
     background-image: -webkit-gradient(linear, left top, left bottom, from($startColor), to($endColor)) /* Saf4+, Chrome */
@@ -90,7 +98,7 @@ $colour4: #8a89ba
 
 // }}}
 
-.openerp.openerp-web-client-container
+.openerp.openerp_webclient_container
     height: 100%
     position: relative
 
@@ -135,9 +143,10 @@ $colour4: #8a89ba
     li
         list-style-type: none
     input, textarea, select
-        padding: 4px
+        padding: 1px 4px
         border: 1px solid #ccc
         @include radius(3px)
+        background: white
     img
         vertical-align: middle
     h4
@@ -191,6 +200,14 @@ $colour4: #8a89ba
             width: auto
             a.ui-state-active
                 background: #f0f0fa
+    &.ui-dialog
+        border: 13px solid rgba(0, 0, 0, 0.3)
+        @include radius(16px)
+        -moz-background-clip: padding-box
+        -webkit-background-clip: padding
+        background-clip: padding-box
+        box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.6)
+        -webkit-box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.2)
     // }}}
     // Generic classes {{{
     .oe_i
@@ -232,8 +249,18 @@ $colour4: #8a89ba
         @include vertical-gradient(#DF6B66, #BF3A33)
         //@include vertical-gradient(lighten(#dc5f59, 3%), lighten(#b33630, 3%))
         @include box-shadow(0 0 1px rgba(0, 0, 0, 0.2))
+    .oe_form_dirty
+        .oe_highlight_on_dirty
+            color: white
+            background: #dc5f59
+            font-weight: bold
+        button.oe_highlight_on_dirty
+            @include vertical-gradient(#dc5f59, #b33630)
+            @include box-shadow(none)
+            &:hover
+                background: #ED6F6A
     .oe_title
-        width: 55%
+        width: 60%
     .oe_title:after
         content: "."
         display: block
@@ -250,6 +277,17 @@ $colour4: #8a89ba
             @include radius(3px)
             @include box-shadow(0 1px 3px rgba(0, 0, 0, 0.3))
             border: none
+    .oe_button.oe_link
+        @include reset()
+        img
+            display: none
+        span
+            @include reset()
+            color: #8A89BA
+            font-weight: bold
+            &:hover
+                text-decoration: underline
+
     //.oe_edit_only 
     // }}}
     // Tooltips {{{
@@ -583,6 +621,7 @@ $colour4: #8a89ba
         .oe_dropdown_arrow:after
             border-top: 4px solid white
         .oe_dropdown_menu
+            top: 32px
             background: #333
             background: rgba(37,37,37,0.9)
             border-color: #999
@@ -883,7 +922,7 @@ $colour4: #8a89ba
                 content: "f"
         // }}}
     // ViewManager application {{{
-    .oe_view_manager_global
+    .oe_view_manager_current
         height: 100%
         > .oe_view_manager_header
             border-top: 1px solid #cacaca
@@ -897,8 +936,14 @@ $colour4: #8a89ba
                 td
                     padding-top: 8px
     // }}}
+    // ViewManager inline {{{
+    .oe_view_manager_inline
+        height: 100%
+        > .oe_view_manager_header
+            display: none
+    // }}}
     // Viewmanager popup {{{
-    .oe-select-create-popup-view-form > .oe_formview > .oe_form_pager
+    .oe_popup_form > .oe_formview > .oe_form_pager
         display: none !important
     // }}}
     // SearchView {{{
@@ -1121,6 +1166,11 @@ $colour4: #8a89ba
                         position: absolute
                         top: 0
                         right: 5px
+            .oe_searchview_dashboard
+                form
+                    display: none
+                    margin-top: 2px
+
             .oe_searchview_advanced
                 form
                     display: none
@@ -1206,15 +1256,7 @@ $colour4: #8a89ba
         input, select, textarea
             background-color: #F66 !important
             border: 1px solid #D00 !important
-    .oe_form_button_save_dirty
-        color: white
-        background: #dc5f59
-        @include vertical-gradient(#dc5f59, #b33630)
-        @include box-shadow(none)
-        font-weight: bold
-        &:hover
-            background: #ED6F6A
-    .oe_form_editable
+    .oe_view_manager_current .oe_form_editable
         .oe_highlight
             color: #404040
             background: none
@@ -1232,9 +1274,12 @@ $colour4: #8a89ba
     .oe_form_readonly
         .oe_edit_only, .oe_form_field:empty
             display: none !important
-    .oe_form_nosheet > *:not(header)
-        margin-left: 10px !important
-        margin-right: 10px !important
+    .oe_form_nosheet 
+        margin-left: 10px
+        margin-right: 10px
+    .oe_form_nosheet > header
+        margin-left: -10px
+        margin-right: -10px
     // }}}
     // FormView.custom tags and classes {{{
     .oe_form 
@@ -1513,7 +1558,7 @@ $colour4: #8a89ba
         display: inline-block
         width: 45px
         height: 30px
-        input.oe-binary-file
+        input.oe_form_binary_file
             z-index: 0
             line-height: 0
             font-size: 12px
@@ -1551,7 +1596,7 @@ $colour4: #8a89ba
     .oe_form_field_many2one
         td:first-child
             position: relative
-        span.oe-m2o-drop-down-button
+        span.oe_m2o_drop_down_button
             position: absolute
             top: 3px
             right: 2px
@@ -1560,29 +1605,36 @@ $colour4: #8a89ba
     .oe_form .oe_form_field_one2many > .oe_view_manager
         .oe_list_pager_single_page
             display: none
-    .oe_form_field_one2many > .oe_view_manager
-        .oe_header_row_top
-            display: none
-        .oe_view_manager_header2
-            td
-                padding: 0px 8px
-                line-height: 16px
-                .oe_i
-                    font-size: 13px
-                .oe_pager_group
-                    height: auto
+    .oe_form_field_one2many
+        // TODO: oe_form_field_one2many_list?
+        .oe_list .oe_list_edit_row_save
+            background: url(/web/static/src/img/iconset-b-remove.png) 50% 50% no-repeat
+            &:before
+                visibility: hidden
+
+        &> .oe_view_manager
+            .oe_header_row_top
+                display: none
+            .oe_view_manager_header2
+                td
+                    padding: 0px 8px
                     line-height: 16px
-                    li
+                    .oe_i
+                        font-size: 13px
+                    .oe_pager_group
                         height: auto
                         line-height: 16px
+                        li
+                            height: auto
+                            line-height: 16px
     // }}}
     // FormView.many2many {{{
-    .oe_form .oe_form_field_many2many > .oe-listview
+    .oe_form .oe_form_field_many2many > .oe_list
         .oe_list_pager_single_page
             display: none
     // }}}
     // ListView {{{
-    .oe-listview-content
+    .oe_list_content
         width: 100%
         td:first-child, th:first-child
             &:after
@@ -1621,7 +1673,7 @@ $colour4: #8a89ba
             background: white
             > tr
                 border-top: 1px solid #ddd
-                > td.oe-field-cell
+                > td.oe_list_field_cell
                     padding: 3px 6px
                 > td, > th
                     line-height: 18px
@@ -1653,6 +1705,8 @@ $colour4: #8a89ba
             width: 82px
             input
                 text-align: right
+        .oe_list_edit_row_save:before
+            content: "S"
     // }}}
     // Translation {{{
     .oe_trad_field.touched
diff --git a/addons/web/static/src/css/base_old.css b/addons/web/static/src/css/base_old.css
deleted file mode 100644
index 74b660f7613..00000000000
--- a/addons/web/static/src/css/base_old.css
+++ /dev/null
@@ -1,999 +0,0 @@
-.openerp {
-    padding: 0;
-    margin: 0;
-    font-size: 80%;
-    font-family: Ubuntu, Helvetica, sans-serif;
-}
-
-.openerp, .openerp textarea, .openerp input, .openerp select, .openerp option,
-.openerp button, .openerp .ui-widget {
-    font-family: Ubuntu, Helvetica, sans-serif;
-    font-size:85%;
-}
-
-.openerp .view-manager-main-content {
-    width: 100%;
-}
-
-.openerp .oe_form_group_cell .view-manager-main-content {
-    padding: 0;
-}
-
-.oe_box {
-    border: 1px solid #aaf;
-    padding: 2px;
-    margin: 2px;
-}
-
-
-#oe_errors pre {
-    margin: 0;
-}
-
-.openerp .oe-listview .oe-number {
-    text-align: right !important;
-}
-.oe-listview-header-columns {
-    background: #d1d1d1; /* Old browsers */
-    background: -moz-linear-gradient(top, #ffffff 0%, #d1d1d1 100%); /* FF3.6+ */
-    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#d1d1d1)); /* Chrome,Safari4+ */
-    background: -webkit-linear-gradient(top, #ffffff 0%,#d1d1d1 100%); /* Chrome10+,Safari5.1+ */
-    background: -o-linear-gradient(top, #ffffff 0%,#d1d1d1 100%); /* Opera11.10+ */
-    background: -ms-linear-gradient(top, #ffffff 0%,#d1d1d1 100%); /* IE10+ */
-    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#d1d1d1',GradientType=0 ); /* IE6-9 */
-    background: linear-gradient(top, #ffffff 0%,#d1d1d1 100%); /* W3C */
-}
-
-.openerp .oe_hide {
-    display: none !important;
-}
-
-/* STATES */
-.openerp .on_logged,
-.openerp .db_options_row {
-    display: none;
-}
-
-
-
-/* Database */
-.login .oe-database-manager {
-    display: none;
-    height: 100%;
-    width: 100%;
-    background-color: white;
-}
-.login.database_block .bottom,
-.login.database_block .login_error_message,
-.login.database_block .pane {
-    display: none;
-}
-.login.database_block .oe-database-manager {
-    display: block;
-}
-
-.login .database {
-    float: left;
-    width: 202px;
-    height: 100%;
-    background: #666666;
-}
-.login .oe_db_options {
-    margin-left: 202px;
-    color: black;
-    padding-top: 20px;
-}
-
-.login .database ul {
-    margin-top: 65px;
-}
-
-ul.db_options li {
-    padding: 5px 0 10px 5px;
-    background: #949292; /* Old browsers */
-    background: -moz-linear-gradient(top, #949292 30%, #6d6b6b 95%, #282828 100%); /* FF3.6+ */
-    background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,#949292), color-stop(95%,#6d6b6b), color-stop(100%,#282828)); /* Chrome,Safari4+ */
-    background: -webkit-linear-gradient(top, #949292 30%,#6d6b6b 95%,#282828 100%); /* Chrome10+,Safari5.1+ */
-    background: -o-linear-gradient(top, #949292 30%,#6d6b6b 95%,#282828 100%); /* Opera11.10+ */
-    background: -ms-linear-gradient(top, #949292 30%,#6d6b6b 95%,#282828 100%); /* IE10+ */
-    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#949292', endColorstr='#282828',GradientType=0 ); /* IE6-9 */
-    background: linear-gradient(top, #949292 30%,#6d6b6b 95%,#282828 100%); /* W3C */
-    /* for ie9 */
-    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#949292', endColorstr='#5B5A5A',GradientType=0 ); /* IE6-9 */
-    border: none;
-    /* overriding jquery ui */
-    -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;
-    display: block;
-    font-weight: bold;
-    text-transform: uppercase;
-    margin: 1px;
-    color: #EEEEEE;
-    cursor: pointer;
-    width: 195px;
-    font-size: 12px;
-}
-
-.db_option_table {
-    border: 1px solid #5A5858;
-    padding: 5px;
-    -moz-border-radius: 10px;
-}
-
-table.db_option_table input.required {
-    background-color: #D2D2FF !important;
-}
-
-.db_option_table label {
-    display: block;
-    text-align: right;
-}
-
-.db_option_table input[type="text"],
-.db_option_table input[type="password"],
-.db_option_table input[type="file"],
-.db_option_table select {
-    width: 300px;
-}
-
-.option_string {
-    font-weight: bold;
-    color: #555;
-    width: 100%;
-    text-align: center;
-    padding: 10px 0;
-    font-size: large;
-}
-
-label.error {
-    float: none;
-    color: red;
-    padding-left: .5em;
-    vertical-align: top;
-}
-
-/* Main*/
-.openerp .main_table {
-    width: 100%;
-    height: 100%;
-    background: #f0eeee;
-}
-.openerp .oe-application {
-    height: 100%;
-}
-.openerp .oe-application-container {
-    width: 100%;
-    height: 100%;
-}
-
-/* IE Hack - for IE < 9
- * Avoids footer to be placed statically at 100% cutting the middle of the views
- * */
-.openerp .oe-application-container {
-    height: auto\9;
-    min-height: 100%\9;
-}
-
-
-/* Main Application */
-.openerp .oe-main-content {
-    padding: 0;
-    height: 100%;
-}
-
-.openerp h2.oe_view_title {
-    font-size: 110%;
-    font-weight: normal;
-    margin: 2px 0;
-    color: #252424;
-    text-shadow: white 0 1px 0;
-}
-.openerp div[id^="notebook"] .oe_view_title {
-    font-size:85%;
-    padding-bottom:4px;
-}
-
-/* List */
-.openerp table.oe-listview-content {
-    clear: right;
-    width: 100%;
-    border-spacing: 0;
-    border: 1px solid silver;
-}
-
-.openerp .oe-listview thead table {
-    width: 100%;
-    border:  none;
-}
-.openerp .oe-listview tr.odd {
-    background-color: #f3f3f3;
-}
-.openerp .oe-listview tbody tr:hover {
-    background-color: #ecebf2;
-}
-.openerp .oe-listview tbody tr:hover {
-    background-color: #eae9f0;
-}
-.openerp .oe-listview thead table tr,
-.openerp .oe-listview thead table tr:hover {
-    background: none;
-}
-
-.openerp .oe-listview > table > tbody > tr > td,
-.openerp .oe-listview th {
-    vertical-align: middle;
-    text-align: left;
-    padding: 1px 2px;
-}
-
-.openerp .oe-record-delete button,
-.openerp button.oe-edit-row-save {
-    border: none;
-    height: 12px;
-    width: 12px;
-    background: url("/web/static/src/img/iconset-b-remove.png") no-repeat scroll center center transparent;
-    cursor: pointer;
-}
-.openerp button.oe-edit-row-save {
-    background-image: url('/web/static/src/img/icons/save-document.png');
-}
-
-/* Could use :not selectors if they were supported by MSIE8... */
-.openerp .oe-listview > table > tbody > tr > td {
-    border-left: 1px solid #dadada; /*currently commenting to test with no vertical lines in list view*/
-}
-.openerp .oe-listview tbody td:first-child,
-.openerp .oe-listview tbody td.oe-button,
-.openerp .oe-listview tbody td.oe-button,
-.openerp .oe-listview tbody th.oe-record-selector,
-.openerp .oe-listview tbody td.oe-record-delete {
-    border-left: none;
-}
-
-.openerp .oe-listview td.oe-record-delete {
-    text-align: right;
-}
-.openerp .oe-listview th.oe-sortable {
-    cursor: pointer;
-    font-size: 75%;
-    text-transform: uppercase;
-    padding: 0;
-    margin: 0;
-    padding-left: 3px;
-    color: #333;
-}
-.openerp .oe-listview th.oe-sortable .ui-icon {
-    height: 60%;
-    margin: -6px 0 0;
-    display: inline;
-    display: inline-block;
-    vertical-align: middle;
-}
-
-.openerp .oe-listview > table > tbody > tr > td {
-    border-bottom: 1px solid #E3E3E3;
-}
-
-
-.openerp .oe-listview td.oe-actions {
-    border-bottom:none;
-}
-
-.openerp .oe-listview .oe-record-selector, .openerp .oe-listview .oe-record-edit-link {
-    border-bottom: 1px solid #E3E3E3;
-}
-.openerp .oe-listview .oe-record-edit-link {
-    cursor: pointer;
-}
-
-.openerp .oe-listview .oe-field-cell {
-    cursor: pointer;
-    margin-top: 0;
-    margin-bottom: 0;
-    padding-top: 3px;
-    padding-bottom: 3px;
-    font-size: 80%;
-}
-.openerp .oe-listview .oe-field-cell progress {
-    width: 100%;
-}
-.openerp .oe-listview .oe-field-cell.oe-button button,
-.openerp .oe-listview .oe_form_button button {
-    margin: 0;
-    padding: 0;
-    border: none;
-    background: none;
-    width: 16px;
-    box-shadow: none;
-    -moz-box-shadow: none;
-    -webkit-box-shadow: none;
-}
-.openerp .oe-listview .oe-field-cell button:active {
-    opacity: 0.5;
-}
-.openerp .oe-listview .oe-field-cell button img {
-    cursor: pointer;
-}
-.openerp .oe-listview .oe-field-cell button img:hover {
-    opacity: 0.75;
-}
-
-.openerp .oe-listview .oe-field-cell .oe-listview-button-disabled img {
-    opacity: 0.5;
-}
-
-.openerp .oe-listview th.oe-actions {
-    text-align: left;
-    white-space: nowrap;
-}
-.openerp .oe-listview th.oe-list-pager {
-    text-align: right;
-    white-space: nowrap;
-}
-.openerp .oe-list-pager .oe-pager-state {
-    cursor: pointer;
-    font-size: 90%;
-    color: #555;
-}
-
-.openerp .oe_button.oe_button_pager,
-.openerp .oe-list-pager > span,
-.openerp .oe_form_pager > span {
-   line-height: 17px;
-   height: 17px;
-   cursor: pointer;
-   color: gray;
-   font-weight: bold;
-   vertical-align: middle;
-}
-.openerp .oe_button.oe_button_pager,
-.openerp .oe_button.oe_button_pager:disabled {
-    padding: 0 3px 0 3px;
-    margin: 0;
-    height: 17px;
-}
-.openerp .oe-listview .oe-group-name {
-    padding-right: 1em;
-}
-.openerp .oe-listview .oe-group-name,
-.openerp .oe-listview .oe-group-pagination {
-    white-space: nowrap;
-}
-
-.openerp .oe-listview tfoot td {
-    padding: 3px 3px 0;
-}
-.openerp .oe-listview .oe-list-footer {
-    text-align: center;
-    white-space: nowrap;
-    color: #444;
-    font-size: 85%;
-}
-.openerp .oe-listview .oe-list-footer span {
-    margin: 0 1em;
-}
-.openerp .oe-listview .oe-list-footer progress {
-    vertical-align:-10% !important;
-    width: 100%;
-}
-
-/** list rounded corners
-
-    rounded corners are a pain on tables: need to round not only table, but
-    also on the first and last children of the first and last row
- */
-.openerp .oe-listview table.oe-listview-content {
-    -webkit-border-radius: 4px;
-    -moz-border-radius: 4px;
-    border-radius: 4px;
-}
-.openerp .oe-listview table.oe-listview-content thead tr:first-child th:first-child {
-    -webkit-border-top-left-radius: 4px;
-    -moz-border-radius-topleft: 4px;
-    border-top-left-radius: 4px;
-}
-.openerp .oe-listview table.oe-listview-content thead tr:first-child th:last-child {
-    -webkit-border-top-right-radius: 4px;
-    -moz-border-radius-topright: 4px;
-    border-top-right-radius: 4px;
-}
-.openerp .oe-listview table.oe-listview-content tfoot tr:last-child th:first-child,
-.openerp .oe-listview table.oe-listview-content tfoot tr:last-child td:first-child,
-.openerp .oe-listview table.oe-listview-content tbody:last-child tr:last-child th:first-child {
-    -webkit-border-bottom-left-radius: 4px;
-    -moz-border-radius-bottomleft: 4px;
-    border-bottom-left-radius: 4px;
-}
-.openerp .oe-listview table.oe-listview-content tfoot tr:last-child th:last-child,
-.openerp .oe-listview table.oe-listview-content tfoot tr:last-child td:last-child,
-.openerp .oe-listview table.oe-listview-content tbody:last-child tr:last-child td:last-child {
-    -webkit-border-bottom-right-radius: 4px;
-    -moz-border-radius-bottomright: 4px;
-    border-bottom-right-radius: 4px;
-}
-
-/* Form */
-.openerp .oe_form_group_cell input[type="checkbox"] {
-    margin-top: 3px;
-    vertical-align: middle;
-}
-.openerp .oe_form_group_cell .input[type="text"] {
-    padding-bottom: 1px;
-}
-
-.openerp table.oe_form_group td {
-    color: #4c4c4c;
-}
-.openerp table.oe_form_group {
-    color: #4c4c4c;
-}
-.openerp fieldset.oe_group_box {
-    border: 1px solid #AAAAAA;
-    moz-border-radius: 4px;
-    -webkit-border-radius: 4px;
-    border-radius: 4px;
-    background: #F9F9F9;
-    padding: 4px;
-}
-.openerp fieldset.oe_group_box legend {
-    font-weight: bold;
-}
-.openerp .required.error {
-    border: 1px solid #900;
-}
-.openerp .oe_form_buttons, .openerp .oe_list_buttons {
-    float: left;
-}
-.openerp .oe_form_pager, .openerp .oe_list_pager {
-    float: right;
-    font-size: 80%;
-    color: gray;
-    font-weight: bold;
-}
-
-.openerp .oe_form_pager {
-    margin-right: 3px;
-}
-
-.openerp .oe_align_left {
-    text-align: left;
-}
-.openerp .oe_align_right {
-    text-align: right;
-}
-.openerp .oe_align_center {
-    text-align: center;
-}
-.openerp .oe_form .oe_form_paragraph {
-    margin: 3px 0 0 0;
-    white-space: normal;
-}
-
-.openerp .oe_form .oe_form_paragraph.oe_multilines {
-    white-space: pre;
-}
-
-.openerp .oe_form_field_one2many .oe-actions h3.oe_view_title,
-.openerp .oe_form_field_one2many_list .oe-actions h3.oe_view_title{
-    display: inline;
-    margin: 0 0.5em 0 0;
-}
-
-.openerp .oe_form .oe-listview th.oe-sortable .ui-icon,
-.openerp .oe_form .oe-listview th.oe-sortable .ui-icon {
-    height: 100%;
-    margin-top: -9px;
-}
-
-.openerp table.oe_form_group .oe-listview-content td {
-    color: inherit;
-}
-
-/* Uneditable Form View */
-.openerp .oe_form_readonly {
-
-}
-.openerp .oe_form_readonly .oe_form_group_cell .field_text,
-.openerp .oe_form_readonly .field_char,
-.openerp .oe_form_readonly .field_int,
-.openerp .oe_form_readonly .field_float,
-.openerp .oe_form_readonly .field_email,
-.openerp .oe_form_readonly .field_date,
-.openerp .oe_form_readonly .field_selection,
-.openerp .oe_form_readonly .oe_form_field_many2one {
-    padding: 3px 2px 2px 2px;
-    background-color: white;
-    height: 17px;
-}
-.openerp .oe_form_readonly .oe_form_group_cell .field_text {
-    height: auto;
-}
-.openerp .oe_form_readonly .field_datetime {
-    padding: 1px 2px 2px 2px;
-    background-color: white;
-    height:19px;
-}
-.openerp .oe_form_readonly .oe_form_field_many2one div {
-    background-color:white;
-    height:18px;
-    margin-bottom:1px;
-    padding: 0px 2px 5px 2px;
-}
-
-.openerp .oe_form_readonly .oe_form_field_email div  {
-    background-color: white;
-    padding: 1px 2px 3px 2px;
-}
-
-
-.openerp .oe_form_readonly .oe_form_field_text div.field_text,
-.openerp .oe_form_readonly .oe_form_field_text_html div.field_text_html {
-    white-space: pre-wrap;
-}
-.openerp .oe_form_readonly .oe_form_group_cell .field_text  {
-    min-height:100px;
-}
-/* Inputs */
-/* vertically recentering filter management select tag */
-.openerp select.oe_search-view-filters-management { 
-    margin-top:2px;
-}
-
-
-@-moz-document url-prefix() {
-    /* Strange firefox behaviour on width: 100% + white-space: nowrap */
-    .openerp .oe_form .oe_form_button .oe_button {
-        width: auto;
-    }
-}
-/* IE Hack - for IE < 9
- * Avoids buttons overflow
- * */
-.openerp .oe_form .oe_form_button .oe_button {
-    min-width: auto\9;
-}
-
-
-/* jQuery UI override */
-.openerp .ui-widget {
-    font-size: 1em;
-}
-.openerp tbody.ui-widget-content {
-    margin-bottom: 10px;
-    border-spacing: 4px;
-}
-.openerp .ui-widget-header {
-    background: white none;
-}
-
-/* Sidebar */
-.openerp .view-manager-main-table {
-    margin: 0;
-    width:100%;
-    border-collapse:collapse;
-    height:100%;
-}
-
-.openerp .view-manager-main-table tbody {
-    vertical-align: top;
-}
-
-.openerp .oe-view-manager-header {
-    overflow: auto;
-    background: url("/web/static/src/img/sep-a.gif") 0 100% repeat-x;
-    margin:6px 0 6px 2px;
-}
-.openerp .oe_form_group_cell .oe-view-manager-header { /* Trick: remove the background when element is in a formular */
-    background: none;
-}
-
-.openerp .oe-view-manager-header h2 {
-    float: left;
-}
-
-.openerp .oe_view_manager_menu_tips blockquote {
-    display: none;
-    font-size: 85%;
-    margin: 0;
-    background: #fff;
-    border-bottom: 1px solid #CECBCB;
-    padding: 1px 10px;
-    color: #4C4C4C;
-}
-.openerp .oe_view_manager_menu_tips blockquote p {
-    margin: 0;
-    padding: 6px 1px 4px;
-}
-
-.openerp .oe_view_manager_menu_tips blockquote div {
-    text-align: right;
-    margin-right:10px;
-}
-
-.openerp .oe_view_manager_menu_tips blockquote div button {
-    border: none;
-    background: none;
-    padding: 0 4px;
-    margin: 0;
-    display: inline;
-    text-decoration: underline;
-    color: inherit;
-}
-
-.openerp .view-manager-main-sidebar {
-    width: 180px;
-    padding: 0;
-    margin: 0;
-}
-
-.openerp .sidebar-main-div {
-    height: 100%;
-    border-left: 1px solid #D2CFCF;
-}
-
-.openerp .sidebar-content {
-    padding: 0;
-    margin: 0;
-    width: 180px;
-    height: 100%;
-    font-size: 0.9em;
-}
-
-.openerp .closed-sidebar .sidebar-content {
-    width: 22px;
-}
-
-.openerp .closed-sidebar .sidebar-content {
-    display: none;
-}
-
-.openerp .sidebar-main-div a {
-    color: #555;
-    text-decoration: none;
-}
-
-.openerp .sidebar-main-div a:hover {
-    color: black;
-}
-
-.openerp .oe-sidebar-attachments-toolbar {
-    margin: 4px 0 0 4px;
-}
-.openerp .oe-sidebar-attachments-items {
-    clear: both;
-    padding-top: 5px !important;
-}
-.openerp .oe-sidebar-attachments-items li {
-    position: relative;
-    padding: 0 0 3px 10px !important;
-}
-.openerp .oe-sidebar-attachments-items li:hover {
-    background: #ddd;
-}
-.openerp .oe-sidebar-attachments-link {
-    display: block;
-    margin-right: 15px;
-    overflow: hidden;
-}
-.openerp .oe-sidebar-attachment-delete {
-    position: absolute;
-    right: 2px;
-    top: 1px;
-    overflow: hidden;
-    width: 15px;
-    height: 15px;
-    padding: 1px;
-    border-radius: 7px;
-    -moz-border-radius: 7px;
-    -webkit-border-radius: 7px;
-}
-.openerp .oe-sidebar-attachment-delete:hover {
-    background-color: white;
-}
-
-.openerp .view-manager-main-sidebar h2 {
-    margin:0;
-    font-size: 1.15em;
-    color: #8E8E8E;
-    text-shadow: white 0 1px 0;
-    padding-left: 10px;
-    padding-right: 21px;
-    height: 21px;
-
-    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;
-}
-.openerp .view-manager-main-sidebar h2 {
-    border-top-width: 0;
-}
-
-.openerp .view-manager-main-sidebar ul {
-    list-style-type: none;
-    margin: 0;
-    padding: 0;
-    display: block;
-}
-
-.openerp .view-manager-main-sidebar li {
-    display: block;
-    padding: 3px 3px 3px 10px;
-}
-
-.openerp .toggle-sidebar {
-    cursor: pointer;
-    border: 1px solid #D2CFCF;
-    border-top-width: 0;
-    display: block;
-    background: url(/web/static/src/img/toggle-a-bg.png);
-    width: 21px;
-    height: 21px;
-    z-index: 10;
-}
-.openerp .open-sidebar .toggle-sidebar {
-    margin-left: 158px;
-    background-position: 21px 0;
-    position: absolute;
-}
-.openerp .closed-sidebar .toggle-sidebar {
-    border-left: none;
-}
-.openerp li.oe_sidebar_print {
-    padding-left: 20px;
-    background: 1px 3px url(/web/static/src/img/icons/gtk-print.png) no-repeat;
-}
-
-.openerp .oe_sidebar_print ul {
-    padding-left:8px;
-}
-
-.openerp.kitten-mode-activated .main_table {
-    background: url(http://placekitten.com/g/1500/800) repeat;
-}
-.openerp.kitten-mode-activated.clark-gable .main_table {
-    background: url(http://amigrave.com/ClarkGable.jpg);
-    background-size: 100%;
-}
-
-.openerp.kitten-mode-activated .header {
-    background: url(http://placekitten.com/g/211/65) repeat;
-}
-
-.openerp.kitten-mode-activated .menu {
-    background: #828282;
-    background: -moz-linear-gradient(top, #828282 0%, #4D4D4D 100%);
-    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#828282), color-stop(100%,#4D4D4D));
-    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#828282', endColorstr='#4D4D4D',GradientType=0 );
-}
-.openerp.kitten-mode-activated .menu a {
-    background: none;
-}
-.openerp.kitten-mode-activated .menu span {
-    background: none;
-}
-.openerp.kitten-mode-activated .sidebar-content li a,
-.openerp.kitten-mode-activated .oe-application .view-manager-main-content h2.oe_view_title,
-.openerp.kitten-mode-activated .oe-application .view-manager-main-content a.searchview_group_string,
-.openerp.kitten-mode-activated .oe-application .view-manager-main-content label  {
-    color: white;
-}
-.openerp.kitten-mode-activated .menu,
-.openerp.kitten-mode-activated .header_corner,
-.openerp.kitten-mode-activated .header_title,
-.openerp.kitten-mode-activated .oe-application,
-.openerp.kitten-mode-activated .oe_footer,
-.openerp.kitten-mode-activated .loading,
-.openerp.kitten-mode-activated .ui-dialog {
-    opacity:0.8;
-    filter:alpha(opacity=80);
-}
-.openerp.kitten-mode-activated .header .company_logo {
-    background: url(http://placekitten.com/g/180/46);
-}
-.openerp.kitten-mode-activated .loading {
-    background: #828282;
-    border-color: #828282;
-}
-
-.openerp .oe-m2o-drop-down-button {
-    margin-left: -24px;
-}
-.openerp .oe-m2o-drop-down-button img {
-    margin-bottom: -4px;
-    cursor: pointer;
-}
-.openerp .oe-m2o input  {
-    border-right: none;
-    margin-right: 0px !important;
-    padding-bottom: 2px !important;
-}
-.openerp .oe-m2o-disabled-cm {
-    color: grey;
-}
-.openerp ul[role="listbox"] li a {
-    font-size:80%;
-}
-.parent_top {
-    vertical-align: text-top;
-}
-
-.openerp .oe-dialog-warning p {
-    padding-left: 1em;
-    font-size: 1.2em;
-    font-weight: bold;
-}
-
-.openerp .dhx_mini_calendar {
-    -moz-box-shadow: none;
-    -khtml-box-shadow: none;
-    -webkit-box-shadow: none;
-    box-shadow: none;
-}
-.openerp .oe-treeview-table {
-    width: 100%;
-    background-color : #FFFFFF;
-    border-spacing: 0;
-    
-}
-.openerp .oe-treeview-table tr:hover{
-    color: blue;
-    background-color : #D8D8D8;
-}
-.treeview-tr, .treeview-td {
-    cursor: pointer;
-    vertical-align: top;
-    text-align: left;
-    border-bottom: 1px solid #CFCCCC;
-}
-.openerp .oe-treeview-table .oe-number {
-   text-align: right !important;
-}
-.treeview-tr span, .treeview-td span {
-    font-size: 90%;
-    font-weight: normal;
-    white-space: nowrap;
-    display: block;
-    }
-.treeview-tr.oe-treeview-first {
-    background: transparent url(/web/static/src/img/expand.gif) 0 50% no-repeat;
-}
-.oe-open .treeview-tr.oe-treeview-first {
-    background-image: url(/web/static/src/img/collapse.gif);
-}
-.treeview-tr.oe-treeview-first span,
-.treeview-td.oe-treeview-first span {
-    margin-left: 16px;
-}
-
-.treeview-header {
-    vertical-align: top;
-    background-color : #D8D8D8;
-    white-space: nowrap;
-    text-align: left;
-    padding: 4px 5px;
-}
-ul.oe-arrow-list {
-    padding-left: 1.1em;
-    margin: 0;
-    white-space: nowrap;
-}
-ul.oe-arrow-list li {
-    display: inline-block;
-    margin-left: -1em;
-}
-ul.oe-arrow-list li span {
-    vertical-align: top;
-    display: inline-block;
-    border: 1em solid #DEDEDE;
-    line-height:0em;
-}
-ul.oe-arrow-list .oe-arrow-list-before {
-    border-left-color: rgba(0,0,0,0);
-    border-right-width:0;
-}
-ul.oe-arrow-list .oe-arrow-list-after {
-    border-color: rgba(0,0,0,0);
-    border-left-color: #DEDEDE;
-    border-right-width:0;
-}
-ul.oe-arrow-list li.oe-arrow-list-selected span {
-    border-color: #B5B9FF;
-}
-ul.oe-arrow-list li.oe-arrow-list-selected .oe-arrow-list-before {
-    border-left-color: rgba(0,0,0,0);
-}
-ul.oe-arrow-list li.oe-arrow-list-selected .oe-arrow-list-after {
-    border-color: rgba(0,0,0,0);
-    border-left-color: #B5B9FF;
-}
-.openerp ul.oe-arrow-list li:first-child span:first-child{
-    -webkit-border-top-left-radius: 3px;
-    -moz-border-radius-topleft: 3px;
-    border-top-left-radius: 3px;
-    -webkit-border-bottom-left-radius: 3px;
-    -moz-border-radius-bottomleft: 3px;
-    border-bottom-left-radius: 3px;
-}
-.openerp ul.oe-arrow-list li:last-child span:last-child{
-    -webkit-border-top-right-radius: 3px;
-    -moz-border-radius-topright: 3px;
-    border-top-right-radius: 3px;
-    -webkit-border-bottom-right-radius: 3px;
-    -moz-border-radius-bottomright: 3px;
-    border-bottom-right-radius: 3px;
-}
-.openerp .oe_view_editor {
-    width:100%;
-    border-collapse : collapse;
-    margin-left: -12px;
-    
-    width: 100%;
-    background-color : white;
-    border-spacing: 0;
-}
-.openerp .oe_view_editor td{
-    text-align: center;
-    white-space: nowrap;
-    border: 1px solid #D8D8D8;
-    
-    cursor: pointer;
-    font-size: 90%;
-}
-.openerp .oe_view_editor_field td{
-    border: 0px !important;
-}
-
-.openerp .oe_view_editor tr:hover {
-    background-color: #ecebf2;
-}
-
-
-/* Dialog traceback cases */
-.openerp .oe_error_detail{
-    display: block;
-}
-.openerp .oe_error_send{
-    display:block;
-}
-.openerp .oe_fielddiv{
-    display:inline-block;
-    width:100%;
-}
-.openerp .oe_fielddiv input[type=text],textarea{
-    width:100%;
-}
-/* for Alignment center */
-.openerp .oe_centeralign{
-    text-align:center;
-}
-
-.openerp .oe_applications_tiles {
-  color: #4C4C4C;
-  text-shadow: #EEE 0 1px 0;
-  margin: 0 20px;
-}
-
-.openerp select.oe_search-view-filters-management {
-    font-style: oblique;
-    color: #999999;
-}
-
-.openerp .oe_search-view-filters-management option,
-.openerp .oe_search-view-filters-management optgroup {
-    font-style: normal;
-    color: black;
-}
-
-
-/* Internet Explorer Fix */
-a img {
-   border: none;
-}
diff --git a/addons/web/static/src/css/data_export.css b/addons/web/static/src/css/data_export.css
index 149fcea81e6..3fa24265b45 100644
--- a/addons/web/static/src/css/data_export.css
+++ b/addons/web/static/src/css/data_export.css
@@ -1,4 +1,4 @@
-.openerp .oe-export {
+.openerp .oe_export {
     width: 100%;
 }
 .openerp .oe_export_row tr{
diff --git a/addons/web/static/src/css/data_import.css b/addons/web/static/src/css/data_import.css
index a63a52802f0..47cd52aa081 100644
--- a/addons/web/static/src/css/data_import.css
+++ b/addons/web/static/src/css/data_import.css
@@ -12,22 +12,22 @@
     border-bottom: 1px solid #E3E3E3;
 }
 
-.openerp .oe-import-no-result .oe-import-result {
+.openerp .oe_import_no_result .oe_import_result {
     display: none;
 }
-.openerp .oe-import fieldset {
+.openerp .oe_import fieldset {
     cursor: pointer;
 }
-.openerp .oe-import fieldset legend:before {
+.openerp .oe_import fieldset legend:before {
     content: '\25BC  ';
 }
-.openerp .oe-import fieldset.oe-closed legend:before {
+.openerp .oe_import fieldset.oe_closed legend:before {
     content: '\25B6  ';
 }
-.openerp .oe-import fieldset.oe-closed table {
+.openerp .oe_import fieldset.oe_closed table {
     display: none;
 }
-.openerp .oe-import .separator.horizontal {
+.openerp .oe_import .separator.horizontal {
     font-weight: bold;
     border-bottom-width: 1px;
     margin: 6px 4px 6px 1px;