list-style-image: url("debugger-blackbox.png");
}
+@media (min-resolution: 2dppx) {
+ #black-box {
+ list-style-image: url(debugger-blackbox@2x.png);
+ }
+}
+
#pretty-print {
font-weight: bold;
}
list-style-image: url("debugger-toggleBreakpoints.png");
}
+@media (min-resolution: 2dppx) {
+ #toggle-breakpoints {
+ list-style-image: url(debugger-toggleBreakpoints@2x.png);
+ }
+}
+
#sources-toolbar .devtools-toolbarbutton:not([label]) {
-moz-image-region: rect(0px, 16px, 16px, 0px);
}
-moz-image-region: rect(16px, 32px, 32px, 16px);
}
+@media (min-resolution: 2dppx) {
+ #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;
}
/* box-shadow: inset 1px 0 0 #222426; */
}
+/* Debugger unblackbox button */
+
+#black-boxed-message-button > .button-box > .button-icon {
+ width: 16px;
+ height: 16px;
+ background-image: url("debugger-blackbox.png");
+ background-position: 0 0;
+ background-size: 32px 16px;
+ background-repeat: no-repeat;
+ -moz-margin-end: 5px;
+}
+
+@media (min-resolution: 2dppx) {
+ #black-boxed-message-button > .button-box > .button-icon {
+ background-image: url("debugger-blackbox@2x.png");
+ }
+}
+
/* Black box message and source progress meter */
#black-boxed-message,
-moz-image-region: rect(0px,32px,16px,16px);
}
+@media (min-resolution: 2dppx) {
+ #trace {
+ list-style-image: url(tracer-icon@2x.png);
+ -moz-image-region: rect(0px,32px,32px,0px);
+ }
+
+ #trace:hover,
+ #trace[checked] {
+ -moz-image-region: rect(0px,64px,32px,32px);
+ }
+}
+
#clear-tracer {
/* Make this button as narrow as the text inside it. */
min-width: 1px;
}
.dbg-expression-arrow {
+ background-image: url("commandline-icon.png");
+ background-position: -16px 0;
+ background-repeat: no-repeat;
+ background-size: 32px 16px;
width: 16px;
- height: auto;
+ height: 16px;
margin: 2px;
- background: -moz-image-rect(url("commandline-icon.png"), 0, 32, 16, 16);
+}
+
+@media (min-resolution: 2dppx) {
+ .dbg-expression-arrow {
+ background-image: url(commandline-icon@2x.png);
+ }
}
.dbg-expression-input {
.dbg-expression-button {
border: none;
background: none;
- cursor: pointer;
text-decoration: underline;
-}
+ cursor: pointer;
-.dbg-expression-button {
color: #9C9CFF; /* Blue highlight color */
}
background: none !important;
}
+.dbg-source-results:not(.selected):hover {
+ background-color: #000000; /* Sidebar background */
+}
+
.dbg-results-header {
-moz-padding-start: 6px;
}
/* Toolbar controls */
-.devtools-sidebar-tabs > tabs > tab {
-/* min-height: 25px !important;
- padding: 0 !important; */
-}
-
#toggle-panes {
list-style-image: url("chrome://browser/skin/devtools/debugger-expand.png");
-moz-image-region: rect(0px, 16px, 16px, 0px);
-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://browser/skin/devtools/debugger-pause.png");
-moz-image-region: rect(0px, 16px, 16px, 0px);
-/* transition: background 0.15s ease-in-out; */
}
#resume:hover {
}
#resume[checked=true] {
-/* background: none; */
list-style-image: url("chrome://browser/skin/devtools/debugger-play.png");
- -moz-image-region: rect(0px, 16px, 16px, 0px);
}
-#resume[checked=true]:hover {
- -moz-image-region: rect(0px, 32px, 16px, 16px);
+@media (min-resolution: 2dppx) {
+ #resume {
+ list-style-image: url(debugger-pause@2x.png);
+ -moz-image-region: rect(0px, 32px, 32px, 0px);
+ }
+
+ #resume:hover {
+ -moz-image-region: rect(0px, 64px, 32px, 32px);
+ }
+
+ #resume[checked=true] {
+ list-style-image: url(debugger-play@2x.png);
+ }
}
#resume ~ toolbarbutton {
-moz-image-region: rect(0px, 32px, 16px, 16px);
}
-#debugger-controls > toolbarbutton,
-#sources-controls > toolbarbutton {
-}
+@media (min-resolution: 2dppx) {
+ #step-over {
+ list-style-image: url(debugger-step-over@2x.png);
+ -moz-image-region: rect(0px, 32px, 32px, 0);
+ }
-#debugger-controls > toolbarbutton:last-of-type,
-#sources-controls > toolbarbutton:last-of-type {
-}
+ #step-over:hover {
+ -moz-image-region: rect(0px, 64px, 32px, 32px);
+ }
+
+ #step-in {
+ list-style-image: url(debugger-step-in@2x.png);
+ -moz-image-region: rect(0px, 32px, 32px, 0);
+ }
+
+ #step-in:hover {
+ -moz-image-region: rect(0px, 64px, 32px, 32px);
+ }
-#debugger-controls,
-#sources-controls {
+ #step-out {
+ list-style-image: url(debugger-step-out@2x.png);
+ -moz-image-region: rect(0px, 32px, 32px, 0);
+ }
+
+ #step-out:hover {
+ -moz-image-region: rect(0px, 64px, 32px, 32px);
+ }
}
#instruments-pane-toggle {
list-style-image: url("chrome://browser/skin/devtools/debugger-expand.png");
}
-#instruments-pane-toggle:hover,
-#instruments-pane-toggle:hover:active {
+#instruments-pane-toggle:hover {
-moz-image-region: rect(0px,32px,16px,16px);
}
+@media (min-resolution: 2dppx) {
+ #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:hover {
+ -moz-image-region: rect(0px,64px,32px,32px);
+ }
+}
+
/* Horizontal vs. vertical layout */
#vertical-layout-panes-container {