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>