Changeset 1346

Timestamp:

08/12/08 19:20:59 (3 months ago)

Author:

alban

Message:

Affichage du rating dans les episodes de re2008. Refs #11

Files:

• trunk/templates/re2008/css/screen.css (modified) (2 diffs)
• trunk/templates/re2008/episode.liquid (modified) (2 diffs)
• trunk/templates/re2008/media/star.png (added)
• trunk/templates/re2008/media/stars-bg.png (added)

trunk/templates/re2008/css/screen.css

@@ -47 +47 @@
-#content .audio p {position:absolute;left:38px;top:1.8em;}
-#content .duration {font-size:.80em;line-height:.85em;}
-
+, #content .vote
-#content .tags a { font-weight: bold; color: #fff; }
-
+
+
-#page .player {margin:0.2em 0 1em 1em;}
-#page .player h4 {font-size:.95em;}
@@ -61 +62 @@
-#footer li .dtstart {font-size:.85em;}
-#footer .day .listen {font-size:.8em;}
+
+/*.rating { position: absolute; right: 14px !important; right: 22px; }*/
+.rating ul { position: relative; margin: 0px; padding: 0px; width: 80px; height: 16px; list-style: none; background: url("../media/stars-bg.png") no-repeat top right; }
+.rating ul.rate1 { background-position: -64px; }
+.rating ul.rate2 { background-position: -48px; }
+.rating ul.rate3 { background-position: -32px; }
+.rating ul.rate4 { background-position: -16px; }
+.rating ul.rate5 { background-position: 0; }
+.rating ul li { float: left; padding: 0px; margin: 0px; }
+.rating ul li a { position: absolute; display: block; width: 16px; height: 16px; padding: 0px; z-index: 16; text-indent: -9000px; }
+.rating ul li a:hover { z-index: 1; left: 0px; background: url("../media/star.png") repeat-x left bottom; }
+.rating a.one { left: 0px; }
+.rating a.one:hover { width: 16px; }
+.rating a.two { left: 16px; }
+.rating a.two:hover { width: 32px; }
+.rating a.three { left: 32px; }
+.rating a.three:hover { width: 48px; }
+.rating a.four { left: 48px; }
+.rating a.four:hover { width: 64px; }
+.rating a.five { left: 64px; }
+.rating a.five:hover { width: 80px; }

trunk/templates/re2008/episode.liquid

@@ -6 +6 @@
-  <link rel="stylesheet" type="text/css" href="{{theme.url_for_assets}}/css/screen.css" media="screen">
-  <link rel="stylesheet" type="text/css" href="{{theme.url_for_assets}}/css/print.css" media="print">
+  {{theme.javascript_include_tag}}
-  <link rel="alternate" type="application/rss+xml" title="{{episde.show.name}}" href="{{show.url_for_podcast}}">
- </head>
@@ -38 +39 @@
-       </div>
-     {% endunless %}
+
+     <div class="vote">
+      {{ episode.vote_tag }}
+     </div>
-
-    </div>