--- /dev/null
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this file,
+ * You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+.viewTooltip {
+ display: none; /* TODO: add tooltips support, see bug 721752 */
+ font-family: monospace;
+ font-size: 13px;
+ background-color: #9C9CFF;
+ color: #000000;
+ padding: 2px;
+ border-radius: 4px;
+ border: 1px solid #FFCF00;
+ z-index: 100;
+ position: fixed;
+ overflow: hidden;
+ white-space: pre;
+}
+
+.viewTooltip em {
+ font-style: normal;
+ font-weight: bold;
+}
+
+.annotationHTML {
+ cursor: pointer;
+ width: 16px;
+ height: 16px;
+ display: inline-block;
+ vertical-align: middle;
+ background-position: center;
+ background-repeat: no-repeat;
+}
+.annotationHTML.task {
+ background-image: url("chrome://browser/skin/devtools/orion-task.png");
+}
+.annotationHTML.breakpoint {
+ background-image: url("chrome://browser/skin/devtools/orion-breakpoint.png");
+}
--- /dev/null
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this file,
+ * You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+.viewContainer {
+ background: #cddae5; /* This will be seen as the continuation of the ruler */
+ font-family: monospace;
+ font-size: inherit; /* inherit browser's default monospace font size */
+}
+
+.view {
+ color: #FF9F00; /* Default text color */
+ background: #000000; /* Background of the editor */
+ padding-left: 4px;
+}
+
+.readonly > .view {
+ background: #000000;
+}
+
+.ruler {
+ background: #402800;
+ color: #E7ADE7;
+}
+.ruler.annotations {
+ width: 16px;
+ padding-left: 4px;
+}
+.ruler.lines {
+ border-right: 1px solid #794900;
+ min-width: 1.4em;
+ padding-left: 4px;
+ padding-right: 4px;
+ text-align: end;
+}
+
+.ruler.linesWithAnnotations {
+ min-width: 0;
+ padding-left: 0;
+}
+
+.ruler.overview {
+ border-left: 1px solid #794900;
+ width: 14px;
+ text-align: start;
+}
+
+/* Styles for the annotation ruler (first line) */
+.annotationHTML {
+ cursor: pointer;
+ width: 16px;
+ height: 16px;
+ display: inline-block;
+ vertical-align: middle;
+ background-position: center;
+ background-repeat: no-repeat;
+}
+.annotationHTML.task {
+ background-image: url("chrome://browser/skin/devtools/orion-task.png");
+}
+.annotationHTML.breakpoint {
+ background-image: url("chrome://browser/skin/devtools/orion-breakpoint.png");
+}
+.annotationHTML.debugLocation {
+ background-image: url("chrome://browser/skin/devtools/orion-debug-location.png");
+}
+
+/* Styles for the overview ruler */
+.annotationOverview {
+ cursor: pointer;
+ border-radius: 2px;
+ left: 2px;
+ width: 8px;
+}
+.annotationOverview.task {
+ background-color: #004000;
+ border: 1px solid #33FF33;
+}
+.annotationOverview.breakpoint {
+ background-color: #262640;
+ border: 1px solid #9C9CFF;
+}
+.annotationOverview.debugLocation {
+ background-color: #404000;
+ border: 1px solid #33FF33;
+}
+.annotationOverview.currentBracket {
+ background-color: #808080;
+ border: 1px solid #FF0000;
+}
+.annotationOverview.matchingBracket {
+ background-color: #808080;
+ border: 1px solid #FF0000;
+}
+
+/* Styles for text range */
+.annotationRange {
+ background-repeat: repeat-x;
+ background-position: left bottom;
+}
+.annotationRange.task {
+ outline: 1px dashed rgba(0, 255, 0, 0.5);
+}
+.annotationRange.matchingBracket {
+ outline: 1px solid #008484;
+}
+
+.token_singleline_comment {
+ color: #33CC33; /* green */
+}
+
+.token_multiline_comment {
+ color: #33CC33; /* green */
+}
+
+.token_doc_comment {
+ color: #33CC33; /* green */
+}
+
+.token_doc_html_markup {
+ color: #E7ADE7; /* purple */
+}
+
+.token_doc_tag {
+ color: #E7ADE7; /* purple */
+}
+
+.token_task_tag { /* "TODO" */
+ color: black;
+ background: #FFCF00;
+}
+
+.token_string {
+ color: #9C9CFF; /* blue */
+ font-style: italic;
+}
+
+.token_keyword {
+ color: #E7ADE7; /* purple */
+}
+
+.token_space {
+ /* images/white_space.png */
+ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAIAAABv85FHAAAABnRSTlMA/wAAAACkwsAdAAAAIUlEQVR4nGP4z8CAC+GUIEXuABhgkTuABEiRw2cmae4EAH05X7xDolNRAAAAAElFTkSuQmCC");
+ background-repeat: no-repeat;
+ background-position: center center;
+}
+
+.token_tab {
+ /* images/white_tab.png */
+ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAJCAIAAACJ2loDAAAABnRSTlMA/wD/AP83WBt9AAAAMklEQVR4nGP4TwRgoK6i52c3bz5w6zMSA6tJn28d2Lx589nnCAYu63AaSLxJRLoJPwAAeNk0aG4opfMAAAAASUVORK5CYII=");
+ background-repeat: no-repeat;
+ background-position: left center;
+}
+
+.line_caret,
+.annotationLine.currentLine { /* Current line */
+ background: #402800; /* lighter than the background */
+}
+
+.readonly .line_caret,
+.readonly .annotationLine.currentLine {
+ background: #402800; /* a bit darker than the background */
+}
+
+/* Styling for html syntax highlighting */
+.entity-name-tag {
+ color: #E7ADE7; /* purple */
+}
+
+.entity-other-attribute-name {
+ color: #E7ADE7; /* purple */
+}
+
+.punctuation-definition-comment {
+ color: #33CC33; /* green */
+}
+
+.comment {
+ color: #33CC33; /* green */
+}
+
+.string-quoted {
+ color: #9C9CFF; /* blue */
+ font-style: italic;
+}
+
+.invalid {
+ color: red;
+ font-weight: bold;
+}