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         }
 114
 115         #content > div {
 116             margin: 7px;
 117         }
 118
 119         #name {
 120             font-weight: bold;
 121         }
 122
 123         #latest {
 124             color: #335588;
 125         }
 126
 127         #description {
 128             background-color: #c7ced5;
 129             border-bottom: 1px solid #999999;
 130             border-top: 1px solid #999999;
 131             font-size: 16px;
 132             margin: 9px 10px;
 133             padding: 10px;
 134         }
 135     </style>
 136 </head><body><div class="page">
 137 <div class="dialog">
 138     <div class="panel">
 139
 140 <fieldset id="header">
 141     <div class="clearfix">
 142         <div id="boundry">
 143             <img id="icon"/>
 144             <!--img id="reflection"/-->
 145         </div>
 146
 147         <div id="content">
 148             <div id="name"></div>
 149             <div id="latest"></div>
 150         </div>
 151     </div>
 152 </fieldset>
 153
 154 <fieldset id="actions">
 155     <a id="settings">
 156         <img class="icon" src="settings.png"/>
 157         <label>Change Package Settings</label>
 158     </a>
 159
 160     <a id="author-href" class="author">
 161         <img id="author-icon" class="icon" src="email.png"/>
 162         <label>Author</label>
 163         <div id="author"></div>
 164     </a>
 165
 166     <div class="commercial">
 167         <img class="icon" src="commercial.png"/>
 168         <label>This is a commercial package!</label>
 169     </div>
 170
 171     <a class="console" href="http://cydia.saurik.com/purpose/console/">
 172         <img class="icon" src="console.png"/>
 173         <label>This is a console package!</label>
 174     </a>
 175
 176     <a id="application">
 177         <img class="icon"/>
 178         <label class="application"></label>
 179     </a>
 180 </fieldset>
 181
 182 <label class="warnings">Warnings</label>
 183 <fieldset class="warnings" id="warnings">
 184     <div id="warning">
 185         <img class="icon" src="warning.png"/>
 186         <label class="warning"></label>
 187     </div>
 188 </fieldset>
 189
 190 <div id="notice" class="notice"><iframe
 191     id="notice-src"
 192     frameborder="0"
 193     width="320"
 194     height="0"
 195     target="_top"
 196 ></iframe></div>
 197
 198 <!--div id="remove" class="depiction">
 199     <a href="javascript:remove()">Remove Custom Depiction</a>
 200 </div>
 201
 202 <hr id="upper-bar" class="depiction"/-->
 203
 204 <div id="depiction" class="depiction"><iframe
 205     id="depiction-src"
 206     frameborder="0"
 207     width="320"
 208     height="0"
 209     target="_top"
 210     onLoad_="loaded()"
 211 ></iframe></div>
 212
 213 <!--hr id="lower-bar" class="depiction"/-->
 214
 215 <div id="description" class="description"></div>
 216
 217 <fieldset class="description homepage">
 218     <a class="homepage" id="homepage-href">
 219         <img class="icon" src="web.png"/>
 220         <label>More Information</label>
 221     </a>
 222 </fieldset>
 223
 224 <label class="installed">Installed Package</label>
 225 <fieldset class="installed">
 226     <div>
 227         <label>Version</label>
 228         <div id="installed"></div>
 229     </div>
 230
 231     <a id="files-href">
 232         <img class="icon" src="filesystem.png"/>
 233         <label>Filesystem Content</label>
 234     </a>
 235 </fieldset>
 236
 237 <label>Package Details</label>
 238 <fieldset>
 239     <div>
 240         <label>ID</label>
 241         <div id="id"></div>
 242     </div>
 243
 244     <div class="section">
 245         <img id="section-src" class="icon"/>
 246         <label>Section</label>
 247         <div id="section"></div>
 248     </div>
 249
 250     <div class="size">
 251         <img class="icon" src="expanded.png"/>
 252         <label>Expanded Size</label>
 253         <div id="size"></div>
 254     </div>
 255
 256     <a id="maintainer-href" class="maintainer">
 257         <img id="maintainer-icon" class="icon" src="email.png"/>
 258         <label>Contact</label>
 259         <div id="maintainer"></div>
 260     </a>
 261
 262     <a id="sponsor-href" class="sponsor">
 263         <img class="icon" src="web.png"/>
 264         <label>Sponsor</label>
 265         <div id="sponsor"></div>
 266     </a>
 267
 268     <!--a class="trusted" id="trusted">
 269         <img class="icon" src="trusted.png">
 270         <label>View Repository Signature</label>
 271     </a-->
 272
 273     <div class="trusted">
 274         <img class="icon" src="trusted.png">
 275         <label></label>
 276         <div>This package has been signed.</div>
 277     </div>
 278 </fieldset>
 279
 280 <label class="source">Source Information</label>
 281 <fieldset class="source">
 282     <div>
 283         <img class="icon" id="source-src"/>
 284         <label id="source-name"></label>
 285     </div>
 286
 287     <div class="source-description" id="source-description"></div>
 288 </fieldset>
 289
 290     </div>
 291 </div>
 292 </div></body></html>