1/* See license.txt for terms of usage */
2
3.panelNode-html {
4    -moz-box-sizing: padding-box;
5    padding: 4px 0 0 2px;
6}
7
8.nodeBox {
9    position: relative;
10    font-family: Monaco, monospace;
11    padding-left: 13px;
12    -moz-user-select: -moz-none;
13}
14.nodeBox.search-selection {
15    -moz-user-select: text;
16}
17.twisty {
18    position: absolute;
19    left: 0px;
20    top: 0px;
21    width: 14px;
22    height: 14px;
23}
24
25.nodeChildBox {
26    margin-left: 12px;
27    display: none;
28}
29
30.nodeLabel,
31.nodeCloseLabel {
32    margin: -2px 2px 0 2px;
33    border: 2px solid transparent;
34    -moz-border-radius: 3px;
35    padding: 0 2px;
36    color: #000088;
37}
38
39.nodeCloseLabel {
40    display: none;
41}
42
43.nodeTag {
44    cursor: pointer;
45    color: blue;
46}
47
48.nodeValue {
49    color: #FF0000;
50    font-weight: normal;
51}
52
53.nodeText,
54.nodeComment {
55    margin: 0 2px;
56    vertical-align: top;
57}
58
59.nodeText {
60    color: #333333;
61}
62
63.nodeWhiteSpace {
64    border: 1px solid LightGray;
65    white-space: pre; /* otherwise the border will be collapsed around zero pixels */
66    margin-left: 1px;
67    color: gray;
68}
69
70
71.nodeWhiteSpace_Space {
72    border: 1px solid #ddd;
73}
74
75.nodeTextEntity {
76    border: 1px solid gray;
77    white-space: pre; /* otherwise the border will be collapsed around zero pixels */
78    margin-left: 1px;
79}
80
81.nodeComment {
82    color: DarkGreen;
83}
84
85/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
86
87.nodeBox.highlightOpen > .nodeLabel {
88    background-color: #EEEEEE;
89}
90
91.nodeBox.highlightOpen > .nodeCloseLabel,
92.nodeBox.highlightOpen > .nodeChildBox,
93.nodeBox.open > .nodeCloseLabel,
94.nodeBox.open > .nodeChildBox {
95    display: block;
96}
97
98/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
99
100.nodeBox.selected > .nodeLabel > .nodeLabelBox,
101.nodeBox.selected > .nodeLabel {
102    border-color: Highlight;
103    background-color: Highlight;
104    color: HighlightText !important;
105}
106
107.nodeBox.selected > .nodeLabel > .nodeLabelBox,
108.nodeBox.selected > .nodeLabel > .nodeLabelBox > .nodeTag,
109.nodeBox.selected > .nodeLabel > .nodeLabelBox > .nodeAttr > .nodeValue,
110.nodeBox.selected > .nodeLabel > .nodeLabelBox > .nodeText {
111    color: inherit !important;
112}
113
114/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
115
116.nodeBox.highlighted > .nodeLabel {
117    border-color: Highlight !important;
118    background-color: cyan !important;
119    color: #000000 !important;
120}
121
122.nodeBox.highlighted > .nodeLabel > .nodeLabelBox,
123.nodeBox.highlighted > .nodeLabel > .nodeLabelBox > .nodeTag,
124.nodeBox.highlighted > .nodeLabel > .nodeLabelBox > .nodeAttr > .nodeValue,
125.nodeBox.highlighted > .nodeLabel > .nodeLabelBox > .nodeText {
126    color: #000000 !important;
127}
128
129/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
130
131.nodeBox.nodeHidden .nodeLabel > .nodeLabelBox,
132.nodeBox.nodeHidden .nodeCloseLabel,
133.nodeBox.nodeHidden .nodeLabel > .nodeLabelBox > .nodeText,
134.nodeBox.nodeHidden .nodeText {
135    color: #888888;
136}
137
138.nodeBox.nodeHidden .nodeLabel > .nodeLabelBox > .nodeTag,
139.nodeBox.nodeHidden .nodeCloseLabel > .nodeCloseLabelBox > .nodeTag {
140    color: #5F82D9;
141}
142
143.nodeBox.nodeHidden .nodeLabel > .nodeLabelBox > .nodeAttr > .nodeValue {
144    color: #D86060;
145}
146
147.nodeBox.nodeHidden.selected > .nodeLabel > .nodeLabelBox,
148.nodeBox.nodeHidden.selected > .nodeLabel > .nodeLabelBox > .nodeTag,
149.nodeBox.nodeHidden.selected > .nodeLabel > .nodeLabelBox > .nodeAttr > .nodeValue,
150.nodeBox.nodeHidden.selected > .nodeLabel > .nodeLabelBox > .nodeText {
151    color: SkyBlue !important;
152}
153
154/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
155
156.nodeBox.mutated > .nodeLabel,
157.nodeAttr.mutated,
158.nodeValue.mutated,
159.nodeText.mutated,
160.nodeBox.mutated > .nodeText {
161    background-color: #EFFF79;
162    color: #FF0000 !important;
163}
164
165.nodeBox.selected.mutated > .nodeLabel,
166.nodeBox.selected.mutated > .nodeLabel > .nodeLabelBox,
167.nodeBox.selected > .nodeLabel > .nodeLabelBox > .nodeAttr.mutated > .nodeValue,
168.nodeBox.selected > .nodeLabel > .nodeLabelBox > .nodeAttr > .nodeValue.mutated,
169.nodeBox.selected > .nodeLabel > .nodeLabelBox > .nodeText.mutated {
170    background-color: #EFFF79;
171    border-color: #EFFF79;
172    color: #FF0000 !important;
173}
174
175/************************************************************************************************/
176
177.logRow-dirxml {
178    padding-left: 0;
179}
180
181.soloElement > .nodeBox  {
182    padding-left: 0;
183}
184
185.useA11y .nodeLabel.focused {
186    outline: 2px solid #FF9933;
187    -moz-outline-radius: 3px;
188    outline-offset: -2px;
189}
190
191.useA11y .nodeLabelBox:focus {
192    outline: none;
193}
194
195/************************************************************************************************/
196
197.breakpointCode .twisty {
198    display: none;
199}
200
201.breakpointCode .nodeBox.containerNodeBox,
202.breakpointCode .nodeLabel {
203    padding-left: 0px;
204    margin-left: 0px;
205    font-family: Monaco, monospace !important;
206}
207
208.breakpointCode .nodeTag,
209.breakpointCode .nodeAttr,
210.breakpointCode .nodeText,
211.breakpointCode .nodeValue,
212.breakpointCode .nodeLabel {
213    color: DarkGreen !important;
214}
215
216.breakpointMutationType {
217    position: absolute;
218    top: 4px;
219    right: 20px;
220    color: gray;
221}
222
223
224
225
226
227
228/************************************************************************************************/
229/************************************************************************************************/
230/************************************************************************************************/
231/************************************************************************************************/
232/************************************************************************************************/
233/************************************************************************************************/
234/************************************************************************************************/
235/************************************************************************************************/
236/************************************************************************************************/
237/************************************************************************************************/
238
239
240
241/************************************************************************************************/
242/* Twisties */
243
244.twisty,
245.logRow-errorMessage > .hasTwisty > .errorTitle,
246.logRow-log > .objectBox-array.hasTwisty,
247.logRow-spy .spyHead .spyTitle,
248.logGroup > .logRow,
249.memberRow.hasChildren > .memberLabelCell > .memberLabel,
250.hasHeaders .netHrefLabel,
251.netPageRow > .netCol > .netPageTitle {
252    background-image: url(twistyClosed.png);
253    background-repeat: no-repeat;
254    background-position: 2px 2px;
255	min-height: 12px;
256}
257
258.logRow-errorMessage > .hasTwisty.opened > .errorTitle,
259.logRow-log > .objectBox-array.hasTwisty.opened,
260.logRow-spy.opened .spyHead .spyTitle,
261.logGroup.opened > .logRow,
262.memberRow.hasChildren.opened > .memberLabelCell > .memberLabel,
263.nodeBox.highlightOpen > .nodeLabel > .twisty,
264.nodeBox.open > .nodeLabel > .twisty,
265.netRow.opened > .netCol > .netHrefLabel,
266.netPageRow.opened > .netCol > .netPageTitle {
267    background-image: url(twistyOpen.png);
268}
269
270.twisty {
271    background-position: 4px 4px;
272}