]> git.saurik.com Git - cydia.git/blob - Cydia.app/package.html
I hate you Apple, and your tiny little iframes, too.
[cydia.git] / Cydia.app / package.html
1 <?xml version="1.0" encoding="UTF-16"?>
2 <html><head>
3 <title localize="DETAILS"></title>
4 <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0"/>
5 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
6 <link rel="stylesheet" type="text/css" href="menes/style.css"/>
7 <script type="text/javascript" src="menes/menes.js"></script>
8 <script type="text/javascript" src="package.js"></script>
9 <script type="text/javascript" src="localize.js"></script>
10 <base target="_blank"/>
11
12 <script type="text/javascript">
13 var onframe = function(id, name) {
14 var node = document.getElementById(id);
15 var frame = window.frames[name];
16
17 try {
18 node.height = frame.document.body.scrollHeight;
19 } catch (e) {
20 node.height = 370;
21 node.width = 320;
22 }
23 };
24 </script>
25
26 <!--script type="text/javascript">
27 var count = -1;
28 var loaded = function() {
29 if (count++ != 0)
30 return;
31 $("#depiction-load").remove();
32 $("#depiction-src").css("display", "block");
33 }
34
35 var remove = function() {
36 $(".description").css("display", "block");
37 $(".depiction").remove();
38 }
39 </script-->
40
41 <style>
42 .flip-180 {
43 -webkit-backface-visibility: hidden;
44 -webkit-transform: rotateY(180deg);
45 }
46
47 #icon.flip-180 {
48 -webkit-transition-duration: 2s;
49 -webkit-transition-property: transform;
50 }
51
52 .flip-360 {
53 -webkit-backface-visibility: hidden;
54 -webkit-transform: rotateY(360deg);
55 -webkit-transition-duration: 2s;
56 -webkit-transition-property: transform;
57 }
58
59 .fade-out {
60 opacity: 0;
61 -webkit-transition-property: opacity;
62 -webkit-transition-duration: 2s;
63 }
64
65 .fade-in {
66 opacity: 1;
67 -webkit-transition-property: opacity;
68 -webkit-transition-duration: 2s;
69 }
70
71 #remove {
72 margin-top: 7px;
73 text-align: center;
74 }
75
76 #indicator {
77 left: 20px;
78 position: relative;
79 top: -5px;
80 }
81
82 #remove > a {
83 color: #335588;
84 text-decoration: none;
85 }
86
87 #upper-bar {
88 margin-bottom: 0;
89 margin-top: 10px;
90 }
91
92 #lower-bar {
93 margin-bottom: 10px;
94 margin-top: 0;
95 }
96
97 #warnings {
98 background-color: #ffdddd;
99 }
100
101 #warnings > div > label {
102 color: red;
103 }
104
105 #boundary {
106 float: left;
107 height: 64;
108 width: 64px;
109 }
110
111 #thumb,
112 #icon {
113 background-position: center center;
114 background-repeat: no-repeat;
115 height: 64px;
116 position: absolute;
117 width: 64px;
118 }
119
120 #thumb {
121 -webkit-border-radius: 9px;
122 }
123
124 /* XXX: this style is out of date */
125 #reflection {
126 height: 59px;
127 max-width: 60px;
128 opacity: 0.4;
129 position: absolute;
130 -webkit-transform: matrix(1, 0, 0, -1, 0, 0);
131 width: auto;
132 }
133
134 #id, #author, #maintainer, #sponsor {
135 white-space: nowrap;
136 }
137
138 #header {
139 background: transparent;
140 border: none;
141 position: relative;
142 }
143
144 #header > div {
145 padding: 0;
146 }
147
148 #content {
149 padding: 5px;
150 position: absolute;
151 left: 77px;
152 width: 232px;
153 }
154
155 #lower {
156 margin: 0px 5px;
157 }
158
159 #name {
160 margin-bottom: 13px;
161 font-weight: bold;
162 font-size: 17px;
163 overflow: hidden;
164 text-overflow: ellipsis;
165 white-space: nowrap;
166 }
167
168 #latest {
169 color: #335588;
170 float: left;
171 }
172
173 a[href].rating {
174 background: 107px 7px no-repeat url(menes/chevron.png);
175 }
176
177 .rating {
178 /*border: 1px solid #999999;*/
179 -webkit-border-radius: 6px;
180 padding: 7px 7px;
181 margin: -7px 0px;
182 float: right;
183 width: 126px;
184 }
185
186 .rating .back,
187 .rating .fore,
188 .rating .star {
189 background: url(star.png);
190 }
191
192 .rating .text {
193 display: inline-block;
194 color: #4d4d70;
195 margin: 0 6px;
196 vertical-align: top;
197 }
198
199 #rating-done {
200 padding-left: 12px;
201 }
202
203 #rating-none,
204 #rating-done {
205 display: none;
206 }
207 </style>
208 </head><body class="pinstripe">
209 <dialog><panel>
210
211 <fieldset id="header">
212 <div>
213 <div id="boundary">
214 <div class="flip-0" id="icon"></div>
215 <div class="flip-180" id="thumb"></div>
216 <!--img id="reflection"/-->
217 </div>
218
219 <div id="content">
220 <div id="name"></div>
221 <div id="latest"></div>
222
223 <a class="rating" id="rating-href">
224 <div id="rating-none">
225 <div class="star"></div><div class="text" localize="NOT_RATED"></div>
226 </div><div id="rating-done">
227 <div class="fore" id="rating-value"></div>
228 <div class="back"></div>
229 </div>
230 </a>
231 </div>
232 </div>
233 </fieldset>
234
235 <fieldset class="mode">
236 <a>
237 <img class="icon" id="mode-src"/><div>
238 <label localize="PACKAGE_QUEUE"></label>
239 <label id="mode"></label>
240 </div></a>
241 </fieldset>
242
243 <fieldset id="actions">
244 <a id="settings">
245 <img class="icon" src="settings.png"/><div>
246 <label localize="CHANGE_PACKAGE_SETTINGS"></label>
247 </div></a>
248
249 <a id="author-href" class="author" target="_popup">
250 <img id="author-icon" class="icon" src="email.png"/><div>
251 <label localize="AUTHOR"></label>
252 <label id="author"></label>
253 </div></a>
254
255 <!--div class="commercial">
256 <img class="icon" src="commercial.png"/><div>
257 <label>This is a commercial package!</label>
258 </div></div-->
259
260 <a class="console" href="http://cydia.saurik.com/purpose/console/">
261 <img class="icon" src="console.png"/><div>
262 <label localize="CONSOLE_PACKAGE"></label>
263 </div></a>
264
265 <a id="application">
266 <img class="icon"/><div>
267 <label class="application"></label>
268 </div></a>
269 </fieldset>
270
271 <fieldset class="warnings" id="warnings">
272 <div id="warning">
273 <img class="icon" src="warning.png"/><div>
274 <label class="warning"></label>
275 </div></div>
276 </fieldset>
277
278 <iframe
279 class="notice"
280 id="notice-src"
281 frameborder="0"
282 width="320"
283 height="0"
284 target="_top"
285 ></iframe>
286
287 <!--iframe
288 class="activation"
289 id="activation-src"
290 frameborder="0"
291 width="320"
292 height="0"
293 target="_top"
294 ></iframe-->
295
296 <!--div id="remove" class="depiction">
297 <a href="javascript:remove()">Remove Custom Depiction</a>
298 </div>
299
300 <hr id="upper-bar" class="depiction"/-->
301
302 <iframe
303 class="depiction"
304 id="depiction-src"
305 frameborder="0"
306 width="320"
307 height="0"
308 target="_top"
309 onload_="loaded()"
310 ></iframe>
311
312 <!--hr id="lower-bar" class="depiction"/-->
313
314 <block class="description"><p id="description"></p></block>
315
316 <fieldset class="description homepage">
317 <a class="homepage" id="homepage-href">
318 <img class="icon" src="web.png"/><div>
319 <label localize="MORE_INFORMATION"></label>
320 </div></a>
321 </fieldset>
322
323 <label class="installed" localize="INSTALLED_DETAILS"></label>
324 <fieldset class="installed">
325 <div>
326 <img class="icon" src="version.png"/><div>
327 <label localize="VERSION"></label>
328 <label id="installed"></label>
329 </div></div>
330
331 <a id="files-href">
332 <img class="icon" src="filesystem.png"/><div>
333 <label localize="FILESYSTEM_CONTENT"></label>
334 </div></a>
335 </fieldset>
336
337 <label localize="PACKAGE_DETAILS"></label>
338 <fieldset>
339 <div>
340 <img class="icon" src="id.png"/><div>
341 <label localize="ID"></label>
342 <label id="id"></label>
343 </div></div>
344
345 <div class="section">
346 <img id="section-src" class="icon"/><div>
347 <label localize="SECTION"></label>
348 <label id="section"></label>
349 </div></div>
350
351 <div class="size">
352 <img class="icon" src="expanded.png"/><div>
353 <label localize="EXPANDED_SIZE"></label>
354 <label id="size"></label>
355 </div></div>
356
357 <a id="maintainer-href" class="maintainer" target="_popup">
358 <img id="maintainer-icon" class="icon" src="email.png"/><div>
359 <label localize="MAINTAINER"></label>
360 <label id="maintainer"></label>
361 </div></a>
362
363 <a id="sponsor-href" class="sponsor">
364 <img class="icon" src="web.png"/><div>
365 <label localize="SPONSOR"></label>
366 <label id="sponsor"></label>
367 </div></a>
368
369 <!--a class="trusted" id="trusted">
370 <img class="icon" src="trusted.png"><div>
371 <label localize="REPOSITORY_SIGNATURE"></label>
372 </div></a-->
373
374 <div class="trusted">
375 <img class="icon" src="trusted.png"><div>
376 <label>&nbsp;</label>
377 <label localize="SIGNED_PACKAGE"></label>
378 </div></div>
379 </fieldset>
380
381 <label class="source" localize="SOURCE_DETAILS"></label>
382 <fieldset class="source">
383 <div>
384 <img class="icon" id="source-src"/><div>
385 <label id="source-name"></label>
386 </div></div>
387
388 <div class="source-description" id="source-description"></div>
389 </fieldset>
390
391 </panel></dialog>
392 </body></html>