<?xml version="1.0" encoding="UTF-16"?>
<html><head>
- <title>Details</title>
+ <title localize="DETAILS"></title>
<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0"/>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<link rel="stylesheet" type="text/css" href="menes/style.css"/>
<script type="text/javascript" src="menes/menes.js"></script>
<script type="text/javascript" src="package.js"></script>
+ <script type="text/javascript" src="localize.js"></script>
<base target="_blank"/>
- <script type="text/javascript">
+ <!--script type="text/javascript">
var count = -1;
var loaded = function() {
if (count++ != 0)
return;
$("#depiction-load").remove();
- $("#depiction-src").css("display" "block");
+ $("#depiction-src").css("display", "block");
}
var remove = function() {
$(".description").css("display", "block");
$(".depiction").remove();
}
- </script>
+ </script-->
<style>
+ .flip-180 {
+ -webkit-backface-visibility: hidden;
+ -webkit-transform: rotateY(180deg);
+ }
+
+ #icon.flip-180 {
+ -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;
top: -5px;
}
- #depiction {
- margin: -8px 0;
- overflow: hidden;
- width: 320px;
- }
-
- #notice {
- margin: -8px 0 -9px 0;
- overflow: hidden;
- width: 320px;
- }
-
#remove > a {
color: #335588;
text-decoration: none;
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;
#header {
background: transparent;
border: none;
+ position: relative;
}
#header > div {
}
#name {
- margin-bottom: 10px;
+ margin-bottom: 13px;
font-weight: bold;
font-size: 17px;
overflow: hidden;
}
a[href].rating {
- background: 105px 7px no-repeat url(menes/chevron.png);
+ background: 107px 7px no-repeat url(menes/chevron.png);
}
.rating {
padding: 7px 7px;
margin: -7px 0px;
float: right;
- width: 124px;
+ width: 126px;
}
.rating .back,
.rating .fore,
.rating .star {
background: url(star.png);
- height: 16px;
- }
-
- .rating .back,
- .rating .fore {
- width: 80px;
}
- .rating .star {
- display: inline-block;
- width: 16px;
- }
-
- .rating .back {
- opacity: 0.2;
- }
-
- .rating .fore {
- /*border-right: 1px solid #999999;*/
- position: absolute;
- }
-
.rating .text {
display: inline-block;
color: #4d4d70;
vertical-align: top;
}
+ #rating-done {
+ padding-left: 12px;
+ }
+
#rating-none,
#rating-done {
display: none;
}
+
+ #depiction-src,
+ #notice-src {
+ height: 1px;
+ width: 320px;
+ }
</style>
</head><body class="pinstripe">
-<dialog><panel>
+<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>
<a class="rating" id="rating-href">
<div id="rating-none">
- <div class="star"></div><div class="text">Not Rated</div>
+ <div class="star"></div><div class="text" localize="NOT_RATED"></div>
</div><div id="rating-done">
<div class="fore" id="rating-value"></div>
<div class="back"></div>
</div>
</fieldset>
+<fieldset class="mode">
+ <a>
+ <img class="icon" id="mode-src"/><div>
+ <label localize="PACKAGE_QUEUE"></label>
+ <label id="mode"></label>
+ </div></a>
+</fieldset>
+
<fieldset id="actions">
<a id="settings">
<img class="icon" src="settings.png"/><div>
- <label>Change Package Settings</label>
+ <label localize="CHANGE_PACKAGE_SETTINGS"></label>
</div></a>
- <a id="author-href" class="author">
+ <a id="author-href" class="author" target="_popup">
<img id="author-icon" class="icon" src="email.png"/><div>
- <label>Author</label>
+ <label localize="AUTHOR"></label>
<label id="author"></label>
</div></a>
- <div class="commercial">
+ <!--div class="commercial">
<img class="icon" src="commercial.png"/><div>
<label>This is a commercial package!</label>
- </div></div>
+ </div></div-->
<a class="console" href="http://cydia.saurik.com/purpose/console/">
<img class="icon" src="console.png"/><div>
- <label>This is a console package!</label>
+ <label localize="CONSOLE_PACKAGE"></label>
</div></a>
<a id="application">
</div></div>
</fieldset>
-<div id="notice" class="notice"><iframe
+<iframe
+ class="notice"
id="notice-src"
frameborder="0"
width="320"
height="0"
target="_top"
-></iframe></div>
+></iframe>
+
+<!--iframe
+ class="activation"
+ id="activation-src"
+ frameborder="0"
+ width="320"
+ height="0"
+ target="_top"
+></iframe-->
<!--div id="remove" class="depiction">
<a href="javascript:remove()">Remove Custom Depiction</a>
<hr id="upper-bar" class="depiction"/-->
-<div id="depiction" class="depiction"><iframe
+<iframe
+ class="depiction"
id="depiction-src"
frameborder="0"
width="320"
height="0"
target="_top"
onload_="loaded()"
-></iframe></div>
+></iframe>
<!--hr id="lower-bar" class="depiction"/-->
<fieldset class="description homepage">
<a class="homepage" id="homepage-href">
<img class="icon" src="web.png"/><div>
- <label>More Information</label>
+ <label localize="MORE_INFORMATION"></label>
</div></a>
</fieldset>
-<label class="installed">Installed Package</label>
+<label class="installed" localize="INSTALLED_DETAILS"></label>
<fieldset class="installed">
<div>
<img class="icon" src="version.png"/><div>
- <label>Version</label>
+ <label localize="VERSION"></label>
<label id="installed"></label>
</div></div>
<a id="files-href">
<img class="icon" src="filesystem.png"/><div>
- <label>Filesystem Content</label>
+ <label localize="FILESYSTEM_CONTENT"></label>
</div></a>
</fieldset>
-<label>Package Details</label>
+<label localize="PACKAGE_DETAILS"></label>
<fieldset>
<div>
<img class="icon" src="id.png"/><div>
- <label>ID</label>
+ <label localize="ID"></label>
<label id="id"></label>
</div></div>
<div class="section">
<img id="section-src" class="icon"/><div>
- <label>Section</label>
+ <label localize="SECTION"></label>
<label id="section"></label>
</div></div>
<div class="size">
<img class="icon" src="expanded.png"/><div>
- <label>Expanded Size</label>
+ <label localize="EXPANDED_SIZE"></label>
<label id="size"></label>
</div></div>
- <a id="maintainer-href" class="maintainer">
+ <a id="maintainer-href" class="maintainer" target="_popup">
<img id="maintainer-icon" class="icon" src="email.png"/><div>
- <label>Contact</label>
+ <label localize="MAINTAINER"></label>
<label id="maintainer"></label>
</div></a>
<a id="sponsor-href" class="sponsor">
<img class="icon" src="web.png"/><div>
- <label>Sponsor</label>
+ <label localize="SPONSOR"></label>
<label id="sponsor"></label>
</div></a>
<!--a class="trusted" id="trusted">
<img class="icon" src="trusted.png"><div>
- <label>View Repository Signature</label>
+ <label localize="REPOSITORY_SIGNATURE"></label>
</div></a-->
<div class="trusted">
<img class="icon" src="trusted.png"><div>
<label> </label>
- <label>This package has been signed.</label>
+ <label localize="SIGNED_PACKAGE"></label>
</div></div>
</fieldset>
-<label class="source">Source Information</label>
+<label class="source" localize="SOURCE_DETAILS"></label>
<fieldset class="source">
<div>
<img class="icon" id="source-src"/><div>
<div class="source-description" id="source-description"></div>
</fieldset>
-</panel></dialog>
+</panel>
</body></html>
projects / cydia.git / blobdiff