}
.episode-detail .date {
+ font-family: Reglo;
+ text-transform: uppercase;
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;
- 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;
- font-family: Reglo;
- text-transform: uppercase;
- font-size: @s*1.2;
- line-height: 100%;
+ font-size: @m;
}
.episode-detail .content {
<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 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" }}