projects / themes.git / blobdiff
? search:
summary | shortlog | log | commit | commitdiff | tree
raw | inline | side by side
second 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..71220ad66934f0f5ccea9e7aebefba0b0dc8ce55 100644 (file)
--- a/LCARStrek/devtools/debugger.css
+++ b/LCARStrek/devtools/debugger.css
@@ -35,74 +35,49 @@ window {
   min-width: 32px;
 }
 
+#sources-toolbar .devtools-toolbarbutton:not([label]) {
+  -moz-image-region: rect(0,16px,16px,0);
+}
+
+@media (min-resolution: 1.1dppx) {
+  #sources-toolbar .devtools-toolbarbutton:not([label]) {
+    -moz-image-region: rect(0,32px,32px,0);
+  }
+}
+
 #black-box {
-  list-style-image: url("debugger-blackbox.png");
+  list-style-image: url("images/debugger-blackbox.png");
 }
 
 @media (min-resolution: 1.1dppx) {
   #black-box {
-    list-style-image: url(debugger-blackbox@2x.png);
+    list-style-image: url(images/debugger-blackbox@2x.png);
   }
 }
 
 #pretty-print {
-  list-style-image: url(debugger-prettyprint.png);
+  list-style-image: url(images/debugger-prettyprint.png);
 }
 
 @media (min-resolution: 1.1dppx) {
   #pretty-print {
-    list-style-image: url(debugger-prettyprint@2x.png);
+    list-style-image: url(images/debugger-prettyprint@2x.png);
   }
 }
 
 #toggle-breakpoints {
-  list-style-image: url("debugger-toggleBreakpoints.png");
+  list-style-image: url(images/debugger-toggleBreakpoints.svg);
+  -moz-image-region: rect(0,32px,16px,16px) !important;
 }
 
-@media (min-resolution: 1.1dppx) {
-  #toggle-breakpoints {
-    list-style-image: url(debugger-toggleBreakpoints@2x.png);
-  }
+#toggle-breakpoints[checked] {
+  -moz-image-region: rect(0,16px,16px,0) !important;
 }
 
 #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);
-}
-
-#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);
-}
-
-@media (min-resolution: 1.1dppx) {
-  #sources-toolbar .devtools-toolbarbutton:not([label]) {
-    -moz-image-region: rect(0px,32px,32px,0px);
-  }
-
-  #sources-toolbar .devtools-toolbarbutton:not([label]):hover {
-    -moz-image-region: rect(32px,32px,64px,0px);
-  }
-
-  #sources-toolbar .devtools-toolbarbutton:not([label])[checked] {
-    -moz-image-region: rect(0px,64px,32px,32px);
-  }
-
-  #sources-toolbar .devtools-toolbarbutton:not([label])[checked]:hover {
-    -moz-image-region: rect(32px,64px,64px,32px);
-  }
-}
-
 #sources .black-boxed {
   color: #8050B0;
 }
@@ -130,7 +105,7 @@ window {
 #black-boxed-message-button > .button-box > .button-icon {
   width: 16px;
   height: 16px;
-  background-image: url("debugger-blackbox.png");
+  background-image: url("images/debugger-blackbox.png");
   background-position: -16px -16px;
   background-size: 32px 32px;
   background-repeat: no-repeat;
@@ -139,7 +114,7 @@ window {
 
 @media (min-resolution: 1.1dppx) {
   #black-boxed-message-button > .button-box > .button-icon {
-    background-image: url("debugger-blackbox@2x.png");
+    background-image: url("images/debugger-blackbox@2x.png");
   }
 }
 
@@ -177,8 +152,7 @@ window {
   -moz-image-region: rect(0px,16px,16px,0px);
 }
 
-#trace:hover,
-#trace[checked] {
+#trace:hover {
   -moz-image-region: rect(0px,32px,16px,16px);
 }
 
@@ -363,7 +337,7 @@ window {
 }
 
 .dbg-expression-arrow {
-  background-image: url("commandline-icon.png");
+  background-image: url("images/commandline-icon.png");
   background-position: -16px 0;
   background-repeat: no-repeat;
   background-size: 32px 16px;
@@ -374,7 +348,7 @@ window {
 
 @media (min-resolution: 1.1dppx) {
   .dbg-expression-arrow {
-    background-image: url(commandline-icon@2x.png);
+    background-image: url("images/commandline-icon@2x.png");
   }
 }
 
@@ -568,12 +542,12 @@ window {
 /* Toolbar controls */
 
 #toggle-panes {
-  list-style-image: url("chrome://devtools/skin/debugger-expand.png");
+  list-style-image: url("chrome://devtools/skin/images/debugger-expand.png");
   -moz-image-region: rect(0px, 16px, 16px, 0px);
 }
 
 #toggle-panes:not([panesHidden]) {
-  list-style-image: url("chrome://devtools/skin/debugger-collapse.png");
+  list-style-image: url("chrome://devtools/skin/images/debugger-collapse.png");
 }
 
 #toggle-panes:hover,
@@ -581,14 +555,8 @@ window {
   -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");
+  list-style-image: url("chrome://devtools/skin/images/debugger-pause.png");
   -moz-image-region: rect(0px, 16px, 16px, 0px);
 }
 
@@ -597,12 +565,12 @@ window {
 }
 
 #resume[checked=true] {
-  list-style-image: url("chrome://devtools/skin/debugger-play.png");
+  list-style-image: url("chrome://devtools/skin/images/debugger-play.png");
 }
 
 @media (min-resolution: 1.1dppx) {
   #resume {
-    list-style-image: url(debugger-pause@2x.png);
+    list-style-image: url(images/debugger-pause@2x.png);
     -moz-image-region: rect(0px, 32px, 32px, 0px);
   }
 
@@ -611,25 +579,16 @@ window {
   }
 
   #resume[checked=true] {
-    list-style-image: url(debugger-play@2x.png);
+    list-style-image: url(images/debugger-play@2x.png);
   }
 }
 
-#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);
 }
 
 #step-over {
-  list-style-image: url("chrome://devtools/skin/debugger-step-over.png");
+  list-style-image: url("chrome://devtools/skin/images/debugger-step-over.png");
   -moz-image-region: rect(0px, 16px, 16px, 0px);
 }
 #step-over:hover {
@@ -637,7 +596,7 @@ window {
 }
 
 #step-in {
-  list-style-image: url("chrome://devtools/skin/debugger-step-in.png");
+  list-style-image: url("chrome://devtools/skin/images/debugger-step-in.png");
   -moz-image-region: rect(0px, 16px, 16px, 0px);
 }
 #step-in:hover {
@@ -645,7 +604,7 @@ window {
 }
 
 #step-out {
-  list-style-image: url("chrome://devtools/skin/debugger-step-out.png");
+  list-style-image: url("chrome://devtools/skin/images/debugger-step-out.png");
   -moz-image-region: rect(0px, 16px, 16px, 0px);
 }
 #step-out:hover {
@@ -654,7 +613,7 @@ window {
 
 @media (min-resolution: 1.1dppx) {
   #step-over {
-    list-style-image: url(debugger-step-over@2x.png);
+    list-style-image: url(images/debugger-step-over@2x.png);
     -moz-image-region: rect(0px, 32px, 32px, 0);
   }
 
@@ -663,7 +622,7 @@ window {
   }
 
   #step-in {
-    list-style-image: url(debugger-step-in@2x.png);
+    list-style-image: url(images/debugger-step-in@2x.png);
     -moz-image-region: rect(0px, 32px, 32px, 0);
   }
 
@@ -672,7 +631,7 @@ window {
   }
 
   #step-out {
-    list-style-image: url(debugger-step-out@2x.png);
+    list-style-image: url(images/debugger-step-out@2x.png);
     -moz-image-region: rect(0px, 32px, 32px, 0);
   }
 
@@ -682,33 +641,20 @@ window {
 }
 
 #instruments-pane-toggle {
-/*  background: none;
-  box-shadow: none;
-  border: none; */
-  list-style-image: url("chrome://devtools/skin/debugger-collapse.png");
-  -moz-image-region: rect(0px,16px,16px,0px);
+  list-style-image: url("chrome://devtools/skin/images/debugger-collapse.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);
+  list-style-image: url("chrome://devtools/skin/images/debugger-expand.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);
+    list-style-image: url(images/debugger-collapse@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);
+    list-style-image: url(images/debugger-expand@2x.png);
   }
 }
 
KaiRo's SeaMonkey themes