Bug #274306 --> Replace [buttondown] and [buttonover] rules for some buttons of _ThunderBird_ to work using :active and :hover rules

patch by gautheri@noos.fr

mail/themes/pinstripe/mail/compose/messengercompose.css

@@ -129,7 +129,8 @@ toolbar[mode="text"] .toolbarbutton-text {
   -moz-image-region: rect(0px 128px 32px 96px);
 }
 
-#button-attach[buttondown="true"], #button-attach[open="true"] {
+#button-attach:hover:active,
+#button-attach[open="true"] {
   -moz-image-region: rect(32px 128px 64px 96px);
 } 
 
@@ -142,7 +143,8 @@ toolbar[mode="text"] .toolbarbutton-text {
   -moz-image-region: rect(0px 192px 32px 160px);
 }
 
-#button-save[buttondown="true"], #button-save[open="true"] {
+#button-save:hover:active,
+#button-save[open="true"] {
   -moz-image-region: rect(32px 192px 64px 160px);
 } 
 
@@ -168,7 +170,7 @@ toolbar[mode="text"] .toolbarbutton-text {
   -moz-image-region: rect(0px 256px 32px 224px);
 }
 
-#cut-button:active {
+#cut-button:hover:active {
   -moz-image-region: rect(32px 256px 64px 224px);
 }
 
@@ -181,7 +183,7 @@ toolbar[mode="text"] .toolbarbutton-text {
   -moz-image-region: rect(0px 288px 32px 256px);
 }
 
-#copy-button:active {
+#copy-button:hover:active {
   -moz-image-region: rect(32px 288px 64px 256px);
 }
 
@@ -194,7 +196,7 @@ toolbar[mode="text"] .toolbarbutton-text {
   -moz-image-region: rect(0px 320px 32px 288px);
 }
 
-#paste-button:active {
+#paste-button:hover:active {
   -moz-image-region: rect(32px 320px 64px 288px);
 }
 
@@ -252,7 +254,8 @@ toolbar[iconsize="small"] #button-attach {
   -moz-image-region: rect(0px 96px 24px 72px);
 }
 
-toolbar[iconsize="small"] #button-attach[buttondown="true"], toolbar[iconsize="small"] #button-attach[open="true"] {
+toolbar[iconsize="small"] #button-attach:hover:active,
+toolbar[iconsize="small"] #button-attach[open="true"] {
   -moz-image-region: rect(24px 96px 48px 72px);
 } 
 
@@ -265,7 +268,8 @@ toolbar[iconsize="small"] #button-save {
   -moz-image-region: rect(0px 144px 24px 120px);
 }
 
-toolbar[iconsize="small"] #button-save[buttondown="true"], toolbar[iconsize="small"] #button-save[open="true"] {
+toolbar[iconsize="small"] #button-save:hover:active,
+toolbar[iconsize="small"] #button-save[open="true"] {
   -moz-image-region: rect(24px 144px 48px 120px);
 } 
 
@@ -291,7 +295,7 @@ toolbar[iconsize="small"] #cut-button {
   -moz-image-region: rect(0px 192px 24px 168px);
 }
 
-toolbar[iconsize="small"] #cut-button:active {
+toolbar[iconsize="small"] #cut-button:hover:active {
   -moz-image-region: rect(24px 192px 48px 168px);
 }
 
@@ -304,7 +308,7 @@ toolbar[iconsize="small"] #copy-button {
   -moz-image-region: rect(0px 216px 24px 192px);
 }
 
-toolbar[iconsize="small"] #copy-button:active {
+toolbar[iconsize="small"] #copy-button:hover:active {
   -moz-image-region: rect(24px 216px 48px 192px);
 }
 
@@ -317,7 +321,7 @@ toolbar[iconsize="small"] #paste-button {
   -moz-image-region: rect(0px 240px 24px 216px);
 }
 
-toolbar[iconsize="small"] #paste-button:active {
+toolbar[iconsize="small"] #paste-button:hover:active {
   -moz-image-region: rect(24px 240px 48px 216px);
 }
 

mail/themes/pinstripe/mail/primaryToolbar.css

@@ -81,7 +81,7 @@ toolbar[mode="text"] .toolbarbutton-text {
   -moz-image-region: rect(0px 32px 32px 0px);
 }
 
-#button-getmsg[buttondown], #button-getmsg:hover:active {
+#button-getmsg:hover:active {
   -moz-image-region: rect(32px 32px 64px 0px);
 } 
 
@@ -177,7 +177,8 @@ toolbar[mode="text"] .toolbarbutton-text {
   -moz-image-region: rect(0px 288px 32px 256px);
 }
 
-#button-print[buttondown], #button-print[open="true"] {
+#button-print:hover:active,
+#button-print[open="true"]  {
   -moz-image-region: rect(32px 288px 64px 256px);
 }
 
@@ -209,7 +210,7 @@ toolbar[mode="text"] .toolbarbutton-text {
   -moz-image-region: rect(32px 352px 64px 320px);
 } 
 
-#button-file[buttondown],
+#button-file:hover:active,
 #button-file[open] {
   -moz-image-region: rect(32px 352px 64px 320px);
 } 
@@ -246,10 +247,7 @@ toolbar[mode="text"] .toolbarbutton-text {
   -moz-image-region: rect(0px 448px 32px 416px);
 }
 
-#button-mark[buttondown] {
-  -moz-image-region: rect(32px 448px 64px 416px);
-}
-
+#button-mark:hover:active,
 #button-mark[open="true"] {
   -moz-image-region: rect(32px 448px 64px 416px);
 }
@@ -268,7 +266,7 @@ toolbar[iconsize="small"] #button-getmsg {
   -moz-image-region: rect(0px 24px 24px 0px);
 }
 
-toolbar[iconsize="small"] #button-getmsg[buttondown], toolbar[iconsize="small"] #button-getmsg:active {
+toolbar[iconsize="small"] #button-getmsg:hover:active {
   -moz-image-region: rect(24px 24px 48px 0px);
 } 
 
@@ -280,7 +278,7 @@ toolbar[iconsize="small"] #button-newmsg {
   -moz-image-region: rect(0px 48px 24px 24px);
 }
 
-toolbar[iconsize="small"] #button-newmsg:active {
+toolbar[iconsize="small"] #button-newmsg:hover:active  {
   -moz-image-region: rect(24px 48px 48px 24px);
 } 
 
@@ -292,7 +290,7 @@ toolbar[iconsize="small"] #button-address {
   -moz-image-region: rect(0px 72px 24px 48px);
 }
 
-toolbar[iconsize="small"] #button-address:active {
+toolbar[iconsize="small"] #button-address:hover:active {
   -moz-image-region: rect(24px 72px 48px 48px);
 } 
 
@@ -304,7 +302,7 @@ toolbar[iconsize="small"] #button-reply {
   -moz-image-region: rect(0px 96px 24px 72px);
 }
 
-toolbar[iconsize="small"] #button-reply:active {
+toolbar[iconsize="small"] #button-reply:hover:active {
   -moz-image-region: rect(24px 96px 48px 72px);
 } 
 
@@ -316,7 +314,7 @@ toolbar[iconsize="small"] #button-replyall {
   -moz-image-region: rect(0px 120px 24px 96px);
 }
 
-toolbar[iconsize="small"] #button-replyall:active {
+toolbar[iconsize="small"] #button-replyall:hover:active {
   -moz-image-region: rect(24px 120px 48px 96px);
 } 
 
@@ -328,7 +326,7 @@ toolbar[iconsize="small"] #button-forward {
   -moz-image-region: rect(0px 144px 24px 120px);
 }
 
-toolbar[iconsize="small"] #button-forward:active {
+toolbar[iconsize="small"] #button-forward:hover:active {
   -moz-image-region: rect(24px 144px 48px 120px);
 } 
 
@@ -340,7 +338,7 @@ toolbar[iconsize="small"] #button-delete {
   -moz-image-region: rect(0px 168px 24px 144px);
 }
 
-toolbar[iconsize="small"] #button-delete:active {
+toolbar[iconsize="small"] #button-delete:hover:active {
   -moz-image-region: rect(24px 168px 48px 144px);
 } 
 
@@ -352,7 +350,7 @@ toolbar[iconsize="small"] .junk-button {
   -moz-image-region: rect(0px 192px 24px 168px);
 }
 
-toolbar[iconsize="small"] .junk-button:active {
+toolbar[iconsize="small"] .junk-button:hover:active {
   -moz-image-region: rect(24px 192px 48px 168px);
 }
 
@@ -364,7 +362,8 @@ toolbar[iconsize="small"] #button-print {
   -moz-image-region: rect(0px 216px 24px 192px);
 }
 
-toolbar[iconsize="small"] #button-print[buttondown], toolbar[iconsize="small"] #button-print[open] {
+toolbar[iconsize="small"] #button-print:hover:active,
+toolbar[iconsize="small"] #button-print[open] {
   -moz-image-region: rect(24px 216px 48px 192px);
 }
 
@@ -376,7 +375,7 @@ toolbar[iconsize="small"] #button-stop {
   -moz-image-region: rect(0px 240px 24px 216px);
 }
 
-toolbar[iconsize="small"] #button-stop:active {
+toolbar[iconsize="small"] #button-stop:hover:active {
   -moz-image-region: rect(24px 240px 48px 216px);
 } 
 
@@ -388,7 +387,8 @@ toolbar[iconsize="small"] #button-file {
   -moz-image-region: rect(0px 264px 24px 240px);
 }
 
-toolbar[iconsize="small"] #button-file[buttondown], toolbar[iconsize="small"] #button-file[open] {
+toolbar[iconsize="small"] #button-file:hover:active,
+toolbar[iconsize="small"] #button-file[open] {
   -moz-image-region: rect(24px 264px 48px 240px);
 } 
 
@@ -400,7 +400,8 @@ toolbar[iconsize="small"] #button-mark {
   -moz-image-region: rect(0px 288px 24px 264px);
 }
 
-toolbar[iconsize="small"] #button-mark[buttondown], toolbar[iconsize="small"] #button-mark[open] {
+toolbar[iconsize="small"] #button-mark:hover:active,
+toolbar[iconsize="small"] #button-mark[open] {
   -moz-image-region: rect(24px 288px 48px 264px);
 } 
 
@@ -412,7 +413,7 @@ toolbar[iconsize="small"] #button-previous {
   -moz-image-region: rect(0px 314px 24px 288px);
 }
 
-toolbar[iconsize="small"] #button-previous:active {
+toolbar[iconsize="small"] #button-previous:hover:active {
   -moz-image-region: rect(24px 314px 48px 288px);
 } 
 
@@ -424,7 +425,7 @@ toolbar[iconsize="small"] #button-next {
   -moz-image-region: rect(0px 340px 24px 314px);
 }
 
-toolbar[iconsize="small"] #button-next:active {
+toolbar[iconsize="small"] #button-next:hover:active {
   -moz-image-region: rect(24px 340px 48px 314px);
 } 
 

mail/themes/pinstripe/mail/smime/msgCompSMIMEOverlay.css

@@ -47,7 +47,8 @@
   -moz-image-region: rect(0px 160px 32px 128px);
 }
 
-#button-security[buttondown], #button-security[open="true"] {
+#button-security:hover:active,
+#button-security[open="true"] {
   -moz-image-region: rect(32px 160px 64px 128px);
 } 
 
@@ -60,7 +61,8 @@ toolbar[iconsize="small"] #button-security {
   -moz-image-region: rect(0px 120px 24px 96px);
 }
 
-toolbar[iconsize="small"] #button-security[buttondown="true"], toolbar[iconsize="small"] #button-security[open="true"] {
+toolbar[iconsize="small"] #button-security:hover:active,
+toolbar[iconsize="small"] #button-security[open="true"] {
   -moz-image-region: rect(24px 120px 48px 96px);
 } 
 

mail/themes/qute/mail/compose/messengercompose.css

@@ -119,11 +119,7 @@ toolbar[mode="text"] .toolbarbutton-text {
   -moz-image-region: rect(0px 96px 24px 72px);
 }
 
-#button-attach[buttonover="true"] {
-  -moz-image-region: rect(24px 96px 48px 72px);
-} 
-
-#button-attach[buttondown="true"] {
+#button-attach:hover {
   -moz-image-region: rect(24px 96px 48px 72px);
 } 
 
@@ -136,11 +132,7 @@ toolbar[mode="text"] .toolbarbutton-text {
   -moz-image-region: rect(0px 144px 24px 120px);
 }
 
-#button-save[buttonover="true"] {
-  -moz-image-region: rect(24px 144px 48px 120px);
-} 
-
-#button-save[buttondown="true"] {
+#button-save:hover {
   -moz-image-region: rect(24px 144px 48px 120px);
 } 
 

mail/themes/qute/mail/primaryToolbar.css

@@ -169,11 +169,7 @@ toolbar[mode="text"] .toolbarbutton-text {
   -moz-image-region: rect(0px 216px 24px 192px);
 }
 
-#button-print[buttonover] {
-  -moz-image-region: rect(24px 216px 48px 192px);
-}
-
-#button-print[buttondown] {
+#button-print:hover {
   -moz-image-region: rect(24px 216px 48px 192px);
 }
 
@@ -197,11 +193,7 @@ toolbar[mode="text"] .toolbarbutton-text {
   -moz-image-region: rect(0px 264px 24px 240px);
 }
 
-#button-file:hover {
-  -moz-image-region: rect(24px 264px 48px 240px);
-} 
-
-#button-file:hover:active,
+#button-file:hover,
 #button-file[open] {
   -moz-image-region: rect(24px 264px 48px 240px);
 } 
@@ -238,11 +230,7 @@ toolbar[mode="text"] .toolbarbutton-text {
   -moz-image-region: rect(0px 336px 24px 312px);
 }
 
-#button-mark[buttonover] {
-  -moz-image-region: rect(24px 336px 48px 312px);
-} 
-
-#button-mark[buttondown] {
+#button-mark:hover {
   -moz-image-region: rect(24px 336px 48px 312px);
 } 
 
@@ -357,11 +345,7 @@ toolbar[iconsize="small"] #button-print {
   -moz-image-region: rect(0px 144px 16px 128px);
 }
 
-toolbar[iconsize="small"] #button-print[buttonover] {
-  -moz-image-region: rect(16px 144px 32px 128px);
-}
-
-toolbar[iconsize="small"] #button-print[buttondown] {
+toolbar[iconsize="small"] #button-print:hover {
   -moz-image-region: rect(16px 144px 32px 128px);
 }
 
@@ -385,11 +369,7 @@ toolbar[iconsize="small"] #button-file {
   -moz-image-region: rect(0px 176px 16px 160px);
 }
 
-toolbar[iconsize="small"] #button-file:hover {
-  -moz-image-region: rect(16px 176px 32px 160px);
-} 
-
-toolbar[iconsize="small"] #button-file:hover:active,
+toolbar[iconsize="small"] #button-file:hover,
 toolbar[iconsize="small"] #button-file[open] {
   -moz-image-region: rect(16px 176px 32px 160px);
 } 

mail/themes/qute/mail/smime/msgCompSMIMEOverlay.css

@@ -47,11 +47,7 @@
   -moz-image-region: rect(0px 120px 24px 96px);
 }
 
-#button-security[buttonover] {
-  -moz-image-region: rect(24px 120px 48px 96px);
-} 
-
-#button-security[buttondown] {
+#button-security:hover {
   -moz-image-region: rect(24px 120px 48px 96px);
 }