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