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