finish up 2.5 versions of the themes
[themes.git] / LCARStrek / browser / inspector.css
CommitLineData
2ca00acf
RK
1/*
2 * Software License Agreement (BSD License)
3 *
4 * Copyright (c) 2007, Parakey Inc.
5 * All rights reserved.
6 *
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:
9 *
10 * * Redistributions of source code must retain the above
11 * copyright notice, this list of conditions and the
12 * following disclaimer.
13 *
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.
18 *
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.
23 *
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
55html {
56 background-color: -moz-dialog;
57}
58
59body {
60 margin: 0;
61 overflow: auto;
62 font-family: Lucida Grande, sans-serif;
63 font-size: 11px;
64}
65
66h1 {
67 font-size: 17px;
68 border-bottom: 1px solid threedlightshadow;
69}
70
71a {
72 color: #0000ff;
73}
74
75pre {
76 margin: 0;
77 font: inherit;
78}
79
80code {
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 {
92 font-family: Menlo, Andale Mono, monospace;
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 {
108 font-family: Menlo, Andale Mono, monospace;
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 {
137 font-family: Menlo, Andale Mono, monospace;
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;
149 font-family: Menlo, Andale Mono, monospace;
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;
206 top: -16px;
207 font-family: Menlo, Andale Mono, monospace;
208 padding-left: 8px;
209 color: #999;
210 white-space: nowrap;
211 font-style: italic;
212}
213
214.htmlNodeBox {
215 top: 16px;
216}
217
218.nodeWhiteSpace {
219 border: 1px solid LightGray;
220 white-space: pre;
221 margin-left: 1px;
222 color: gray;
223}
224
225.nodeWhiteSpace_Space {
226 border: 1px solid #ddd;
227}
228
229.nodeTextEntity {
230 border: 1px solid gray;
231 white-space: pre;
232 margin-left: 1px;
233}
234
235.nodeComment {
236 color: DarkGreen;
237}
238
239.nodeBox.highlightOpen > .nodeLabel {
240 background-color: #EEEEEE;
241}
242
243.nodeBox.highlightOpen > .nodeCloseLabel,
244.nodeBox.highlightOpen > .nodeChildBox,
245.nodeBox.open > .nodeCloseLabel,
246.nodeBox.open > .nodeChildBox {
247 display: block;
248}
249
250.nodeBox.selected > .nodeLabel > .nodeLabelBox,
251.nodeBox.selected > .nodeLabel {
252 border-color: Highlight;
253 background-color: Highlight;
254 color: HighlightText !important;
255}
256
257.nodeBox.selected > .nodeLabel > .nodeLabelBox,
258.nodeBox.selected > .nodeLabel > .nodeLabelBox > .nodeTag,
259.nodeBox.selected > .nodeLabel > .nodeLabelBox > .nodeAttr > .nodeValue,
260.nodeBox.selected > .nodeLabel > .nodeLabelBox > .nodeText {
261 color: inherit !important;
262}
263
264.nodeBox.highlighted > .nodeLabel {
265 border-color: Highlight !important;
266 background-color: cyan !important;
267 color: #000000 !important;
268}
269
270.nodeBox.highlighted > .nodeLabel > .nodeLabelBox,
271.nodeBox.highlighted > .nodeLabel > .nodeLabelBox > .nodeTag,
272.nodeBox.highlighted > .nodeLabel > .nodeLabelBox > .nodeAttr > .nodeValue,
273.nodeBox.highlighted > .nodeLabel > .nodeLabelBox > .nodeText {
274 color: #000000 !important;
275}
276
277.nodeBox.nodeHidden .nodeLabel > .nodeLabelBox,
278.nodeBox.nodeHidden .nodeCloseLabel,
279.nodeBox.nodeHidden .nodeLabel > .nodeLabelBox > .nodeText,
280.nodeBox.nodeHidden .nodeText {
281 color: #888888;
282}
283
284.nodeBox.nodeHidden .nodeLabel > .nodeLabelBox > .nodeTag,
285.nodeBox.nodeHidden .nodeCloseLabel > .nodeCloseLabelBox > .nodeTag {
286 color: #5F82D9;
287}
288
289.nodeBox.nodeHidden .nodeLabel > .nodeLabelBox > .nodeAttr > .nodeValue {
290 color: #D86060;
291}
292
293.nodeBox.nodeHidden.selected > .nodeLabel > .nodeLabelBox,
294.nodeBox.nodeHidden.selected > .nodeLabel > .nodeLabelBox > .nodeTag,
295.nodeBox.nodeHidden.selected > .nodeLabel > .nodeLabelBox > .nodeAttr > .nodeValue,
296.nodeBox.nodeHidden.selected > .nodeLabel > .nodeLabelBox > .nodeText {
297 color: SkyBlue !important;
298}
299
300.nodeBox.mutated > .nodeLabel,
301.nodeAttr.mutated,
302.nodeValue.mutated,
303.nodeText.mutated,
304.nodeBox.mutated > .nodeText {
305 background-color: #EFFF79;
306 color: #FF0000 !important;
307}
308
309.nodeBox.selected.mutated > .nodeLabel,
310.nodeBox.selected.mutated > .nodeLabel > .nodeLabelBox,
311.nodeBox.selected > .nodeLabel > .nodeLabelBox > .nodeAttr.mutated > .nodeValue,
312.nodeBox.selected > .nodeLabel > .nodeLabelBox > .nodeAttr > .nodeValue.mutated,
313.nodeBox.selected > .nodeLabel > .nodeLabelBox > .nodeText.mutated {
314 background-color: #EFFF79;
315 border-color: #EFFF79;
316 color: #FF0000 !important;
317}
318
319.logRow-dirxml {
320 padding-left: 0;
321}
322
323.soloElement > .nodeBox {
324 padding-left: 0;
325}
326
327.nodeBox.selected > .nodeLabel > .nodeLabelBox,
328.nodeBox.selected > .nodeLabel {
329 border-color: #3875d7;
330 background-color: #3875d7;
331 color: #FFFFFF !important;
332}
333
334.nodeBox.highlighted > .nodeLabel {
335 border-color: #3875d7 !important;
336}
337
338/* Twisties */
339
340.twisty
341{
342 background-repeat: no-repeat;
343 background-position: center;
344 background-image: url("chrome://global/skin/tree/twisty-clsd.png") !important;
345}
346
347.nodeBox.highlightOpen > .nodeLabel > .twisty,
348.nodeBox.open > .nodeLabel > .twisty
349{
350 background-image: url("chrome://global/skin/tree/twisty-open.png") !important;
351}
352