width: 16px;
height: 16px;
background-image: url("debugger-blackbox.png");
- background-position: 0 0;
- background-size: 32px 16px;
+ background-position: -16px -16px;
+ background-size: 32px 32px;
background-repeat: no-repeat;
-moz-margin-end: 5px;
}
color: #FF9F00; /* Light foreground text */
}
+.trace-item.black-boxed {
+ color: #A09090;
+}
+
.trace-item.selected-matching {
background-color: #004242; /* Select highlight blue at 40% alpha */
}
/* Toolbar controls */
-.devtools-sidebar-tabs > tabs > tab {
-/* min-height: 24px !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);
#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[checked=true] {
list-style-image: url(debugger-play@2x.png);
- -moz-image-region: rect(0px, 32px, 32px, 0);
- }
-
- #resume[checked=true]:hover {
- -moz-image-region: rect(0px, 64px, 32px, 32px);
}
}