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