Various interface cleanups.

[cydia.git] / Cydia.app / package.html
diff --git a/Cydia.app/package.html b/Cydia.app/package.html

index ee8597da63554a9ddd35926e7f1613a9eb54a3e3..09efc40e56a65c016dd97ef4510714aa7518ee48 100644 (file)
--- a/Cydia.app/package.html
+++ b/Cydia.app/package.html
@@ -38,13 +38,13 @@
          }
  
          #depiction {
-            margin-bottom: -7px;
+            margin: -8px 0;
              overflow: hidden;
              width: 320px;
          }
  
          #notice {
-            margin-bottom: -14px;
+            margin: -8px 0 -9px 0;
              overflow: hidden;
              width: 320px;
          }
@@ -107,25 +107,43 @@
          }
  
          #content {
-            float: right;
              margin: auto 0;
+            position: absolute;
+            left: 72px;
+            width: 237px;
          }
  
-        #content > div {
-            margin: 8px;
+        #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">
@@ -136,7 +154,19 @@
  
          <div id="content">
              <div id="name"></div>
-            <div id="latest"></div>
+
+            <div id="lower">
+                <div id="latest"></div>
+
+                <iframe
+                    class="rating"
+                    id="rating"
+                    frameborder="0"
+                    height="0"
+                    target="_top"
+                    src="loading.html"
+                ></iframe>
+            </div>
          </div>
      </div>
  </fieldset>
@@ -158,9 +188,9 @@
          <label>This is a commercial package!</label>
      </div>
  
-    <a class="console" href="console.html">
+    <a class="console" href="http://cydia.saurik.com/purpose/console/">
          <img class="icon" src="console.png"/>
-        <label>This is a console application!</label>
+        <label>This is a console package!</label>
      </a>
  
      <a id="application">
@@ -169,7 +199,6 @@
      </a>
  </fieldset>
  
-<label class="warnings">Warnings</label>
  <fieldset class="warnings" id="warnings">
      <div id="warning">
          <img class="icon" src="warning.png"/>
@@ -197,15 +226,16 @@
      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"/>
          <label>More Information</label>
      </a>
  </fieldset>
@@ -231,6 +261,7 @@
      </div>
  
      <div class="section">
+        <img id="section-src" class="icon"/>
          <label>Section</label>
          <div id="section"></div>
      </div>
@@ -267,10 +298,13 @@
  
  <label class="source">Source Information</label>
  <fieldset class="source">
-    <div><label id="source-name"></label></div>
+    <div>
+        <img class="icon" id="source-src"/>
+        <label id="source-name"></label>
+    </div>
+
      <div class="source-description" id="source-description"></div>
  </fieldset>
  
-    </div>
-</div>
-</div></body></html>
+</panel></dialog>
+</body></html>