[IMP] web: responsive centering of the 'Try to reconnect' banner + color uniformization

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

@@ -38,14 +38,14 @@
 .oe_indicator {
   z-index: 99999;
   position: absolute;
-  top: 10px;
   display: inline-block;
   color: white;
-  background: #a24689;
+  background: #a4498b;
   padding: 6px 16px;
   border-radius: 4px;
   box-shadow: 0 0 1px black;
-  left: 40%;
+  left: 50%;
+  transform: translate(-50%, 0);
 }
 
 .oe_notification {
@@ -526,7 +526,7 @@
   background-image: -webkit-radial-gradient(circle, #eee 0%, #ccc 40%, #bbb 100%);
   background-image: -moz-radial-gradient(#eee 0%, #ccc 40%, #bbb 100%);
   background-image: -ms-radial-gradient(#eee 0%, #ccc 40%, #bbb 100%);
-  background-image: radial-gradient(circle, #eee 0%, #ccc 40%, #bbb 100%);
+  background-image: radial-gradient(circle, #eeeeee 0%, #cccccc 40%, #bbbbbb 100%);
 }
 .openerp .oe_kanban_status_green {
   background: green;
@@ -684,10 +684,10 @@
   top: 0;
   right: 50%;
   padding: 4px 12px;
-  background: #A61300;
+  background: #a4498b;
   color: white;
   text-align: center;
-  border: 1px solid #900;
+  border: 1px solid #92417c;
   border-top: none;
   -moz-border-radius-bottomright: 8px;
   -moz-border-radius-bottomleft: 8px;

addons/web/static/src/css/base.sass

@@ -148,14 +148,14 @@ $sheet-padding: 16px
 .oe_indicator
     z-index: 99999
     position: absolute
-    top: 10px
     display: inline-block
     color: white
-    background: #a24689
+    background: #a4498b
     padding: 6px 16px
     border-radius: 4px
     box-shadow: 0 0 1px black
-    left: 40%
+    left: 50%
+    transform: translate(-50%, 0)
 
 .oe_notification
     z-index: 1600
@@ -603,10 +603,10 @@ $sheet-padding: 16px
         top: 0
         right: 50%
         padding: 4px 12px
-        background: #A61300
+        background: #a4498b
         color: white
         text-align: center
-        border: 1px solid #900
+        border: 1px solid #92417c
         border-top: none
         -moz-border-radius-bottomright: 8px
         -moz-border-radius-bottomleft: 8px

addons/website/static/src/css/website.sass

@@ -604,13 +604,13 @@ div.carousel
         color: #ddd
 
 .oe_none
-  background-color: #FFFFFF
+    background-color: #FFFFFF
 
 .oe_yellow
-  background-color: #A2A51B
+    background-color: #A2A51B
 
 .oe_green
-  background-color: #149F2C
+    background-color: #149F2C
 
 /* Misc */