]> git.saurik.com Git - cydia.git/blob - Cydia.app/package.html
Major modifications to ready for stability.
[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 </style>
194 </head><body class="pinstripe">
195 <dialog><panel>
196
197 <fieldset id="header">
198 <div>
199 <div id="boundary">
200 <div class="flip-0" id="icon"></div>
201 <div class="flip-180" id="thumb"></div>
202 <!--img id="reflection"/-->
203 </div>
204
205 <div id="content">
206 <div id="name"></div>
207 <div id="latest"></div>
208
209 <a class="rating" id="rating-href">
210 <div id="rating-none">
211 <div class="star"></div><div class="text" localize="NOT_RATED"></div>
212 </div><div id="rating-done">
213 <div class="fore" id="rating-value"></div>
214 <div class="back"></div>
215 </div>
216 </a>
217 </div>
218 </div>
219 </fieldset>
220
221 <fieldset class="mode">
222 <a>
223 <img class="icon" id="mode-src"/><div>
224 <label localize="PACKAGE_QUEUE"></label>
225 <label id="mode"></label>
226 </div></a>
227 </fieldset>
228
229 <fieldset id="actions">
230 <a id="settings">
231 <img class="icon" src="settings.png"/><div>
232 <label localize="CHANGE_PACKAGE_SETTINGS"></label>
233 </div></a>
234
235 <a id="author-href" class="author" target="_popup">
236 <img id="author-icon" class="icon" src="email.png"/><div>
237 <label localize="AUTHOR"></label>
238 <label id="author"></label>
239 </div></a>
240
241 <!--div class="commercial">
242 <img class="icon" src="commercial.png"/><div>
243 <label>This is a commercial package!</label>
244 </div></div-->
245
246 <a class="console" href="http://cydia.saurik.com/purpose/console/">
247 <img class="icon" src="console.png"/><div>
248 <label localize="CONSOLE_PACKAGE"></label>
249 </div></a>
250
251 <a id="application">
252 <img class="icon"/><div>
253 <label class="application"></label>
254 </div></a>
255 </fieldset>
256
257 <fieldset class="warnings" id="warnings">
258 <div id="warning">
259 <img class="icon" src="warning.png"/><div>
260 <label class="warning"></label>
261 </div></div>
262 </fieldset>
263
264 <iframe
265 class="notice"
266 id="notice-src"
267 frameborder="0"
268 width="320"
269 height="0"
270 target="_top"
271 ></iframe>
272
273 <!--iframe
274 class="activation"
275 id="activation-src"
276 frameborder="0"
277 width="320"
278 height="0"
279 target="_top"
280 ></iframe-->
281
282 <!--div id="remove" class="depiction">
283 <a href="javascript:remove()">Remove Custom Depiction</a>
284 </div>
285
286 <hr id="upper-bar" class="depiction"/-->
287
288 <iframe
289 class="depiction"
290 id="depiction-src"
291 frameborder="0"
292 width="320"
293 height="0"
294 target="_top"
295 onload_="loaded()"
296 ></iframe>
297
298 <!--hr id="lower-bar" class="depiction"/-->
299
300 <block class="description"><p id="description"></p></block>
301
302 <fieldset class="description homepage">
303 <a class="homepage" id="homepage-href">
304 <img class="icon" src="web.png"/><div>
305 <label localize="MORE_INFORMATION"></label>
306 </div></a>
307 </fieldset>
308
309 <label class="installed" localize="INSTALLED_DETAILS"></label>
310 <fieldset class="installed">
311 <div>
312 <img class="icon" src="version.png"/><div>
313 <label localize="VERSION"></label>
314 <label id="installed"></label>
315 </div></div>
316
317 <a id="files-href">
318 <img class="icon" src="filesystem.png"/><div>
319 <label localize="FILESYSTEM_CONTENT"></label>
320 </div></a>
321 </fieldset>
322
323 <label localize="PACKAGE_DETAILS"></label>
324 <fieldset>
325 <div>
326 <img class="icon" src="id.png"/><div>
327 <label localize="ID"></label>
328 <label id="id"></label>
329 </div></div>
330
331 <div class="section">
332 <img id="section-src" class="icon"/><div>
333 <label localize="SECTION"></label>
334 <label id="section"></label>
335 </div></div>
336
337 <div class="size">
338 <img class="icon" src="expanded.png"/><div>
339 <label localize="EXPANDED_SIZE"></label>
340 <label id="size"></label>
341 </div></div>
342
343 <a id="maintainer-href" class="maintainer" target="_popup">
344 <img id="maintainer-icon" class="icon" src="email.png"/><div>
345 <label localize="MAINTAINER"></label>
346 <label id="maintainer"></label>
347 </div></a>
348
349 <a id="sponsor-href" class="sponsor">
350 <img class="icon" src="web.png"/><div>
351 <label localize="SPONSOR"></label>
352 <label id="sponsor"></label>
353 </div></a>
354
355 <!--a class="trusted" id="trusted">
356 <img class="icon" src="trusted.png"><div>
357 <label localize="REPOSITORY_SIGNATURE"></label>
358 </div></a-->
359
360 <div class="trusted">
361 <img class="icon" src="trusted.png"><div>
362 <label>&nbsp;</label>
363 <label localize="SIGNED_PACKAGE"></label>
364 </div></div>
365 </fieldset>
366
367 <label class="source" localize="SOURCE_DETAILS"></label>
368 <fieldset class="source">
369 <div>
370 <img class="icon" id="source-src"/><div>
371 <label id="source-name"></label>
372 </div></div>
373
374 <div class="source-description" id="source-description"></div>
375 </fieldset>
376
377 </panel></dialog>
378 </body></html>