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