1 /* -*- Mode: javascript; tab-width: 2; indent-tabs-mode: nil; c-basic-offset: 2 -*- */
2 /* vim: set ft=javascript ts=2 et sw=2 tw=80: */
3 /* This Source Code Form is subject to the terms of the Mozilla Public
4 * License, v. 2.0. If a copy of the MPL was not distributed with this
5 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
12 background-color: #000000;
19 #chrome-globals, #sources {
24 * This hardcoded width likely due to a toolkit Windows specific bug.
25 * See http://hg.mozilla.org/mozilla-central/annotate/f38d6df93cad/toolkit/themes/winstripe/global/textbox-aero.css#l7
39 .list-item:not(.selected):not(.empty):hover {
40 /* background: #cddae5; */
58 background-color: #000000;
62 .dbg-source-results:not(:last-child) {
63 border-bottom: 1px dotted #9C9CFF;
67 -moz-padding-start: 6px;
70 .dbg-results-header .location {
74 .dbg-results-header .match-count {
75 -moz-padding-start: 6px;
79 .dbg-results-container .line-number {
82 -moz-padding-end: 4px;
83 -moz-border-end: 1px dotted #9C9CFF;
89 .dbg-results-container .line-contents {
90 -moz-padding-start: 4px;
94 .dbg-results-container .line-contents:hover {
98 .dbg-results-container .line-contents > .string {
102 .dbg-results-container .line-contents > .string[match=true] {
106 border: 1px solid #9C9CFF;
109 transition: transform 0.25s ease-in-out;
112 .dbg-results-container .line-contents > .string[match=true][focused] {
113 transition-duration: 0.1s;
114 transform: scale(1.75, 1.75);
117 #searchbox-panel .description {
121 #searchbox-panel button.operator {
125 font: 9pt "Liberation Mono", Consolas, "Courier New", monospace;
128 #searchbox-panel label.operator {
129 -moz-padding-start: 6px;
134 * Stack frames and breakpoints pane
137 #stackframes\+breakpoints {
138 background-color: #000000;
142 #stackframes\+breakpoints[animated] {
143 transition: margin 0.25s ease-in-out;
147 * Variables and watch expressions pane
150 #variables\+expressions {
151 background-color: #000000;
155 #variables\+expressions[animated] {
156 transition: margin 0.25s ease-in-out;
164 /* background-color: white; */
169 -moz-padding-start: 4px;
170 -moz-padding-end: 4px;
173 .dbg-stackframe-name {
177 .dbg-stackframe-details {
178 -moz-padding-start: 4px;
186 background-color: #000000;
190 #breakpoints > vbox:not(:empty) {
195 .dbg-breakpoint:not(:last-child) {
196 border-bottom: 1px solid #008484;
199 .dbg-breakpoint-info {
203 .dbg-breakpoint-text {
204 font: 12px "Liberation Mono", Consolas, "Courier New", monospace;
207 #conditional-breakpoint-panel .description {
208 margin: -6px 0 8px 0;
211 #conditional-breakpoint-panel textbox {
216 * Watch expressions view
220 background-color: #000000;
226 -moz-padding-start: 8px;
229 .dbg-expression-arrow {
232 background: url("chrome://browser/skin/devtools/commandline.png") 0px 4px no-repeat;
235 .dbg-expression-input {
239 .dbg-expression-delete {
240 -moz-image-region: rect(0, 32px, 16px, 16px);
248 /* background-color: white; */
252 .dbg-variables-delete:not(:hover) {
253 -moz-image-region: rect(0, 32px, 16px, 16px);
268 -moz-margin-start: 2px;
269 -moz-margin-end: 2px;
272 .scope > .details.nonenum:not(:empty) {
273 border-top: 1px solid #9C9CFF;
281 -moz-margin-start: 1px;
282 -moz-margin-end: 1px;
283 border-bottom: 1px solid #008484;
285 transition: background 1s ease-in-out;
290 transition-duration: 0.4s;
293 .variable > .title > .name {
298 .variable > .title > .value {
299 -moz-padding-start: 6px;
300 -moz-padding-end: 4px;
303 .variable:not([non-header]) > .details {
304 -moz-margin-start: 10px;
312 transition: background 1s ease-in-out;
318 transition-duration: 0.4s;
319 background: rgba(255, 207, 0, 0.8);
322 .property > .title > .name {
326 .property > .title > .value {
327 -moz-padding-start: 6px;
328 -moz-padding-end: 4px;
331 .property:not([non-header]) > .details {
332 -moz-margin-start: 10px;
336 * Non enumerable, configurable and writable variables and properties.
339 .variable[proto] > .title > .name,
340 .property[proto] > .title > .name,
341 .variable[non-enumerable]:not([self]):not([exception]) > .title > .name,
342 .property[non-enumerable]:not([self]):not([exception]) > .title > .name {
346 .variable[non-configurable] > .title > .name,
347 .property[non-configurable] > .title > .name {
348 border-bottom: 1px dashed #9C9CFF;
351 .variable[non-configurable][non-writable] > .title > .name,
352 .property[non-configurable][non-writable] > .title > .name {
353 border-bottom: 1px dashed #FF0000;
356 .variable[non-writable] > .title:after,
357 .property[non-writable] > .title:after {
359 display: inline-block;
362 background: url("chrome://browser/skin/identity-icons-https.png") no-repeat;
367 @media (min-resolution: 2dppx) {
368 .variable[non-writable] > .title:after,
369 .property[non-writable] > .title:after {
370 background-image: url("chrome://browser/skin/identity-icons-https@2x.png");
371 background-size: 32px;
376 .variable[exception] > .title > .name,
377 .property[exception] > .title > .name {
381 .variable > tooltip > label,
382 .property > tooltip > label {
386 .variable[non-enumerable] > tooltip > label[value="enumerable"],
387 .property[non-enumerable] > tooltip > label[value="enumerable"],
388 .variable[non-configurable] > tooltip > label[value="configurable"],
389 .property[non-configurable] > tooltip > label[value="configurable"],
390 .variable[non-writable] > tooltip > label[value="writable"],
391 .property[non-writable] > tooltip > label[value="writable"] {
392 text-decoration: line-through;
396 * Variables and properties editing
399 #variables .element-value-input {
400 -moz-margin-start: 5px !important;
403 #variables .element-name-input {
404 -moz-margin-start: -1px !important;
410 * Variables and properties searching
413 #variables .devtools-searchinput {
417 .variable[non-match],
418 .property[non-match] {
452 * Expand/collapse arrow
458 -moz-margin-start: 5px;
459 -moz-margin-end: 5px;
461 background: url("chrome://global/skin/tree/twisty-closed.gif") center center no-repeat;
465 background-image: url("chrome://global/skin/tree/twisty-open.gif");
468 .scope > .title > .arrow {
469 background-image: url("chrome://global/skin/tree/twisty-closed-selected.gif");
472 .scope > .title > .arrow[open] {
473 background-image: url("chrome://global/skin/tree/twisty-open-selected.gif");
485 list-style-image: url("chrome://browser/skin/devtools/debugger-expand.png");
486 -moz-image-region: rect(0px, 16px, 16px, 0px);
489 #toggle-panes:not([panesHidden]) {
490 list-style-image: url("chrome://browser/skin/devtools/debugger-collapse.png");
494 #toggle-panes:hover:active {
495 -moz-image-region: rect(0px, 32px, 16px, 16px);
499 list-style-image: url("chrome://browser/skin/devtools/debugger-play.png");
500 -moz-image-region: rect(0px, 16px, 16px, 0px);
503 #resume[checked=true],
505 -moz-image-region: rect(0px, 32px, 16px, 16px);
509 list-style-image: url("chrome://browser/skin/devtools/debugger-step-over.png");
510 -moz-image-region: rect(0px, 16px, 16px, 0px);
513 -moz-image-region: rect(0px, 32px, 16px, 16px);
517 list-style-image: url("chrome://browser/skin/devtools/debugger-step-in.png");
518 -moz-image-region: rect(0px, 16px, 16px, 0px);
521 -moz-image-region: rect(0px, 32px, 16px, 16px);
525 list-style-image: url("chrome://browser/skin/devtools/debugger-step-out.png");
526 -moz-image-region: rect(0px, 16px, 16px, 0px);
529 -moz-image-region: rect(0px, 32px, 16px, 16px);
532 #debugger-controls > toolbarbutton {
535 #debugger-controls > toolbarbutton:last-of-type {