[1.10][&1.9?] Issue 5275 (Don't use obsolete prefixed CSS)

http://code.google.com/p/fbug/issues/detail?id=5275 http://code.google.com/p/fbug/source/detail?r=12916
firebug · Feb 26, 2012 · c7d1fda · c7d1fda
1 parent 633edc0
commit c7d1fda
Show file tree

Hide file tree

Showing 9 changed files with 43 additions and 60 deletions.
diff --git a/extension/content/firebug/html/highlighter.css b/extension/content/firebug/html/highlighter.css
@@ -16,8 +16,8 @@
     position: fixed !important;
     -moz-transform: rotate(0deg) !important;
     -moz-transform-origin: 50% 50% !important;
-    -moz-border-radius: 0 !important;
-    -moz-box-shadow: none !important;
+    border-radius: 0 !important;
+    box-shadow: none !important;
     background: transparent none !important;
     pointer-events: none !important;
 }

diff --git a/extension/content/firebug/html/inspector.js b/extension/content/firebug/html/inspector.js
@@ -1235,38 +1235,31 @@ Firebug.Inspector.FrameHighlighter.prototype =
             cs = body.ownerDocument.defaultView.getComputedStyle(element, null);
 
             if(cs.MozTransform && cs.MozTransform != "none")
-                css += "-moz-transform:" + cs.MozTransform + "!important;" +
-                       "-moz-transform-origin:" + cs.MozTransformOrigin + "!important;";
+                css += "-moz-transform: "+cs.MozTransform+"!important;" +
+                       "-moz-transform-origin: "+cs.MozTransformOrigin+"!important;";
             if(cs.borderRadius)
-                css += "border-radius:" + cs.borderRadius + " !important;";
+                css += "border-radius: "+cs.borderRadius+"!important;";
             if(cs.borderTopLeftRadius)
-                css += "border-top-left-radius:" + cs.borderTopLeftRadius + " !important;";
+                css += "border-top-left-radius: "+cs.borderTopLeftRadius+"!important;";
             if(cs.borderTopRightRadius)
-                css += "border-top-right-radius:" + cs.borderTopRightRadius + " !important;";
+                css += "border-top-right-radius: "+cs.borderTopRightRadius+"!important;";
             if(cs.borderBottomRightRadius)
-                css += "border-bottom-right-radius:" + cs.borderBottomRightRadius + " !important;";
+                css += "border-bottom-right-radius: "+cs.borderBottomRightRadius+"!important;";
             if(cs.borderBottomLeftRadius)
-                css += "border-bottom-left-radius:" + cs.borderBottomLeftRadius + " !important;";
-            if(cs.MozBorderRadius)
-                css += "-moz-border-radius:" + cs.MozBorderRadius + " !important;";
-            if(cs.MozBorderRadiusTopleft)
-                css += "-moz-border-radius-topleft:" + cs.MozBorderRadiusTopleft + " !important;";
-            if(cs.MozBorderRadiusTopright)
-                css += "-moz-border-radius-topright:" + cs.MozBorderRadiusTopright + " !important;";
-            if(cs.MozBorderRadiusBottomright)
-                css += "-moz-border-radius-bottomright:" + cs.MozBorderRadiusBottomright + " !important;";
-            if(cs.MozBorderRadiusBottomleft)
-                css += "-moz-border-radius-bottomleft:" + cs.MozBorderRadiusBottomleft + " !important;";
-
-            if(colorObj && colorObj.border)
-                css += "box-shadow: 0 0 2px 2px " + colorObj.border + " !important; -moz-box-shadow: 0 0 2px 2px " + colorObj.border + " !important;";
-            else
-                css += "box-shadow: 0 0 2px 2px highlight !important; -moz-box-shadow: 0 0 2px 2px highlight !important;";
+                css += "border-bottom-left-radius: "+cs.borderBottomLeftRadius+"!important;";
+
+            css += "box-shadow: 0 0 2px 2px "+
+                (colorObj && colorObj.border ? colorObj.border : "highlight")+"!important;";
 
             if(colorObj && colorObj.background)
-                bgDiv.style.cssText = "width: 100% !important; height: 100% !important; background-color: " + colorObj.background + " !important; opacity: 0.6 !important;";
+            {
+                bgDiv.style.cssText = "width: 100%!important; height: 100%!important;" +
+                    "background-color: "+colorObj.background+"!important; opacity: 0.6!important;";
+            }
             else
-                bgDiv.style.cssText = "background-color: transparent !important;";
+            {
+                bgDiv.style.cssText = "background-color: transparent!important;";
+            }
 
             highlighter.style.cssText = css;
 
@@ -1785,16 +1778,6 @@ function createProxiesForDisabledElements(body)
             css += "border-bottom-right-radius:" + cs.borderBottomRightRadius + " !important;";
         if (cs.borderBottomLeftRadius)
             css += "border-bottom-left-radius:" + cs.borderBottomLeftRadius + " !important;";
-        if (cs.MozBorderRadius)
-            css += "-moz-border-radius:" + cs.MozBorderRadius + " !important;";
-        if (cs.MozBorderRadiusTopleft)
-            css += "-moz-border-radius-topleft:" + cs.MozBorderRadiusTopleft + " !important;";
-        if (cs.MozBorderRadiusTopright)
-            css += "-moz-border-radius-topright:" + cs.MozBorderRadiusTopright + " !important;";
-        if (cs.MozBorderRadiusBottomright)
-            css += "-moz-border-radius-bottomright:" + cs.MozBorderRadiusBottomright + " !important;";
-        if (cs.MozBorderRadiusBottomleft)
-            css += "-moz-border-radius-bottomleft:" + cs.MozBorderRadiusBottomleft + " !important;";
 
         div.style.cssText = css;
         div.fbProxyFor = node;

diff --git a/extension/skin/classic/dom.css b/extension/skin/classic/dom.css
@@ -184,7 +184,7 @@
 
 .domCompletionBox {
     color: silver;
-    -moz-box-shadow: none;
+    box-shadow: none;
 }
 
 /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

diff --git a/extension/skin/classic/firebug.css b/extension/skin/classic/firebug.css
@@ -162,7 +162,7 @@
     -moz-appearance: none;
     margin: 0 0px 1px 2px;
     border: 1px solid;
-    -moz-border-radius: 5px;  /* Matched to the a11y outline impl */
+    border-radius: 5px;  /* Matched to the a11y outline impl */
     -moz-border-top-colors: #96969D;
     -moz-border-right-colors: #96969D;
     -moz-border-bottom-colors: #96969D;
@@ -197,7 +197,7 @@
 
 textbox[type="fbSearchBox"] > panel {
     /* This prevents the drop shadow from appearing See nsLayoutUtils::GetFrameTransparency*/
-    -moz-border-radius: 1px;
+    border-radius: 1px;
 }
 
 .fbSearchBox-attention textbox {

diff --git a/extension/skin/classic/html.css b/extension/skin/classic/html.css
@@ -34,7 +34,7 @@
 .nodeCloseLabel {
     margin: -2px 2px 0 2px;
     border: 2px solid transparent;
-    -moz-border-radius: 3px;
+    border-radius: 3px;
     padding: 0 2px;
     color: #000088;
 }

diff --git a/extension/skin/classic/mac/firebug.css b/extension/skin/classic/mac/firebug.css
@@ -66,7 +66,7 @@
 }
 
 .fbsearch-textbox {
-    -moz-border-radius: 10px !important;
+    border-radius: 10px !important;
     box-shadow: 0 2px 2px -2px #000000 inset;
 }
 
@@ -110,7 +110,7 @@
     -moz-border-right-colors: rgba(53,53,53,1) rgba(53,53,53,1) rgba(162,162,162,1);
     -moz-border-bottom-colors: rgba(128,128,128,0.35) rgba(0,0,0,0.5) rgba(255,255,255,0.15);
     -moz-border-left-colors: rgba(0,0,0,0.35) rgba(26,26,26,0.5) rgba(255,255,255,0.4);
-    -moz-border-radius: 20px;
+    border-radius: 20px;
     padding: 1px 9px;
     margin: 10px 0 0;
     min-height: 0px;

diff --git a/extension/skin/classic/net.css b/extension/skin/classic/net.css
@@ -626,7 +626,7 @@
 .netInfoTab[selected="true"] {
     cursor: default !important;
     border-color: #D7D7D7;
-    -moz-border-radius: 4px 4px 0 0;
+    border-radius: 4px 4px 0 0;
     background-color: #FFFFFF;
 }
 

diff --git a/extension/skin/classic/panelbase.css b/extension/skin/classic/panelbase.css
@@ -91,7 +91,7 @@ code {
     position: relative;
     margin: 4em auto;
     border: 1px solid threedshadow;
-    -moz-border-radius: 10px;
+    border-radius: 10px;
     padding: 20px 30px 30px 90px;
     background: #ffffff url(chrome://firebug/skin/firebug32.png) no-repeat 30px 30px;
     color: #000000;
@@ -155,7 +155,7 @@ code {
 .inlineEditor {
     margin-left: -3px;
     margin-top: -2px;
-    -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5);
+    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5);
 }
 
 .textEditorInner,
@@ -168,22 +168,22 @@ code {
 }
 
 .inlineEditor[saveSuccess='true'] {
-    -moz-box-shadow: 0 2px 6px rgba(0, 250, 0, 0.5);
+    box-shadow: 0 2px 6px rgba(0, 250, 0, 0.5);
 }
 
 .inlineEditor[saveSuccess='false'] {
-    -moz-box-shadow: 0 2px 6px rgba(250, 0, 0, 0.5);
+    box-shadow: 0 2px 6px rgba(250, 0, 0, 0.5);
 }
 
 .inlineEditor[saveSuccess='almost'] {
-    -moz-box-shadow: 0 2px 6px rgba(250, 250, 0, 0.8);
+    box-shadow: 0 2px 6px rgba(250, 250, 0, 0.8);
 }
 
 .fixedWidthEditor {
     border-left: none !important;
     border-right: none !important;
     text-indent: 3px;
-    -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5);
+    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5);
 }
 
 .textEditorInner {

diff --git a/extension/skin/classic/win/firebug.css b/extension/skin/classic/win/firebug.css
@@ -328,13 +328,13 @@ panelBarTabList > .fb-tabs-alltabs-button {
 #fbPanelBar1-tabBox > panelBarArrowscrollbox > .scrollbutton-up
 {
     border-left: 1px solid ThreeDShadow !important;
-    -moz-border-radius-topleft: 2px !important;
+    border-top-left-radius: 2px !important;
 }
 
 #fbPanelBar1-tabBox > panelBarArrowscrollbox > .scrollbutton-down
 {
     border-right: 1px solid ThreeDShadow !important;
-    -moz-border-radius-topright: 2px !important;
+    border-top-right-radius: 2px !important;
 }
 
 #fbPanelBar1-tabBox > panelBarArrowscrollbox {
@@ -345,7 +345,7 @@ panelBarTabList > .fb-tabs-alltabs-button {
 #fbPanelBar2-tabBox > panelBarArrowscrollbox > .scrollbutton-down,
 #fbPanelBar2-tabBox > panelBarTabList > .fb-tabs-alltabs-button {
     border-top: none !important;
-    -moz-border-radius: 0px !important;
+    border-radius: 0px !important;
 }
 
 #fbPanelBar1-buttons {
@@ -364,7 +364,7 @@ panelBarTabList > .fb-tabs-alltabs-button {
     padding-right: 0;
 
     border-right: 1px solid ThreeDShadow !important;
-    -moz-border-radius-topright: 2px !important;
+    border-top-right-radius: 2px !important;
 }
 
 .fb-tabs-alltabs-button > .toolbarbutton-text {
@@ -401,32 +401,32 @@ panelBarArrowscrollbox > .scrollbutton-down:not([disabled="true"]):hover,
 
 panelBarArrowscrollbox > .scrollbutton-up[disabled="true"],
 panelBarArrowscrollbox > .scrollbutton-down[disabled="true"] {
-    opacity: .4;
+    opacity: 0.4;
 }
 
 panelBarArrowscrollbox > .scrollbutton-up {
     border-left-style: none;
-    -moz-border-radius-topright: 2px;
+    border-top-right-radius: 2px;
 }
 
 panelBarArrowscrollbox > .scrollbutton-up:-moz-locale-dir(rtl) {
     border-left-style: solid;
     border-right-style: none;
-    -moz-border-radius-topleft: 2px;
-    -moz-border-radius-topright: 0px;
+    border-top-left-radius: 2px;
+    border-top-right-radius: 0px;
 }
 
 panelBarArrowscrollbox > .scrollbutton-down,
 .fb-tabs-alltabs-button {
     border-right-style: none;
-    -moz-border-radius-topleft: 2px;
+    border-top-left-radius: 2px;
 }
 
 panelBarArrowscrollbox > .scrollbutton-down:-moz-locale-dir(rtl) {
     border-left-style: none;
     border-right-style: solid;
-    -moz-border-radius-topleft: 0px;
-    -moz-border-radius-topright: 2px;
+    border-top-left-radius: 0px;
+    border-top-right-radius: 2px;
 }
 
 .fb-tabs-alltabs-button > .toolbarbutton-text,