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

        #boundry {
            float: left;
            width: 64px;
        }

        #icon {
            background-position: center center;
            background-repeat: no-repeat;
            -webkit-border-radius: 9px;
            height: 64px;
            width: 64px;
        }

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