Rename episode detail => resume

panikweb_templates/static/css/specifics.css

@@ -374,61 +374,61 @@ button.tag {
     border-bottom: 0px solid #000000;
 }
 /**** Detail  ****/
-.episode-detail {
+.episode.resume {
 	min-height: 100px;
 }
 
-.episode-detail img {
+.episode.resume img {
 	margin-top: 17px;
 	border: 2px solid black;
 }
 
-.episode-detail .title{
+.episode.resume .title{
 
 }
-.episode-detail .date{
+.episode.resume .date{
 	float: left;
 }
-.episode-detail .logo,
- .episode-detail .controls{
+.episode.resume .logo,
+ .episode.resume .controls{
 	float: right;
 }
 
 @media screen and (max-width: 300px) {
-	.episode-detail .logo{display:none;}
+	.episode.resume .logo{display:none;}
 }
-.episode-detail .date {
+.episode.resume .date {
 	width: 3.5em;
 	text-align: center;
 	margin-right: 1em;
 }
-.episode-detail .date .day, .emission-detail .date .day {
+.episode.resume .date .day, .emission-detail .date .day {
 	margin-top: 20px;
 }
 
-.episode-detail .date .time, .emission-details .time {
+.episode.resume .date .time, .emission-details .time {
 	margin: 5px 0 10px 0;
 	font-size: 1.2em;
 }
 
-.episode-detail .content {
+.episode.resume .content {
 	padding-left: 5em;
 }
 
-.episode-detail .content .title {
+.episode.resume .content .title {
 	margin: 16px 0 10px 0;	
 }
 
-.episode-detail .logo {
+.episode.resume .logo {
 	width: 100px;
 	margin:0px 1em;
 	max-width:20%;
 }
-.episode-detail .logo img{
+.episode.resume .logo img{
 	width:100%;
 }
 
-.episode-detail .controls {
+.episode.resume .controls {
 	margin-top: 10px;
 	width: 90px;
 	text-align: center;

panikweb_templates/templates/episodes/detail.html

+
+		<!--
+TODO
 <div class="episode detail episode-detail cf">
-	<div class="date">
+	<div class="date left">
 		<div class="day">
 		    {{ episode.first_diffusion|date:"D"|slice:":2"}}
 		</div>
@@ -13,12 +16,12 @@
 		    {{ episode.first_diffusion|date:"H:i" }}
 		</div>
 	</div>
-	<div class="controls todo">
+	<div class="controls todo right">
 		<button class="symbol play">A</button><button class="symbol add">B</button>
 		<button  class="symbol download">I</button>
 		<button class="symbol buy">C</button>
 	</div>
-	<div class="logo">
+	<div class="logo right">
 		<img src="http://placehold.it/100X100" />
 	</div>
 	<div class="content">
@@ -33,7 +36,6 @@
 			{{ episode.text|safe}}
 		</article>
 		{% endif %}
-		<!--
 		<div class="metas">
 			<dl class="credits cf">
 			    <dt>Serie</dt><dd>La musique</dd>
@@ -51,6 +53,6 @@
 			    <li>Synthetiseur</li>
 			</ul>
 		</div>
-		-->
 	</div>
 </div>
+		-->