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