[cydia.git] / Cydia.app / package.html

<?xml version="1.0" encoding="UTF-16"?>
<html><head>
    <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">
    var onframe = function(id, name) {
        var node = document.getElementById(id);
        var frame = window.frames[name];

            try {
                node.height = frame.document.body.scrollHeight;
            } catch (e) {
                node.height = 370;
                node.width = 320;
            }
    };
</script>

    <!--script type="text/javascript">
        var count = -1;
        var loaded = function() {
            if (count++ != 0)
                return;
            $("#depiction-load").remove();
            $("#depiction-src").css("display", "block");
        }

        var remove = function() {
            $(".description").css("display", "block");
            $(".depiction").remove();
        }
    </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;
        }

        #indicator {
            left: 20px;
            position: relative;
            top: -5px;
        }

        #remove > a {
            color: #335588;
            text-decoration: none;
        }

        #upper-bar {
            margin-bottom: 0;
            margin-top: 10px;
        }

        #lower-bar {
            margin-bottom: 10px;
            margin-top: 0;
        }

        #warnings {
            background-color: #ffdddd;
        }

        #warnings > div > label {
            color: red;
        }

        #boundary {
            float: left;
            height: 64;
            width: 64px;
        }

        #thumb,
        #icon {
            background-position: center center;
            background-repeat: no-repeat;
            height: 64px;
            position: absolute;
            width: 64px;
        }

        #thumb {
            -webkit-border-radius: 9px;
        }

        /* XXX: this style is out of date */
        #reflection {
            height: 59px;
            max-width: 60px;
            opacity: 0.4;
            position: absolute;
            -webkit-transform: matrix(1, 0, 0, -1, 0, 0);
            width: auto;
        }

        #id, #author, #maintainer, #sponsor {
            white-space: nowrap;
        }

        #header {
            background: transparent;
            border: none;
            position: relative;
        }

        #header > div {
            padding: 0;
        }

        #content {
            padding: 5px;
            position: absolute;
            left: 77px;
            width: 232px;
        }

        #lower {
            margin: 0px 5px;
        }

        #name {
            margin-bottom: 13px;
            font-weight: bold;
            font-size: 17px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        #latest {
            color: #335588;
            float: left;
        }

        a[href].rating {
            background: 107px 7px no-repeat url(menes/chevron.png);
        }

        .rating {
            /*border: 1px solid #999999;*/
            -webkit-border-radius: 6px;
            padding: 7px 7px;
            margin: -7px 0px;
            float: right;
            width: 126px;
        }

        .rating .back,
        .rating .fore,
        .rating .star {
            background: url(star.png);
        }

        .rating .text {
            display: inline-block;
            color: #4d4d70;
            margin: 0 6px;
            vertical-align: top;
        }

        #rating-done {
            padding-left: 12px;
        }

        #rating-none,
        #rating-done {
            display: none;
        }
    </style>
</head><body class="pinstripe">
<dialog><panel>

<fieldset id="header">
    <div>
        <div id="boundary">
            <div class="flip-0" id="icon"></div>
            <div class="flip-180" id="thumb"></div>
            <!--img id="reflection"/-->
        </div>

        <div id="content">
            <div id="name"></div>
            <div id="latest"></div>

            <a class="rating" id="rating-href">
                <div id="rating-none">
                    <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>
            </a>
        </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 localize="CHANGE_PACKAGE_SETTINGS"></label>
    </div></a>

    <a id="author-href" class="author" target="_popup">
        <img id="author-icon" class="icon" src="email.png"/><div>
        <label localize="AUTHOR"></label>
        <label id="author"></label>
    </div></a>

    <!--div class="commercial">
        <img class="icon" src="commercial.png"/><div>
        <label>This is a commercial package!</label>
    </div></div-->

    <a class="console" href="http://cydia.saurik.com/purpose/console/">
        <img class="icon" src="console.png"/><div>
        <label localize="CONSOLE_PACKAGE"></label>
    </div></a>

    <a id="application">
        <img class="icon"/><div>
        <label class="application"></label>
    </div></a>
</fieldset>

<fieldset class="warnings" id="warnings">
    <div id="warning">
        <img class="icon" src="warning.png"/><div>
        <label class="warning"></label>
    </div></div>
</fieldset>

<iframe
    class="notice"
    id="notice-src"
    frameborder="0"
    width="320"
    height="0"
    target="_top"
></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>
</div>

<hr id="upper-bar" class="depiction"/-->

<iframe
    class="depiction"
    id="depiction-src"
    frameborder="0"
    width="320"
    height="0"
    target="_top"
    onload_="loaded()"
></iframe>

<!--hr id="lower-bar" class="depiction"/-->

<block class="description"><p id="description"></p></block>

<fieldset class="description homepage">
    <a class="homepage" id="homepage-href">
        <img class="icon" src="web.png"/><div>
        <label localize="MORE_INFORMATION"></label>
    </div></a>
</fieldset>

<label class="installed" localize="INSTALLED_DETAILS"></label>
<fieldset class="installed">
    <div>
        <img class="icon" src="version.png"/><div>
        <label localize="VERSION"></label>
        <label id="installed"></label>
    </div></div>

    <a id="files-href">
        <img class="icon" src="filesystem.png"/><div>
        <label localize="FILESYSTEM_CONTENT"></label>
    </div></a>
</fieldset>

<label localize="PACKAGE_DETAILS"></label>
<fieldset>
    <div>
        <img class="icon" src="id.png"/><div>
        <label localize="ID"></label>
        <label id="id"></label>
    </div></div>

    <div class="section">
        <img id="section-src" class="icon"/><div>
        <label localize="SECTION"></label>
        <label id="section"></label>
    </div></div>

    <div class="size">
        <img class="icon" src="expanded.png"/><div>
        <label localize="EXPANDED_SIZE"></label>
        <label id="size"></label>
    </div></div>

    <a id="maintainer-href" class="maintainer" target="_popup">
        <img id="maintainer-icon" class="icon" src="email.png"/><div>
        <label localize="MAINTAINER"></label>
        <label id="maintainer"></label>
    </div></a>

    <a id="sponsor-href" class="sponsor">
        <img class="icon" src="web.png"/><div>
        <label localize="SPONSOR"></label>
        <label id="sponsor"></label>
    </div></a>

    <!--a class="trusted" id="trusted">
        <img class="icon" src="trusted.png"><div>
        <label localize="REPOSITORY_SIGNATURE"></label>
    </div></a-->

    <div class="trusted">
        <img class="icon" src="trusted.png"><div>
        <label>&nbsp;</label>
        <label localize="SIGNED_PACKAGE"></label>
    </div></div>
</fieldset>

<label class="source" localize="SOURCE_DETAILS"></label>
<fieldset class="source">
    <div>
        <img class="icon" id="source-src"/><div>
        <label id="source-name"></label>
    </div></div>

    <div class="source-description" id="source-description"></div>
</fieldset>

</panel></dialog>
</body></html>
Commit	Line	Data
ad554f10 JF	1	<?xml version="1.0" encoding="UTF-16"?>
ad554f10 JF	2	<html><head>
6932575e	3	<title localize="DETAILS"></title>
f464053e	4	<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0"/>
ad554f10 JF	5	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
	6	<link rel="stylesheet" type="text/css" href="menes/style.css"/>
	7	<script type="text/javascript" src="menes/menes.js"></script>
	8	<script type="text/javascript" src="package.js"></script>
6932575e	9	<script type="text/javascript" src="localize.js"></script>
ad554f10	10	<base target="_blank"/>
853d14d3	11
22b21e43 JF	12	<script type="text/javascript">
	13	var onframe = function(id, name) {
	14	var node = document.getElementById(id);
	15	var frame = window.frames[name];
	16
	17	try {
	18	node.height = frame.document.body.scrollHeight;
	19	} catch (e) {
	20	node.height = 370;
	21	node.width = 320;
	22	}
	23	};
	24	</script>
	25
6932575e	26	<!--script type="text/javascript">
853d14d3 JF	27	var count = -1;
	28	var loaded = function() {
	29	if (count++ != 0)
	30	return;
	31	$("#depiction-load").remove();
c3f582af	32	$("#depiction-src").css("display", "block");
853d14d3 JF	33	}
	34
	35	var remove = function() {
2e018aa4	36	$(".description").css("display", "block");
853d14d3 JF	37	$(".depiction").remove();
853d14d3 JF	38	}
6932575e	39	</script-->
853d14d3 JF	40
853d14d3 JF	41	<style>
c3f582af JF	42	.flip-180 {
	43	-webkit-backface-visibility: hidden;
	44	-webkit-transform: rotateY(180deg);
6932575e JF	45	}
	46
	47	#icon.flip-180 {
c3f582af JF	48	-webkit-transition-duration: 2s;
	49	-webkit-transition-property: transform;
	50	}
	51
	52	.flip-360 {
	53	-webkit-backface-visibility: hidden;
	54	-webkit-transform: rotateY(360deg);
	55	-webkit-transition-duration: 2s;
	56	-webkit-transition-property: transform;
	57	}
	58
	59	.fade-out {
	60	opacity: 0;
	61	-webkit-transition-property: opacity;
	62	-webkit-transition-duration: 2s;
	63	}
	64
	65	.fade-in {
	66	opacity: 1;
	67	-webkit-transition-property: opacity;
	68	-webkit-transition-duration: 2s;
	69	}
	70
853d14d3 JF	71	#remove {
	72	margin-top: 7px;
	73	text-align: center;
	74	}
	75
	76	#indicator {
	77	left: 20px;
	78	position: relative;
	79	top: -5px;
	80	}
	81
853d14d3 JF	82	#remove > a {
	83	color: #335588;
	84	text-decoration: none;
	85	}
	86
	87	#upper-bar {
	88	margin-bottom: 0;
	89	margin-top: 10px;
	90	}
	91
	92	#lower-bar {
	93	margin-bottom: 10px;
	94	margin-top: 0;
	95	}
f464053e JF	96
	97	#warnings {
	98	background-color: #ffdddd;
	99	}
	100
	101	#warnings > div > label {
	102	color: red;
	103	}
dbe0f181	104
c3f582af	105	#boundary {
dbe0f181	106	float: left;
c3f582af	107	height: 64;
2e018aa4	108	width: 64px;
dbe0f181 JF	109	}
dbe0f181 JF	110
c3f582af	111	#thumb,
dbe0f181	112	#icon {
2e018aa4 JF	113	background-position: center center;
2e018aa4 JF	114	background-repeat: no-repeat;
2e018aa4	115	height: 64px;
c3f582af	116	position: absolute;
2e018aa4	117	width: 64px;
dbe0f181 JF	118	}
dbe0f181 JF	119
c3f582af JF	120	#thumb {
	121	-webkit-border-radius: 9px;
	122	}
	123
2e018aa4	124	/* XXX: this style is out of date */
dbe0f181 JF	125	#reflection {
	126	height: 59px;
	127	max-width: 60px;
	128	opacity: 0.4;
	129	position: absolute;
	130	-webkit-transform: matrix(1, 0, 0, -1, 0, 0);
	131	width: auto;
	132	}
	133
2e018aa4	134	#id, #author, #maintainer, #sponsor {
dbe0f181 JF	135	white-space: nowrap;
	136	}
	137
	138	#header {
	139	background: transparent;
	140	border: none;
ac2d1d45	141	position: relative;
dbe0f181 JF	142	}
	143
	144	#header > div {
	145	padding: 0;
dbe0f181 JF	146	}
	147
	148	#content {
2e018aa4	149	padding: 5px;
907a35d6	150	position: absolute;
2e018aa4 JF	151	left: 77px;
2e018aa4 JF	152	width: 232px;
dbe0f181 JF	153	}
dbe0f181 JF	154
78b966cc	155	#lower {
2e018aa4	156	margin: 0px 5px;
dbe0f181 JF	157	}
	158
	159	#name {
c3f582af	160	margin-bottom: 13px;
dbe0f181	161	font-weight: bold;
2e018aa4 JF	162	font-size: 17px;
	163	overflow: hidden;
	164	text-overflow: ellipsis;
	165	white-space: nowrap;
dbe0f181 JF	166	}
	167
	168	#latest {
	169	color: #335588;
78b966cc JF	170	float: left;
	171	}
	172
2e018aa4	173	a[href].rating {
be2005d2	174	background: 107px 7px no-repeat url(menes/chevron.png);
2e018aa4 JF	175	}
	176
	177	.rating {
	178	/border: 1px solid #999999;/
	179	-webkit-border-radius: 6px;
	180	padding: 7px 7px;
	181	margin: -7px 0px;
78b966cc	182	float: right;
be2005d2	183	width: 126px;
dbe0f181	184	}
907a35d6	185
2e018aa4 JF	186	.rating .back,
	187	.rating .fore,
	188	.rating .star {
	189	background: url(star.png);
2e018aa4 JF	190	}
2e018aa4 JF	191
2e018aa4 JF	192	.rating .text {
	193	display: inline-block;
	194	color: #4d4d70;
	195	margin: 0 6px;
	196	vertical-align: top;
	197	}
	198
be2005d2 JF	199	#rating-done {
	200	padding-left: 12px;
	201	}
	202
2e018aa4 JF	203	#rating-none,
	204	#rating-done {
	205	display: none;
907a35d6	206	}
853d14d3	207	</style>
2bfeaf6f	208	</head><body class="pinstripe">
cd8bec2f	209	<dialog><panel>
ad554f10	210
dbe0f181	211	<fieldset id="header">
c3f582af JF	212	<div>
	213	<div id="boundary">
	214	<div class="flip-0" id="icon"></div>
	215	<div class="flip-180" id="thumb"></div>
dbe0f181 JF	216	<!--img id="reflection"/-->
	217	</div>
	218
	219	<div id="content">
	220	<div id="name"></div>
2e018aa4 JF	221	<div id="latest"></div>
	222
	223	<a class="rating" id="rating-href">
	224	<div id="rating-none">
6932575e	225	<div class="star"></div><div class="text" localize="NOT_RATED"></div>
2e018aa4 JF	226	</div><div id="rating-done">
	227	<div class="fore" id="rating-value"></div>
	228	<div class="back"></div>
	229	</div>
	230	</a>
dbe0f181	231	</div>
ad554f10	232	</div>
f464053e	233	</fieldset>
ad554f10	234
3ff1504e JF	235	<fieldset class="mode">
	236	<a>
	237	<img class="icon" id="mode-src"/><div>
6932575e	238	<label localize="PACKAGE_QUEUE"></label>
3ff1504e JF	239	<label id="mode"></label>
	240	</div></a>
	241	</fieldset>
	242
f464053e	243	<fieldset id="actions">
dbe0f181	244	<a id="settings">
6e673d99	245	<img class="icon" src="settings.png"/><div>
6932575e	246	<label localize="CHANGE_PACKAGE_SETTINGS"></label>
6e673d99	247	</div></a>
dbe0f181	248
3ac7a20a	249	<a id="author-href" class="author" target="_popup">
6e673d99	250	<img id="author-icon" class="icon" src="email.png"/><div>
6932575e	251	<label localize="AUTHOR"></label>
04700693	252	<label id="author"></label>
6e673d99	253	</div></a>
f464053e	254
a70cf746	255	<!--div class="commercial">
6e673d99	256	<img class="icon" src="commercial.png"/><div>
dbe0f181	257	<label>This is a commercial package!</label>
a70cf746	258	</div></div-->
dbe0f181	259
890c1d38	260	<a class="console" href="http://cydia.saurik.com/purpose/console/">
6e673d99	261	<img class="icon" src="console.png"/><div>
6932575e	262	<label localize="CONSOLE_PACKAGE"></label>
6e673d99	263	</div></a>
dbe0f181	264
f464053e	265	<a id="application">
6e673d99	266	<img class="icon"/><div>
f464053e	267	<label class="application"></label>
6e673d99	268	</div></a>
f464053e JF	269	</fieldset>
f464053e JF	270
f464053e JF	271	<fieldset class="warnings" id="warnings">
f464053e JF	272	<div id="warning">
6e673d99	273	<img class="icon" src="warning.png"/><div>
f464053e	274	<label class="warning"></label>
6e673d99	275	</div></div>
0235116c JF	276	</fieldset>
0235116c JF	277
6981ccdf	278	<iframe
d8d9a65c	279	class="notice"
853d14d3 JF	280	id="notice-src"
	281	frameborder="0"
	282	width="320"
	283	height="0"
	284	target="_top"
6981ccdf	285	></iframe>
d8d9a65c JF	286
	287	<!--iframe
	288	class="activation"
	289	id="activation-src"
	290	frameborder="0"
	291	width="320"
	292	height="0"
	293	target="_top"
	294	></iframe-->
853d14d3	295
e00439f7	296	<!--div id="remove" class="depiction">
853d14d3 JF	297	<a href="javascript:remove()">Remove Custom Depiction</a>
	298	</div>
	299
e00439f7	300	<hr id="upper-bar" class="depiction"/-->
853d14d3	301
d8d9a65c JF	302	<iframe
d8d9a65c JF	303	class="depiction"
0235116c JF	304	id="depiction-src"
0235116c JF	305	frameborder="0"
853d14d3 JF	306	width="320"
853d14d3 JF	307	height="0"
0235116c	308	target="_top"
7ec29c77	309	onload_="loaded()"
d8d9a65c	310	></iframe>
ad554f10	311
e00439f7	312	<!--hr id="lower-bar" class="depiction"/-->
853d14d3	313
2e018aa4	314	<block class="description"><p id="description"></p></block>
ad554f10	315
907a35d6	316	<fieldset class="description homepage">
853d14d3	317	<a class="homepage" id="homepage-href">
6e673d99	318	<img class="icon" src="web.png"/><div>
6932575e	319	<label localize="MORE_INFORMATION"></label>
6e673d99	320	</div></a>
ad554f10 JF	321	</fieldset>
ad554f10 JF	322
6932575e	323	<label class="installed" localize="INSTALLED_DETAILS"></label>
ad554f10	324	<fieldset class="installed">
0a7e5478 JF	325	<div>
0a7e5478 JF	326	<img class="icon" src="version.png"/><div>
6932575e	327	<label localize="VERSION"></label>
04700693	328	<label id="installed"></label>
6e673d99	329	</div></div>
ad554f10	330
dbe0f181	331	<a id="files-href">
6e673d99	332	<img class="icon" src="filesystem.png"/><div>
6932575e	333	<label localize="FILESYSTEM_CONTENT"></label>
6e673d99	334	</div></a>
ad554f10 JF	335	</fieldset>
ad554f10 JF	336
6932575e	337	<label localize="PACKAGE_DETAILS"></label>
ad554f10	338	<fieldset>
0a7e5478 JF	339	<div>
0a7e5478 JF	340	<img class="icon" src="id.png"/><div>
6932575e	341	<label localize="ID"></label>
04700693	342	<label id="id"></label>
6e673d99	343	</div></div>
ad554f10 JF	344
ad554f10 JF	345	<div class="section">
6e673d99	346	<img id="section-src" class="icon"/><div>
6932575e	347	<label localize="SECTION"></label>
04700693	348	<label id="section"></label>
6e673d99	349	</div></div>
ad554f10 JF	350
ad554f10 JF	351	<div class="size">
6e673d99	352	<img class="icon" src="expanded.png"/><div>
6932575e	353	<label localize="EXPANDED_SIZE"></label>
04700693	354	<label id="size"></label>
6e673d99	355	</div></div>
ad554f10	356
3ac7a20a	357	<a id="maintainer-href" class="maintainer" target="_popup">
6e673d99	358	<img id="maintainer-icon" class="icon" src="email.png"/><div>
6932575e	359	<label localize="MAINTAINER"></label>
04700693	360	<label id="maintainer"></label>
6e673d99	361	</div></a>
ad554f10	362
0235116c	363	<a id="sponsor-href" class="sponsor">
6e673d99	364	<img class="icon" src="web.png"/><div>
6932575e	365	<label localize="SPONSOR"></label>
04700693	366	<label id="sponsor"></label>
6e673d99	367	</div></a>
6bffd7b7	368
dbe0f181	369	<!--a class="trusted" id="trusted">
6e673d99	370	<img class="icon" src="trusted.png"><div>
6932575e	371	<label localize="REPOSITORY_SIGNATURE"></label>
6e673d99	372	</div></a-->
dbe0f181 JF	373
dbe0f181 JF	374	<div class="trusted">
6e673d99 JF	375	<img class="icon" src="trusted.png"><div>
6e673d99 JF	376	<label> </label>
6932575e	377	<label localize="SIGNED_PACKAGE"></label>
6e673d99	378	</div></div>
ad554f10 JF	379	</fieldset>
ad554f10 JF	380
6932575e	381	<label class="source" localize="SOURCE_DETAILS"></label>
ad554f10	382	<fieldset class="source">
18159e09	383	<div>
6e673d99	384	<img class="icon" id="source-src"/><div>
18159e09	385	<label id="source-name"></label>
6e673d99	386	</div></div>
18159e09	387
853d14d3	388	<div class="source-description" id="source-description"></div>
ad554f10 JF	389	</fieldset>
ad554f10 JF	390
cd8bec2f JF	391	</panel></dialog>
cd8bec2f JF	392	</body></html>