]> git.saurik.com Git - cydia.git/blobdiff - Cydia.app/package.html
Checkpoint before trying to solve the bottom alignment issue.
[cydia.git] / Cydia.app / package.html
index c5458028589df57eea00cfad9e7e9d8f0e982776..7c58967856aa1e96fc2f88b68c733d9d5ccbace0 100644 (file)
 <?xml version="1.0" encoding="UTF-16"?>
 <html><head>
     <title>Details</title>
 <?xml version="1.0" encoding="UTF-16"?>
 <html><head>
     <title>Details</title>
-    <meta name="viewport" content="width=320, minimum-scale=1.0, maximum-scale=1.0"/>
+    <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0"/>
     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
     <link rel="stylesheet" type="text/css" href="menes/style.css"/>
     <script type="text/javascript" src="menes/menes.js"></script>
     <script type="text/javascript" src="package.js"></script>
     <base target="_blank"/>
     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
     <link rel="stylesheet" type="text/css" href="menes/style.css"/>
     <script type="text/javascript" src="menes/menes.js"></script>
     <script type="text/javascript" src="package.js"></script>
     <base target="_blank"/>
+
+    <script type="text/javascript">
+        var count = -1;
+        var loaded = function() {
+            if (count++ != 0)
+                return;
+            $("#depiction-load").remove();
+            $.each($("#depiction-src"), function (node) {
+                node.style.display = "block";
+            });
+        }
+
+        var remove = function() {
+            $(".description").display("block");
+            $(".depiction").remove();
+        }
+    </script>
+
+    <style>
+        #remove {
+            margin-top: 7px;
+            text-align: center;
+        }
+
+        #indicator {
+            left: 20px;
+            position: relative;
+            top: -5px;
+        }
+
+        #depiction {
+            margin: -8px 0;
+            overflow: hidden;
+            width: 320px;
+        }
+
+        #notice {
+            margin: -8px 0 -9px 0;
+            overflow: hidden;
+            width: 320px;
+        }
+
+        #remove > a {
+            color: #335588;
+            text-decoration: none;
+        }
+
+        #upper-bar {
+            margin-bottom: 0;
+            margin-top: 10px;
+        }
+
+        #lower-bar {
+            margin-bottom: 10px;
+            margin-top: 0;
+        }
+
+        #warnings {
+            background-color: #ffdddd;
+        }
+
+        #warnings > div > label {
+            color: red;
+        }
+
+        #boundry {
+            float: left;
+            width: 60px;
+        }
+
+        #icon {
+            height: 59px;
+            max-width: 60px;
+            width: auto;
+        }
+
+        #reflection {
+            height: 59px;
+            max-width: 60px;
+            opacity: 0.4;
+            position: absolute;
+            -webkit-transform: matrix(1, 0, 0, -1, 0, 0);
+            width: auto;
+        }
+
+        #id {
+            white-space: nowrap;
+        }
+
+        #header {
+            background: transparent;
+            border: none;
+        }
+
+        #header > div {
+            padding: 0;
+            margin-left: 2px;
+        }
+
+        #content {
+            margin: auto 0;
+            position: absolute;
+            left: 72px;
+        }
+
+        #content > div {
+            margin: 7px;
+        }
+
+        #name {
+            font-weight: bold;
+        }
+
+        #latest {
+            color: #335588;
+        }
+
+        #description {
+            background-color: #c7ced5;
+            border-bottom: 1px solid #999999;
+            border-top: 1px solid #999999;
+            font-size: 16px;
+            margin: 9px 10px;
+            padding: 10px;
+        }
+    </style>
 </head><body><div class="page">
 <div class="dialog">
     <div class="panel">
 
 </head><body><div class="page">
 <div class="dialog">
     <div class="panel">
 
-<fieldset>
-    <div>
-        <label id="name"></label>
-        <div id="latest"></div>
+<fieldset id="header">
+    <div class="clearfix">
+        <div id="boundry">
+            <img id="icon"/>
+            <!--img id="reflection"/-->
+        </div>
+
+        <div id="content">
+            <div id="name"></div>
+            <div id="latest"></div>
+        </div>
     </div>
     </div>
+</fieldset>
+
+<fieldset id="actions">
+    <a id="settings">
+        <img class="icon" src="settings.png"/>
+        <label>Change Package Settings</label>
+    </a>
 
     <a id="author-href" class="author">
 
     <a id="author-href" class="author">
+        <img id="author-icon" class="icon" src="email.png"/>
         <label>Author</label>
         <div id="author"></div>
     </a>
         <label>Author</label>
         <div id="author"></div>
     </a>
+
+    <div class="commercial">
+        <img class="icon" src="commercial.png"/>
+        <label>This is a commercial package!</label>
+    </div>
+
+    <a class="console" href="http://cydia.saurik.com/purpose/console/">
+        <img class="icon" src="console.png"/>
+        <label>This is a console package!</label>
+    </a>
+
+    <a id="application">
+        <img class="icon"/>
+        <label class="application"></label>
+    </a>
 </fieldset>
 
 </fieldset>
 
-<div style="width: 320px; overflow: hidden" class="depiction"><iframe
+<label class="warnings">Warnings</label>
+<fieldset class="warnings" id="warnings">
+    <div id="warning">
+        <img class="icon" src="warning.png"/>
+        <label class="warning"></label>
+    </div>
+</fieldset>
+
+<div id="notice" class="notice"><iframe
+    id="notice-src"
+    frameborder="0"
+    width="320"
+    height="0"
+    target="_top"
+></iframe></div>
+
+<!--div id="remove" class="depiction">
+    <a href="javascript:remove()">Remove Custom Depiction</a>
+</div>
+
+<hr id="upper-bar" class="depiction"/-->
+
+<div id="depiction" class="depiction"><iframe
     id="depiction-src"
     frameborder="0"
     id="depiction-src"
     frameborder="0"
-    width="300"
+    width="320"
+    height="0"
     target="_top"
     target="_top"
+    onLoad_="loaded()"
 ></iframe></div>
 
 ></iframe></div>
 
-<fieldset class="description">
-    <div id="description"></div>
+<!--hr id="lower-bar" class="depiction"/-->
+
+<div id="description" class="description"></div>
 
 
-    <a id="homepage-href">
+<fieldset class="description homepage">
+    <a class="homepage" id="homepage-href">
+        <img class="icon" src="web.png"/>
         <label>More Information</label>
     </a>
 </fieldset>
         <label>More Information</label>
     </a>
 </fieldset>
         <div id="installed"></div>
     </div>
 
         <div id="installed"></div>
     </div>
 
-    <a id="files-href"><label>Filesystem Content</label></a>
+    <a id="files-href">
+        <img class="icon" src="filesystem.png"/>
+        <label>Filesystem Content</label>
+    </a>
 </fieldset>
 
 <label>Package Details</label>
 </fieldset>
 
 <label>Package Details</label>
     </div>
 
     <div class="section">
     </div>
 
     <div class="section">
+        <img id="section-src" class="icon"/>
         <label>Section</label>
         <div id="section"></div>
     </div>
 
     <div class="size">
         <label>Section</label>
         <div id="section"></div>
     </div>
 
     <div class="size">
+        <img class="icon" src="expanded.png"/>
         <label>Expanded Size</label>
         <div id="size"></div>
     </div>
 
     <a id="maintainer-href" class="maintainer">
         <label>Expanded Size</label>
         <div id="size"></div>
     </div>
 
     <a id="maintainer-href" class="maintainer">
-        <label>Maintainer</label>
+        <img id="maintainer-icon" class="icon" src="email.png"/>
+        <label>Contact</label>
         <div id="maintainer"></div>
     </a>
 
     <a id="sponsor-href" class="sponsor">
         <div id="maintainer"></div>
     </a>
 
     <a id="sponsor-href" class="sponsor">
+        <img class="icon" src="web.png"/>
         <label>Sponsor</label>
         <div id="sponsor"></div>
     </a>
 
         <label>Sponsor</label>
         <div id="sponsor"></div>
     </a>
 
+    <!--a class="trusted" id="trusted">
+        <img class="icon" src="trusted.png">
+        <label>View Repository Signature</label>
+    </a-->
+
     <div class="trusted">
     <div class="trusted">
-        <img src="trusted.png" style="margin-top: 2px; position: absolute">
+        <img class="icon" src="trusted.png">
         <label></label>
         <div>This package has been signed.</div>
     </div>
 </fieldset>
 
         <label></label>
         <div>This package has been signed.</div>
     </div>
 </fieldset>
 
-<label class="source">Source Infomation</label>
+<label class="source">Source Information</label>
 <fieldset class="source">
     <div><label id="source-name"></label></div>
 <fieldset class="source">
     <div><label id="source-name"></label></div>
-    <div id="source-description"></div>
+    <div class="source-description" id="source-description"></div>
 </fieldset>
 
     </div>
 </fieldset>
 
     </div>