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