]> git.saurik.com Git - cydia.git/blobdiff - Cydia.app/package.html
Refactoring ratings rendering.
[cydia.git] / Cydia.app / package.html
index 46da6adffefe15a30d5a14dd86c45bab7ec15f41..ae602b7d34c3c25135d87df60bea4bb057612839 100644 (file)
         }
 
         #depiction {
-            margin-bottom: -7px;
+            margin: -8px 0;
             overflow: hidden;
             width: 320px;
         }
 
         #notice {
-            margin-bottom: -14px;
+            margin: -8px 0 -9px 0;
             overflow: hidden;
             width: 320px;
         }
         }
 
         #content {
-            float: right;
             margin: auto 0;
+            position: absolute;
+            left: 72px;
+            width: 237px;
         }
 
-        #content > div {
-            margin: 7px;
+        #lower {
+            margin: 10px 5px;
         }
 
         #name {
+            margin: 7px 5px;
             font-weight: bold;
         }
 
         #latest {
             color: #335588;
+            float: left;
+        }
+
+        #rating {
+            float: right;
+            margin-top: -7px;
+            width: 130px;
+        }
+
+        #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 class="pinstripe">
+<dialog><panel>
 
 <fieldset id="header">
     <div class="clearfix">
 
         <div id="content">
             <div id="name"></div>
-            <div id="latest"></div>
+
+            <div id="lower">
+                <div id="latest"></div>
+
+                <iframe
+                    onload="rating_()"
+                    class="rating"
+                    id="rating"
+                    frameborder="0"
+                    height="0"
+                    target="_top"
+                    src="loading.html"
+                ></iframe>
+            </div>
         </div>
     </div>
 </fieldset>
 
 <fieldset id="actions">
     <a id="settings">
-        <img class="icon" src="settings.png"/>
+        <img class="icon" src="settings.png"/><div>
         <label>Change Package Settings</label>
-    </a>
+    </div></a>
 
     <a id="author-href" class="author">
-        <img id="author-icon" class="icon" src="email.png"/>
+        <img id="author-icon" class="icon" src="email.png"/><div>
         <label>Author</label>
-        <div id="author"></div>
-    </a>
+        <label id="author"></label>
+    </div></a>
 
     <div class="commercial">
-        <img class="icon" src="commercial.png"/>
+        <img class="icon" src="commercial.png"/><div>
         <label>This is a commercial package!</label>
-    </div>
+    </div></div>
 
-    <a class="console" href="console.html">
-        <img class="icon" src="console.png"/>
-        <label>This is a console application!</label>
-    </a>
+    <a class="console" href="http://cydia.saurik.com/purpose/console/">
+        <img class="icon" src="console.png"/><div>
+        <label>This is a console package!</label>
+    </div></a>
 
     <a id="application">
-        <img class="icon"/>
+        <img class="icon"/><div>
         <label class="application"></label>
-    </a>
+    </div></a>
 </fieldset>
 
-<label class="warnings">Warnings</label>
 <fieldset class="warnings" id="warnings">
     <div id="warning">
-        <img class="icon" src="warning.png"/>
+        <img class="icon" src="warning.png"/><div>
         <label class="warning"></label>
-    </div>
+    </div></div>
 </fieldset>
 
 <div id="notice" class="notice"><iframe
     width="320"
     height="0"
     target="_top"
-    onLoad="loaded()"
+    onload_="loaded()"
 ></iframe></div>
 
 <!--hr id="lower-bar" class="depiction"/-->
 
-<fieldset class="description">
-    <div id="description"></div>
+<div id="description" class="description"></div>
 
+<fieldset class="description homepage">
     <a class="homepage" id="homepage-href">
+        <img class="icon" src="web.png"/><div>
         <label>More Information</label>
-    </a>
+    </div></a>
 </fieldset>
 
 <label class="installed">Installed Package</label>
 <fieldset class="installed">
     <div>
+        <img class="icon" src="version.png"/><div>
         <label>Version</label>
-        <div id="installed"></div>
-    </div>
+        <label id="installed"></label>
+    </div></div>
 
     <a id="files-href">
-        <img class="icon" src="filesystem.png"/>
+        <img class="icon" src="filesystem.png"/><div>
         <label>Filesystem Content</label>
-    </a>
+    </div></a>
 </fieldset>
 
 <label>Package Details</label>
 <fieldset>
     <div>
+        <img class="icon" src="id.png"/><div>
         <label>ID</label>
-        <div id="id"></div>
-    </div>
+        <label id="id"></label>
+    </div></div>
 
     <div class="section">
-        <img id="section-src" class="icon"/>
+        <img id="section-src" class="icon"/><div>
         <label>Section</label>
-        <div id="section"></div>
-    </div>
+        <label id="section"></label>
+    </div></div>
 
     <div class="size">
-        <img class="icon" src="expanded.png"/>
+        <img class="icon" src="expanded.png"/><div>
         <label>Expanded Size</label>
-        <div id="size"></div>
-    </div>
+        <label id="size"></label>
+    </div></div>
 
     <a id="maintainer-href" class="maintainer">
-        <img id="maintainer-icon" class="icon" src="email.png"/>
+        <img id="maintainer-icon" class="icon" src="email.png"/><div>
         <label>Contact</label>
-        <div id="maintainer"></div>
-    </a>
+        <label id="maintainer"></label>
+    </div></a>
 
     <a id="sponsor-href" class="sponsor">
-        <img class="icon" src="web.png"/>
+        <img class="icon" src="web.png"/><div>
         <label>Sponsor</label>
-        <div id="sponsor"></div>
-    </a>
+        <label id="sponsor"></label>
+    </div></a>
 
     <!--a class="trusted" id="trusted">
-        <img class="icon" src="trusted.png">
+        <img class="icon" src="trusted.png"><div>
         <label>View Repository Signature</label>
-    </a-->
+    </div></a-->
 
     <div class="trusted">
-        <img class="icon" src="trusted.png">
-        <label></label>
-        <div>This package has been signed.</div>
-    </div>
+        <img class="icon" src="trusted.png"><div>
+        <label>&nbsp;</label>
+        <label>This package has been signed.</label>
+    </div></div>
 </fieldset>
 
 <label class="source">Source Information</label>
 <fieldset class="source">
-    <div><label id="source-name"></label></div>
+    <div>
+        <img class="icon" id="source-src"/><div>
+        <label id="source-name"></label>
+    </div></div>
+
     <div class="source-description" id="source-description"></div>
 </fieldset>
 
-    </div>
-</div>
-</div></body></html>
+</panel></dialog>
+</body></html>