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

<?xml version="1.0" encoding="UTF-16"?>
<html><head>
    <title>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>
    <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);
            -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">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>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>
    </div></a>

    <a id="author-href" class="author" target="_popup">
        <img id="author-icon" class="icon" src="email.png"/><div>
        <label>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>This is a 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>More Information</label>
    </div></a>
</fieldset>

<label class="installed">Installed Package</label>
<fieldset class="installed">
    <div>
        <img class="icon" src="version.png"/><div>
        <label>Version</label>
        <label id="installed"></label>
    </div></div>

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

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

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

    <div class="size">
        <img class="icon" src="expanded.png"/><div>
        <label>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>Contact</label>
        <label id="maintainer"></label>
    </div></a>

    <a id="sponsor-href" class="sponsor">
        <img class="icon" src="web.png"/><div>
        <label>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>
    </div></a-->

    <div class="trusted">
        <img class="icon" src="trusted.png"><div>
        <label>&nbsp;</label>
        <label>This package has been signed.</label>
    </div></div>
</fieldset>

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