[ADD] base-ie.sass

bzr revid: fme@openerp.com-20121113162107-1tenoncyon8hh9xz

4 files changed, 261 insertions, 0 deletions

diff --git a/addons/web/static/src/css/base-ie.css b/addons/web/static/src/css/base-ie.css
new file mode 100644
index 00000000000..15de19e9b4c
--- /dev/null
+++ b/addons/web/static/src/css/base-ie.css
@@ -0,0 +1,108 @@
+@charset "utf-8";
+.openerp input[type='checkbox'] {
+  border: none;
+  background: none;
+  box-shadow: none;
+}
+.openerp .oe_logo img {
+  border: none;
+}
+.openerp .oe_header_row button.oe_highlight {
+  padding-top: 0;
+  padding-bottom: 0;
+}
+.openerp .oe_view_manager_buttons button.oe_write_full {
+  padding-top: 0;
+  padding-bottom: 0;
+}
+.openerp .oe_view_manager_buttons button.oe_highlight {
+  padding-top: 0;
+  padding-bottom: 0;
+}
+.openerp .oe_view_manager_buttons button .oe_form_button_edit {
+  padding-top: 0;
+  padding-bottom: 0;
+}
+.openerp .oe_view_manager_buttons button .oe_form_button_create {
+  padding-top: 0;
+  padding-bottom: 0;
+}
+.openerp .oe_kanban_image {
+  border: none;
+}
+.openerp .oe_msg_icon {
+  border: none;
+}
+.openerp .oe_form header ul {
+  height: 29px;
+}
+.openerp .oe_attach {
+  filter: none;
+}
+.openerp .oe_link {
+  filter: none;
+}
+.openerp .oe_kanban_show_more {
+  clear: both;
+  text-align: center;
+}
+.openerp.oe_kanban_grouped .oe_kanban_show_more .oe_button {
+  width: 100%;
+  padding: 3px 12px;
+}
+.openerp .oe_form_buttons button {
+  padding-top: 0;
+  padding-bottom: 0;
+}
+.openerp .oe_sidebar button {
+  padding-top: 0;
+  padding-bottom: 0;
+}
+.openerp .oe_form_field.oe_tags {
+  float: left;
+}
+.openerp ul.oe_form_status li {
+  background-color/*\**/: #e8e8e8 \9;
+  background: -ms-linear-gradient(top, #fcfcfc, #dedede);
+  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc', endColorstr='#dedede');
+}
+.openerp ul.oe_form_status li .label {
+  padding-bottom: 10px;
+}
+.openerp ul.oe_form_status li .arrow span {
+  background-color/*\**/: #e8e8e8 \9;
+  background: -ms-linear-gradient(top, #fcfcfc, #dedede);
+  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc', endColorstr='#dedede');
+}
+.openerp ul.oe_form_status li.oe_active {
+  background-color: #729fcf;
+  background: -ms-linear-gradient(top, #729fcf, #3465a4);
+  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#729fcf', endColorstr='#3465a4');
+}
+.openerp ul.oe_form_status li.oe_active .label {
+  padding-bottom: 10px;
+}
+.openerp ul.oe_form_status_clickable li {
+  background-color: #e8e8e8;
+  background: -ms-linear-gradient(top, #fcfcfc, #dedede);
+  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc', endColorstr='#dedede');
+}
+.openerp ul.oe_form_status_clickable li .label {
+  padding-bottom: 10px;
+}
+.openerp ul.oe_form_status_clickable li .arrow span {
+  background-color/*\**/: #e8e8e8 \9;
+  background: -ms-linear-gradient(top, #fcfcfc, #dedede);
+  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc', endColorstr='#dedede');
+}
+.openerp ul.oe_form_status_clickable li.oe_active {
+  background-color: #729fcf;
+  background: -ms-linear-gradient(top, #729fcf, #3465a4);
+  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#729fcf', endColorstr='#3465a4');
+}
+.openerp ul.oe_form_status_clickable li.oe_active .label {
+  padding-bottom: 0;
+}
+.openerp .oe_mail .oe_msg .oe_msg_icons span {
+  -ms-filter: "progid:DXImageTransform.Microsoft.shadow(color=#aaaaaa,strength=2)";
+}
diff --git a/addons/web/static/src/css/base-ie.sass b/addons/web/static/src/css/base-ie.sass
new file mode 100644
index 00000000000..b42e5dba3ee
--- /dev/null
+++ b/addons/web/static/src/css/base-ie.sass
@@ -0,0 +1,106 @@
+@charset "utf-8"

+

+// fixes for ie9 only

+.openerp

+    input[type='checkbox']

+        border: none

+        background: none

+        box-shadow: none

+    .oe_logo

+        img

+            border: none

+    .oe_header_row

+        button.oe_highlight

+            padding-top: 0

+            padding-bottom: 0

+    .oe_view_manager_buttons

+        button.oe_write_full

+            padding-top: 0

+            padding-bottom: 0

+        button.oe_highlight

+            padding-top: 0

+            padding-bottom: 0

+        button .oe_form_button_edit

+            padding-top: 0

+            padding-bottom: 0

+        button .oe_form_button_create

+            padding-top: 0

+            padding-bottom: 0

+    .oe_kanban_image

+        border: none

+    .oe_msg_icon

+        border: none

+    .oe_form

+        header

+            ul

+                height: 29px

+

+    .oe_attach

+        filter: none

+    .oe_link

+        filter: none

+

+    .oe_kanban_show_more

+        clear: both

+        text-align: center

+    &.oe_kanban_grouped .oe_kanban_show_more .oe_button

+        width: 100%

+        padding: 3px 12px

+

+

+    .oe_form_buttons button

+        padding-top: 0

+        padding-bottom: 0

+    .oe_sidebar button

+        padding-top: 0

+        padding-bottom: 0

+

+    .oe_form_field.oe_tags

+        float: left

+    ul.oe_form_status

+        li 

+            background-color/*\**/: #e8e8e8\9

+            background: -ms-linear-gradient(top, #fcfcfc, #dedede) /* For IE 10 */

+            -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc', endColorstr='#dedede') /* For IE 9 */

+            .label

+                padding-bottom: 10px

+            .arrow 

+                span

+                    background-color/*\**/: #e8e8e8\9

+                    background: -ms-linear-gradient(top, #fcfcfc, #dedede) /* For IE 10 */

+                    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc', endColorstr='#dedede') /* For IE 9 */

+        li.oe_active

+            background-color: #729fcf

+            background: -ms-linear-gradient(top, #729fcf, #3465a4) /* For IE 10 */

+            -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#729fcf', endColorstr='#3465a4') /* For IE 9 */

+            .label

+                padding-bottom: 10px

+

+    ul.oe_form_status_clickable

+        li

+            background-color: #e8e8e8

+            background: -ms-linear-gradient(top, #fcfcfc, #dedede) /* For IE 10 */

+            -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc', endColorstr='#dedede') /* For IE 9 */

+            .label

+                padding-bottom: 10px

+            .arrow

+                span

+                    background-color/*\**/: #e8e8e8\9

+                    background: -ms-linear-gradient(top, #fcfcfc, #dedede) /* For IE 10 */

+                    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc', endColorstr='#dedede') /* For IE 9 */

+        li.oe_active

+            background-color: #729fcf

+            background: -ms-linear-gradient(top, #729fcf, #3465a4) /* For IE 10 */

+            -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#729fcf', endColorstr='#3465a4') /* For IE 9 */

+            .label

+                padding-bottom: 0

+

+        // mail addon

+    .oe_mail

+        .oe_msg

+            .oe_msg_icons

+                span

+                    -ms-filter: "progid:DXImageTransform.Microsoft.shadow(color=#aaaaaa,strength=2)"

+

+

+// }}}

diff --git a/addons/web/static/src/css/base.css b/addons/web/static/src/css/base.css
index 3e287dedde6..d98e9a43621 100644
--- a/addons/web/static/src/css/base.css
+++ b/addons/web/static/src/css/base.css
@@ -54,6 +54,10 @@
   color: #afafb6 !important;
   font-style: italic !important;
 }
+.openerp :-ms-input-placeholder {
+  color: #afafb6 !important;
+  font-style: italic !important;
+}
 .openerp a {
   text-decoration: none;
   cursor: pointer !important;
@@ -95,6 +99,7 @@
   background-image: -ms-linear-gradient(top, #f0f0fa, #eeeef6);
   background-image: -o-linear-gradient(top, #f0f0fa, #eeeef6);
   background-image: linear-gradient(to bottom, #f0f0fa, #eeeef6);
+  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='ie-hex-str(#f0f0fa)', endColorstr='ie-hex-str(#eeeef6)')";
 }
 .openerp .zebra tbody tr:hover td {
   background-color: #eeeeee;
@@ -104,6 +109,7 @@
   background-image: -ms-linear-gradient(top, #eeeeee, #dedede);
   background-image: -o-linear-gradient(top, #eeeeee, #dedede);
   background-image: linear-gradient(to bottom, #eeeeee, #dedede);
+  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='ie-hex-str(#eeeeee)', endColorstr='ie-hex-str(#dedede)')";
 }
 .openerp input, .openerp textarea, .openerp select {
   padding: 2px 4px;
@@ -134,6 +140,7 @@
   background-image: -ms-linear-gradient(top, #efefef, #d8d8d8);
   background-image: -o-linear-gradient(top, #efefef, #d8d8d8);
   background-image: linear-gradient(to bottom, #efefef, #d8d8d8);
+  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='ie-hex-str(#efefef)', endColorstr='ie-hex-str(#d8d8d8)')";
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
@@ -152,6 +159,7 @@
   background-image: -ms-linear-gradient(top, #f6f6f6, #e3e3e3);
   background-image: -o-linear-gradient(top, #f6f6f6, #e3e3e3);
   background-image: linear-gradient(to bottom, #f6f6f6, #e3e3e3);
+  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='ie-hex-str(#f6f6f6)', endColorstr='ie-hex-str(#e3e3e3)')";
   cursor: pointer;
   background-position: 0;
 }
@@ -165,6 +173,7 @@
   background-image: -ms-linear-gradient(top, #f6f6f6, #e3e3e3);
   background-image: -o-linear-gradient(top, #f6f6f6, #e3e3e3);
   background-image: linear-gradient(to bottom, #f6f6f6, #e3e3e3);
+  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='ie-hex-str(#f6f6f6)', endColorstr='ie-hex-str(#e3e3e3)')";
   -moz-box-shadow: 0 0 3px #80bfff, 0 1px 1px rgba(255, 255, 255, 0.8) inset;
   -webkit-box-shadow: 0 0 3px #80bfff, 0 1px 1px rgba(255, 255, 255, 0.8) inset;
   box-shadow: 0 0 3px #80bfff, 0 1px 1px rgba(255, 255, 255, 0.8) inset;
@@ -177,6 +186,7 @@
   background-image: -ms-linear-gradient(top, #e3e3e3, #f6f6f6);
   background-image: -o-linear-gradient(top, #e3e3e3, #f6f6f6);
   background-image: linear-gradient(to bottom, #e3e3e3, #f6f6f6);
+  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='ie-hex-str(#e3e3e3)', endColorstr='ie-hex-str(#f6f6f6)')";
   -moz-box-shadow: none;
   -webkit-box-shadow: none;
   box-shadow: none;
@@ -234,6 +244,7 @@
   background-image: -ms-linear-gradient(top, #fcfcfc, #dedede);
   background-image: -o-linear-gradient(top, #fcfcfc, #dedede);
   background-image: linear-gradient(to bottom, #fcfcfc, #dedede);
+  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='ie-hex-str(#fcfcfc)', endColorstr='ie-hex-str(#dedede)')";
 }
 .openerp.ui-dialog .ui-dialog-titlebar .ui-dialog-title {
   margin: 0;
@@ -317,6 +328,7 @@
   background-image: -ms-linear-gradient(top, #b41616, #600606);
   background-image: -o-linear-gradient(top, #b41616, #600606);
   background-image: linear-gradient(to bottom, #b41616, #600606);
+  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='ie-hex-str(#b41616)', endColorstr='ie-hex-str(#600606)')";
   color: #eeeeee;
   padding: 0 16px;
   -moz-border-radius: 0 0 2px 2px;
@@ -389,6 +401,7 @@
   background-image: -ms-linear-gradient(top, #df3f3f, #a21a1a);
   background-image: -o-linear-gradient(top, #df3f3f, #a21a1a);
   background-image: linear-gradient(to bottom, #df3f3f, #a21a1a);
+  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='ie-hex-str(#df3f3f)', endColorstr='ie-hex-str(#a21a1a)')";
   -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(155, 155, 155, 0.4) inset;
   -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(155, 155, 155, 0.4) inset;
   box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(155, 155, 155, 0.4) inset;
@@ -401,6 +414,7 @@
   background-image: -ms-linear-gradient(top, #e25858, #ab1b1b);
   background-image: -o-linear-gradient(top, #e25858, #ab1b1b);
   background-image: linear-gradient(to bottom, #e25858, #ab1b1b);
+  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='ie-hex-str(#e25858)', endColorstr='ie-hex-str(#ab1b1b)')";
 }
 .openerp button.oe_highlight:active {
   background-color: #c52020;
@@ -410,6 +424,7 @@
   background-image: -ms-linear-gradient(top, #c52020, #d22323);
   background-image: -o-linear-gradient(top, #c52020, #d22323);
   background-image: linear-gradient(to bottom, #c52020, #d22323);
+  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='ie-hex-str(#c52020)', endColorstr='ie-hex-str(#d22323)')";
 }
 .openerp .oe_background_grey {
   background: #eeeeee !important;
@@ -427,6 +442,7 @@
   background-image: -ms-linear-gradient(top, #dc5f59, #b33630);
   background-image: -o-linear-gradient(top, #dc5f59, #b33630);
   background-image: linear-gradient(to bottom, #dc5f59, #b33630);
+  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='ie-hex-str(#dc5f59)', endColorstr='ie-hex-str(#b33630)')";
   -moz-box-shadow: none;
   -webkit-box-shadow: none;
   box-shadow: none;
@@ -701,6 +717,7 @@
   background-image: -ms-linear-gradient(top, #f0f0fa, #eeeef6);
   background-image: -o-linear-gradient(top, #f0f0fa, #eeeef6);
   background-image: linear-gradient(to bottom, #f0f0fa, #eeeef6);
+  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='ie-hex-str(#f0f0fa)', endColorstr='ie-hex-str(#eeeef6)')";
   -moz-box-shadow: none;
   -webkit-box-shadow: none;
   box-shadow: none;
@@ -752,6 +769,7 @@
   background-image: -ms-linear-gradient(top, #f0f0fa, #eeeef6);
   background-image: -o-linear-gradient(top, #f0f0fa, #eeeef6);
   background-image: linear-gradient(to bottom, #f0f0fa, #eeeef6);
+  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='ie-hex-str(#f0f0fa)', endColorstr='ie-hex-str(#eeeef6)')";
   -moz-box-shadow: none;
   -webkit-box-shadow: none;
   box-shadow: none;
@@ -828,6 +846,7 @@
   background-image: -ms-linear-gradient(top, #b92020, #600606);
   background-image: -o-linear-gradient(top, #b92020, #600606);
   background-image: linear-gradient(to bottom, #b92020, #600606);
+  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='ie-hex-str(#b92020)', endColorstr='ie-hex-str(#600606)')";
   -moz-border-radius: 4px;
   -webkit-border-radius: 4px;
   border-radius: 4px;
@@ -885,6 +904,7 @@
   background-image: -ms-linear-gradient(top, #b41616, #600606);
   background-image: -o-linear-gradient(top, #b41616, #600606);
   background-image: linear-gradient(to bottom, #b41616, #600606);
+  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='ie-hex-str(#b41616)', endColorstr='ie-hex-str(#600606)')";
 }
 .openerp .oe_login .oe_login_pane {
   position: absolute;
@@ -982,6 +1002,7 @@
   background-image: -ms-linear-gradient(top, #646060, #262626);
   background-image: -o-linear-gradient(top, #646060, #262626);
   background-image: linear-gradient(to bottom, #646060, #262626);
+  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='ie-hex-str(#646060)', endColorstr='ie-hex-str(#262626)')";
 }
 .openerp .oe_topbar .oe_topbar_item {
   display: block;
@@ -1050,6 +1071,7 @@
   background-image: -ms-linear-gradient(top, #292929, #191919);
   background-image: -o-linear-gradient(top, #292929, #191919);
   background-image: linear-gradient(to bottom, #292929, #191919);
+  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='ie-hex-str(#292929)', endColorstr='ie-hex-str(#191919)')";
   -moz-box-shadow: none;
   -webkit-box-shadow: none;
   box-shadow: none;
@@ -1294,6 +1316,7 @@
   background-image: -ms-linear-gradient(top, #b41616, #600606);
   background-image: -o-linear-gradient(top, #b41616, #600606);
   background-image: linear-gradient(to bottom, #b41616, #600606);
+  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='ie-hex-str(#b41616)', endColorstr='ie-hex-str(#600606)')";
   color: #eeeeee;
   padding: 0 16px;
   -moz-border-radius: 0 0 2px 2px;
@@ -1507,6 +1530,7 @@
   background-image: -ms-linear-gradient(top, #fcfcfc, #dedede);
   background-image: -o-linear-gradient(top, #fcfcfc, #dedede);
   background-image: linear-gradient(to bottom, #fcfcfc, #dedede);
+  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='ie-hex-str(#fcfcfc)', endColorstr='ie-hex-str(#dedede)')";
   -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4), 0 0 9px rgba(0, 0, 0, 0.1);
   -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);
@@ -1956,6 +1980,7 @@
   background-image: -ms-linear-gradient(top, #efefef, #d8d8d8);
   background-image: -o-linear-gradient(top, #efefef, #d8d8d8);
   background-image: linear-gradient(to bottom, #efefef, #d8d8d8);
+  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='ie-hex-str(#efefef)', endColorstr='ie-hex-str(#d8d8d8)')";
   -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(255, 255, 255, 0.8) inset;
   -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;
@@ -1968,6 +1993,7 @@
   background-image: -ms-linear-gradient(top, #e3e3e3, #f6f6f6);
   background-image: -o-linear-gradient(top, #e3e3e3, #f6f6f6);
   background-image: linear-gradient(to bottom, #e3e3e3, #f6f6f6);
+  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='ie-hex-str(#e3e3e3)', endColorstr='ie-hex-str(#f6f6f6)')";
   -moz-box-shadow: none;
   -webkit-box-shadow: none;
   box-shadow: none;
@@ -1980,6 +2006,7 @@
   background-image: -ms-linear-gradient(top, #f6f6f6, #e3e3e3);
   background-image: -o-linear-gradient(top, #f6f6f6, #e3e3e3);
   background-image: linear-gradient(to bottom, #f6f6f6, #e3e3e3);
+  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='ie-hex-str(#f6f6f6)', endColorstr='ie-hex-str(#e3e3e3)')";
   -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(255, 255, 255, 0.8) inset;
   -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;
@@ -2040,6 +2067,7 @@
   background-image: -ms-linear-gradient(top, #fcfcfc, #dedede);
   background-image: -o-linear-gradient(top, #fcfcfc, #dedede);
   background-image: linear-gradient(to bottom, #fcfcfc, #dedede);
+  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='ie-hex-str(#fcfcfc)', endColorstr='ie-hex-str(#dedede)')";
 }
 .openerp .oe_form header > span {
   margin-left: 4px;
@@ -2398,6 +2426,7 @@
   background-image: -ms-linear-gradient(top, #fcfcfc, #dedede);
   background-image: -o-linear-gradient(top, #fcfcfc, #dedede);
   background-image: linear-gradient(to bottom, #fcfcfc, #dedede);
+  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='ie-hex-str(#fcfcfc)', endColorstr='ie-hex-str(#dedede)')";
 }
 .openerp ul.oe_form_status li:first-child .label, .openerp ul.oe_form_status_clickable li:first-child .label {
   border-left: 1px solid #cacaca;
@@ -2440,6 +2469,8 @@
   background: -moz-linear-gradient(135deg, #dedede, #fcfcfc);
   background: -o-linear-gradient(135deg, #fcfcfc, #dedede);
   background: -webkit-gradient(linear, left top, right bottom, from(#fcfcfc), to(#dedede));
+  background: -ms-linear-gradient(top, #fcfcfc, #dedede);
+  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='ie-hex-str(#fcfcfc)', endColorstr='ie-hex-str(#dedede)', enabled=true)";
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
@@ -2457,12 +2488,15 @@
   background-image: -ms-linear-gradient(top, #729fcf, #3465a4);
   background-image: -o-linear-gradient(top, #729fcf, #3465a4);
   background-image: linear-gradient(to bottom, #729fcf, #3465a4);
+  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='ie-hex-str(#729fcf)', endColorstr='ie-hex-str(#3465a4)')";
 }
 .openerp ul.oe_form_status li.oe_active .arrow span, .openerp ul.oe_form_status_clickable li.oe_active .arrow span {
   background-color: #3465a4;
   background: -moz-linear-gradient(135deg, #3465a4, #729fcf);
   background: -o-linear-gradient(135deg, #729fcf, #3465a4);
   background: -webkit-gradient(linear, left top, right bottom, from(#729fcf), to(#3465a4));
+  background: -ms-linear-gradient(top, #729fcf, #3465a4);
+  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='ie-hex-str(#729fcf)', endColorstr='ie-hex-str(#3465a4)', enabled=true)";
 }
 .openerp ul.oe_form_status li.oe_active .label, .openerp ul.oe_form_status_clickable li.oe_active .label {
   color: white;
@@ -2479,6 +2513,7 @@
   background-image: -ms-linear-gradient(top, #e8e8e8, #cacaca);
   background-image: -o-linear-gradient(top, #e8e8e8, #cacaca);
   background-image: linear-gradient(to bottom, #e8e8e8, #cacaca);
+  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='ie-hex-str(#e8e8e8)', endColorstr='ie-hex-str(#cacaca)')";
 }
 .openerp ul.oe_form_status_clickable li:hover .label {
   text-shadow: 0 -1px 1px #fcfcfc, 0 1px 1px #dedede;
@@ -2491,6 +2526,7 @@
   background-image: -ms-linear-gradient(top, #e8e8e8, #cacaca);
   background-image: -o-linear-gradient(top, #e8e8e8, #cacaca);
   background-image: linear-gradient(to bottom, #e8e8e8, #cacaca);
+  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='ie-hex-str(#e8e8e8)', endColorstr='ie-hex-str(#cacaca)')";
 }
 .openerp ul.oe_form_status_clickable li .label {
   color: #7c7bad;
@@ -2503,6 +2539,7 @@
   background-image: -ms-linear-gradient(top, #4c85c2, #284d7d);
   background-image: -o-linear-gradient(top, #4c85c2, #284d7d);
   background-image: linear-gradient(to bottom, #4c85c2, #284d7d);
+  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='ie-hex-str(#4c85c2)', endColorstr='ie-hex-str(#284d7d)')";
 }
 .openerp ul.oe_form_status_clickable li.oe_active:hover .label {
   text-shadow: 0 -1px 1px #729fcf, 0 1px 1px #3465a4;
@@ -2512,6 +2549,8 @@
   background: -moz-linear-gradient(135deg, #284d7d, #4c85c2);
   background: -o-linear-gradient(135deg, #4c85c2, #284d7d);
   background: -webkit-gradient(linear, left top, right bottom, from(#4c85c2), to(#284d7d));
+  background: -ms-linear-gradient(top, #4c85c2, #284d7d);
+  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='ie-hex-str(#4c85c2)', endColorstr='ie-hex-str(#284d7d)', enabled=true)";
 }
 .openerp .oe_form .oe_form_field_one2many > .oe_view_manager .oe_list_pager_single_page {
   display: none;
@@ -2656,6 +2695,7 @@
   background-image: -ms-linear-gradient(top, #fcfcfc, #dedede);
   background-image: -o-linear-gradient(top, #fcfcfc, #dedede);
   background-image: linear-gradient(to bottom, #fcfcfc, #dedede);
+  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='ie-hex-str(#fcfcfc)', endColorstr='ie-hex-str(#dedede)')";
 }
 .openerp .oe_list_content {
   width: 100%;
@@ -2747,6 +2787,7 @@
   background-image: -ms-linear-gradient(top, #f0f0fa, #eeeef6);
   background-image: -o-linear-gradient(top, #f0f0fa, #eeeef6);
   background-image: linear-gradient(to bottom, #f0f0fa, #eeeef6);
+  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='ie-hex-str(#f0f0fa)', endColorstr='ie-hex-str(#eeeef6)')";
 }
 .openerp .oe_list_content > tfoot {
   border-top: 2px solid #cacaca;
diff --git a/addons/web/static/src/css/base.sass b/addons/web/static/src/css/base.sass
index 5e11ab56e04..4710396ee8d 100644
--- a/addons/web/static/src/css/base.sass
+++ b/addons/web/static/src/css/base.sass
@@ -49,6 +49,7 @@ $sheet-padding: 16px
     background-image:     -ms-linear-gradient(top, $startColor, $endColor) /* IE10 */
     background-image:      -o-linear-gradient(top, $startColor, $endColor) /* Opera 11.10+ */
     background-image:         linear-gradient(to bottom, $startColor, $endColor)
+    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#{ie-hex-str($startColor)}', endColorstr='#{ie-hex-str($endColor)}')"/* IE9 */
 
 @mixin radial-gradient($gradient)
     background-position: center center
@@ -95,6 +96,8 @@ $sheet-padding: 16px
     background: -moz-linear-gradient(135deg, $endColor, $startColor)
     background: -o-linear-gradient(135deg, $startColor, $endColor)
     background: -webkit-gradient(linear, left top, right bottom, from($startColor), to($endColor))
+    background: -ms-linear-gradient(top, $startColor, $endColor) /* IE10 */
+    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#{ie-hex-str($startColor)}', endColorstr='#{ie-hex-str($endColor)}', enabled=true)"/* IE9 */
 
 @mixin transform($transform)
     -webkit-transform: $transform
@@ -169,6 +172,9 @@ $sheet-padding: 16px
     \::-webkit-input-placeholder
         color: $tag-border !important
         font-style: italic !important
+    \:-ms-input-placeholder
+        color: $tag-border !important
+        font-style: italic !important
     //}}}
     // Tag reset {{{
     a