1 |
1 html,body{margin:0;background:#FFF;font-family:Lucida Grande,Tahoma,sans-serif;font-size:11px;overflow:hidden;}a{text-decoration:none;}a:hover{text-decoration:underline;}.toolbar{height:14px;border-top:1px solid ThreeDHighlight;border-bottom:1px solid ThreeDShadow;padding:2px 6px;background:ThreeDFace;}.toolbarRight{position:absolute;top:4px;right:6px;}#log{overflow:auto;position:absolute;left:0;width:100%;}#commandLine{position:absolute;bottom:0;left:0;width:100%;height:18px;border:none;border-top:1px solid ThreeDShadow;}.logRow{position:relative;border-bottom:1px solid #D7D7D7;padding:2px 4px 1px 6px;background-color:#FFF;}.logRow-command{font-family:Monaco,monospace;color:blue;}.objectBox-null{padding:0 2px;border:1px solid #666;background-color:#888;color:#FFF;}.objectBox-string{font-family:Monaco,monospace;color:red;white-space:pre;}.objectBox-number{color:#008;}.objectBox-function{font-family:Monaco,monospace;color:DarkGreen;}.objectBox-object{color:DarkGreen;font-weight:bold;}.logRow-info,.logRow-error,.logRow-warning{background:#FFF no-repeat 2px 2px;padding-left:20px;padding-bottom:3px;}.logRow-info{background-image:url(infoIcon.png);}.logRow-warning{background-color:cyan;background-image:url(warningIcon.png);}.logRow-error{background-color:LightYellow;background-image:url(errorIcon.png);}.errorMessage{vertical-align:top;color:#F00;}.objectBox-sourceLink{position:absolute;right:4px;top:2px;padding-left:8px;font-family:Lucida Grande,sans-serif;font-weight:bold;color:#00F;}.logRow-group{background:#EEE;border-bottom:none;}.logGroup{background:#EEE;}.logGroupBox{margin-left:24px;border-top:1px solid #D7D7D7;border-left:1px solid #D7D7D7;}.selectorTag,.selectorId,.selectorClass{font-family:Monaco,monospace;font-weight:normal;}.selectorTag{color:#00F;}.selectorId{color:DarkBlue;}.selectorClass{color:red;}.objectBox-element{font-family:Monaco,monospace;color:#008;}.nodeChildren{margin-left:16px;}.nodeTag{color:blue;}.nodeValue{color:#F00;font-weight:normal;}.nodeText,.nodeComment{margin:0 2px;vertical-align:top;}.nodeText{color:#333;}.nodeComment{color:DarkGreen;}.propertyNameCell{vertical-align:top;}.propertyName{font-weight:bold;} |
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 } |
|