2 files changed, 285 insertions, 25 deletions

diff --git a/addons/web/static/src/css/base.css b/addons/web/static/src/css/base.css
index 132c9d7993f..7e8242a8d5c 100644
--- a/addons/web/static/src/css/base.css
+++ b/addons/web/static/src/css/base.css
@@ -43,6 +43,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;
@@ -608,6 +612,9 @@
 }
 .openerp .oe_notebook > li > a {
   display: block;
+  color: gray;
+}
+.openerp .oe_notebook > li.ui-tabs-active > a {
   color: #4c4c4c;
 }
 .openerp .oe_notebook {
@@ -703,6 +710,9 @@
   display: block;
   color: #4c4c4c;
   text-decoration: none;
+  width: 200px;
+  text-overflow: ellipsis;
+  overflow: hidden;
 }
 .openerp .oe_dropdown_menu > li > a:hover {
   text-decoration: none;
@@ -998,6 +1008,39 @@
   background-image: -o-linear-gradient(top, #646060, #262626);
   background-image: linear-gradient(to bottom, #646060, #262626);
 }
+.openerp .oe_topbar .oe_topbar_anonymous_login {
+  background-color: #dc5f59;
+  color: #eeeeee;
+  background-color: #fc8787;
+  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);
+}
+.openerp .oe_topbar .oe_topbar_anonymous_login a {
+  display: block;
+  padding: 5px 10px 7px;
+  line-height: 20px;
+  height: 20px;
+  text-decoration: none;
+  color: white;
+  background: transparent;
+  -webkit-transition: all 0.2s ease-out;
+  -moz-transition: all 0.2s ease-out;
+  -ms-transition: all 0.2s ease-out;
+  -o-transition: all 0.2s ease-out;
+  transition: all 0.2s ease-out;
+}
+.openerp .oe_topbar .oe_topbar_anonymous_login a:hover {
+  background: rgba(0, 0, 0, 0.1);
+  color: white;
+  text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2);
+  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) inset;
+  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) inset;
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) inset;
+}
 .openerp .oe_topbar .oe_topbar_item {
   display: block;
   padding: 5px 10px 7px;
@@ -1069,6 +1112,14 @@
   -webkit-box-shadow: none;
   box-shadow: none;
 }
+.openerp .oe_topbar .oe_topbar_name {
+  max-width: 150px;
+  overflow: hidden;
+  display: inline-block;
+  max-height: 100%;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
 .openerp .oe_menu {
   float: left;
   padding: 0;
@@ -1141,18 +1192,33 @@
   padding-bottom: 16px;
 }
 .openerp a.oe_logo {
+  position: relative;
   width: 220px;
   display: block;
   text-align: center;
-  height: 70px;
-  line-height: 70px;
 }
 .openerp a.oe_logo img {
-  height: 40px;
-  width: 157px;
   margin: 14px 0;
   border: 0;
 }
+.openerp a.oe_logo .oe_logo_edit {
+  margin: 14px 0;
+  position: absolute;
+  top: 1px;
+  padding: 4px;
+  width: 100%;
+  display: none;
+  text-align: center;
+  color: #eeeeee;
+  background: rgba(37, 37, 37, 0.9);
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  -ms-box-sizing: border-box;
+  box-sizing: border-box;
+}
+.openerp a.oe_logo:hover .oe_logo_edit_admin {
+  display: block;
+}
 .openerp .oe_footer {
   position: fixed;
   bottom: 0;
@@ -1162,14 +1228,11 @@
   text-align: center;
 }
 .openerp .oe_footer a {
-  font-weight: 800;
-  font-family: serif;
-  font-size: 16px;
+  font-weight: bold;
   color: black;
 }
 .openerp .oe_footer a span {
   color: #c81010;
-  font-style: italic;
 }
 .openerp .oe_secondary_menu_section {
   font-weight: bold;
@@ -1202,7 +1265,7 @@
   color: white;
   padding: 2px 4px;
   margin: 1px 6px 0 0;
-  border: 1px solid lightGray;
+  border: 1px solid lightgrey;
   text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
   -moz-border-radius: 4px;
   -webkit-border-radius: 4px;
@@ -1227,7 +1290,7 @@
   transform: scale(1.1);
 }
 .openerp .oe_secondary_submenu .oe_active {
-  border-top: 1px solid lightGray;
+  border-top: 1px solid lightgrey;
   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);
@@ -1332,12 +1395,14 @@
   height: 100%;
 }
 .openerp .oe_application .oe_breadcrumb_item:not(:last-child) {
-  display: inline-block;
   max-width: 7em;
   white-space: nowrap;
-  overflow: hidden;
   text-overflow: ellipsis;
 }
+.openerp .oe_application .oe_breadcrumb_title > * {
+  display: inline-block;
+  overflow: hidden;
+}
 .openerp .oe_view_manager .oe_view_manager_body {
   height: inherit;
 }
@@ -1345,6 +1410,7 @@
   height: inherit;
 }
 .openerp .oe_view_manager table.oe_view_manager_header {
+  border-collapse: separate;
   width: 100%;
   table-layout: fixed;
 }
@@ -2028,6 +2094,12 @@
   margin: -16px -16px 0 -16px;
   padding: 0;
 }
+.openerp .oe_form_nosheet.oe_form_nomargin {
+  margin: 0;
+}
+.openerp .oe_form_nosheet.oe_form_nomargin > header {
+  margin: 0;
+}
 .openerp .oe_form_sheetbg {
   padding: 16px 0;
 }
@@ -2041,6 +2113,9 @@
   min-height: 330px;
   padding: 16px;
 }
+.openerp .oe_form_sheet .oe_list {
+  overflow-x: auto;
+}
 .openerp .oe_application .oe_form_sheetbg {
   background: url(/web/static/src/img/form_sheetbg.png);
   border-bottom: 1px solid #dddddd;
@@ -2164,7 +2239,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;
@@ -2545,6 +2620,7 @@
   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);
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
@@ -2568,6 +2644,7 @@
   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);
 }
 .openerp ul.oe_form_status li.oe_active .label, .openerp ul.oe_form_status_clickable li.oe_active .label {
   color: white;
@@ -2617,6 +2694,7 @@
   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);
 }
 .openerp .oe_form .oe_form_field_one2many > .oe_view_manager .oe_list_pager_single_page {
   display: none;
@@ -3049,6 +3127,69 @@ div.ui-widget-overlay {
   border-radius: 3px;
 }
 
+.openerp_ie input[type='checkbox'] {
+  border: none;
+  background: none;
+  box-shadow: none;
+}
+.openerp_ie .oe_logo img {
+  border: none;
+}
+.openerp_ie .oe_header_row button.oe_highlight {
+  padding-top: 0;
+  padding-bottom: 0;
+}
+.openerp_ie .oe_view_manager_buttons button.oe_write_full {
+  padding-top: 0;
+  padding-bottom: 0;
+}
+.openerp_ie .oe_view_manager_buttons button.oe_highlight {
+  padding-top: 0;
+  padding-bottom: 0;
+}
+.openerp_ie .oe_view_manager_buttons button .oe_form_button_edit {
+  padding-top: 0;
+  padding-bottom: 0;
+}
+.openerp_ie .oe_view_manager_buttons button .oe_form_button_create {
+  padding-top: 0;
+  padding-bottom: 0;
+}
+.openerp_ie .oe_kanban_image {
+  border: none;
+}
+.openerp_ie .oe_msg_icon {
+  border: none;
+}
+.openerp_ie .oe_form header ul {
+  height: 29px;
+}
+.openerp_ie .oe_attach {
+  filter: none;
+}
+.openerp_ie .oe_link {
+  filter: none;
+}
+.openerp_ie .oe_kanban_show_more {
+  clear: both;
+  text-align: center;
+}
+.openerp_ie.oe_kanban_grouped .oe_kanban_show_more .oe_button {
+  width: 100%;
+  padding: 3px 12px;
+}
+.openerp_ie .oe_form_buttons button {
+  padding-top: 0;
+  padding-bottom: 0;
+}
+.openerp_ie .oe_sidebar button {
+  padding-top: 0;
+  padding-bottom: 0;
+}
+.openerp_ie .oe_form_field.oe_tags {
+  float: left;
+}
+
 @media print {
   .openerp {
     text-shadow: none;
@@ -3075,6 +3216,9 @@ div.ui-widget-overlay {
     border: 0px !important;
     box-shadow: 0px 0px 0px;
   }
+  .openerp .oe_application .oe_form_sheet .oe_list, .openerp .oe_application .oe_form_sheetbg .oe_list {
+    overflow-x: visible;
+  }
   .openerp .oe_view_manager_current > .oe_view_manager_header {
     border: 0px !important;
     box-shadow: 0px 0px 0px;
@@ -3086,3 +3230,7 @@ div.ui-widget-overlay {
     overflow: hidden !important;
   }
 }
+.blockUI.blockOverlay {
+  background-color: black;
+  opacity: 0.6;
+}
diff --git a/addons/web/static/src/css/base.sass b/addons/web/static/src/css/base.sass
index c389f0534d5..0369f5fd4b5 100644
--- a/addons/web/static/src/css/base.sass
+++ b/addons/web/static/src/css/base.sass
@@ -95,6 +95,7 @@ $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 */
 
 @mixin transform($transform)
     -webkit-transform: $transform
@@ -159,6 +160,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
@@ -530,6 +534,8 @@ $sheet-padding: 16px
         float: left
     .oe_notebook > li > a
         display: block
+        color: #808080
+    .oe_notebook > li.ui-tabs-active > a
         color: #4c4c4c
     .oe_notebook
         border-color: #ddd
@@ -598,6 +604,9 @@ $sheet-padding: 16px
                 display: block
                 color: #4c4c4c
                 text-decoration: none
+                width: 200px
+                text-overflow: ellipsis
+                overflow: hidden
                 &:hover
                     text-decoration: none
     .oe_dropdown_arrow:after
@@ -827,6 +836,24 @@ $sheet-padding: 16px
         height: 32px
         background-color: #414141
         @include vertical-gradient(#646060, #262626)
+        .oe_topbar_anonymous_login
+            background-color: #dc5f59
+            color: #eeeeee
+            @include vertical-gradient(#FC8787, #800000)
+            a
+                display: block
+                padding: 5px 10px 7px
+                line-height: 20px
+                height: 20px
+                text-decoration: none
+                color: white
+                background: transparent
+                @include transition(all 0.2s ease-out)
+            a:hover
+                background: rgba(0,0,0,0.1)
+                color: white
+                text-shadow: 0px 0px 3px rgba(0,0,0,0.2)
+                @include box-shadow(0 1px 2px rgba(0,0,0,0.2) inset)
         .oe_topbar_item
             display: block
             padding: 5px 10px 7px
@@ -870,6 +897,13 @@ $sheet-padding: 16px
                 &:hover
                     @include vertical-gradient(#292929, #191919)
                     @include box-shadow(none)
+        .oe_topbar_name
+            max-width: 150px
+            overflow: hidden
+            display: inline-block
+            max-height: 100%
+            text-overflow: ellipsis
+            white-space: nowrap
 
     // oe menu is the list of the buttons on the left side of the bar.
     // So why aren't the buttons oe_topbar_items ? This sad state of affairs
@@ -933,16 +967,26 @@ $sheet-padding: 16px
         text-shadow: 0 1px 1px white
         padding-bottom: 16px
     a.oe_logo
+        position: relative
         width: 220px
         display: block
         text-align: center
-        height: 70px
-        line-height: 70px
         img
-            height: 40px
-            width: 157px
             margin: 14px 0
             border: 0
+        .oe_logo_edit
+            margin: 14px 0
+            position: absolute
+            top: 1px
+            padding: 4px
+            width: 100%
+            display: none
+            text-align: center
+            color: #eee
+            background: rgba(37,37,37,0.9)
+            @include box-sizing(border)
+        &:hover .oe_logo_edit_admin
+            display: block
     .oe_footer
         position: fixed
         bottom: 0
@@ -951,13 +995,10 @@ $sheet-padding: 16px
         width: 220px
         text-align: center
         a
-            font-weight: 800
-            font-family: serif
-            font-size: 16px
+            font-weight: bold
             color: black
             span
                 color: #c81010
-                font-style: italic
     // }}}
     // Webclient.leftbar items {{{
 
@@ -1078,11 +1119,12 @@ $sheet-padding: 16px
         > div
             height: 100%
         .oe_breadcrumb_item:not(:last-child)
-            display: inline-block
             max-width: 7em
             white-space: nowrap
-            overflow: hidden
             text-overflow: ellipsis
+        .oe_breadcrumb_title > *
+            display: inline-block
+            overflow: hidden
     // }}}
     // ViewManager common {{{
     .oe_view_manager
@@ -1092,6 +1134,7 @@ $sheet-padding: 16px
             height: inherit
 
         table.oe_view_manager_header
+            border-collapse: separate
             width: 100%
             table-layout: fixed
             .oe_header_row
@@ -1615,6 +1658,10 @@ $sheet-padding: 16px
         > header
             margin: -16px -16px 0 -16px
             padding: 0
+    .oe_form_nosheet.oe_form_nomargin
+        margin: 0
+        > header
+            margin: 0
     .oe_form_sheetbg
         padding: 16px 0
     .oe_form_sheet_width
@@ -1625,6 +1672,8 @@ $sheet-padding: 16px
         background: white
         min-height: 330px
         padding: 16px
+        .oe_list
+            overflow-x: auto
     // Sheet inline mode
     .oe_application
         .oe_form_sheetbg
@@ -1662,7 +1711,7 @@ $sheet-padding: 16px
                 width: 400px
                 padding-bottom: 0
         div.oe_chatter
-            box-sizing: border-box 
+            box-sizing: border-box
             min-width: $sheet-min-width + 2* $sheet-padding
             max-width: $sheet-max-width + 2* $sheet-padding
             margin: 0 auto
@@ -1934,7 +1983,7 @@ $sheet-padding: 16px
                 overflow: hidden
                 width: 24px
                 overflow: hidden
-                background: transparent 
+                background: transparent
                 color: #7C7BAD
                 box-shadow: none
                 border: none
@@ -2418,6 +2467,63 @@ div.ui-widget-overlay
     @include radius(3px)
 // }}}
 
+// Internet Explorer 9+ specifics {{{
+.openerp_ie
+    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
+// }}}
+
 // @media print {{{
 @media print
     .openerp
@@ -2441,6 +2547,8 @@ div.ui-widget-overlay
             .oe_form_sheet, .oe_form_sheetbg
                 border: 0px !important
                 box-shadow: 0px 0px 0px
+                .oe_list
+                    overflow-x: visible
         .oe_view_manager_current > .oe_view_manager_header
             border: 0px !important
             box-shadow: 0px 0px 0px
@@ -2451,5 +2559,9 @@ div.ui-widget-overlay
             overflow: hidden !important
 // }}}
 
+.blockUI.blockOverlay
+    background-color: black
+    opacity: 0.6000000238418579
+
 // au BufWritePost,FileWritePost *.sass :!sass --style expanded --line-numbers <afile> > "%:p:r.css"
 // vim:tabstop=4:shiftwidth=4:softtabstop=4:fdm=marker: