Adding todo class (for buttons)

diff --git a/panikweb_templates/static/css/style.less b/panikweb_templates/static/css/style.less
index c999b2f0bb105e4a30b8efe36e46afb9a91f2345..3fbe3f42c027e6ec6152665c28948cc336bfa012 100644 (file)
--- a/panikweb_templates/static/css/style.less
+++ b/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

diff --git a/panikweb_templates/static/css/tags.less b/panikweb_templates/static/css/tags.less
index 5b5b39d405a70854ab4736b898c918d352da5823..a0d136950151754c7fbf88384b04f2def1f8c61d 100644 (file)
--- a/panikweb_templates/static/css/tags.less
+++ b/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;
 }

diff --git a/panikweb_templates/templates/emissions/detail.html b/panikweb_templates/templates/emissions/detail.html
index eab70c3059709ed605e4859337176633a29e309f..83ca23bc194cdc089a3a8f1bd26283de0d0013c9 100644 (file)
--- a/panikweb_templates/templates/emissions/detail.html
+++ b/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>

diff --git a/panikweb_templates/templates/emissions/inline.html b/panikweb_templates/templates/emissions/inline.html
index 1d0c70955b1bcb7c8b615ab63f18ee8528affb6c..086110f2d2c0d3f3feb3a4653313e953bc7eb92c 100644 (file)
--- a/panikweb_templates/templates/emissions/inline.html
+++ b/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>

diff --git a/panikweb_templates/templates/episodes/detail.html b/panikweb_templates/templates/episodes/detail.html
index fa3a6d637e767f99db000551fd0d4b2c72a15ed2..b888ec4a17501e3a7697f138506cc6d2a191411b 100644 (file)
--- a/panikweb_templates/templates/episodes/detail.html
+++ b/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">