background:none;
}
img {max-width:100%;}
-img.logo{border:2px solid black;}
+img.logo{border: 1px solid black;}
header{
padding:0 0 2em 0;
$secondary: #af0c06;
$player-width: 300px;
$player-bottom-limit: 30000px;
+$text-color: #333;
/****************************************************/
/* FONTS */
}
.legend{
font-size:1.2em;
- border-bottom:3px solid black;
+ color: $primary;
+ border-bottom: 1px solid $primary;
padding: 0.2em 0 0.2em 0;
margin: 0.2em 0 0.2em 0;
}
/****************************************************/
body{
background: white url(../img/pattern.png) top left repeat fixed;
- color: #333;
+ color: $text-color;
}
/****************************************************/
/**** metaNAV ****/
width: 10em;
}
+.top {
+ a.button.icon-rss {
+ position: absolute;
+ right: 1rem;
+ font-size: 30px;
+ }
+}
+
.icon-rss {
color: $primary;
}
padding-left: 0;
}
- #Nav header.marged,
#Main > .marged {
margin: 0;
}
/**** SCREEN NAV ****/
#Nav nav{padding:0.1em;}
-#Nav input{color:#333;}
+#Nav input{color: $text-color;}
#Nav ul li button,
#Nav ul li a {
border-width:0 0 2px 0;
#Main{
flex-grow: 1;
- color:#333;
+ color: $text-color;
position: relative;
z-index: 1;
+}
+#specialHome {
padding-top: 105px;
}
#Main >.wrapper{
}
.emission-detail .logo{max-width:100%;}
}
-.emission .mainHeader {
- overflow: hidden;
- margin-bottom:1.5em;
+
+.mainHeader {
+ overflow: hidden;
+ margin-top: 0;
+ margin-bottom:1.5em;
+ margin-left: 280px;
}
.emission .contacts {
.logo img{
display:block;
border-style:solid;
- border-width:3px;
+ border-width: 1px;
}
ul.newsSpecial{
border-bottom:3px solid #ccc;
.program-week .emission h5,
.program-week .smooth .title {
- color: #333;
+ color: $text-color;
}
.program-week .description {
h2 {
}
}
+
+.emission-archives,
+#Emission-tabs-menu,
+#Emission-tabs-detail {
+ background: white;
+ padding: 1rem;
+ clip-path: polygon(0 0, 95% 0, 100% 30%, 100% 100%, 10% 100%, 0% 100%, 0 0);
+}
+
+header h3 {
+ color: $text-color;
+ position: relative;
+ font-weight: 500;
+ &::after {
+ display: block;
+ content: "";
+ height: 4px;
+ width: 75px;
+ background: $text-color;
+ position: absolute;
+ bottom: -1px;
+ }
+ margin-bottom: 20px;
+
+}
-{% load i18n paniktags %}
+{% load i18n paniktags thumbnail %}
<div class="emission emission-detail cf">
<article class="text userContent">
{% if schedules or emission.subtitle %}
</div>
{% endif %}
{% if emission.image %}
- <div class="emission-logo"><img class="logo" src="{{ emission.image.url }}"/></div>
+ {% thumbnail emission.image "600x300" crop="50% 25%" as im %}
+ <div class="emission-logo"><img class="logo" src="{{ im.url }}"/></div>
+ {% endthumbnail %}
{% endif %}
{% if emission.text %}
<div data-tabbed="true" id="Emission-tabs-default">
<div id="Emission-tabs-detail" class="leftPart">
{% if episode %}
- {% episode_detail %}
+ {% episode_detail %}
{% else %}
{% emission_detail %}
{% endif %}
{% endif %}
{% if episodes.exists or futurEpisodes.exists %}
- <h5 class="sectionLabel right"><a class="" href="{% url 'emissionEpisodes' slug=emission.slug %}">Tous ({{ episodes.count }})</a></h5>
- <h5 class="sectionLabel">Épisodes <a title="Podcasts" class="button icon-rss inBlock" href="{% url 'emission-podcasts' slug=emission.slug%}"></a></h5>
- <form method="get" action="{% url 'emissionEpisodes' slug=emission.slug %}" class="" id="search-form">
- <input id="id_q" name="q" type="text" {% if search_query %}value="{{ search_query }}"{% endif %}>
- <button class="icon-search"><span class="sr-only">{% trans "Search" %}</span></button>
- </form>
-
{% if futurEpisodes %}
<div class="sub futur-episodes">
<h5 class="sectionLabel">{% trans 'Coming Soon' %}</h5>
{% episode_inline %}
{% endfor %}
{% endwith %}
+
+ <p><a href="{% url 'emissionEpisodes' slug=emission.slug %}">Archives</a></p>
</div>
{% endif %}
{% endif %}
{% if episodes %}
{% with episodes as episodes %}
{% regroup episodes by first_diffusion|date:"F Y"|capfirst as month_list %}
- <div>
+ <div class="emission-archives">
{% for month in month_list %}
<div class="monthGroup {% if forloop.counter|divisibleby:2 %}even{% else %}odd{% endif %}">
<div
<div class="leftPart">
<h1 class="top">
<a href="{% url 'emission-view' slug=emission.slug %}">{{ emission.title }}</a>
+ <a title="Podcasts" class="button icon-rss inBlock" href="{% url 'emission-podcasts' slug=emission.slug%}"></a>
</h1>
{% if emission.categories %}
<div class="categories">
{% if episode.subtitle %}
<h3 class="episode-subtitle">{{ episode.subtitle }}</h3>
{% endif %}
- {% if diffusions|length > 1 %}
- <div class="label">Diffusions</div>
- {% else %}
- <div class="label">Diffusion</div>
- {% endif %}
<ul class="diffusions custom">
{% for schedule in diffusions %}
<li><span class="date">{{ schedule.datetime|date:"l d M Y à H:i" }}</span></li>
{% endif %}
<div class="content userContent marged">
{% if episode.image %}
- {% thumbnail episode.image "640x480" crop="50% 25%" as im %}
- <img class="logo right button" data-toggle-img="/media/{{episode.image}}" src="{{im.url}}"/>
+ {% thumbnail episode.image "600x300" crop="50% 25%" as im %}
+ <img class="logo right" src="{{im.url}}"/>
{% endthumbnail %}
{% endif %}
{% if episode.text %}