|
1 /* |
|
2 * Copyright (C) 2006 Apple Computer, Inc. All rights reserved. |
|
3 * Copyright (C) 2006 Vladimir Olexa (vladimir.olexa@gmail.com) |
|
4 * |
|
5 * Redistribution and use in source and binary forms, with or without |
|
6 * modification, are permitted provided that the following conditions |
|
7 * are met: |
|
8 * |
|
9 * 1. Redistributions of source code must retain the above copyright |
|
10 * notice, this list of conditions and the following disclaimer. |
|
11 * 2. Redistributions in binary form must reproduce the above copyright |
|
12 * notice, this list of conditions and the following disclaimer in the |
|
13 * documentation and/or other materials provided with the distribution. |
|
14 * 3. Neither the name of Apple Computer, Inc. ("Apple") nor the names of |
|
15 * its contributors may be used to endorse or promote products derived |
|
16 * from this software without specific prior written permission. |
|
17 * |
|
18 * THIS SOFTWARE IS PROVIDED BY APPLE AND ITS CONTRIBUTORS "AS IS" AND ANY |
|
19 * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED |
|
20 * WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE |
|
21 * DISCLAIMED. IN NO EVENT SHALL APPLE OR ITS CONTRIBUTORS BE LIABLE FOR ANY |
|
22 * DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES |
|
23 * (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; |
|
24 * LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND |
|
25 * ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT |
|
26 * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF |
|
27 * THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. |
|
28 */ |
|
29 |
|
30 img { padding: 0; margin: 0; } |
|
31 body { margin: 0; padding: 0; overflow: hidden; } |
|
32 iframe { border: none; } |
|
33 |
|
34 #fileBrowser { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 220px;} |
|
35 #fileList { position: absolute; top: 0; bottom: 0; left: 0; right: 10px; padding: 0; margin: 0; } |
|
36 #filesDivider { position: absolute; z-index: 10; right: 0px; bottom: 0px; top: 0; width: 10px; cursor: col-resize; background: url(verticalSplitterDimple.tiff) 50% no-repeat, url(verticalSplitterBar.tiff) repeat-y; width: 10px; } |
|
37 #masterMain { position: absolute; top: 0; bottom: 0; left: 0; right: 0; } |
|
38 #main { position: absolute; top: 0; bottom: 0; left: 220px; right: 0; } |
|
39 #info { position: absolute; top: 0; height: 175px; left: 0; right: 0; } |
|
40 #divider { cursor: row-resize; position: absolute; bottom: 0; left: 0; right: 0; background: url(splitterDimple.tif) 50% no-repeat, url(splitterBar.tif) repeat-x; height: 10px } |
|
41 #body { position: absolute; top: 175px; left: 0; right: 0; bottom: 0; } |
|
42 #sourcesContainer { position: absolute; top: 16px; left: 0; right: 0; bottom: 21px; background-color: white; } |
|
43 #sources { width: 100%; height: 100% } |
|
44 #header { vertical-align: top; height: 16px; -webkit-box-sizing: border-box; border-bottom: 1px solid #aaa; background: url(glossyHeader.png) repeat-x; position: absolute; top: 0; left: 0; right: 0; } |
|
45 #header > * { vertical-align: top; } |
|
46 .footer { height: 21px; -webkit-box-sizing: border-box; border-top: 1px solid #aaa; background: url(glossyFooterFill.tif) repeat-x; position: absolute; bottom: 0; left: 0; right: 0; } |
|
47 #infoDivider { position: absolute; z-index: 10; right: 0; left: 0; top: 0; bottom: 9px; width: 10px; cursor: col-resize; background: url(verticalSplitterDimple.tiff) 50% no-repeat, url(verticalSplitterBar.tiff) repeat-y; width: 10px; } |
|
48 |
|
49 #filesBrowserSites { |
|
50 position: absolute; |
|
51 font-family: "Lucida Grande", sans-serif; |
|
52 font-size: 11px; |
|
53 padding: 2px; |
|
54 overflow-x: hidden; |
|
55 overflow-y: auto; |
|
56 top: 16px; |
|
57 left: 0; |
|
58 right: 0; |
|
59 bottom: 21px; |
|
60 background-color: white; |
|
61 } |
|
62 |
|
63 #filesBrowserSites div { |
|
64 font-weight: normal; |
|
65 overflow: hidden; |
|
66 white-space: nowrap; |
|
67 padding-left: 26px; |
|
68 background: url(siteExpanded.tif) no-repeat 0px 0px; |
|
69 cursor: default; |
|
70 margin-bottom: 2px; |
|
71 } |
|
72 |
|
73 #filesBrowserSites div.expanded { |
|
74 background: url(siteExpanded.tif) no-repeat 0px 0px; |
|
75 } |
|
76 #filesBrowserSites div.collapsed { |
|
77 background: url(siteCollapsed.tif) no-repeat 0px 0px; |
|
78 } |
|
79 |
|
80 #filesBrowserSites div ul { |
|
81 margin: 0; |
|
82 padding: 0; |
|
83 list-style-type: none; |
|
84 font-weight: normal; |
|
85 } |
|
86 |
|
87 #filesBrowserSites div ul li { |
|
88 margin-left: -25px; |
|
89 height: 15px; |
|
90 padding-left: 38px; |
|
91 margin-top: 1px; |
|
92 margin-bottom: 1px; |
|
93 background: url(fileIcon.jpg) no-repeat 26px 0%; |
|
94 cursor: default; |
|
95 overflow: hidden; |
|
96 } |
|
97 |
|
98 #filesBrowserSites div ul li.active { |
|
99 background-color: #ccc; |
|
100 } |
|
101 |
|
102 #filesBrowserSites div ul li.passive { |
|
103 background-color: white; |
|
104 } |
|
105 |
|
106 #files, #functions { |
|
107 opacity: 0; |
|
108 position: absolute; |
|
109 top: -2px; |
|
110 left: -3px; |
|
111 right: 0; |
|
112 z-index: 10; |
|
113 margin: 0; |
|
114 padding: 0; |
|
115 min-width: 100px; |
|
116 } |
|
117 |
|
118 button.popup { |
|
119 background: url(popUpArrows.png) right no-repeat; |
|
120 border: none; |
|
121 height: 15px; |
|
122 font-size: 10px; |
|
123 line-height: 10px; |
|
124 padding: 0 20px 0 5px; |
|
125 margin: 0; |
|
126 overflow: hidden; |
|
127 text-overflow: ellipsis; |
|
128 white-space: nowrap; |
|
129 position: relative; |
|
130 min-width: 100px; |
|
131 max-width: 350px; |
|
132 } |
|
133 |
|
134 #filesPopupButtonContent, #functionButtonContent { |
|
135 overflow: hidden; |
|
136 text-overflow: ellipsis; |
|
137 white-space: nowrap; |
|
138 width: 100%; |
|
139 height: 100%; |
|
140 line-height: 12px; |
|
141 text-align: left; |
|
142 } |
|
143 |
|
144 .placeholder { color: rgba(0, 0, 0, 0.6) } |
|
145 |
|
146 button.nav { |
|
147 position: relative; |
|
148 width: 32px; |
|
149 height: 15px; |
|
150 border: none; |
|
151 margin: 0; |
|
152 padding: 0; |
|
153 border-left: 1px solid transparent; |
|
154 border-right: 1px solid #aaa; |
|
155 } |
|
156 |
|
157 button.nav.right { |
|
158 background: url(navRightNormal.png) no-repeat; |
|
159 } |
|
160 |
|
161 button.nav.right:disabled, button.nav.right:disabled:active { |
|
162 border-left: 1px solid transparent; |
|
163 background: url(navRightDisabled.png) no-repeat; |
|
164 } |
|
165 |
|
166 button.nav.right:active { |
|
167 border-left: 1px solid rgba(0, 0, 0, 0.3); |
|
168 background: url(navRightPressed.png) no-repeat; |
|
169 } |
|
170 |
|
171 button.nav.left { |
|
172 background: url(navLeftNormal.png) no-repeat; |
|
173 } |
|
174 |
|
175 button.nav.left:disabled, button.nav.left:disabled:active { |
|
176 border-left: 1px solid transparent; |
|
177 background: url(navLeftDisabled.png) no-repeat; |
|
178 } |
|
179 |
|
180 button.nav.left:active { |
|
181 margin-left: 0; |
|
182 border-left: 1px solid rgba(0, 0, 0, 0.3); |
|
183 background: url(navLeftPressed.png) no-repeat; |
|
184 } |
|
185 |
|
186 #leftPane { |
|
187 position: absolute; |
|
188 top: 0; |
|
189 bottom: 10px; |
|
190 left: 0; |
|
191 width: 253px; |
|
192 padding: 0; |
|
193 margin: 0; |
|
194 } |
|
195 |
|
196 #rightPane { |
|
197 position: absolute; |
|
198 top: 0; |
|
199 bottom: 0; |
|
200 right: 0; |
|
201 left: 253px; |
|
202 padding: 0; |
|
203 margin: 0; |
|
204 } |
|
205 |
|
206 #stackframe { |
|
207 position: absolute; |
|
208 top: 0; |
|
209 bottom: 0; |
|
210 right: 0; |
|
211 left: 0; |
|
212 } |
|
213 |
|
214 #stackframeBody { |
|
215 overflow-y: scroll; |
|
216 overflow-x: hidden; |
|
217 position: absolute; |
|
218 top: 16px; |
|
219 bottom: 0; |
|
220 right: 0; |
|
221 left: 0; |
|
222 } |
|
223 |
|
224 #variables { |
|
225 position: absolute; |
|
226 top: 0; |
|
227 bottom: 10px; |
|
228 right: 0; |
|
229 left: 10px; |
|
230 } |
|
231 |
|
232 #variablesBody { |
|
233 overflow-y: scroll; |
|
234 overflow-x: hidden; |
|
235 position: absolute; |
|
236 top: 16px; |
|
237 bottom: 0; |
|
238 right: 0; |
|
239 left: 0; |
|
240 } |
|
241 |
|
242 .infoBackground { |
|
243 background: url(background_stripe.png) repeat; |
|
244 position: absolute; |
|
245 top: 0; |
|
246 bottom: 0; |
|
247 right: 0; |
|
248 left: 0; |
|
249 z-index: -1; |
|
250 } |
|
251 |
|
252 table { |
|
253 font-family: "Lucida Grande", sans-serif; |
|
254 font-size: 11px; |
|
255 border-collapse: collapse; |
|
256 border-spacing: 0; |
|
257 width: 100%; |
|
258 padding: 0; |
|
259 margin: 0; |
|
260 border: 0; |
|
261 } |
|
262 |
|
263 td { |
|
264 padding: 3px 7px 3px 9px; |
|
265 height: 15px; |
|
266 -webkit-box-sizing: border-box; |
|
267 -webkit-user-select: none; |
|
268 overflow: hidden; |
|
269 text-overflow: ellipsis; |
|
270 white-space: nowrap; |
|
271 } |
|
272 |
|
273 tr.current { |
|
274 background-color: rgb(56, 117, 215); |
|
275 color: white; |
|
276 } |
|
277 |
|
278 .stackNumber { |
|
279 width: 2em; |
|
280 padding: 3px 0; |
|
281 text-align: center; |
|
282 } |
|
283 |
|
284 .variable { |
|
285 width: 170px; |
|
286 } |
|
287 |
|
288 .column th.scrollCorner { |
|
289 width: 15px; |
|
290 padding: 0; |
|
291 border-right: none; |
|
292 } |
|
293 |
|
294 #variableColumnResizer { |
|
295 position: absolute; |
|
296 top: 0; |
|
297 left: 168px; |
|
298 width: 4px; |
|
299 height: 16px; |
|
300 cursor: col-resize; |
|
301 } |
|
302 |
|
303 .column th { |
|
304 background: url(glossyHeader.png) repeat-x; |
|
305 border-right: 1px solid #d9d9d9; |
|
306 height: 15px; |
|
307 -webkit-box-sizing: border-box; |
|
308 border-bottom: 1px solid #aaa; |
|
309 font-weight: normal; |
|
310 vertical-align: middle; |
|
311 padding: 0 8px; |
|
312 text-align: left; |
|
313 -webkit-user-select: none; |
|
314 } |