Convert internal users of -moz-opacity to just use opacity. Bug 281907, patch

by Anne van Kesteren <bug@annevankesteren.nl>, r+sr=bzbarsky

browser/themes/pinstripe/browser/browser.css

@@ -679,7 +679,7 @@ toolbar[iconsize="small"] #paste-button[disabled="true"] {
 
 #page-proxy-button[pageproxystate="invalid"] {
   cursor: default;
-  -moz-opacity: 0.5;
+  opacity: 0.5;
 }
 
 

calendar/resources/skin/classic/calendar.css

@@ -644,7 +644,7 @@
 
 /*user enableable background*/
 .month-day-box-class[background="true"]{
-    -moz-opacity: 0.9;
+    opacity: 0.9;
     border-left: 1px solid #3f7d91;
     border-top: 1px solid #3f7d91;
 }

calendar/sunbird/themes/pinstripe/sunbird/calendar.css

@@ -959,7 +959,7 @@ toolbarbutton.chevron > .toolbarbutton-menu-dropmarker {
 
 /*user enableable background*/
 .month-day-box-class[background="true"]{
-    -moz-opacity: 0.9;
+    opacity: 0.9;
     border-left: 1px solid #3f7d91;
     border-top: 1px solid #3f7d91;
 }

calendar/sunbird/themes/winstripe/sunbird/calendar.css

@@ -832,7 +832,7 @@ toolbar[iconsize="small"] #calendar-new-task-button:hover:active {
 
 #navigator-throbber[busy="true"] {
   list-style-image: url('chrome://calendar/skin/Throbber.gif');
-  -moz-opacity: 0.5;
+  opacity: 0.5;
 }
 
 toolbar[iconsize="small"] #navigator-throbber {
@@ -1169,7 +1169,7 @@ toolbar[iconsize="small"] #navigator-throbber[busy="true"] {
 
 /*user enableable background*/
 .month-day-box-class[background="true"]{
-    -moz-opacity: 0.9;
+    opacity: 0.9;
     border-left: 1px solid #3f7d91;
     border-top: 1px solid #3f7d91;
 }

editor/composer/src/res/EditorOverride.css

@@ -180,7 +180,7 @@ span[\_moz_anonclass="mozResizingShadow"],
 img[\_moz_anonclass="mozResizingShadow"] {
   -moz-outline: thin dashed black;
   -moz-user-select: none;
-  -moz-opacity: 0.5;
+  opacity: 0.5;
   position: absolute;
   z-index: 2147483647; /* max value for this property */
 }

editor/ui/dialogs/content/EdImageMap.js

@@ -182,7 +182,7 @@ function highContrast(){
   if (highCont == true){
     frameDoc.getElementById("bgDiv").style.background = "url('chrome://editor/skin/images/Map_checker.gif')";
     frameDoc.getElementById("bgDiv").style.backgroundColor = "white";
-    imageEl.style.setProperty("-moz-opacity", "1.0", true);
+    imageEl.style.setProperty("opacity", "1.0", true);
     document.getElementById("Map:Contrast").setAttribute("checked", "false");
     document.getElementById("Map:Contrast").setAttribute("toggled", "false");
     highCont = false;
@@ -190,7 +190,7 @@ function highContrast(){
   else{
     frameDoc.getElementById("bgDiv").style.background = "url('')";
     frameDoc.getElementById("bgDiv").style.backgroundColor = "#D2D2D2";
-    imageEl.style.setProperty("-moz-opacity", ".3", true);
+    imageEl.style.setProperty("opacity", ".3", true);
     document.getElementById("Map:Contrast").setAttribute("checked", "true");
     document.getElementById("Map:Contrast").setAttribute("toggled", "true");
     highCont = true;

extensions/editor/cascades/resources/content/commonCssProps.js

@@ -607,7 +607,7 @@ function onOpacityScrollbarAttrModified(aEvent)
       gDialog.opacityLabel.setAttribute("value", "transparent");
     else
       gDialog.opacityLabel.setAttribute("value", v);    
-    AddStyleToElement(gDialog.selectedObject, "-moz-opacity", v);
+    AddStyleToElement(gDialog.selectedObject, "opacity", v);
     SetModifiedFlagOnStylesheet();
   }
 }
@@ -784,7 +784,7 @@ function InitBackgroundTabPanel()
     return;
 
   gDialog.opacityScrollbar.removeEventListener("DOMAttrModified", onOpacityScrollbarAttrModified, false);
-  var opacity = getSpecifiedStyle("-moz-opacity");
+  var opacity = getSpecifiedStyle("opacity");
   if (opacity == "")
     opacity = 1;
   gDialog.opacityScrollbar.setAttribute("curpos", opacity*1000);

extensions/irc/xul/skin/output-dark.css

@@ -63,7 +63,7 @@ a.chatzilla-link:visited {
 .header {
     color: lightslategrey;
     background-color: #333333;
-/*    -moz-opacity: 0.9;  causes memory leak? */
+/*    opacity: 0.9;  causes memory leak? */
     -moz-border-radius: 7px;
 }
 

extensions/irc/xul/skin/output-light.css

@@ -60,7 +60,7 @@ a.chatzilla-link {
 .header {
     color: darkslategrey;
     background-color: #EEEEEE;
-/*    -moz-opacity: 0.9;*/
+/*    opacity: 0.9;*/
     border: 1px #777499 solid;
     -moz-border-radius: 7px;
 }

layout/html/tests/formctls/bugs/bug45095.html

@@ -1,6 +1,6 @@
 <HTML>
 <BODY>
-<div style="position: absolute;top: 100px;left:100px;-moz-opacity:0.5;background-color:red;">
+<div style="position: absolute;top: 100px;left:100px;opacity:0.5;background-color:red;">
 <form>
 <input type="text">
 </form>

layout/html/tests/table/marvin/backgr_layers-opacity.html

@@ -9,9 +9,9 @@
 <style type="text/css">
   table{background: white; color: black;}
   caption {color: white;}
-  tr {background: red; -moz-opacity: 0.5; opacity: 0.5; }
-  tfoot {background: yellow; -moz-opacity: 0.5; opacity: 0.5; }
-  .a, .p {background: blue; -moz-opacity: 0.5; opacity: 0.5; }
+  tr {background: red; opacity: 0.5; }
+  tfoot {background: yellow; opacity: 0.5; }
+  .a, .p {background: blue; opacity: 0.5; }
 
 </style>
 </head>

layout/style/ua.css

@@ -77,7 +77,7 @@
    */
   background: inherit;
   border: inherit;
-  -moz-opacity: inherit;
+  opacity: inherit;
   page-break-before: inherit;
   page-break-after: inherit;
 }
@@ -189,7 +189,7 @@
   right: inherit;
   z-index: inherit;
   clip: inherit;
-  -moz-opacity: inherit;
+  opacity: inherit;
 }
 
 /* Printing */

toolkit/mozapps/downloads/content/download.xml

@@ -207,7 +207,7 @@
           else if (aDownload._atiStep  == aDownload._ati_kLowerBounds)
             aDownload._atiIsIncrementing = true;
 
-          aIcon.setAttribute("style", "-moz-opacity: 0." + aDownload._atiStep );
+          aIcon.setAttribute("style", "opacity: 0." + aDownload._atiStep );
         ]]>
         </body>
       </method>
@@ -246,7 +246,7 @@
             return;
             
           aDownload._adlStep += aDownload._adl_kIncrement;
-          aContent.setAttribute("style", "-moz-opacity: " + aDownload._adlStep + "!important;");
+          aContent.setAttribute("style", "opacity: " + aDownload._adlStep + "!important;");
           
           setTimeout(aDownload._adlTimerCallback, aDownload._adl_kTimeout, aDownload, aContent);
         ]]>

toolkit/themes/pinstripe/global/browser.css

@@ -16,11 +16,11 @@ tab:not([selected="true"]):hover {
 }
 
 tab:not([selected="true"]) > .tab-image-middle > .tab-icon {
-   -moz-opacity: 0.5;
+   opacity: 0.5;
 }
 
 tab:not([selected="true"]):hover > .tab-image-middle > .tab-icon {
-   -moz-opacity: 1.0;
+   opacity: 1.0;
 }
 
 tab:hover > .tab-image-middle > .tab-icon > .tab-extra-status {

toolkit/themes/pinstripe/global/findBar.css

@@ -91,7 +91,7 @@
 
 #find-previous[disabled="true"]
 {
-  -moz-opacity: 0.5;
+  opacity: 0.5;
 }
 	
 #find-previous:hover
@@ -107,7 +107,7 @@
 
 #find-next[disabled="true"]
 {
-  -moz-opacity: 0.5;
+  opacity: 0.5;
 }
 
 #find-next:hover
@@ -124,7 +124,7 @@
 }
 
 #highlight[disabled="true"] {
-  -moz-opacity: 0.5;
+  opacity: 0.5;
 }
 
 #highlight:active, #highlight[checked="true"] {

toolkit/themes/pinstripe/mozapps/extensions/extensions.css

@@ -110,7 +110,7 @@ view {
 }
 
 #optionsButton[disabled="true"] {
-  -moz-opacity: 0.5;
+  opacity: 0.5;
 }
 
 .button-text {

toolkit/themes/qute/mozapps/downloads/downloads.css

@@ -72,11 +72,11 @@ download[state="5"], download[state="6"] {
 
 /* Download View Items, implementation */
 .downloadContentBox {
-  -moz-opacity: 0.0;
+  opacity: 0.0;
 }
 
 .downloadContentBox[animated="true"] {
-  -moz-opacity: 1.0;
+  opacity: 1.0;
 }
 
 .downloadTypeIcon {

toolkit/themes/winstripe/global/browser.css

@@ -34,7 +34,7 @@ tabpanels {
 
 tab[busy] > .tab-middle > .tab-icon {
   list-style-image: url("chrome://browser/skin/Throbber-small.gif");
-  -moz-opacity: 0.5;
+  opacity: 0.5;
 }
 
 tab[selected="true"] {

toolkit/themes/winstripe/help/help.css

@@ -134,5 +134,5 @@ toolbar[mode="text"] .toolbarbutton-icon {
 
 #help-throbber[busy="true"] {
   list-style-image: url("chrome://browser/skin/Throbber-small.gif");
-  -moz-opacity: 0.5;
+  opacity: 0.5;
 }

toolkit/themes/winstripe/mozapps/downloads/downloads.css

@@ -58,11 +58,11 @@ download[state="5"], download[state="6"] {
 
 /* Download View Items, implementation */
 .downloadContentBox {
-  -moz-opacity: 0.0;
+  opacity: 0.0;
 }
 
 .downloadContentBox[animated="true"] {
-  -moz-opacity: 1.0;
+  opacity: 1.0;
 }
 
 .downloadTypeIcon {

webshell/tests/viewer/samples/test10.html

@@ -1,16 +0,0 @@
-<HTML>
-<head>
-<meta name="crc" content=90987012>
-</head>
-<BODY Background="gear1.gif">
-<IMG SRC="Anieyes.gif" style="-moz-opacity:0.25;" width=150>
-<IMG SRC="Anieyes.gif" style="-moz-opacity:0.5;" width=150>
-<IMG SRC="Anieyes.gif" style="-moz-opacity:0.75;" width=150>
-<BR>
-<BR>
-<HR>
-<BR>
-<IMG SRC="gear1.gif" style="-moz-opacity:0.25;" width=300>
-<BR>
-</BODY>
-</HTML>

webshell/tests/viewer/samples/test13.html

@@ -1,126 +0,0 @@
-<HTML>
-<BODY Background="rock_gra.gif" onload="startit();">
-<DIV style="color:red; position:absolute; top:-40px; left:0px;">
-<!-- <DIV style="-moz-opacity:40%; color:red; position:absolute; top:-40px; left:0px;"> -->
-<font point-size=200 face="verdana">
-<b>Red</b>
-</font></div>
-<DIV style="color:darkgreen; position:absolute; top:50px; left:50px;">
-<!-- <DIV style="-moz-opacity:40%; color:darkgreen; position:absolute; top:50px; left:50px;"> -->
-<font point-size=200>
-<b>Green</b>
-</font></div>
-<DIV style="color:blue; position:absolute; top:100px; left:100px;">
-<!-- <DIV style="-moz-opacity:40%; color:blue; position:absolute; top:100px; left:100px;"> -->
-<font point-size=200 face="comic sans ms">
-<b>Blue</b>
-</font></div>
-<DIV style="background-color:pink; position:absolute; top:100px; left:100px;">
-<font point-size=100 face="symbol">
-<b>Opaque</b>
-</font></div>
-<script>
-var d0x = -40, d0y = 0;
-var d1x = 50, d1y = 50;
-var d2x = 100, d2y = 100;
-
-var d0xinc = 20, d0yinc = -20;
-var d1xinc = -30, d1yinc = 20;
-var d2xinc = 40, d2yinc = -30;
-
-var opac0 = 40.0;
-var opac1 = 40.0;
-var opac2 = 40.0;
-
-var opac0inc = 10.0;
-var opac1inc = -10.0;
-var opac2inc = 20.0;
-
-function movedivs()
-{
-	d=document.getElementsByTagName("div");
-
-	d0x += d0xinc;
-	d1x += d1xinc;
-	d2x += d2xinc;
-
-	d0y += d0yinc;
-	d1y += d1yinc;
-	d2y += d2yinc;
-
-	if ((d0x < -50) || (d0x > (window.innerWidth - 300)))
-		d0xinc = -d0xinc;
-
-	if ((d1x < -50) || (d1x > (window.innerWidth - 300)))
-		d1xinc = -d1xinc;
-
-	if ((d2x < -50) || (d2x > (window.innerWidth - 300)))
-		d2xinc = -d2xinc;
-
-	if ((d0y < -50) || (d0y > (window.innerHeight - 200)))
-		d0yinc = -d0yinc;
-
-	if ((d1y < -50) || (d1y > (window.innerHeight - 200)))
-		d1yinc = -d1yinc;
-
-	if ((d2y < -50) || (d2y > (window.innerHeight - 200)))
-		d2yinc = -d2yinc;
-
-	opac0 += opac0inc;
-	opac1 += opac1inc;
-	opac2 += opac2inc;
-
-	if (opac0 > 100.0)
-	{
-		opac0 = 100.0;
-		opac0inc = -opac0inc;
-	}
-	else if (opac0 < 0.0)
-	{
-		opac0 = 0.0;
-		opac0inc = -opac0inc;
-	}
-
-	if (opac1 > 100.0)
-	{
-		opac1 = 100.0;
-		opac1inc = -opac1inc;
-	}
-	else if (opac1 < 0.0)
-	{
-		opac1 = 0.0;
-		opac1inc = -opac1inc;
-	}
-
-	if (opac2 > 100.0)
-	{
-		opac2 = 100.0;
-		opac2inc = -opac2inc;
-	}
-	else if (opac2 < 0.0)
-	{
-		opac2 = 0.0;
-		opac2inc = -opac2inc;
-	}
-
-	d[0].style.left = d0x + "px";
-	d[0].style.top = d0y + "px";
-/*	d[0].style.MozOpacity = opac0 + "%";*/
-
-	d[1].style.left = d1x + "px";
-	d[1].style.top = d1y + "px";
-/*	d[1].style.MozOpacity = opac1 + "%";*/
-
-	d[2].style.left = d2x + "px";
-	d[2].style.top = d2y + "px";
-/*	d[2].style.MozOpacity = opac2 + "%";*/
-
-	setTimeout(movedivs, 10);
-}
-
-function startit() {
-  setTimeout(movedivs, 10);
-}
-</script>
-</BODY>
-</HTML>