1/* See license.txt for terms of usage */
2
3.panelNode-script {
4    overflow: hidden;
5    font-family: monospace;
6}
7
8/************************************************************************************************/
9
10.scriptTooltip {
11    position: fixed;
12    z-index: 2147483647;
13    padding: 2px 3px;
14    border: 1px solid #CBE087;
15    background: LightYellow;
16    font-family: monospace;
17    color: #000000;
18}
19
20/************************************************************************************************/
21
22.sourceBox {
23    /* TODO: xxxpedro problem with sourceBox and scrolling elements */
24    /*overflow: scroll; /* see issue 1479 */
25    position: absolute;
26    left: 0;
27    top: 0;
28    width: 100%;
29    height: 100%;
30}
31
32.sourceRow {
33    white-space: nowrap;
34    -moz-user-select: text;
35}
36
37.sourceRow.hovered {
38    background-color: #EEEEEE;
39}
40
41/************************************************************************************************/
42
43.sourceLine {
44    -moz-user-select: none;
45    margin-right: 10px;
46    border-right: 1px solid #CCCCCC;
47    padding: 0px 4px 0 20px;
48    background: #EEEEEE no-repeat 2px 0px;
49    color: #888888;
50    white-space: pre;
51    font-family: monospace; /* see issue 2953 */
52}
53
54.noteInToolTip { /* below sourceLine, so it overrides it */
55    background-color: #FFD472;
56}
57
58.useA11y .sourceBox .sourceViewport:focus .sourceLine {
59    background-color: #FFFFC0;
60    color: navy;
61    border-right: 1px solid black;
62}
63
64.useA11y .sourceBox .sourceViewport:focus {
65    outline: none;
66}
67
68.a11y1emSize {
69    width: 1em;
70    height: 1em;
71    position: absolute;
72}
73
74.useA11y .panelStatusLabel:focus {
75    outline-offset: -2px !important;
76 }
77
78.sourceBox > .sourceRow > .sourceLine {
79    cursor: pointer;
80}
81
82.sourceLine:hover {
83    text-decoration: none;
84}
85
86.sourceRowText {
87    white-space: pre;
88}
89
90.sourceRow[exe_line="true"] {
91    outline: 1px solid #D9D9B6;
92    margin-right: 1px;
93    background-color: lightgoldenrodyellow;
94}
95
96.sourceRow[executable="true"] > .sourceLine {
97    content: "-";
98    color: #4AA02C;  /* Spring Green */
99    font-weight: bold;
100}
101
102.sourceRow[exe_line="true"] > .sourceLine {
103    background-image: url(chrome://firebug/skin/exe.png);
104    color: #000000;
105}
106
107.sourceRow[breakpoint="true"] > .sourceLine {
108    background-image: url(chrome://firebug/skin/breakpoint.png);
109}
110
111.sourceRow[breakpoint="true"][condition="true"] > .sourceLine {
112    background-image: url(chrome://firebug/skin/breakpointCondition.png);
113}
114
115.sourceRow[breakpoint="true"][disabledBreakpoint="true"] > .sourceLine {
116    background-image: url(chrome://firebug/skin/breakpointDisabled.png);
117}
118
119.sourceRow[breakpoint="true"][exe_line="true"] > .sourceLine {
120    background-image: url(chrome://firebug/skin/breakpointExe.png);
121}
122
123.sourceRow[breakpoint="true"][exe_line="true"][disabledBreakpoint="true"] > .sourceLine {
124    background-image: url(chrome://firebug/skin/breakpointDisabledExe.png);
125}
126
127.sourceLine.editing {
128    background-image: url(chrome://firebug/skin/breakpoint.png);
129}
130
131/************************************************************************************************/
132
133.conditionEditor {
134    z-index: 2147483647;
135    position: absolute;
136    margin-top: 0;
137    left: 2px;
138    width: 90%;
139}
140
141.conditionEditorInner {
142    position: relative;
143    top: -26px;
144    height: 0;
145}
146
147.conditionCaption {
148    margin-bottom: 2px;
149    font-family: Lucida Grande, sans-serif;
150    font-weight: bold;
151    font-size: 11px;
152    color: #226679;
153}
154
155.conditionInput {
156    width: 100%;
157    border: 1px solid #0096C0;
158    font-family: monospace;
159    font-size: inherit;
160}
161
162.conditionEditorInner1 {
163    padding-left: 37px;
164    background: url(condBorders.png) repeat-y;
165}
166
167.conditionEditorInner2 {
168    padding-right: 25px;
169    background: url(condBorders.png) repeat-y 100% 0;
170}
171
172.conditionEditorTop1 {
173    background: url(condCorners.png) no-repeat 100% 0;
174    margin-left: 37px;
175    height: 35px;
176}
177
178.conditionEditorTop2 {
179    position: relative;
180    left: -37px;
181    width: 37px;
182    height: 35px;
183    background: url(condCorners.png) no-repeat;
184}
185
186.conditionEditorBottom1 {
187    background: url(condCorners.png) no-repeat 100% 100%;
188    margin-left: 37px;
189    height: 33px;
190}
191
192.conditionEditorBottom2 {
193    position: relative;    left: -37px;
194    width: 37px;
195    height: 33px;
196    background: url(condCorners.png) no-repeat 0 100%;
197}
198
199/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
200
201.upsideDown {
202    margin-top: 2px;
203}
204
205.upsideDown .conditionEditorInner {
206    top: -8px;
207}
208
209.upsideDown .conditionEditorInner1 {
210    padding-left: 33px;
211    background: url(condBordersUps.png) repeat-y;
212}
213
214.upsideDown .conditionEditorInner2 {
215    padding-right: 25px;
216    background: url(condBordersUps.png) repeat-y 100% 0;
217}
218
219.upsideDown .conditionEditorTop1 {
220    background: url(condCornersUps.png) no-repeat 100% 0;
221    margin-left: 33px;
222    height: 25px;
223}
224
225.upsideDown .conditionEditorTop2 {
226    position: relative;
227    left: -33px;
228    width: 33px;
229    height: 25px;
230    background: url(condCornersUps.png) no-repeat;
231}
232
233.upsideDown .conditionEditorBottom1 {
234    background: url(condCornersUps.png) no-repeat 100% 100%;
235    margin-left: 33px;
236    height: 43px;
237}
238
239.upsideDown .conditionEditorBottom2 {
240    position: relative;
241    left: -33px;
242    width: 33px;
243    height: 43px;
244    background: url(condCornersUps.png) no-repeat 0 100%;
245}
246
247/************************************************************************************************/
248
249.breakpointsGroupListBox {
250  overflow: hidden;
251}
252
253.breakpointBlockHead {
254    position: relative;
255    padding-top: 4px;
256}
257
258.breakpointBlockHead > .checkbox {
259    margin-right: 4px;
260}
261
262.breakpointBlockHead > .objectLink-sourceLink {
263    top: 4px;
264    right: 20px;
265    background-color: #FFFFFF; /* issue 3308 */
266}
267
268.breakpointBlockHead > .closeButton {
269    position: absolute;
270    top: 2px;
271    right: 2px;
272}
273
274.breakpointCheckbox {
275    margin-top: 0;
276    vertical-align: top;
277}
278
279.breakpointName {
280    margin-left: 4px;
281    font-weight: bold;
282}
283
284.breakpointRow[aria-checked="false"] > .breakpointBlockHead > *,
285.breakpointRow[aria-checked="false"] > .breakpointCode {
286    opacity: 0.5;
287}
288
289.breakpointRow[aria-checked="false"] .breakpointCheckbox,
290.breakpointRow[aria-checked="false"] .objectLink-sourceLink,
291.breakpointRow[aria-checked="false"] .closeButton,
292.breakpointRow[aria-checked="false"] .breakpointMutationType {
293    opacity: 1.0 !important;
294}
295
296.breakpointCode {
297    overflow: hidden;
298    white-space: nowrap;
299    padding-left: 24px;
300    padding-bottom: 2px;
301    border-bottom: 1px solid #D7D7D7;
302    font-family: monospace;
303    color: DarkGreen;
304}
305
306.breakpointCondition {
307    white-space: nowrap;
308    padding-left: 24px;
309    padding-bottom: 2px;
310    border-bottom: 1px solid #D7D7D7;
311    font-family: monospace;
312    color: Gray;
313}
314
315.breakpointBlock-breakpoints > .groupHeader {
316    display: none;
317}
318
319.breakpointBlock-monitors > .breakpointCode {
320    padding: 0;
321}
322
323.breakpointBlock-errorBreakpoints .breakpointCheckbox,
324.breakpointBlock-monitors .breakpointCheckbox {
325    display: none;
326}
327
328.breakpointHeader {
329    margin: 0 !important;
330    border-top: none !important;
331}
332