Commit | Line | Data |
---|---|---|
50ae39b4 RK |
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/. */ | |
4 | ||
5 | .viewContainer { | |
eec397be RK |
6 | background: #000000; /* This will be seen as the continuation of the ruler */ |
7 | font-family: "Liberation Mono", Consolas, "Courier New", monospace; | |
5322a392 RK |
8 | /* font-size: inherit; * inherit browser's default monospace font size */ |
9 | font-size: 11px; /* use typical LCARStrek font size */ | |
50ae39b4 RK |
10 | } |
11 | ||
12 | .view { | |
13 | color: #FF9F00; /* Default text color */ | |
14 | background: #000000; /* Background of the editor */ | |
15 | padding-left: 4px; | |
16 | } | |
17 | ||
18 | .readonly > .view { | |
7bc075b6 | 19 | background: #000000; /* super light green */ |
50ae39b4 RK |
20 | } |
21 | ||
22 | .ruler { | |
23 | background: #402800; | |
24 | color: #E7ADE7; | |
25 | } | |
26 | .ruler.annotations { | |
27 | width: 16px; | |
28 | padding-left: 4px; | |
29 | } | |
30 | .ruler.lines { | |
31 | border-right: 1px solid #794900; | |
32 | min-width: 1.4em; | |
33 | padding-left: 4px; | |
34 | padding-right: 4px; | |
35 | text-align: end; | |
36 | } | |
37 | ||
38 | .ruler.linesWithAnnotations { | |
39 | min-width: 0; | |
40 | padding-left: 0; | |
41 | } | |
42 | ||
43 | .ruler.overview { | |
44 | border-left: 1px solid #794900; | |
45 | width: 14px; | |
46 | text-align: start; | |
47 | } | |
48 | ||
49 | /* Styles for the annotation ruler (first line) */ | |
50 | .annotationHTML { | |
51 | cursor: pointer; | |
52 | width: 16px; | |
53 | height: 16px; | |
54 | display: inline-block; | |
55 | vertical-align: middle; | |
56 | background-position: center; | |
57 | background-repeat: no-repeat; | |
58 | } | |
f9fc08c7 | 59 | .annotation.task .annotationHTML { |
50ae39b4 RK |
60 | background-image: url("chrome://browser/skin/devtools/orion-task.png"); |
61 | } | |
f9fc08c7 | 62 | .annotation.breakpoint .annotationHTML { |
50ae39b4 RK |
63 | background-image: url("chrome://browser/skin/devtools/orion-breakpoint.png"); |
64 | } | |
f9fc08c7 | 65 | .annotation.debugLocation .annotationHTML { |
50ae39b4 RK |
66 | background-image: url("chrome://browser/skin/devtools/orion-debug-location.png"); |
67 | } | |
f9fc08c7 RK |
68 | .annotation.breakpoint.debugLocation .annotationHTML, |
69 | .annotation.task.debugLocation .annotationHTML { | |
70 | background-position: center, center; | |
71 | background-repeat: no-repeat, no-repeat; | |
72 | background-size: 75%, 100%; | |
73 | } | |
74 | .annotation.breakpoint.debugLocation .annotationHTML { | |
75 | background-image: url("chrome://browser/skin/devtools/orion-debug-location.png"), | |
76 | url("chrome://browser/skin/devtools/orion-breakpoint.png"); | |
77 | } | |
78 | ||
79 | .annotation.task.debugLocation .annotationHTML { | |
80 | background-image: url("chrome://browser/skin/devtools/orion-debug-location.png"), | |
81 | url("chrome://browser/skin/devtools/orion-task.png"); | |
82 | } | |
50ae39b4 RK |
83 | |
84 | /* Styles for the overview ruler */ | |
85 | .annotationOverview { | |
86 | cursor: pointer; | |
87 | border-radius: 2px; | |
88 | left: 2px; | |
89 | width: 8px; | |
90 | } | |
91 | .annotationOverview.task { | |
92 | background-color: #004000; | |
93 | border: 1px solid #33FF33; | |
94 | } | |
95 | .annotationOverview.breakpoint { | |
96 | background-color: #262640; | |
97 | border: 1px solid #9C9CFF; | |
98 | } | |
99 | .annotationOverview.debugLocation { | |
100 | background-color: #404000; | |
101 | border: 1px solid #33FF33; | |
102 | } | |
103 | .annotationOverview.currentBracket { | |
104 | background-color: #808080; | |
105 | border: 1px solid #FF0000; | |
106 | } | |
107 | .annotationOverview.matchingBracket { | |
108 | background-color: #808080; | |
109 | border: 1px solid #FF0000; | |
110 | } | |
111 | ||
112 | /* Styles for text range */ | |
113 | .annotationRange { | |
114 | background-repeat: repeat-x; | |
115 | background-position: left bottom; | |
116 | } | |
117 | .annotationRange.task { | |
118 | outline: 1px dashed rgba(0, 255, 0, 0.5); | |
119 | } | |
120 | .annotationRange.matchingBracket { | |
121 | outline: 1px solid #008484; | |
122 | } | |
123 | ||
7bc075b6 RK |
124 | .token_singleline_comment, |
125 | .token_multiline_comment, | |
50ae39b4 | 126 | .token_doc_comment { |
7bc075b6 | 127 | color: #33CC33; /* grey */ |
50ae39b4 RK |
128 | } |
129 | ||
130 | .token_doc_html_markup { | |
131 | color: #E7ADE7; /* purple */ | |
132 | } | |
133 | ||
134 | .token_doc_tag { | |
135 | color: #E7ADE7; /* purple */ | |
136 | } | |
137 | ||
138 | .token_task_tag { /* "TODO" */ | |
139 | color: black; | |
140 | background: #FFCF00; | |
141 | } | |
142 | ||
143 | .token_string { | |
7bc075b6 | 144 | color: #9C9CFF; /* green */ |
50ae39b4 RK |
145 | font-style: italic; |
146 | } | |
147 | ||
148 | .token_keyword { | |
149 | color: #E7ADE7; /* purple */ | |
150 | } | |
151 | ||
152 | .token_space { | |
153 | /* images/white_space.png */ | |
154 | background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAIAAABv85FHAAAABnRSTlMA/wAAAACkwsAdAAAAIUlEQVR4nGP4z8CAC+GUIEXuABhgkTuABEiRw2cmae4EAH05X7xDolNRAAAAAElFTkSuQmCC"); | |
155 | background-repeat: no-repeat; | |
156 | background-position: center center; | |
157 | } | |
158 | ||
159 | .token_tab { | |
160 | /* images/white_tab.png */ | |
161 | background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAJCAIAAACJ2loDAAAABnRSTlMA/wD/AP83WBt9AAAAMklEQVR4nGP4TwRgoK6i52c3bz5w6zMSA6tJn28d2Lx589nnCAYu63AaSLxJRLoJPwAAeNk0aG4opfMAAAAASUVORK5CYII="); | |
162 | background-repeat: no-repeat; | |
163 | background-position: left center; | |
164 | } | |
165 | ||
166 | .line_caret, | |
167 | .annotationLine.currentLine { /* Current line */ | |
7bc075b6 | 168 | background: #402800; |
50ae39b4 RK |
169 | } |
170 | ||
171 | .readonly .line_caret, | |
172 | .readonly .annotationLine.currentLine { | |
7bc075b6 | 173 | background: #402800; |
50ae39b4 RK |
174 | } |
175 | ||
176 | /* Styling for html syntax highlighting */ | |
177 | .entity-name-tag { | |
7bc075b6 | 178 | color: #E7ADE7; /* blue */ |
50ae39b4 RK |
179 | } |
180 | ||
181 | .entity-other-attribute-name { | |
7bc075b6 | 182 | color: #E7ADE7; /* blue */ |
50ae39b4 RK |
183 | } |
184 | ||
185 | .punctuation-definition-comment { | |
7bc075b6 | 186 | color: #33CC33; /* grey */ |
50ae39b4 RK |
187 | } |
188 | ||
189 | .comment { | |
7bc075b6 | 190 | color: #33CC33; /* grey */ |
50ae39b4 RK |
191 | } |
192 | ||
193 | .string-quoted { | |
7bc075b6 | 194 | color: #9C9CFF; /* orange */ |
50ae39b4 RK |
195 | } |
196 | ||
197 | .invalid { | |
198 | color: red; | |
199 | font-weight: bold; | |
200 | } |