--- /dev/null
+/* -*- Mode: javascript; tab-width: 2; indent-tabs-mode: nil; c-basic-offset: 2 -*- */
+/* vim: set ft=javascript ts=2 et sw=2 tw=80: */
+/* ***** BEGIN LICENSE BLOCK *****
+ * Version: MPL 1.1/GPL 2.0/LGPL 2.1
+ *
+ * The contents of this file are subject to the Mozilla Public License Version
+ * 1.1 (the "License"); you may not use this file except in compliance with
+ * the License. You may obtain a copy of the License at
+ * http://www.mozilla.org/MPL/
+ *
+ * Software distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License
+ * for the specific language governing rights and limitations under the
+ * License.
+ *
+ * The Original Code is mozilla.org code.
+ *
+ * The Initial Developer of the Original Code is
+ * Mozilla Foundation
+ * Portions created by the Initial Developer are Copyright (C) 2011
+ * the Initial Developer. All Rights Reserved.
+ *
+ * Contributor(s):
+ * Dave Camp <dcamp@mozilla.com>
+ * Victor Porof <vporof@mozilla.com>
+ * Panos Astithas <past@mozilla.com>
+ *
+ * Alternatively, the contents of this file may be used under the terms of
+ * either the GNU General Public License Version 2 or later (the "GPL"), or
+ * the GNU Lesser General Public License Version 2.1 or later (the "LGPL"),
+ * in which case the provisions of the GPL or the LGPL are applicable instead
+ * of those above. If you wish to allow use of your version of this file only
+ * under the terms of either the GPL or the LGPL, and not to allow others to
+ * use your version of this file under the terms of the MPL, indicate your
+ * decision by deleting the provisions above and replace them with the notice
+ * and other provisions required by the GPL or the LGPL. If you do not delete
+ * the provisions above, a recipient may use your version of this file under
+ * the terms of any one of the MPL, the GPL or the LGPL.
+ *
+ * ***** END LICENSE BLOCK ***** */
+
+window {
+ padding: 0;
+}
+
+#body {
+ /* background: #000000; */
+}
+
+div,
+span,
+a {
+ font: inherit;
+}
+
+/**
+ * Debugger toolbar
+ */
+
+#dbg-toolbar {
+ /*padding: 2px;*/
+}
+
+#dbg-toolbar > button {
+ text-align: center;
+}
+
+.devtools-closebutton {
+ list-style-image: url("chrome://navigator/skin/icons/win-close.gif");
+}
+
+.devtools-closebutton:hover {
+ list-style-image: url("chrome://navigator/skin/icons/win-close-hover.gif");
+}
+
+/**
+ * Debugger content
+ */
+
+#dbg-content {
+ /* padding: 6px; */
+}
+
+#dbg-content > * > .vbox {
+ background-color: #000000;
+ border: 1px solid #9C9CFF;
+}
+
+#dbg-content > * > .title {
+ /* text-shadow: 0 1px #fff; */
+}
+
+.devtools-side-splitter {
+ border: none;
+}
+
+/**
+ * Debugger statusbar
+ */
+
+#dbg-statusbar {
+/* font: -moz-list; */
+ padding: 2px;
+ -moz-padding-start: 5px;
+}
+
+/**
+ * Lists and headers
+ */
+
+.list-item {
+ padding: 2px;
+/* font: -moz-list; */
+}
+
+.list-item.selected {
+ background: #008484;
+ color: #FFCF00;
+}
+
+.list-item.empty {
+ color: #8050B0;
+}
+
+/**
+ * Stack frames
+ */
+
+#stackframes {
+ /* background-color: white; */
+}
+
+.dbg-stackframe {
+ -moz-padding-start: 4px;
+ -moz-padding-end: 4px;
+}
+
+.dbg-stackframe-name {
+ font-weight: 600;
+}
+
+/**
+ * Properties elements
+ */
+
+#variables {
+/* background-color: white; */
+}
+
+/**
+ * Generic element details container
+ */
+
+.details {
+ -moz-margin-start: 10px;
+}
+
+/**
+ * Scope element
+ */
+
+.scope > .title {
+ margin-top: 1px;
+ -moz-padding-start: 2px;
+ background: #E7ADE7;
+ border-radius: 5px;
+ color: #000000;
+}
+
+.scope > .title > .name {
+ padding-top: 2px;
+ padding-bottom: 2px;
+}
+
+.scope > .details {
+ -moz-margin-start: 2px;
+ -moz-margin-end: 2px;
+}
+
+/**
+ * Variable element
+ */
+
+.variable {
+ -moz-margin-start: 1px;
+ -moz-margin-end: 1px;
+ border-bottom: 1px dotted #008484;
+}
+
+.variable > .title > .name {
+ padding-top: 2px;
+ padding-bottom: 2px;
+ color: #FF9F00;
+ font-weight: 600;
+}
+
+/**
+ * Property element
+ */
+
+.property > .title > .key {
+ padding-top: 2px;
+ padding-bottom: 2px;
+ color: #E7ADE7;
+}
+
+.property > .title > .value {
+ padding-top: 2px;
+ padding-bottom: 2px;
+}
+
+/**
+ * Property colors
+ */
+
+.token-undefined {
+ -moz-padding-start: 6px;
+ color: #8050B0;
+}
+
+.token-null {
+ -moz-padding-start: 6px;
+ color: #008484;
+}
+
+.token-boolean {
+ -moz-padding-start: 6px;
+ color: #FFCF00;
+}
+
+.token-number {
+ -moz-padding-start: 6px;
+ color: #E7ADE7;
+}
+
+.token-string {
+ -moz-padding-start: 6px;
+ color: #9C9CFF;
+}
+
+.token-other {
+ -moz-padding-start: 6px;
+ color: #FF9F00;
+}
+
+/**
+ * Expand/collapse arrow
+ */
+
+.arrow {
+ width: 9px;
+ height: 9px;
+ -moz-margin-start: 5px;
+ -moz-margin-end: 5px;
+ background: url("chrome://global/skin/tree/twisty-closed.gif") center center no-repeat;
+}
+
+.arrow[open] {
+ background-image: url("chrome://global/skin/tree/twisty-open.gif");
+}
+
+.scope > .title > .arrow {
+ background-image: url("chrome://global/skin/tree/twisty-closed-selected.gif");
+}
+
+.scope > .title > .arrow[open] {
+ background-image: url("chrome://global/skin/tree/twisty-open-selected.gif");
+}
+
+/**
+ * Animations
+ */
+
+.details[open] {
+ -moz-animation-duration: 0.25s;
+ -moz-animation-name: showblock;
+}
+
+@-moz-keyframes showblock {
+ from {
+ opacity: 0;
+ -moz-transform-origin: top;
+ -moz-transform: scaleY(0);
+ }
+
+ to {
+ opacity: 1;
+ -moz-transform-origin: top;
+ -moz-transform: scaleY(1);
+ }
+}
+
+/**
+ * Display helpers
+ */
+
+.unselectable {
+ padding-top: 2px;
+ padding-bottom: 2px;
+}
+
+.info {
+ padding-top: 2px;
+ padding-bottom: 2px;
+}