first part of syncing LCARStrek with Firefox 45-48 devtools theme changes

[themes.git] / LCARStrek / devtools / debugger.css

diff --git a/LCARStrek/devtools/debugger.css b/LCARStrek/devtools/debugger.css
index 64fe1902e088e6033a4e3937cad921f66f4fafe3..c2a5af7af7e3c8835ca462b5026a2ef857386953 100644 (file)
--- a/LCARStrek/devtools/debugger.css
+++ b/LCARStrek/devtools/debugger.css
@@ -35,6 +35,10 @@ window {
   min-width: 32px;
 }
 
   min-width: 32px;
 }
 

+#sources-toolbar .devtools-toolbarbutton:not([label]) {
+  -moz-image-region: rect(0,16px,16px,0);
+}
+

 #black-box {
   list-style-image: url("debugger-blackbox.png");
 }
 #black-box {
   list-style-image: url("debugger-blackbox.png");
 }


@@ -59,48 +63,31 @@ window {
   list-style-image: url("debugger-toggleBreakpoints.png");
 }
 
   list-style-image: url("debugger-toggleBreakpoints.png");
 }
 

-@media (min-resolution: 1.1dppx) {
-  #toggle-breakpoints {
-    list-style-image: url(debugger-toggleBreakpoints@2x.png);
-  }
-}
-
-#toggle-promise-debugger {
-  /* TODO Bug 1186119: Add a toggle promise debugger image */
-}
-
-#sources-toolbar .devtools-toolbarbutton:not([label]) {
-  -moz-image-region: rect(0px, 16px, 16px, 0px);
+#toggle-breakpoints[checked] {
+  -moz-image-region: rect(0,32px,16px,16px) !important;

 }
 
 }
 

-#sources-toolbar .devtools-toolbarbutton:not([label]):hover {
-  -moz-image-region: rect(16px, 16px, 32px, 0px);
-}
-
-#sources-toolbar .devtools-toolbarbutton:not([label])[checked] {
-  -moz-image-region: rect(0px, 32px, 16px, 16px);
-}
-
-#sources-toolbar .devtools-toolbarbutton:not([label])[checked]:hover {
-  -moz-image-region: rect(16px, 32px, 32px, 16px);
+#toggle-breakpoints[checked] > image {
+  /* This button has a special checked image, don't make it blue */
+  filter: none;

 }
 
 @media (min-resolution: 1.1dppx) {
   #sources-toolbar .devtools-toolbarbutton:not([label]) {
 }
 
 @media (min-resolution: 1.1dppx) {
   #sources-toolbar .devtools-toolbarbutton:not([label]) {

-    -moz-image-region: rect(0px,32px,32px,0px);
+    -moz-image-region: rect(0,32px,32px,0);

   }
 
   }
 

-  #sources-toolbar .devtools-toolbarbutton:not([label]):hover {
-    -moz-image-region: rect(32px,32px,64px,0px);
+  #toggle-breakpoints {
+    list-style-image: url(debugger-toggleBreakpoints@2x.png);

   }
 
   }
 

-  #sources-toolbar .devtools-toolbarbutton:not([label])[checked] {
-    -moz-image-region: rect(0px,64px,32px,32px);
+  #toggle-breakpoints[checked] {
+    -moz-image-region: rect(0,64px,32px,32px) !important;

   }
   }

+}

 
 

-  #sources-toolbar .devtools-toolbarbutton:not([label])[checked]:hover {
-    -moz-image-region: rect(32px,64px,64px,32px);
-  }
+#toggle-promise-debugger {
+  /* TODO Bug 1186119: Add a toggle promise debugger image */

 }
 
 #sources .black-boxed {
 }
 
 #sources .black-boxed {


@@ -177,8 +164,7 @@ window {
   -moz-image-region: rect(0px,16px,16px,0px);
 }
 
   -moz-image-region: rect(0px,16px,16px,0px);
 }
 

-#trace:hover,
-#trace[checked] {
+#trace:hover {

   -moz-image-region: rect(0px,32px,16px,16px);
 }
 
   -moz-image-region: rect(0px,32px,16px,16px);
 }
 


@@ -581,12 +567,6 @@ window {
   -moz-image-region: rect(0px, 32px, 16px, 16px);
 }
 
   -moz-image-region: rect(0px, 32px, 16px, 16px);
 }
 

-#debugger-toolbar .devtools-toolbarbutton:not([label]) > .toolbarbutton-icon,
-#sources-toolbar .devtools-toolbarbutton:not([label]) > .toolbarbutton-icon {
-  width: 16px;
-  height: 16px;
-}
-

 #resume {
   list-style-image: url("chrome://devtools/skin/debugger-pause.png");
   -moz-image-region: rect(0px, 16px, 16px, 0px);
 #resume {
   list-style-image: url("chrome://devtools/skin/debugger-pause.png");
   -moz-image-region: rect(0px, 16px, 16px, 0px);


@@ -615,15 +595,6 @@ window {
   }
 }
 
   }
 }
 

-#debugger-controls toolbarbutton {
-/*  transition: opacity 0.15s ease-in-out; */
-}
-
-#debugger-controls toolbarbutton[disabled] {
-/*  opacity: 0.5;
-  transition: none; */
-}
-

 #resume[break-on-next] {
   background: var(--theme-highlight-lightorange);
 }
 #resume[break-on-next] {
   background: var(--theme-highlight-lightorange);
 }


@@ -682,34 +653,21 @@ window {
 }
 
 #instruments-pane-toggle {
 }
 
 #instruments-pane-toggle {

-/*  background: none;
-  box-shadow: none;
-  border: none; */

   list-style-image: url("chrome://devtools/skin/debugger-collapse.png");
   list-style-image: url("chrome://devtools/skin/debugger-collapse.png");

-  -moz-image-region: rect(0px,16px,16px,0px);

 }
 
 #instruments-pane-toggle[pane-collapsed] {
   list-style-image: url("chrome://devtools/skin/debugger-expand.png");
 }
 
 }
 
 #instruments-pane-toggle[pane-collapsed] {
   list-style-image: url("chrome://devtools/skin/debugger-expand.png");
 }
 

-#instruments-pane-toggle:hover {
-  -moz-image-region: rect(0px,32px,16px,16px);
-}
-

 @media (min-resolution: 1.1dppx) {
   #instruments-pane-toggle {
     list-style-image: url(debugger-collapse@2x.png);
 @media (min-resolution: 1.1dppx) {
   #instruments-pane-toggle {
     list-style-image: url(debugger-collapse@2x.png);

-    -moz-image-region: rect(0px,32px,32px,0px);

   }
 
   #instruments-pane-toggle[pane-collapsed] {
     list-style-image: url(debugger-expand@2x.png);
   }
   }
 
   #instruments-pane-toggle[pane-collapsed] {
     list-style-image: url(debugger-expand@2x.png);
   }

-
-  #instruments-pane-toggle:hover {
-    -moz-image-region: rect(0px,64px,32px,32px);
-  }

 }
 
 /* Horizontal vs. vertical layout */
 }
 
 /* Horizontal vs. vertical layout */