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