[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();
            $.each($("#depiction-src"), function (node) {
                node.style.display = "block";
            });
        }

        var remove = function() {
            $(".description").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: 60px;
        }

        #icon {
            height: 59px;
            max-width: 60px;
            width: auto;
        }

        #reflection {
            height: 59px;
            max-width: 60px;
            opacity: 0.4;
            position: absolute;
            -webkit-transform: matrix(1, 0, 0, -1, 0, 0);
            width: auto;
        }

        #id {
            white-space: nowrap;
        }

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

        #header > div {
            padding: 0;
            margin-left: 2px;
        }

        #content {
            margin: auto 0;
            position: absolute;
            left: 72px;
            width: 237px;
        }

        #lower {
            margin: 10px 5px;
        }

        #name {
            margin: 7px 5px;
            font-weight: bold;
        }

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

        #rating {
            float: right;
            margin-top: -7px;
            width: 130px;
        }

        #description {
            background-color: #c7ced5;
            border-bottom: 1px solid #999999;
            border-top: 1px solid #999999;
            font-size: 16px;
            margin: 9px 10px;
            padding: 10px;
        }
    </style>
</head><body class="pinstripe">
<dialog><panel>

<fieldset id="header">
    <div class="clearfix">
        <div id="boundry">
            <img id="icon"/>
            <!--img id="reflection"/-->
        </div>

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

            <div id="lower">
                <div id="latest"></div>

                <iframe
                    class="rating"
                    id="rating"
                    frameborder="0"
                    height="0"
                    target="_top"
                ></iframe>
            </div>
        </div>
    </div>
</fieldset>

<fieldset id="actions">
    <a id="settings">
        <img class="icon" src="settings.png"/>
        <label>Change Package Settings</label>
    </a>

    <a id="author-href" class="author">
        <img id="author-icon" class="icon" src="email.png"/>
        <label>Author</label>
        <div id="author"></div>
    </a>

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

    <a class="console" href="http://cydia.saurik.com/purpose/console/">
        <img class="icon" src="console.png"/>
        <label>This is a console package!</label>
    </a>

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

<label class="warnings">Warnings</label>
<fieldset class="warnings" id="warnings">
    <div id="warning">
        <img class="icon" src="warning.png"/>
        <label class="warning"></label>
    </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"/-->

<div id="description" class="description"></div>

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

<label class="installed">Installed Package</label>
<fieldset class="installed">
    <div>
        <label>Version</label>
        <div id="installed"></div>
    </div>

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

<label>Package Details</label>
<fieldset>
    <div>
        <label>ID</label>
        <div id="id"></div>
    </div>

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

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

    <a id="maintainer-href" class="maintainer">
        <img id="maintainer-icon" class="icon" src="email.png"/>
        <label>Contact</label>
        <div id="maintainer"></div>
    </a>

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

    <!--a class="trusted" id="trusted">
        <img class="icon" src="trusted.png">
        <label>View Repository Signature</label>
    </a-->

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

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