1 |
|
2 html, body { |
|
3 margin: 0; |
|
4 background: #FFFFFF; |
|
5 font-family: Lucida Grande, Tahoma, sans-serif; |
|
6 font-size: 11px; |
|
7 overflow: hidden; |
|
8 } |
|
9 |
|
10 a { |
|
11 text-decoration: none; |
|
12 } |
|
13 |
|
14 a:hover { |
|
15 text-decoration: underline; |
|
16 } |
|
17 |
|
18 .toolbar { |
|
19 height: 14px; |
|
20 border-top: 1px solid ThreeDHighlight; |
|
21 border-bottom: 1px solid ThreeDShadow; |
|
22 padding: 2px 6px; |
|
23 background: ThreeDFace; |
|
24 } |
|
25 |
|
26 .toolbarRight { |
|
27 position: absolute; |
|
28 top: 4px; |
|
29 right: 6px; |
|
30 } |
|
31 |
|
32 #log { |
|
33 overflow: auto; |
|
34 position: absolute; |
|
35 left: 0; |
|
36 width: 100%; |
|
37 } |
|
38 |
|
39 #commandLine { |
|
40 position: absolute; |
|
41 bottom: 0; |
|
42 left: 0; |
|
43 width: 100%; |
|
44 height: 18px; |
|
45 border: none; |
|
46 border-top: 1px solid ThreeDShadow; |
|
47 } |
|
48 |
|
49 /************************************************************************************************/ |
|
50 |
|
51 .logRow { |
|
52 position: relative; |
|
53 border-bottom: 1px solid #D7D7D7; |
|
54 padding: 2px 4px 1px 6px; |
|
55 background-color: #FFFFFF; |
|
56 } |
|
57 |
|
58 .logRow-command { |
|
59 font-family: Monaco, monospace; |
|
60 color: blue; |
|
61 } |
|
62 |
|
63 .objectBox-null { |
|
64 padding: 0 2px; |
|
65 border: 1px solid #666666; |
|
66 background-color: #888888; |
|
67 color: #FFFFFF; |
|
68 } |
|
69 |
|
70 .objectBox-string { |
|
71 font-family: Monaco, monospace; |
|
72 color: red; |
|
73 white-space: pre; |
|
74 } |
|
75 |
|
76 .objectBox-number { |
|
77 color: #000088; |
|
78 } |
|
79 |
|
80 .objectBox-function { |
|
81 font-family: Monaco, monospace; |
|
82 color: DarkGreen; |
|
83 } |
|
84 |
|
85 .objectBox-object { |
|
86 color: DarkGreen; |
|
87 font-weight: bold; |
|
88 } |
|
89 |
|
90 /************************************************************************************************/ |
|
91 |
|
92 .logRow-info, |
|
93 .logRow-error, |
|
94 .logRow-warning { |
|
95 background: #FFFFFF no-repeat 2px 2px; |
|
96 padding-left: 20px; |
|
97 padding-bottom: 3px; |
|
98 } |
|
99 |
|
100 .logRow-info { |
|
101 background-image: url(infoIcon.png); |
|
102 } |
|
103 |
|
104 .logRow-warning { |
|
105 background-color: cyan; |
|
106 background-image: url(warningIcon.png); |
|
107 } |
|
108 |
|
109 .logRow-error { |
|
110 background-color: LightYellow; |
|
111 background-image: url(errorIcon.png); |
|
112 } |
|
113 |
|
114 .errorMessage { |
|
115 vertical-align: top; |
|
116 color: #FF0000; |
|
117 } |
|
118 |
|
119 .objectBox-sourceLink { |
|
120 position: absolute; |
|
121 right: 4px; |
|
122 top: 2px; |
|
123 padding-left: 8px; |
|
124 font-family: Lucida Grande, sans-serif; |
|
125 font-weight: bold; |
|
126 color: #0000FF; |
|
127 } |
|
128 |
|
129 /************************************************************************************************/ |
|
130 |
|
131 .logRow-group { |
|
132 background: #EEEEEE; |
|
133 border-bottom: none; |
|
134 } |
|
135 |
|
136 .logGroup { |
|
137 background: #EEEEEE; |
|
138 } |
|
139 |
|
140 .logGroupBox { |
|
141 margin-left: 24px; |
|
142 border-top: 1px solid #D7D7D7; |
|
143 border-left: 1px solid #D7D7D7; |
|
144 } |
|
145 |
|
146 /************************************************************************************************/ |
|
147 |
|
148 .selectorTag, |
|
149 .selectorId, |
|
150 .selectorClass { |
|
151 font-family: Monaco, monospace; |
|
152 font-weight: normal; |
|
153 } |
|
154 |
|
155 .selectorTag { |
|
156 color: #0000FF; |
|
157 } |
|
158 |
|
159 .selectorId { |
|
160 color: DarkBlue; |
|
161 } |
|
162 |
|
163 .selectorClass { |
|
164 color: red; |
|
165 } |
|
166 |
|
167 /************************************************************************************************/ |
|
168 |
|
169 .objectBox-element { |
|
170 font-family: Monaco, monospace; |
|
171 color: #000088; |
|
172 } |
|
173 |
|
174 .nodeChildren { |
|
175 margin-left: 16px; |
|
176 } |
|
177 |
|
178 .nodeTag { |
|
179 color: blue; |
|
180 } |
|
181 |
|
182 .nodeValue { |
|
183 color: #FF0000; |
|
184 font-weight: normal; |
|
185 } |
|
186 |
|
187 .nodeText, |
|
188 .nodeComment { |
|
189 margin: 0 2px; |
|
190 vertical-align: top; |
|
191 } |
|
192 |
|
193 .nodeText { |
|
194 color: #333333; |
|
195 } |
|
196 |
|
197 .nodeComment { |
|
198 color: DarkGreen; |
|
199 } |
|
200 |
|
201 /************************************************************************************************/ |
|
202 |
|
203 .propertyNameCell { |
|
204 vertical-align: top; |
|
205 } |
|
206 |
|
207 .propertyName { |
|
208 font-weight: bold; |
|
209 } |
|