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