Adding todo class (for buttons)

panikweb_templates/static/css/style.less

@@ -26,7 +26,6 @@
 @import "tags";
 
 /* Mixins & USEFUL CLASSES */
-
 .squash(@x, @y: 1) {
     transform: scale(@x, @y);
     -webkit-transform: scale(@x, @y);
@@ -64,7 +63,7 @@
 }    
 
 .symbol:hover,.control:hover{
-    color: @blue !important;
+    color: @blue;
     }
 
 
@@ -793,7 +792,12 @@ a, .menuEmissions a, a:visited, .menuEmissions a:visited, a:active, .menuEmissio
         margin-bottom:30px;
     }
     }
-    
+   
+
+.todo:hover, .todo *:hover{
+	text-decoration: line-through;
+	color:red !important;
+} 
 /**
  * For modern browsers
  * 1. The space content is one way to avoid an Opera bug when the

panikweb_templates/static/css/tags.less

@@ -9,9 +9,9 @@ a:hover {
 p {
     /*line-height: 1.2;*/
     margin-bottom: @m;
-    a {
-        text-decoration: underline
-    }
+}
+p  a {
+	text-decoration: underline
 }
     
 em {
@@ -19,16 +19,16 @@ em {
 }
 
 blockquote {
-    padding-left:15px;
-    font-family:RE03;
+	padding-left:15px;
+	font-family:RE03;
 	color:#aaa;
-    font-size: @l;
-    margin-bottom: @m;
+	font-size: @l;
+	margin-bottom: @m;
 }
 
 img {
-    border: 2px solid @black;
-    margin-right: 10px;
+	border: 2px solid @black;
+	margin-right: 10px;
 }
 h1, h2, h3, h4, h5{
 	font-family: Reglo;
@@ -76,29 +76,29 @@ dt:after {
 }
 
 dl.metadata dt {
-    clear: none;
-    margin: 0;
+	clear: none;
+	margin: 0;
 }
 
 dl.metadata dd {
-    margin-right: 4px;
+	margin-right: 4px;
     }
 
 ul.tags {
-    margin: 10px 0 0 0;
-    overflow:hidden;
-    margin-bottom:15px;
+	margin: 10px 0 0 0;
+	overflow:hidden;
+	margin-bottom:15px;
 }
 
 ul.tags li {
-    font-size: @xxs*1.1;
-    font-family: RE03;
-    letter-spacing: 1px;
-    text-transform: uppercase;
-    float: left;
-    border: 1px solid @black;
-    margin: 2px 2px;
-    padding: 3px 3px 0px 3px;
-    border-radius: 7px;
-    -moz-border-radius: 7px;
+	font-size: @xxs*1.1;
+	font-family: RE03;
+	letter-spacing: 1px;
+	text-transform: uppercase;
+	float: left;
+	border: 1px solid @black;
+	margin: 2px 2px;
+	padding: 3px 3px 0px 3px;
+	border-radius: 7px;
+	-moz-border-radius: 7px;
 }

panikweb_templates/templates/emissions/detail.html

@@ -19,7 +19,7 @@
 				<div>vendredi</div>
 				<div class="time">9:00-9:30</div>
 			</div>
-			<button class="control">
+			<button class="control todo">
 				<span class="symbol">G</span>
 				<span class="listen">Écouter <!--la dernière--></span>
 			</button>

panikweb_templates/templates/emissions/inline.html

@@ -7,7 +7,7 @@
 				<span class="year">0000</span>
 			</div>
 		{% endif %}
-		<div class="controls">
+		<div class="controls todo">
 			<button class="control symbols play">A</button>
 			<button class="control symbols add">B</button>
 		</div>

panikweb_templates/templates/episodes/detail.html

@@ -20,10 +20,11 @@
 		    {{ episode.first_diffusion|date:"H:i" }}
 		</div>
 	</div>
-	<div class="controls">
-		<div class="symbol" style="float:left;">A</div><div class=symbol>B</div>
-		<div class="symbol">I</div>
-		<div class="symbol">C</div>
+	<div class="controls todo">
+		<button class="symbol play" style="float:left;">A</button>
+		<button class="symbol add">B</button>
+		<button  class="symbol download">I</button>
+		<button class="symbol buy">C</button>
 	</div>
 		<!--
 	<div class="logo">