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: 12px 5px;
 118         }
 119
 120         #name {
 121             margin: 5px 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>
 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                 ></iframe>
 168             </div>
 169         </div>
 170     </div>
 171 </fieldset>
 172
 173 <fieldset id="actions">
 174     <a id="settings">
 175         <img class="icon" src="settings.png"/>
 176         <label>Change Package Settings</label>
 177     </a>
 178
 179     <a id="author-href" class="author">
 180         <img id="author-icon" class="icon" src="email.png"/>
 181         <label>Author</label>
 182         <div id="author"></div>
 183     </a>
 184
 185     <div class="commercial">
 186         <img class="icon" src="commercial.png"/>
 187         <label>This is a commercial package!</label>
 188     </div>
 189
 190     <a class="console" href="http://cydia.saurik.com/purpose/console/">
 191         <img class="icon" src="console.png"/>
 192         <label>This is a console package!</label>
 193     </a>
 194
 195     <a id="application">
 196         <img class="icon"/>
 197         <label class="application"></label>
 198     </a>
 199 </fieldset>
 200
 201 <label class="warnings">Warnings</label>
 202 <fieldset class="warnings" id="warnings">
 203     <div id="warning">
 204         <img class="icon" src="warning.png"/>
 205         <label class="warning"></label>
 206     </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"/>
 239         <label>More Information</label>
 240     </a>
 241 </fieldset>
 242
 243 <label class="installed">Installed Package</label>
 244 <fieldset class="installed">
 245     <div>
 246         <label>Version</label>
 247         <div id="installed"></div>
 248     </div>
 249
 250     <a id="files-href">
 251         <img class="icon" src="filesystem.png"/>
 252         <label>Filesystem Content</label>
 253     </a>
 254 </fieldset>
 255
 256 <label>Package Details</label>
 257 <fieldset>
 258     <div>
 259         <label>ID</label>
 260         <div id="id"></div>
 261     </div>
 262
 263     <div class="section">
 264         <img id="section-src" class="icon"/>
 265         <label>Section</label>
 266         <div id="section"></div>
 267     </div>
 268
 269     <div class="size">
 270         <img class="icon" src="expanded.png"/>
 271         <label>Expanded Size</label>
 272         <div id="size"></div>
 273     </div>
 274
 275     <a id="maintainer-href" class="maintainer">
 276         <img id="maintainer-icon" class="icon" src="email.png"/>
 277         <label>Contact</label>
 278         <div id="maintainer"></div>
 279     </a>
 280
 281     <a id="sponsor-href" class="sponsor">
 282         <img class="icon" src="web.png"/>
 283         <label>Sponsor</label>
 284         <div id="sponsor"></div>
 285     </a>
 286
 287     <!--a class="trusted" id="trusted">
 288         <img class="icon" src="trusted.png">
 289         <label>View Repository Signature</label>
 290     </a-->
 291
 292     <div class="trusted">
 293         <img class="icon" src="trusted.png">
 294         <label></label>
 295         <div>This package has been signed.</div>
 296     </div>
 297 </fieldset>
 298
 299 <label class="source">Source Information</label>
 300 <fieldset class="source">
 301     <div>
 302         <img class="icon" id="source-src"/>
 303         <label id="source-name"></label>
 304     </div>
 305
 306     <div class="source-description" id="source-description"></div>
 307 </fieldset>
 308
 309 </panel></dialog>
 310 </body></html>