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 <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>
 384 </body></html>