/****************************************************/
/* WRAPPER */
/****************************************************/
-.wrapper {max-width: 1260px; margin:auto;}
+.wrapper {max-width: 1260px; margin:auto;padding:0 1em 0 1em;}
.wrapper.text {max-width: 780px; margin:auto;}
.wrapper.half {max-width: 510px; margin:auto;}
.wrapper.sided{ max-width:1260px; }
.episode.inline .logo{
min-height: 50px;
float: left;
- margin-right:1em;
+ margin-right:0.5em;
}
.episode.resume .sound{
float:right;
.episode.resume .content {
padding-left: 4em;
}
-}
-@media screen and (max-width: 300px) {
- .episode.resume .logo{display:none;}
+ .resume .logo img,.inline .logo img{width:30px !important;}
}
/****************************************************/
}
.news li a{padding:1em;}
-.news .logo{
+.news .logo img{
display:block;
border-style:solid;
border-width:2px;
}
.program-week .programDate{
float:left;
- width:5em;
+ width:3em;
}
.program-week .programCell{
- margin-left:6em;
+ margin-left:3.5em;
}
.program-week .nonStop .programDate{
visibility:hidden;
{% emission_nav with klass="emissions" %}
{% endblock %}
{% block main %}
-<div class="emissions padded">
+<div class="emissions">
<div class="wrapper">
<ul class="custom list columns padded">
{% for emission in emissions %}
<a class="block" href="{% url 'emission-view' slug=emission.slug %}">
<div class="logo left">
{% if emission.image %}
- <img width="60" height="60" src="{{ emission.image|thumbnail:'60x60' }}"/>
+ <img src="{{ emission.image|thumbnail:'60x60' }}"/>
{% else %}
- <img class="smooth" width="60" height="60" src="{% static "img/defaultLogo.png" %}"/>
+ <img class="smooth" style="width:60px;" src="{% static "img/defaultLogo.png" %}"/>
{% endif %}
</div>
<div class="title ellipsis">
{% elif model = "inline" and episode.emission.image %}
<img src="{{ episode.emission.image|thumbnail:'60x60' }}"/>
{% elif model = "inline" %}
- <img class="smooth" width="60" height="60" src="{% static "img/defaultLogo.png" %}"/>
+ <img class="smooth" style="width:60px;" src="{% static "img/defaultLogo.png" %}"/>
{% elif episode.image %}
<img src="{{ episode.image|thumbnail:'150x150' }}"/>
{% elif episode.emission.image %}
<img src="{{ episode.emission.image|thumbnail:'150x150' }}"/>
{% else %}
- <img class="smooth" width="150" height="150" src="{% static "img/defaultLogo.png" %}"/>
+ <img class="smooth" style="width:150px;" src="{% static "img/defaultLogo.png" %}"/>
{% endif %}
</div>
<div class="content">
{% endwith %}
{% endblock %}
{% block main %}
- <div class="padded">
<div class="wrapper">
<h2><a href="{% url 'program' %}">Cette semaine sur Panik</a></h2>
{% weekview %}
</div>
- </div>
{% endblock %}
{% block related %}
- <div class="padded">
<div class="wrapper">
<h2><a href="{% url 'listen' %}">Écouter</a></h2>
<ul class="custom columns list">
{% endfor %}
</ul>
</div>
- </div>
{% endblock %}
{% block links %}
- <div class="wrapper padded">
+ <div class="wrapper">
<h2><a href="{% url 'emissions' %}">Émissions</a></h2>
<ul class="custom list columns padded">
{% for emission in emissions %}
</div>
{% endif %}
{% if not fragment or fragment = "program" %}
-<div id="weekProgramContent-{{ week|slugify }}" class="program wrapper">
+<div id="weekProgramContent-{{ week|slugify }}" class="program">
{% for day in days %}
- <div data-tabbed="true" class="content padded" id="Program-week-{{ day.datetime|slugify }}">
+ <div data-tabbed="true" class="content" id="Program-week-{{ day.datetime|slugify }}">
<ul class="custom program-week list">
{% with day.cells as cells %}
{% regroup cells by datetime|date:"H:i" as time_list %}
{% if time_list %}
{% for cell in time_list %}
<li class="cf {% if cell.list|dictsort:"label" %}nonStop{% endif %}">
- <div class="programDate"><spanc class="label">{{ cell.grouper }}</span></div>
+ <div class="programDate"><strong>{{ cell.grouper }}</strong></div>
<div class="programCell">
{% for cell in cell.list %}
{% load thumbnails %}
{% load staticfiles %}
-<div class="content content-inline inline cf {{ class }}">
+<div class="content content-inline {% if class != "special" %}inline{% endif %} cf {{ class }}">
<a class="block cf" href="{% url 'news-view' slug=content.slug %}">
+ <div class="logo">
{% if class == "special" and content.image %}
- <img class="logo" src="{{ content.image|thumbnail:'320x240' }}"/>
+ <img class="nomal" src="{{ content.image|thumbnail:'320x240' }}"/>
{% elif content.image %}
- <img class="logo left" src="{{ content.image|thumbnail:'60x60' }}"/>
+ <img class="left" src="{{ content.image|thumbnail:'60x60' }}"/>
{% else %}
- <img class="logo left" width="60" height="60" src="{% static "img/defaultLogo.png" %}"/>
+ <img class="left" width="60" height="60" src="{% static "img/defaultLogo.png" %}"/>
{% endif %}
+ </div>
{% if content.date %}
<div class="smooth {% if class == "special" %}center marged {% endif %}">{{ content.date|date:"D m/M"|lower }}</div>
{% endif %}
{% block nav %}
{% emission_nav with klass="program" %}
<div class="wrapper">
- <div class="program ">
+ <div class="program marged">
<nav class="center">
<ul class="custom distributed">
{% if previous_week_no %}
</div>
{% endblock %}
{% block main %}
+<div class="wrapper">
+ <div class="program marged">
{% weekview year=year week=week fragment="program" %}
+ </div>
+</div>
{% endblock %}
{% block bodyID %}Search{% endblock %}
{% block title %}Recherche{% endblock %}
{% block nav %}
-<div class="padded search">
+<div class="search">
<form method="get" action="." class="big center" id="search-form">
{{ form.as_table }}<button class="icon-search"></button>
</form>
{% block main %}
{% if query %}
<div class="wrapper">
- <div class="padded">
+ <div class="marged">
{% if not page.object_list %}
- <div class="big error padded center">Sorry, no result with your query!</div>
+ <div class="big error center">Sorry, no result with your query!</div>
{% endif %}
{% if page.has_previous %}
<div class="previous-page cf">
</div>
{% endif %}
- <ul id="search-results" class="list columns padded cf">
+ <ul id="search-results" class="custom list columns cf padded">
{% for result in page.object_list %}
{% weekview year=year week=week fragment="nav" %}
{% endblock %}
{% block main %}
- {% weekview year=year week=week fragment="program" %}
+<div class="padded">
+ <div class="wrapper">
+ {% weekview year=year week=week fragment="program" %}
+ </div>
+</div>
{% endblock %}