Commit | Line | Data |
---|---|---|
2ca00acf RK |
1 | /* |
2 | * Software License Agreement (BSD License) | |
3 | * | |
4 | * Copyright (c) 2007, Parakey Inc. | |
5 | * All rights reserved. | |
4c765db1 | 6 | * |
2ca00acf RK |
7 | * Redistribution and use of this software in source and binary forms, with or without modification, |
8 | * are permitted provided that the following conditions are met: | |
4c765db1 | 9 | * |
2ca00acf RK |
10 | * * Redistributions of source code must retain the above |
11 | * copyright notice, this list of conditions and the | |
12 | * following disclaimer. | |
4c765db1 | 13 | * |
2ca00acf RK |
14 | * * Redistributions in binary form must reproduce the above |
15 | * copyright notice, this list of conditions and the | |
16 | * following disclaimer in the documentation and/or other | |
17 | * materials provided with the distribution. | |
4c765db1 | 18 | * |
2ca00acf RK |
19 | * * Neither the name of Parakey Inc. nor the names of its |
20 | * contributors may be used to endorse or promote products | |
21 | * derived from this software without specific prior | |
22 | * written permission of Parakey Inc. | |
4c765db1 | 23 | * |
2ca00acf RK |
24 | * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY EXPRESS OR |
25 | * IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND | |
26 | * FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR | |
27 | * CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL | |
28 | * DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, | |
29 | * DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER | |
30 | * IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT | |
31 | * OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. | |
32 | */ | |
33 | ||
34 | /* | |
35 | * Creator: | |
36 | * Joe Hewitt | |
37 | * Contributors | |
38 | * John J. Barton (IBM Almaden) | |
39 | * Jan Odvarko (Mozilla Corp.) | |
40 | * Max Stepanov (Aptana Inc.) | |
41 | * Rob Campbell (Mozilla Corp.) | |
42 | * Hans Hillen (Paciello Group, Mozilla) | |
43 | * Curtis Bartley (Mozilla Corp.) | |
44 | * Mike Collins (IBM Almaden) | |
45 | * Kevin Decker | |
46 | * Mike Ratcliffe (Comartis AG) | |
47 | * Hernan RodrÃguez Colmeiro | |
48 | * Austin Andrews | |
49 | * Christoph Dorn | |
50 | * Steven Roussey (AppCenter Inc, Network54) | |
51 | */ | |
52 | ||
53 | /* XXX: THIS IS TOO EXPERIMENTAL TO BE LCARStrek-themed!!!! */ | |
54 | ||
55 | html { | |
56 | background-color: -moz-dialog; | |
57 | } | |
58 | ||
59 | body { | |
60 | margin: 0; | |
61 | overflow: auto; | |
62 | font-family: Lucida Grande, sans-serif; | |
63 | font-size: 11px; | |
64 | } | |
65 | ||
66 | h1 { | |
67 | font-size: 17px; | |
68 | border-bottom: 1px solid threedlightshadow; | |
69 | } | |
70 | ||
71 | a { | |
72 | color: #0000ff; | |
73 | } | |
74 | ||
75 | pre { | |
76 | margin: 0; | |
77 | font: inherit; | |
78 | } | |
79 | ||
80 | code { | |
81 | display: block; | |
82 | white-space: pre; | |
83 | } | |
84 | ||
85 | /* DOMPlate */ | |
86 | ||
87 | .objectLink-element, | |
88 | .objectLink-textNode, | |
89 | .objectLink-function, | |
90 | .objectBox-stackTrace, | |
91 | .objectLink-profile { | |
8ad8bf83 | 92 | font-family: "Liberation Mono", Consolas, "Courier New", monospace; |
2ca00acf RK |
93 | } |
94 | ||
95 | .objectLink-textNode { | |
96 | white-space: pre-wrap; | |
97 | } | |
98 | ||
99 | .objectLink-styleRule, | |
100 | .objectLink-element, | |
101 | .objectLink-textNode { | |
102 | color: #000088; | |
103 | } | |
104 | ||
105 | .selectorTag, | |
106 | .selectorId, | |
107 | .selectorClass { | |
8ad8bf83 | 108 | font-family: "Liberation Mono", Consolas, "Courier New", monospace; |
2ca00acf RK |
109 | font-weight: normal; |
110 | } | |
111 | ||
112 | .selectorTag { | |
113 | color: #0000FF; | |
114 | } | |
115 | ||
116 | .selectorId { | |
117 | color: DarkBlue; | |
118 | } | |
119 | ||
120 | .selectorClass { | |
121 | color: red; | |
122 | } | |
123 | ||
124 | .selectorHidden > .selectorTag { | |
125 | color: #5F82D9; | |
126 | } | |
127 | ||
128 | .selectorHidden > .selectorId { | |
129 | color: #888888; | |
130 | } | |
131 | ||
132 | .selectorHidden > .selectorClass { | |
133 | color: #D86060; | |
134 | } | |
135 | ||
136 | .selectorValue { | |
8ad8bf83 | 137 | font-family: "Liberation Mono", Consolas, "Courier New", monospace; |
2ca00acf RK |
138 | font-style: italic; |
139 | color: #555555; | |
140 | } | |
141 | ||
142 | .panelNode-html { | |
143 | -moz-box-sizing: padding-box; | |
144 | padding: 4px 0 0 2px; | |
145 | } | |
146 | ||
147 | .nodeBox { | |
148 | position: relative; | |
8ad8bf83 | 149 | font-family: "Liberation Mono", Consolas, "Courier New", monospace; |
2ca00acf RK |
150 | padding-left: 13px; |
151 | -moz-user-select: -moz-none; | |
152 | } | |
153 | ||
154 | .nodeBox.search-selection { | |
155 | -moz-user-select: text; | |
156 | } | |
157 | ||
158 | .twisty { | |
159 | position: absolute; | |
160 | left: 0px; | |
161 | top: 0px; | |
162 | width: 14px; | |
163 | height: 14px; | |
164 | } | |
165 | ||
166 | .nodeChildBox { | |
167 | margin-left: 12px; | |
168 | display: none; | |
169 | } | |
170 | ||
171 | .nodeLabel, | |
172 | .nodeCloseLabel { | |
173 | margin: -2px 2px 0 2px; | |
174 | border: 2px solid transparent; | |
175 | border-radius: 3px; | |
176 | padding: 0 2px; | |
177 | color: #000088; | |
178 | } | |
179 | ||
180 | .nodeCloseLabel { | |
181 | display: none; | |
182 | } | |
183 | ||
184 | .nodeTag { | |
185 | cursor: pointer; | |
186 | color: blue; | |
187 | } | |
188 | ||
189 | .nodeValue { | |
190 | color: #FF0000; | |
191 | font-weight: normal; | |
192 | } | |
193 | ||
194 | .nodeText, | |
195 | .nodeComment { | |
196 | margin: 0 2px; | |
197 | vertical-align: top; | |
198 | } | |
199 | ||
200 | .nodeText { | |
201 | color: #333333; | |
202 | } | |
203 | ||
204 | .docType { | |
205 | position: absolute; | |
4c765db1 RK |
206 | /* position DOCTYPE element above/outside the "nodeBox" that contains it */ |
207 | /* Note: to be fixed in Bug #688439 */ | |
2ca00acf | 208 | top: -16px; |
8ad8bf83 | 209 | font-family: "Liberation Mono", Consolas, "Courier New", monospace; |
2ca00acf RK |
210 | padding-left: 8px; |
211 | color: #999; | |
212 | white-space: nowrap; | |
213 | font-style: italic; | |
214 | } | |
215 | ||
216 | .htmlNodeBox { | |
4c765db1 RK |
217 | /* make room for DOCTYPE element to be rendered above/outside "nodeBox" */ |
218 | /* Note: to be fixed in Bug #688439 */ | |
219 | margin-top: 16px; | |
2ca00acf RK |
220 | } |
221 | ||
222 | .nodeWhiteSpace { | |
223 | border: 1px solid LightGray; | |
224 | white-space: pre; | |
225 | margin-left: 1px; | |
226 | color: gray; | |
227 | } | |
228 | ||
229 | .nodeWhiteSpace_Space { | |
230 | border: 1px solid #ddd; | |
231 | } | |
232 | ||
233 | .nodeTextEntity { | |
234 | border: 1px solid gray; | |
235 | white-space: pre; | |
236 | margin-left: 1px; | |
237 | } | |
238 | ||
239 | .nodeComment { | |
240 | color: DarkGreen; | |
241 | } | |
242 | ||
243 | .nodeBox.highlightOpen > .nodeLabel { | |
244 | background-color: #EEEEEE; | |
245 | } | |
246 | ||
247 | .nodeBox.highlightOpen > .nodeCloseLabel, | |
248 | .nodeBox.highlightOpen > .nodeChildBox, | |
249 | .nodeBox.open > .nodeCloseLabel, | |
250 | .nodeBox.open > .nodeChildBox { | |
251 | display: block; | |
252 | } | |
253 | ||
254 | .nodeBox.selected > .nodeLabel > .nodeLabelBox, | |
255 | .nodeBox.selected > .nodeLabel { | |
256 | border-color: Highlight; | |
257 | background-color: Highlight; | |
258 | color: HighlightText !important; | |
259 | } | |
260 | ||
261 | .nodeBox.selected > .nodeLabel > .nodeLabelBox, | |
262 | .nodeBox.selected > .nodeLabel > .nodeLabelBox > .nodeTag, | |
263 | .nodeBox.selected > .nodeLabel > .nodeLabelBox > .nodeAttr > .nodeValue, | |
264 | .nodeBox.selected > .nodeLabel > .nodeLabelBox > .nodeText { | |
265 | color: inherit !important; | |
266 | } | |
267 | ||
268 | .nodeBox.highlighted > .nodeLabel { | |
269 | border-color: Highlight !important; | |
270 | background-color: cyan !important; | |
271 | color: #000000 !important; | |
272 | } | |
273 | ||
274 | .nodeBox.highlighted > .nodeLabel > .nodeLabelBox, | |
275 | .nodeBox.highlighted > .nodeLabel > .nodeLabelBox > .nodeTag, | |
276 | .nodeBox.highlighted > .nodeLabel > .nodeLabelBox > .nodeAttr > .nodeValue, | |
277 | .nodeBox.highlighted > .nodeLabel > .nodeLabelBox > .nodeText { | |
278 | color: #000000 !important; | |
279 | } | |
280 | ||
281 | .nodeBox.nodeHidden .nodeLabel > .nodeLabelBox, | |
282 | .nodeBox.nodeHidden .nodeCloseLabel, | |
283 | .nodeBox.nodeHidden .nodeLabel > .nodeLabelBox > .nodeText, | |
284 | .nodeBox.nodeHidden .nodeText { | |
285 | color: #888888; | |
286 | } | |
287 | ||
288 | .nodeBox.nodeHidden .nodeLabel > .nodeLabelBox > .nodeTag, | |
289 | .nodeBox.nodeHidden .nodeCloseLabel > .nodeCloseLabelBox > .nodeTag { | |
290 | color: #5F82D9; | |
291 | } | |
292 | ||
293 | .nodeBox.nodeHidden .nodeLabel > .nodeLabelBox > .nodeAttr > .nodeValue { | |
294 | color: #D86060; | |
295 | } | |
296 | ||
297 | .nodeBox.nodeHidden.selected > .nodeLabel > .nodeLabelBox, | |
298 | .nodeBox.nodeHidden.selected > .nodeLabel > .nodeLabelBox > .nodeTag, | |
299 | .nodeBox.nodeHidden.selected > .nodeLabel > .nodeLabelBox > .nodeAttr > .nodeValue, | |
300 | .nodeBox.nodeHidden.selected > .nodeLabel > .nodeLabelBox > .nodeText { | |
301 | color: SkyBlue !important; | |
302 | } | |
303 | ||
304 | .nodeBox.mutated > .nodeLabel, | |
305 | .nodeAttr.mutated, | |
306 | .nodeValue.mutated, | |
307 | .nodeText.mutated, | |
308 | .nodeBox.mutated > .nodeText { | |
309 | background-color: #EFFF79; | |
310 | color: #FF0000 !important; | |
311 | } | |
312 | ||
313 | .nodeBox.selected.mutated > .nodeLabel, | |
314 | .nodeBox.selected.mutated > .nodeLabel > .nodeLabelBox, | |
315 | .nodeBox.selected > .nodeLabel > .nodeLabelBox > .nodeAttr.mutated > .nodeValue, | |
316 | .nodeBox.selected > .nodeLabel > .nodeLabelBox > .nodeAttr > .nodeValue.mutated, | |
317 | .nodeBox.selected > .nodeLabel > .nodeLabelBox > .nodeText.mutated { | |
318 | background-color: #EFFF79; | |
319 | border-color: #EFFF79; | |
320 | color: #FF0000 !important; | |
321 | } | |
322 | ||
323 | .logRow-dirxml { | |
324 | padding-left: 0; | |
325 | } | |
326 | ||
327 | .soloElement > .nodeBox { | |
328 | padding-left: 0; | |
329 | } | |
330 | ||
331 | .nodeBox.selected > .nodeLabel > .nodeLabelBox, | |
332 | .nodeBox.selected > .nodeLabel { | |
333 | border-color: #3875d7; | |
334 | background-color: #3875d7; | |
335 | color: #FFFFFF !important; | |
336 | } | |
337 | ||
338 | .nodeBox.highlighted > .nodeLabel { | |
339 | border-color: #3875d7 !important; | |
340 | } | |
341 | ||
342 | /* Twisties */ | |
343 | ||
344 | .twisty | |
345 | { | |
346 | background-repeat: no-repeat; | |
347 | background-position: center; | |
348 | background-image: url("chrome://global/skin/tree/twisty-clsd.png") !important; | |
349 | } | |
350 | ||
351 | .nodeBox.highlightOpen > .nodeLabel > .twisty, | |
352 | .nodeBox.open > .nodeLabel > .twisty | |
353 | { | |
354 | background-image: url("chrome://global/skin/tree/twisty-open.png") !important; | |
355 | } | |
356 | ||
4c765db1 RK |
357 | .editingAttributeValue { |
358 | background-color: #008484; | |
359 | } | |
360 | ||
361 | #attribute-editor { | |
362 | visibility: hidden; | |
363 | position: absolute; | |
364 | z-index: 5000; | |
365 | background-color: #000000; | |
366 | border: 1px solid #9C9CFF; | |
367 | } | |
368 | ||
369 | #attribute-editor.editing { | |
370 | visibility: visible; | |
371 | } | |
372 | ||
373 | #attribute-editor-input { | |
374 | border: none; | |
375 | padding: 2px 5px; | |
8ad8bf83 | 376 | font-family: "Liberation Mono", Consolas, "Courier New", monospace; |
4c765db1 RK |
377 | font-size: 11px; |
378 | } |