From c37ef8c803fbed03504a12b9e1547af1fc8de358 Mon Sep 17 00:00:00 2001 From: "Jay Freeman (saurik)" Date: Tue, 30 Dec 2008 01:14:28 +0000 Subject: Reworked how ratings integrate. --- Cydia.app/package.html | 118 ++++++++++++++++++++++++++++++++----------------- 1 file changed, 77 insertions(+), 41 deletions(-) (limited to 'Cydia.app/package.html') diff --git a/Cydia.app/package.html b/Cydia.app/package.html index ae602b7..3e63475 100644 --- a/Cydia.app/package.html +++ b/Cydia.app/package.html @@ -14,13 +14,11 @@ if (count++ != 0) return; $("#depiction-load").remove(); - $.each($("#depiction-src"), function (node) { - node.style.display = "block"; - }); + $("#depiction-src").css("display" "block"); } var remove = function() { - $(".description").display("block"); + $(".description").css("display", "block"); $(".depiction").remove(); } @@ -74,15 +72,18 @@ #boundry { float: left; - width: 60px; + width: 64px; } #icon { - height: 59px; - max-width: 60px; - width: auto; + 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; @@ -92,7 +93,7 @@ width: auto; } - #id { + #id, #author, #maintainer, #sponsor { white-space: nowrap; } @@ -103,23 +104,26 @@ #header > div { padding: 0; - margin-left: 2px; } #content { - margin: auto 0; + padding: 5px; position: absolute; - left: 72px; - width: 237px; + left: 77px; + width: 232px; } #lower { - margin: 10px 5px; + margin: 0px 5px; } #name { - margin: 7px 5px; + margin-bottom: 10px; font-weight: bold; + font-size: 17px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; } #latest { @@ -127,19 +131,55 @@ float: left; } - #rating { + 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; - margin-top: -7px; - width: 130px; + width: 124px; } - #description { - background-color: #c7ced5; - border-bottom: 1px solid #999999; - border-top: 1px solid #999999; - font-size: 16px; - margin: 9px 10px; - padding: 10px; + .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; } @@ -148,26 +188,22 @@ @@ -232,7 +268,7 @@ -

-- cgit v1.2.3