diff options
author | Jay Freeman (saurik) <saurik@saurik.com> | 2008-12-31 09:00:05 +0000 |
---|---|---|
committer | Jay Freeman (saurik) <saurik@saurik.com> | 2010-09-30 07:09:33 +0000 |
commit | 59c6ae2287e52da7cf67e7bb8ae3fb53d07ab041 (patch) | |
tree | 382cef549e41497257784b3516ba6be88823283d /Cydia.app/package.html | |
parent | c37ef8c803fbed03504a12b9e1547af1fc8de358 (diff) |
Welcome to the future.
Diffstat (limited to 'Cydia.app/package.html')
-rw-r--r-- | Cydia.app/package.html | 47 |
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> |