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;
151 /* background-color: white; */
155 -moz-padding-start: 4px;
156 -moz-padding-end: 4px;
159 .dbg-stackframe-name {
160 -moz-padding-end: 4px;
169 background-color: #000000;
172 .dbg-breakpoint-info {
176 .dbg-breakpoint-text {
177 font: 12px "Liberation Mono", Consolas, "Courier New", monospace;
185 /* background-color: white; */
189 #variables[animated] {
190 transition: margin 0.25s ease-in-out;
204 -moz-margin-start: 2px;
205 -moz-margin-end: 2px;
208 .scope > .details.nonenum:not(:empty) {
209 border-top: 1px solid #9C9CFF;
217 -moz-margin-start: 1px;
218 -moz-margin-end: 1px;
219 transition: background 1s ease-in-out;
223 .variable:not(:last-child) {
224 border-bottom: 1px dotted #008484;
228 .variable:last-child {
233 transition-duration: 0.4s;
237 .variable > .title > .name {
242 .variable > .title > .value {
243 -moz-padding-start: 6px;
246 .variable:not([non-header]) > .details {
247 -moz-margin-start: 10px;
255 transition: background 1s ease-in-out;
261 transition-duration: 0.4s;
262 background: rgba(255, 207, 0, 0.8);
265 .property > .title > .name {
269 .property > .title > .value {
270 -moz-padding-start: 6px;
273 .property:not([non-header]) > .details {
274 -moz-margin-start: 10px;
278 * Non enumerable, configurable and writable variables and properties.
281 .variable[proto] > .title > .name,
282 .property[proto] > .title > .name,
283 .variable[non-enumerable]:not([self]):not([exception]) > .title > .name,
284 .property[non-enumerable]:not([self]):not([exception]) > .title > .name {
288 .variable[non-configurable] > .title > .name,
289 .property[non-configurable] > .title > .name {
290 border-bottom: 1px dashed #9C9CFF;
293 .variable[non-configurable][non-writable] > .title > .name,
294 .property[non-configurable][non-writable] > .title > .name {
295 border-bottom: 1px dashed #FF0000;
298 .variable[non-writable] > .title:after,
299 .property[non-writable] > .title:after {
301 display: inline-block;
304 background: url("chrome://browser/skin/identity-icons-https.png") no-repeat;
309 @media (min-resolution: 2dppx) {
310 .variable[non-writable] > .title:after,
311 .property[non-writable] > .title:after {
312 background-image: url("chrome://browser/skin/identity-icons-https@2x.png");
313 background-size: 32px;
318 .variable[exception] > .title > .name,
319 .property[exception] > .title > .name {
323 .variable > tooltip > label,
324 .property > tooltip > label {
328 .variable[non-enumerable] > tooltip > label[value="enumerable"],
329 .property[non-enumerable] > tooltip > label[value="enumerable"],
330 .variable[non-configurable] > tooltip > label[value="configurable"],
331 .property[non-configurable] > tooltip > label[value="configurable"],
332 .variable[non-writable] > tooltip > label[value="writable"],
333 .property[non-writable] > tooltip > label[value="writable"] {
334 text-decoration: line-through;
338 * Variables and properties searching
341 #variables .devtools-searchinput {
345 .variable[non-match],
346 .property[non-match] {
380 * Expand/collapse arrow
386 -moz-margin-start: 5px;
387 -moz-margin-end: 5px;
389 background: url("chrome://global/skin/tree/twisty-closed.gif") center center no-repeat;
393 background-image: url("chrome://global/skin/tree/twisty-open.gif");
396 .scope > .title > .arrow {
397 background-image: url("chrome://global/skin/tree/twisty-closed-selected.gif");
400 .scope > .title > .arrow[open] {
401 background-image: url("chrome://global/skin/tree/twisty-open-selected.gif");
412 #variables .details[open][animated],
413 #globalsearch .dbg-results-container[open][animated] {
414 animation-duration: 0.25s;
415 animation-name: showblock;
418 @keyframes showblock {
421 transform-origin: top;
422 transform: scaleY(0);
427 transform-origin: top;
428 transform: scaleY(1);
437 list-style-image: url("chrome://browser/skin/devtools/debugger-expand.png");
438 -moz-image-region: rect(0px, 16px, 16px, 0px);
441 #toggle-panes:not([panesHidden]) {
442 list-style-image: url("chrome://browser/skin/devtools/debugger-collapse.png");
446 #toggle-panes:hover:active {
447 -moz-image-region: rect(0px, 32px, 16px, 16px);
451 list-style-image: url("chrome://browser/skin/devtools/debugger-play.png");
452 -moz-image-region: rect(0px, 16px, 16px, 0px);
455 #resume[checked=true],
457 -moz-image-region: rect(0px, 32px, 16px, 16px);
461 list-style-image: url("chrome://browser/skin/devtools/debugger-step-over.png");
462 -moz-image-region: rect(0px, 16px, 16px, 0px);
465 -moz-image-region: rect(0px, 32px, 16px, 16px);
469 list-style-image: url("chrome://browser/skin/devtools/debugger-step-in.png");
470 -moz-image-region: rect(0px, 16px, 16px, 0px);
473 -moz-image-region: rect(0px, 32px, 16px, 16px);
477 list-style-image: url("chrome://browser/skin/devtools/debugger-step-out.png");
478 -moz-image-region: rect(0px, 16px, 16px, 0px);
481 -moz-image-region: rect(0px, 32px, 16px, 16px);
484 #debugger-controls > toolbarbutton {
487 #debugger-controls > toolbarbutton:last-of-type {