+/* === BEGIN debugger.inc.css === */
+
+/* Sources and breakpoints pane */
+
+#sources-pane[selectedIndex="0"] + #sources-and-editor-splitter {
+ border-color: transparent;
+}
+
+#sources-pane > tabs {
+ -moz-border-end: 1px solid #9C9CFF; /* Match the splitter color. */
+}
+
+#sources-toolbar > .devtools-toolbarbutton,
+#sources-controls > .devtools-toolbarbutton {
+ min-width: 32px;
+}
+
+#black-box {
+ 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;
+}
+
+#toggle-breakpoints {
+ 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);
+}
+
+#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: 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;
+}
+
+#sources .selected > .black-boxed {
+ color: #000000;
+}
+
+#sources .black-boxed > .dbg-breakpoint {
+ display: none;
+}
+
+#sources .black-boxed + .side-menu-widget-item-arrow:-moz-locale-dir(ltr) {
+ background-image: none;
+/* box-shadow: inset -1px 0 0 #222426; */
+}
+
+#sources .black-boxed + .side-menu-widget-item-arrow:-moz-locale-dir(rtl) {
+ background-image: none;
+/* 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: -16px -16px;
+ background-size: 32px 32px;
+ background-repeat: no-repeat;
+ -moz-margin-end: 5px;