From 59c6ae2287e52da7cf67e7bb8ae3fb53d07ab041 Mon Sep 17 00:00:00 2001
From: "Jay Freeman (saurik)" <saurik@saurik.com>
Date: Wed, 31 Dec 2008 09:00:05 +0000
Subject: Welcome to the future.

---
 Cydia.app/package.html | 47 ++++++++++++++++++++++++++++++++++++++++-------
 1 file changed, 40 insertions(+), 7 deletions(-)

(limited to 'Cydia.app/package.html')

diff --git a/Cydia.app/package.html b/Cydia.app/package.html
index 3e63475..75b86f0 100644
--- a/Cydia.app/package.html
+++ b/Cydia.app/package.html
@@ -14,7 +14,7 @@
             if (count++ != 0)
                 return;
             $("#depiction-load").remove();
-            $("#depiction-src").css("display" "block");
+            $("#depiction-src").css("display", "block");
         }
 
         var remove = function() {
@@ -24,6 +24,32 @@
     </script>
 
     <style>
+        .flip-180 {
+            -webkit-backface-visibility: hidden;
+            -webkit-transform: rotateY(180deg);
+            -webkit-transition-duration: 2s;
+            -webkit-transition-property: transform;
+        }
+
+        .flip-360 {
+            -webkit-backface-visibility: hidden;
+            -webkit-transform: rotateY(360deg);
+            -webkit-transition-duration: 2s;
+            -webkit-transition-property: transform;
+        }
+
+        .fade-out { 
+            opacity: 0;
+            -webkit-transition-property: opacity;
+            -webkit-transition-duration: 2s;
+        }
+
+        .fade-in { 
+            opacity: 1;
+            -webkit-transition-property: opacity;
+            -webkit-transition-duration: 2s;
+        }
+
         #remove {
             margin-top: 7px;
             text-align: center;
@@ -70,19 +96,25 @@
             color: red;
         }
 
-        #boundry {
+        #boundary {
             float: left;
+            height: 64;
             width: 64px;
         }
 
+        #thumb,
         #icon {
             background-position: center center;
             background-repeat: no-repeat;
-            -webkit-border-radius: 9px;
             height: 64px;
+            position: absolute;
             width: 64px;
         }
 
+        #thumb {
+            -webkit-border-radius: 9px;
+        }
+
         /* XXX: this style is out of date */
         #reflection {
             height: 59px;
@@ -118,7 +150,7 @@
         }
 
         #name {
-            margin-bottom: 10px;
+            margin-bottom: 13px;
             font-weight: bold;
             font-size: 17px;
             overflow: hidden;
@@ -186,9 +218,10 @@
 <dialog><panel>
 
 <fieldset id="header">
-    <div class="clearfix">
-        <div id="boundry">
-            <div id="icon"></div>
+    <div>
+        <div id="boundary">
+            <div class="flip-0" id="icon"></div>
+            <div class="flip-180" id="thumb"></div>
             <!--img id="reflection"/-->
         </div>
 
-- 
cgit v1.2.3