1 /* This Source Code Form is subject to the terms of the Mozilla Public
2 * License, v. 2.0. If a copy of the MPL was not distributed with this file,
3 * You can obtain one at http://mozilla.org/MPL/2.0/. */
6 background: #cddae5; /* This will be seen as the continuation of the ruler */
7 font-family: monospace;
8 font-size: inherit; /* inherit browser's default monospace font size */
12 color: #FF9F00; /* Default text color */
13 background: #000000; /* Background of the editor */
30 border-right: 1px solid #794900;
37 .ruler.linesWithAnnotations {
43 border-left: 1px solid #794900;
48 /* Styles for the annotation ruler (first line) */
53 display: inline-block;
54 vertical-align: middle;
55 background-position: center;
56 background-repeat: no-repeat;
58 .annotationHTML.task {
59 background-image: url("chrome://browser/skin/devtools/orion-task.png");
61 .annotationHTML.breakpoint {
62 background-image: url("chrome://browser/skin/devtools/orion-breakpoint.png");
64 .annotationHTML.debugLocation {
65 background-image: url("chrome://browser/skin/devtools/orion-debug-location.png");
68 /* Styles for the overview ruler */
75 .annotationOverview.task {
76 background-color: #004000;
77 border: 1px solid #33FF33;
79 .annotationOverview.breakpoint {
80 background-color: #262640;
81 border: 1px solid #9C9CFF;
83 .annotationOverview.debugLocation {
84 background-color: #404000;
85 border: 1px solid #33FF33;
87 .annotationOverview.currentBracket {
88 background-color: #808080;
89 border: 1px solid #FF0000;
91 .annotationOverview.matchingBracket {
92 background-color: #808080;
93 border: 1px solid #FF0000;
96 /* Styles for text range */
98 background-repeat: repeat-x;
99 background-position: left bottom;
101 .annotationRange.task {
102 outline: 1px dashed rgba(0, 255, 0, 0.5);
104 .annotationRange.matchingBracket {
105 outline: 1px solid #008484;
108 .token_singleline_comment {
109 color: #33CC33; /* green */
112 .token_multiline_comment {
113 color: #33CC33; /* green */
117 color: #33CC33; /* green */
120 .token_doc_html_markup {
121 color: #E7ADE7; /* purple */
125 color: #E7ADE7; /* purple */
128 .token_task_tag { /* "TODO" */
134 color: #9C9CFF; /* blue */
139 color: #E7ADE7; /* purple */
143 /* images/white_space.png */
144 background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAIAAABv85FHAAAABnRSTlMA/wAAAACkwsAdAAAAIUlEQVR4nGP4z8CAC+GUIEXuABhgkTuABEiRw2cmae4EAH05X7xDolNRAAAAAElFTkSuQmCC");
145 background-repeat: no-repeat;
146 background-position: center center;
150 /* images/white_tab.png */
151 background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAJCAIAAACJ2loDAAAABnRSTlMA/wD/AP83WBt9AAAAMklEQVR4nGP4TwRgoK6i52c3bz5w6zMSA6tJn28d2Lx589nnCAYu63AaSLxJRLoJPwAAeNk0aG4opfMAAAAASUVORK5CYII=");
152 background-repeat: no-repeat;
153 background-position: left center;
157 .annotationLine.currentLine { /* Current line */
158 background: #402800; /* lighter than the background */
161 .readonly .line_caret,
162 .readonly .annotationLine.currentLine {
163 background: #402800; /* a bit darker than the background */
166 /* Styling for html syntax highlighting */
168 color: #E7ADE7; /* purple */
171 .entity-other-attribute-name {
172 color: #E7ADE7; /* purple */
175 .punctuation-definition-comment {
176 color: #33CC33; /* green */
180 color: #33CC33; /* green */
184 color: #9C9CFF; /* blue */