summaryrefslogtreecommitdiff
path: root/Cydia.app/package.html
diff options
context:
space:
mode:
authorJay Freeman (saurik) <saurik@saurik.com>2008-12-31 09:00:05 +0000
committerJay Freeman (saurik) <saurik@saurik.com>2010-09-30 07:09:33 +0000
commit59c6ae2287e52da7cf67e7bb8ae3fb53d07ab041 (patch)
tree382cef549e41497257784b3516ba6be88823283d /Cydia.app/package.html
parentc37ef8c803fbed03504a12b9e1547af1fc8de358 (diff)
Welcome to the future.
Diffstat (limited to 'Cydia.app/package.html')
-rw-r--r--Cydia.app/package.html47
1 files changed, 40 insertions, 7 deletions
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>