1 /* This Source Code Form is subject to the terms of the Mozilla Public
2 * License, v. 2.0. If a copy of the MPL was not distributed with this
3 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
10 background-color: #000000;
13 /* Sources and breakpoints pane */
19 #sources-and-editor-splitter {
20 -moz-border-start-color: transparent;
23 #sources-toolbar .devtools-toolbarbutton {
32 list-style-image: url("debugger-blackbox.png");
33 -moz-image-region: rect(0px, 16px, 16px, 0px);
38 -moz-image-region: rect(0px, 32px, 16px, 16px);
41 #sources .black-boxed {
45 #sources .black-boxed > .dbg-breakpoint {
49 #sources .black-boxed + .side-menu-widget-item-arrow:-moz-locale-dir(ltr) {
50 background-image: none;
51 /* box-shadow: inset -1px 0 0 #222426; */
54 #sources .black-boxed + .side-menu-widget-item-arrow:-moz-locale-dir(rtl) {
55 background-image: none;
56 /* box-shadow: inset 1px 0 0 #222426; */
59 /* Black box message and source progress meter */
62 #source-progress-container {
63 background-color: #A09090;
64 /* Prevent the container deck from aquiring the height from this message. */
74 #black-boxed-message-label,
75 #black-boxed-message-button {
80 #black-boxed-message-button {
85 /* ListWidget items */
91 .list-widget-item:not(.selected):not(.empty):hover {
92 /* background: linear-gradient(rgba(255,255,255,0.9), rgba(255,255,255,0.85)), Highlight;*/
95 .list-widget-item.selected.light {
96 /* background: linear-gradient(rgba(255,255,255,0.85), rgba(255,255,255,0.8)), Highlight;
100 .list-widget-item.selected {
105 .list-widget-item.empty {
110 /* Stack frames view */
116 .dbg-stackframe-details {
117 -moz-padding-start: 4px;
120 .dbg-stackframe-menuitem[checked] {
123 outline: 1px solid #008484;
127 .dbg-stackframe-menuitem-details {
128 -moz-padding-start: 16px;
131 /* Sources and breakpoints view */
134 -moz-margin-start: 4px;
137 .dbg-breakpoint-line {
141 .dbg-breakpoint-text {
142 -moz-margin-start: 10px !important;
147 .dbg-breakpoint-checkbox {
153 /* Instruments pane (watch expressions, variables, event listeners...) */
155 #instruments-pane > tabs > tab {
156 min-height: 25px !important;
157 padding: 0 !important;
160 #instruments-pane > tabpanels > tabpanel {
164 /* Watch expressions view */
175 .dbg-expression-arrow {
178 background: -moz-image-rect(url("commandline-icon.png"), 0, 32, 16, 16);
181 .dbg-expression-input {
182 -moz-padding-start: 2px !important;
185 /* Event listeners view */
187 .dbg-event-listener {
191 .dbg-event-listener-type {
195 .dbg-event-listener-separator {
199 .dbg-event-listener-targets {
203 .dbg-event-listener-location {
207 /* Searchbox and the search operations help panel */
209 .devtools-searchinput {
211 -moz-margin-start: 1px;
215 -moz-margin-start: 2px;
218 #searchbox-panel-operators {
221 -moz-margin-start: 2px;
224 .searchbox-panel-operator-button {
228 -moz-margin-start: 2px;
229 -moz-margin-end: 6px;
233 .searchbox-panel-operator-label {
237 /* Searchbox results panel */
243 .results-panel-item {
244 border: 1px solid #A09090;
245 border-top-color: #8050B0;
250 .results-panel-item:first-of-type {
251 border-top-color: #9C9CFF;
252 border-radius: 4px 4px 0 0;
255 .results-panel-item:last-of-type {
256 border-radius: 0 0 4px 4px;
259 .results-panel-item:only-of-type {
263 .results-panel-item:not(.selected):not(:hover) {
264 /* text-shadow: 0 1px #fff;*/
267 .results-panel-item-pre {
268 -moz-margin-end: 5px !important;
273 .results-panel-item-name {
279 .results-panel-item-details {
284 /* Sources search view */
290 #globalsearch > vbox:not(:empty) {
295 #globalsearch + .devtools-horizontal-splitter {
296 -moz-border-top-colors: #9C9CFF;
299 .dbg-source-results {
301 background: none !important;
304 .dbg-results-header {
305 -moz-padding-start: 6px;
308 .dbg-results-header-location {
312 .dbg-results-header-match-count {
313 -moz-padding-start: 6px;
317 .dbg-results-line-number {
320 -moz-border-end: 1px solid #9C9CFF;
321 -moz-padding-end: 4px;
327 .dbg-results-line-contents {
328 -moz-padding-start: 4px;
333 .dbg-results-line-contents-string {
337 .dbg-results-line-contents-string[match=true] {
341 border: 1px solid #9C9CFF;
346 .dbg-results-line-contents-string[match=true][focusing] {
347 transition: transform 0.3s ease-in-out;
350 .dbg-results-line-contents-string[match=true][focused] {
351 transition-duration: 0.1s;
352 transform: scale(1.75, 1.75);
355 /* Toolbar controls */
358 list-style-image: url("chrome://browser/skin/devtools/debugger-expand.png");
359 -moz-image-region: rect(0px, 16px, 16px, 0px);
362 #toggle-panes:not([panesHidden]) {
363 list-style-image: url("chrome://browser/skin/devtools/debugger-collapse.png");
367 #toggle-panes:hover:active {
368 -moz-image-region: rect(0px, 32px, 16px, 16px);
371 #resumption-panel-desc {
375 #resumption-order-panel {
376 -moz-margin-start: -8px;
380 list-style-image: url("chrome://browser/skin/devtools/debugger-play.png");
381 -moz-image-region: rect(0px, 16px, 16px, 0px);
384 #resume[checked=true],
386 -moz-image-region: rect(0px, 32px, 16px, 16px);
390 list-style-image: url("chrome://browser/skin/devtools/debugger-step-over.png");
391 -moz-image-region: rect(0px, 16px, 16px, 0px);
394 -moz-image-region: rect(0px, 32px, 16px, 16px);
398 list-style-image: url("chrome://browser/skin/devtools/debugger-step-in.png");
399 -moz-image-region: rect(0px, 16px, 16px, 0px);
402 -moz-image-region: rect(0px, 32px, 16px, 16px);
406 list-style-image: url("chrome://browser/skin/devtools/debugger-step-out.png");
407 -moz-image-region: rect(0px, 16px, 16px, 0px);
410 -moz-image-region: rect(0px, 32px, 16px, 16px);
413 #debugger-controls > toolbarbutton,
414 #sources-controls > toolbarbutton {
417 #debugger-controls > toolbarbutton:last-of-type,
418 #sources-controls > toolbarbutton:last-of-type {
425 #instruments-pane-toggle {
429 list-style-image: url("chrome://browser/skin/devtools/debugger-collapse.png");
430 -moz-image-region: rect(0px,16px,16px,0px);
433 #instruments-pane-toggle[pane-collapsed] {
434 list-style-image: url("chrome://browser/skin/devtools/debugger-expand.png");
437 #instruments-pane-toggle:hover,
438 #instruments-pane-toggle:hover:active {
439 -moz-image-region: rect(0px,32px,16px,16px);
442 /* Horizontal vs. vertical layout */
444 #vertical-layout-panes-container {
449 #body[layout=vertical] #instruments-pane {
450 margin: 0 !important;
451 /* To prevent all the margin hacks to hide the sidebar. */
454 #body[layout=vertical] .side-menu-widget-container {
455 box-shadow: none !important;
458 #body[layout=vertical] .side-menu-widget-item-arrow {
459 background-image: none !important;