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                     class="rating"
 163                     id="rating"
 164                     frameborder="0"
 165                     height="0"
 166                     target="_top"
 167                     src="loading.html"
 168                 ></iframe>
 169             </div>
 170         </div>
 171     </div>
 172 </fieldset>
 173
 174 <fieldset id="actions">
 175     <a id="settings">
 176         <img class="icon" src="settings.png"/><div>
 177         <label>Change Package Settings</label>
 178     </div></a>
 179
 180     <a id="author-href" class="author">
 181         <img id="author-icon" class="icon" src="email.png"/><div>
 182         <label>Author</label>
 183         <label id="author"></label>
 184     </div></a>
 185
 186     <div class="commercial">
 187         <img class="icon" src="commercial.png"/><div>
 188         <label>This is a commercial package!</label>
 189     </div></div>
 190
 191     <a class="console" href="http://cydia.saurik.com/purpose/console/">
 192         <img class="icon" src="console.png"/><div>
 193         <label>This is a console package!</label>
 194     </div></a>
 195
 196     <a id="application">
 197         <img class="icon"/><div>
 198         <label class="application"></label>
 199     </div></a>
 200 </fieldset>
 201
 202 <fieldset class="warnings" id="warnings">
 203     <div id="warning">
 204         <img class="icon" src="warning.png"/><div>
 205         <label class="warning"></label>
 206     </div></div>
 207 </fieldset>
 208
 209 <div id="notice" class="notice"><iframe
 210     id="notice-src"
 211     frameborder="0"
 212     width="320"
 213     height="0"
 214     target="_top"
 215 ></iframe></div>
 216
 217 <!--div id="remove" class="depiction">
 218     <a href="javascript:remove()">Remove Custom Depiction</a>
 219 </div>
 220
 221 <hr id="upper-bar" class="depiction"/-->
 222
 223 <div id="depiction" class="depiction"><iframe
 224     id="depiction-src"
 225     frameborder="0"
 226     width="320"
 227     height="0"
 228     target="_top"
 229     onLoad_="loaded()"
 230 ></iframe></div>
 231
 232 <!--hr id="lower-bar" class="depiction"/-->
 233
 234 <div id="description" class="description"></div>
 235
 236 <fieldset class="description homepage">
 237     <a class="homepage" id="homepage-href">
 238         <img class="icon" src="web.png"/><div>
 239         <label>More Information</label>
 240     </div></a>
 241 </fieldset>
 242
 243 <label class="installed">Installed Package</label>
 244 <fieldset class="installed">
 245     <div>
 246         <img class="icon" src="version.png"/><div>
 247         <label>&nbsp;</label>
 248         <label id="installed"></label>
 249     </div></div>
 250
 251     <a id="files-href">
 252         <img class="icon" src="filesystem.png"/><div>
 253         <label>Filesystem Content</label>
 254     </div></a>
 255 </fieldset>
 256
 257 <label>Package Details</label>
 258 <fieldset>
 259     <div>
 260         <img class="icon" src="id.png"/><div>
 261         <label>ID</label>
 262         <label id="id"></label>
 263     </div></div>
 264
 265     <div class="section">
 266         <img id="section-src" class="icon"/><div>
 267         <label>Section</label>
 268         <label id="section"></label>
 269     </div></div>
 270
 271     <div class="size">
 272         <img class="icon" src="expanded.png"/><div>
 273         <label>Expanded Size</label>
 274         <label id="size"></label>
 275     </div></div>
 276
 277     <a id="maintainer-href" class="maintainer">
 278         <img id="maintainer-icon" class="icon" src="email.png"/><div>
 279         <label>Contact</label>
 280         <label id="maintainer"></label>
 281     </div></a>
 282
 283     <a id="sponsor-href" class="sponsor">
 284         <img class="icon" src="web.png"/><div>
 285         <label>Sponsor</label>
 286         <label id="sponsor"></label>
 287     </div></a>
 288
 289     <!--a class="trusted" id="trusted">
 290         <img class="icon" src="trusted.png"><div>
 291         <label>View Repository Signature</label>
 292     </div></a-->
 293
 294     <div class="trusted">
 295         <img class="icon" src="trusted.png"><div>
 296         <label>&nbsp;</label>
 297         <label>This package has been signed.</label>
 298     </div></div>
 299 </fieldset>
 300
 301 <label class="source">Source Information</label>
 302 <fieldset class="source">
 303     <div>
 304         <img class="icon" id="source-src"/><div>
 305         <label id="source-name"></label>
 306     </div></div>
 307
 308     <div class="source-description" id="source-description"></div>
 309 </fieldset>
 310
 311 </panel></dialog>
 312 </body></html>