+@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: 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,
+#source-progress-container {
+ background-color: #A09090;
+ /* Prevent the container deck from aquiring the size from this message. */
+ min-width: 1px;
+ min-height: 1px;
+ color: #000000;
+}
+
+#source-progress {
+ min-height: 2em;
+ min-width: 40em;
+}
+
+#black-boxed-message-label,
+#black-boxed-message-button {