Styling episode dates (adding month/year)

diff --git a/panikweb_templates/static/css/style.less b/panikweb_templates/static/css/style.less
index 7df609ce5f303b5c119958ebf558a103fa863b1c..aa36c577821ad53f6990f32694e205263f1bffad 100644 (file)
--- a/panikweb_templates/static/css/style.less
+++ b/panikweb_templates/static/css/style.less
@@ -508,32 +508,31 @@ ul.tagsArchives li {
 }
 
 .episode-detail .date {
 }
 
 .episode-detail .date {

+       font-family: Reglo;
+       text-transform: uppercase;

        width: 50px;
        text-align: center;
        margin-right: 5px;
 }
        width: 50px;
        text-align: center;
        margin-right: 5px;
 }

-
+.episode-detail .date *{
+       line-height: 100%;
+}

 .episode-detail .date .day, .emission-detail .date .day {
        margin-top: 20px;
 .episode-detail .date .day, .emission-detail .date .day {
        margin-top: 20px;

-       font-family: Reglo;
-       text-transform: uppercase;
-       font-size: @l*1.4;
-       line-height: 100%;
+       font-size: @l*1.6;

 }
 
 }
 

-.episode-detail .date .day-number {
-       font-family: Reglo;
-       text-transform: uppercase;
-       font-size: @m;
-       line-height: 100%;
+.episode-detail .date .number {
+       font-size: @l*1.6;

 }
 
 }
 

+.episode-detail .date .month {
+       font-size: @s*0.9;
+       margin-bottom:1em;
+}

 .episode-detail .date .time, .emission-details .time {
        margin: 5px 0 10px 0;
 .episode-detail .date .time, .emission-details .time {
        margin: 5px 0 10px 0;

-       font-family: Reglo;
-       text-transform: uppercase;
-       font-size: @s*1.2;
-       line-height: 100%;
+       font-size: @m;

 }
 
 .episode-detail .content {
 }
 
 .episode-detail .content {

diff --git a/panikweb_templates/templates/episodes/detail.html b/panikweb_templates/templates/episodes/detail.html
index bf3f05758d644e013b2ba31a3b10964313ee8698..fa3a6d637e767f99db000551fd0d4b2c72a15ed2 100644 (file)
--- a/panikweb_templates/templates/episodes/detail.html
+++ b/panikweb_templates/templates/episodes/detail.html
@@ -8,10 +8,13 @@
 <div class="episode episode-detail cf">
        <div class="date">
                <div class="day">
 <div class="episode episode-detail cf">
        <div class="date">
                <div class="day">

-                   {{ episode.first_diffusion|date:"D"}}
+                   {{ episode.first_diffusion|date:"D"|slice:":2"}}

                </div>
                </div>

-               <div class="day-number">
-                   {{ episode.first_diffusion|date:"d/m" }}
+               <div class="number">
+                   {{ episode.first_diffusion|date:"d" }}
+               </div>
+               <div class="month">
+                   {{ episode.first_diffusion|date:"M Y" }}

                </div>
                <div class="time">
                    {{ episode.first_diffusion|date:"H:i" }}
                </div>
                <div class="time">
                    {{ episode.first_diffusion|date:"H:i" }}