From 6ea0ed0bc7fd42e071144e6027948a31f04958fa Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Fr=C3=A9d=C3=A9ric=20van=20der=20Essen?= <fva@openerp.com>
Date: Tue, 6 Nov 2012 18:25:11 +0100
Subject: [PATCH] [IMP] mail: made the css work in Firefox and supposedly IE

bzr revid: fva@openerp.com-20121106172511-wdrcgklg1ur173la
---
 addons/mail/static/src/css/mail.css | 66 ++++++++++++++++++++++++-----
 1 file changed, 56 insertions(+), 10 deletions(-)

diff --git a/addons/mail/static/src/css/mail.css b/addons/mail/static/src/css/mail.css
index 0826bc8c9b4..f6f0e236d35 100644
--- a/addons/mail/static/src/css/mail.css
+++ b/addons/mail/static/src/css/mail.css
@@ -28,7 +28,9 @@
 
 /* ------------ MAIL WIDGET --------------- */
 .openerp .oe_mail, .openerp .oe_mail *{
-    box-sizing: border-box;
+    -webkit-box-sizing: border-box;
+       -moz-box-sizing: border-box;
+            box-sizing: border-box;
 }
 .openerp .oe_mail {
     display: block;
@@ -147,6 +149,9 @@
     margin-left: 8px;
     height: 24px;
     -webkit-user-select: none;
+       -moz-user-select: none;
+        -ms-user-select: none;
+            user-select: none;
 }
 .openerp .oe_mail .oe_msg .oe_msg_icons span{
     float:right;
@@ -160,10 +165,16 @@
     color: #FFF;
     text-shadow: 0px 1px #AAA,0px -1px #AAA, -1px 0px #AAA, 1px 0px #AAA, 0px 3px 3px rgba(0,0,0,0.1);
     -webkit-transition: all 0.2s linear;
+       -moz-transition: all 0.2s linear;
+         -o-transition: all 0.2s linear;
+            transition: all 0.2s linear;
 }
 .openerp .oe_mail .oe_msg:hover .oe_msg_icons a{
     opacity: 1;
     -webkit-transition: all 0.1s linear;
+       -moz-transition: all 0.1s linear;
+         -o-transition: all 0.1s linear;
+            transition: all 0.1s linear;
 }
 .openerp .oe_mail .oe_msg .oe_msg_icons .oe_star:hover a{
     color: #FFF6C0;
@@ -251,6 +262,9 @@
     border: solid 1px rgba(0,0,0,0.2);
     box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.34);
     -webkit-animation: oe_mail_attach_loading_anim 0.75s infinite linear;
+       -moz-animation: oe_mail_attach_loading_anim 0.75s infinite linear;
+         -o-animation: oe_mail_attach_loading_anim 0.75s infinite linear;
+            animation: oe_mail_attach_loading_anim 0.75s infinite linear;
 }
 .openerp .oe_mail .oe_attachment.oe_uploading .oe_progress_bar{
     display: block;
@@ -260,21 +274,43 @@
     50% { background: #009123 } 
     100% { background: #4BBD00 }
 }
+@-moz-keyframes oe_mail_attach_loading_anim{
+    0% { background: #4BBD00 }
+    50% { background: #009123 } 
+    100% { background: #4BBD00 }
+}
+@-o-keyframes oe_mail_attach_loading_anim{
+    0% { background: #4BBD00 }
+    50% { background: #009123 } 
+    100% { background: #4BBD00 }
+}
+@keyframes oe_mail_attach_loading_anim{
+    0% { background: #4BBD00 }
+    50% { background: #009123 } 
+    100% { background: #4BBD00 }
+}
 .openerp .oe_mail .oe_attachment.oe_preview .oe_name{
     position: absolute;
     bottom: 0px;
     margin: 0px;
-    width: 100%;
+    left: 0px;
+    right: 0px;
     background: rgba(0,0,0,0.8); 
     color: white;
     border-top-left-radius: 0px;
     border-top-right-radius: 0px;
-    -webkit-transition: opacity 0.2s linear; 
     opacity: 0;
+    -webkit-transition: opacity 0.2s linear; 
+       -moz-transition: opacity 0.2s linear; 
+         -o-transition: opacity 0.2s linear; 
+            transition: opacity 0.2s linear; 
 }
 .openerp .oe_mail .oe_attachment.oe_preview:hover .oe_name{
-    -webkit-transition: opacity 0.2s linear;
     opacity: 1;
+    -webkit-transition: opacity 0.2s linear; 
+       -moz-transition: opacity 0.2s linear; 
+         -o-transition: opacity 0.2s linear; 
+            transition: opacity 0.2s linear; 
 }
 .openerp .oe_mail .oe_attachment img{
     position: absolute;
@@ -301,15 +337,21 @@
     position: absolute;
     top: -7px;
     right: 0px;
-    opacity: 0;
-    background: black;
-    text-shadow: 1px 0px white, -1px 0px white, 0px 1px white, 0px -1px white
-    -webkit-transition: opacity 0.2s linear;
+    color: black;
+    text-shadow: 1px 0px white, -1px 0px white, 0px 1px white, 0px -1px white;
     cursor: pointer;
+    opacity: 0;
+    -webkit-transition: opacity 0.2s linear; 
+       -moz-transition: opacity 0.2s linear; 
+         -o-transition: opacity 0.2s linear; 
+            transition: opacity 0.2s linear; 
 }
 .openerp .oe_mail .oe_msg_composer .oe_attachment:hover .oe_delete{
     opacity: 1;
-    -webkit-transition: opacity 0.2s linear;
+    -webkit-transition: opacity 0.2s linear; 
+       -moz-transition: opacity 0.2s linear; 
+         -o-transition: opacity 0.2s linear; 
+            transition: opacity 0.2s linear; 
 }
 /* ---------------- MESSAGE QUICK COMPOSER --------------- */
 
@@ -419,9 +461,13 @@
     width:100%;
 }
 .openerp .oe_followers button.oe_follower.oe_following{
+    color: white;
     background-color: #3465A4;
     background-image: -webkit-linear-gradient(top, #729FCF, #3465A4);
-    color: white;
+    background-image:    -moz-linear-gradient(top, #729FCF, #3465A4);
+    background-image:     -ms-linear-gradient(top, #729FCF, #3465A4);
+    background-image:      -o-linear-gradient(top, #729FCF, #3465A4);
+    background-image:         linear-gradient(to bottom, #729FCF, #3465A4);
 }
 
 .openerp .oe_followers button.oe_follower .oe_follow,