diff --git a/browser/devtools/debugger/DebuggerUI.jsm b/browser/devtools/debugger/DebuggerUI.jsm
index 6b8e8024392..bd31afb7c06 100644
--- a/browser/devtools/debugger/DebuggerUI.jsm
+++ b/browser/devtools/debugger/DebuggerUI.jsm
@@ -197,7 +197,7 @@ DebuggerPane.prototype = {
let ownerDocument = gBrowser.parentNode.ownerDocument;
this._splitter = ownerDocument.createElement("splitter");
- this._splitter.setAttribute("class", "hud-splitter");
+ this._splitter.setAttribute("class", "devtools-horizontal-splitter");
this._frame = ownerDocument.createElement("iframe");
this._frame.height = DebuggerPreferences.height;
diff --git a/browser/devtools/debugger/debugger.xul b/browser/devtools/debugger/debugger.xul
index ef92aa9a4c8..2dafcfc1718 100644
--- a/browser/devtools/debugger/debugger.xul
+++ b/browser/devtools/debugger/debugger.xul
@@ -98,6 +98,7 @@
#ifndef XP_MACOSX
diff --git a/browser/devtools/highlighter/TreePanel.jsm b/browser/devtools/highlighter/TreePanel.jsm
index 87b04779a3d..d31448a21a0 100644
--- a/browser/devtools/highlighter/TreePanel.jsm
+++ b/browser/devtools/highlighter/TreePanel.jsm
@@ -168,6 +168,7 @@ TreePanel.prototype = {
this.splitter = this.document.createElement("splitter");
this.splitter.id = "inspector-tree-splitter";
+ this.splitter.className = "devtools-horizontal-splitter";
let container = this.document.getElementById("appcontent");
container.appendChild(this.splitter);
diff --git a/browser/themes/gnomestripe/browser.css b/browser/themes/gnomestripe/browser.css
index 9739e3f4864..c9c3a925d65 100644
--- a/browser/themes/gnomestripe/browser.css
+++ b/browser/themes/gnomestripe/browser.css
@@ -2413,16 +2413,6 @@ html|*#highlighter-nodeinfobar-pseudo-classes {
border-radius: 0 3px 3px 0;
}
-#inspector-tree-splitter {
- -moz-appearance: none;
- border-top: 1px solid black;
- border-bottom-width: 0;
- min-height: 3px;
- height: 3px;
- margin-bottom: -3px;
- position: relative;
-}
-
.gcli-panel-inner-arrowcontent {
padding: 0;
}
diff --git a/browser/themes/gnomestripe/devtools/common.css b/browser/themes/gnomestripe/devtools/common.css
index 5a8cb666be1..9e055a955b3 100644
--- a/browser/themes/gnomestripe/devtools/common.css
+++ b/browser/themes/gnomestripe/devtools/common.css
@@ -149,3 +149,15 @@
use evil CSS to give the impression of smaller content */
margin: -4px;
}
+
+/* Splitter */
+
+.devtools-horizontal-splitter {
+ -moz-appearance: none;
+ border-top: 1px solid black;
+ border-bottom-width: 0;
+ min-height: 3px;
+ height: 3px;
+ margin-bottom: -3px;
+ position: relative;
+}
diff --git a/browser/themes/gnomestripe/devtools/debugger.css b/browser/themes/gnomestripe/devtools/debugger.css
index 529b49be1c8..c20c99d9a94 100644
--- a/browser/themes/gnomestripe/devtools/debugger.css
+++ b/browser/themes/gnomestripe/devtools/debugger.css
@@ -49,18 +49,6 @@ a {
font: inherit;
}
-/**
- * Debugger toolbar
- */
-
-#dbg-toolbar {
- padding: 2px;
-}
-
-#dbg-toolbar > button {
- text-align: center;
-}
-
/**
* Debugger content
*/
diff --git a/browser/themes/pinstripe/browser.css b/browser/themes/pinstripe/browser.css
index e53e02ac12f..06459bdb379 100644
--- a/browser/themes/pinstripe/browser.css
+++ b/browser/themes/pinstripe/browser.css
@@ -3151,16 +3151,6 @@ html|*#highlighter-nodeinfobar-pseudo-classes {
border-radius: 0 @toolbarbuttonCornerRadius@ @toolbarbuttonCornerRadius@ 0;
}
-#inspector-tree-splitter {
- -moz-appearance: none;
- border-top: 1px solid black;
- border-bottom-width: 0;
- min-height: 3px;
- height: 3px;
- margin-bottom: -3px;
- position: relative;
-}
-
.gcli-panel-inner-arrowcontent {
padding: 0;
}
diff --git a/browser/themes/pinstripe/devtools/common.css b/browser/themes/pinstripe/devtools/common.css
index bc9c4cf37a4..411cdefda60 100644
--- a/browser/themes/pinstripe/devtools/common.css
+++ b/browser/themes/pinstripe/devtools/common.css
@@ -163,3 +163,16 @@
.devtools-closebutton:active {
-moz-image-region: rect(0, 48px, 16px, 32px);
}
+
+/* Splitter */
+
+.devtools-horizontal-splitter {
+ -moz-appearance: none;
+ background-image: none;
+ border-top: 1px solid black;
+ border-bottom-width: 0;
+ min-height: 3px;
+ height: 3px;
+ margin-bottom: -3px;
+ position: relative;
+}
diff --git a/browser/themes/pinstripe/devtools/debugger.css b/browser/themes/pinstripe/devtools/debugger.css
index 697e146f983..635e683bae2 100644
--- a/browser/themes/pinstripe/devtools/debugger.css
+++ b/browser/themes/pinstripe/devtools/debugger.css
@@ -49,22 +49,6 @@ a {
font: inherit;
}
-/**
- * Debugger toolbar
- */
-
-#dbg-toolbar {
- padding: 2px;
-}
-
-#dbg-toolbar > button {
- text-align: center;
-}
-
-#dbg-toolbar > button, menulist {
- -moz-appearance: toolbarbutton;
-}
-
/**
* Debugger content
*/
diff --git a/browser/themes/winstripe/browser.css b/browser/themes/winstripe/browser.css
index 2270475a978..39c02c637f8 100644
--- a/browser/themes/winstripe/browser.css
+++ b/browser/themes/winstripe/browser.css
@@ -3080,16 +3080,6 @@ html|*#highlighter-nodeinfobar-pseudo-classes {
border-radius: 0 3px 3px 0;
}
-#inspector-tree-splitter {
- -moz-appearance: none;
- border-top: 1px solid black;
- border-bottom-width: 0;
- min-height: 3px;
- height: 3px;
- margin-bottom: -3px;
- position: relative;
-}
-
.gcli-panel-inner-arrowcontent {
padding: 0;
}
diff --git a/browser/themes/winstripe/devtools/common.css b/browser/themes/winstripe/devtools/common.css
index 88827c5ffc7..4f9f7db3f66 100644
--- a/browser/themes/winstripe/devtools/common.css
+++ b/browser/themes/winstripe/devtools/common.css
@@ -171,3 +171,16 @@
.devtools-closebutton:hover:active {
-moz-image-region: rect(0, 48px, 16px, 32px);
}
+
+/* Splitter */
+
+.devtools-horizontal-splitter {
+ -moz-appearance: none;
+ border-width: 1px 0 0 0;
+ -moz-border-top-colors: black;
+ background-color: transparent;
+ min-height: 3px;
+ height: 3px;
+ margin-bottom: -3px;
+ position: relative;
+}
diff --git a/browser/themes/winstripe/devtools/debugger.css b/browser/themes/winstripe/devtools/debugger.css
index 7c00ec5acd7..2e9fcb8a900 100644
--- a/browser/themes/winstripe/devtools/debugger.css
+++ b/browser/themes/winstripe/devtools/debugger.css
@@ -49,18 +49,6 @@ a {
font: inherit;
}
-/**
- * Debugger toolbar
- */
-
-#dbg-toolbar {
- padding: 2px;
-}
-
-#dbg-toolbar > button {
- text-align: center;
-}
-
/**
* Debugger content
*/