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;
28 * This hardcoded width likely due to a toolkit Windows specific bug.
29 * See http://hg.mozilla.org/mozilla-central/annotate/f38d6df93cad/toolkit/themes/winstripe/global/textbox-aero.css#l7
43 .list-item:not(.selected):not(.empty):hover {
44 /* background: #cddae5; */
62 background-color: #000000;
67 .dbg-script-results:not(:last-child) {
68 border-bottom: 1px dotted #9C9CFF;
72 -moz-padding-start: 6px;
75 .dbg-results-header .script-url {
79 .dbg-results-header .match-count {
80 -moz-padding-start: 6px;
84 .dbg-results-container .line-number {
87 -moz-padding-end: 4px;
88 -moz-border-end: 1px dotted #9C9CFF;
93 .dbg-results-container .line-contents {
94 -moz-padding-start: 4px;
98 .dbg-results-container .line-contents:hover {
102 .dbg-results-container .line-contents > .string {
106 .dbg-results-container .line-contents > .string[match=true] {
110 border: 1px solid #9C9CFF;
113 transition: transform 0.2s ease-in-out;
114 transform: scale(1, 1);
117 .dbg-results-container .line-contents > .string[match=true][focused] {
118 transition-duration: 0.1s;
119 transform: scale(1.75, 1.75);
122 #scripts-search-panel .description {
125 -moz-margin-start: 0;
129 #scripts-search-panel button.operator {
133 font: 9pt "Liberation Mono", Consolas, "Courier New", monospace;
136 #scripts-search-panel label.operator {
137 -moz-padding-start: 6px;
142 * Stack frames and breakpoints panel
145 #stackframes\+breakpoints {
146 background-color: #000000;
150 #stackframes\+breakpoints[animated] {
151 -moz-transition: margin 0.25s ease-in-out;
159 /* background-color: white; */
163 -moz-padding-start: 4px;
164 -moz-padding-end: 4px;
167 .dbg-stackframe-name {
168 -moz-padding-end: 4px;
177 background-color: #000000;
180 .dbg-breakpoint-info {
184 .dbg-breakpoint-text {
185 font: 12px "Liberation Mono", Consolas, "Courier New", monospace;
193 /* background-color: white; */
197 #variables[animated] {
198 -moz-transition: margin 0.25s ease-in-out;
202 * Property element details container
206 -moz-margin-start: 10px;
219 .scope > .title > .arrow {
223 .scope > .title > .name {
228 -moz-margin-start: 2px;
229 -moz-margin-end: 2px;
237 -moz-margin-start: 1px;
238 -moz-margin-end: 1px;
240 transition: background 1s ease-in-out;
244 .variable:not(:last-child) {
245 border-bottom: 1px dotted #008484;
249 .variable:last-child {
254 transition-duration: 0.4s;
259 transition-duration: 0.4s;
263 .variable > .title > .arrow {
267 .variable > .title > .name {
276 .property > .title > .arrow {
280 .property > .title > .key {
285 * Non enumerable, configurable and writable variables and properties.
288 .property[proto] > .title > .key,
289 .variable[non-enumerable] > .title > .name,
290 .property[non-enumerable] > .title > .key {
294 .variable[non-configurable] > .title > .name,
295 .property[non-configurable] > .title > .key {
296 border-bottom: 1px dashed #9C9CFF;
299 .variable[non-writable] > .title > .name,
300 .property[non-writable] > .title > .key {
301 border-bottom: 1px dashed #FF0000;
304 .variable[non-writable] > .title:after,
305 .property[non-writable] > .title:after {
307 display: inline-block;
310 background: url("chrome://browser/skin/identity-icons-https.png") no-repeat;
314 #element-tooltip > label {
318 #element-tooltip > label[non-enumerable],
319 #element-tooltip > label[non-configurable],
320 #element-tooltip > label[non-writable]{
321 text-decoration: line-through;
325 * Property values colors
329 -moz-padding-start: 6px;
334 -moz-padding-start: 6px;
339 -moz-padding-start: 6px;
344 -moz-padding-start: 6px;
349 -moz-padding-start: 6px;
354 -moz-padding-start: 6px;
359 * Expand/collapse arrow
365 -moz-margin-start: 5px;
366 -moz-margin-end: 5px;
368 background: url("chrome://global/skin/tree/twisty-closed.gif") center center no-repeat;
372 background-image: url("chrome://global/skin/tree/twisty-open.gif");
375 .scope > .title > .arrow {
376 background-image: url("chrome://global/skin/tree/twisty-closed-selected.gif");
379 .scope > .title > .arrow[open] {
380 background-image: url("chrome://global/skin/tree/twisty-open-selected.gif");
387 .details[open][animated],
388 .dbg-results-container[open][animated] {
389 animation-duration: 0.25s;
390 animation-name: showblock;
393 @keyframes showblock {
396 transform-origin: top;
397 transform: scaleY(0);
402 transform-origin: top;
403 transform: scaleY(1);
412 list-style-image: url("chrome://browser/skin/devtools/debugger-expand.png");
413 -moz-image-region: rect(0px, 16px, 16px, 0px);
416 #toggle-panes:not([stackframesAndBreakpointsHidden]):not([variablesHidden]) {
417 list-style-image: url("chrome://browser/skin/devtools/debugger-collapse.png");
421 #toggle-panes:hover:active {
422 -moz-image-region: rect(0px, 32px, 16px, 16px);
426 list-style-image: url("chrome://browser/skin/devtools/debugger-play.png");
427 -moz-image-region: rect(0px, 16px, 16px, 0px);
430 #resume[checked=true],
432 -moz-image-region: rect(0px, 32px, 16px, 16px);
436 list-style-image: url("chrome://browser/skin/devtools/debugger-step-over.png");
437 -moz-image-region: rect(0px, 16px, 16px, 0px);
440 -moz-image-region: rect(0px, 32px, 16px, 16px);
444 list-style-image: url("chrome://browser/skin/devtools/debugger-step-in.png");
445 -moz-image-region: rect(0px, 16px, 16px, 0px);
448 -moz-image-region: rect(0px, 32px, 16px, 16px);
452 list-style-image: url("chrome://browser/skin/devtools/debugger-step-out.png");
453 -moz-image-region: rect(0px, 16px, 16px, 0px);
456 -moz-image-region: rect(0px, 32px, 16px, 16px);
459 #debugger-controls > toolbarbutton {
462 #debugger-controls > toolbarbutton:last-of-type {