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>