[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;
        }

        #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;
        }

        #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;
        }

        #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: 105px 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: 124px;
        }

        .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;
            margin: 0 6px;
            vertical-align: top;
        }

        #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 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">
        <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>

<div id="notice" class="notice"><iframe
    id="notice-src"
    frameborder="0"
    width="320"
    height="0"
    target="_top"
></iframe></div>

<!--div id="remove" class="depiction">
    <a href="javascript:remove()">Remove Custom Depiction</a>
</div>

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

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

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