[cydia.git] / MobileCydia.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 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;
        }

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