}
.iconLabel{margin-left:0.1em;}
-/****************************************************/
-.wrapper {max-width: 1024px; margin:auto;}
-.wrapper.text {max-width: 780px; margin:auto;}
-.wrapper.half {max-width: 510px; margin:auto;}
-
-
.sectionLabel, .label {
text-transform: uppercase;
font-family: "Reglo";
color:white;
padding:5px 7px 0px 7px;
}
+
+/****************************************************/
+/* WRAPPER */
+/****************************************************/
+.wrapper {max-width: 1260px; margin:auto;}
+.wrapper.text {max-width: 780px; margin:auto;}
+.wrapper.half {max-width: 510px; margin:auto;}
+.wrapper.sided{ max-width:1260px; }
+
+@media screen and (min-width: 600px) {
+ .wrapper.sided .leftPart,
+ .wrapper.sided .rightPart{
+ width:45%;
+ }
+ .wrapper.sided .leftPart{
+ float:left;
+ }
+ .wrapper.sided .rightPart{
+ float:right;
+ }
+}
+
+
button.control, button.symbol{background:transparent;border:none;margin:0;padding:0;}
nav.menu{
width:100%;
margin:none;
padding:none;
}
-.newsRoll .absolute{
+.newsRoll .title{
background:black;
color:white;
bottom:0px;
width:100%;
opacity:0.8;
}
+.newsRoll .labels{
+}
+.newsRoll .labels .item{
+ display:block;
+ background:#003446;
+ color:white;
+ margin:0.1em;
+ font-size:0.9em;
+ padding:0.3em;
+ opacity:0.9;
+ border-radius:0.3em;
+}
.newsRoll h5{
font-size:1em;
color:white;
}
@media (min-width: 800px) {
}
-.news.detail .description{
- margin-top:1em;
-}
/****************************************************/
/**** Home & ****/
body #All{ font-size: 100%; }
}
-@media screen and (min-width: 600px) {
- .wrapper.sided{
- max-width:1000px;
- }
- .wrapper.sided .leftPart,
- .wrapper.sided .rightPart{
- width:45%;
- }
- .wrapper.sided .leftPart{
- float:left;
- }
- .wrapper.sided .rightPart{
- float:right;
- }
-}
-
#subscribe-form {
position: relative;
}
{% endblock %}
{% block main %}
<div class="emissions padded">
+ <div class="wrapper">
<ul class="custom list columns padded">
{% for emission in emissions %}
<li class="item {% if emission.categories.all.count = 0 %}nocat{% endif %} {% for category in emission.categories.all %} {{ category|slugify }}{% endfor %}{% if emission.archived %} archived{% endif %}"
>{% emission_resume %}</li>
{% endfor %}
</ul>
+ </div>
</div>
{% endblock %}
<a class="block" href="{% url 'emission-view' slug=emission.slug %}">
<div class="logo left">
{% if emission.image %}
- <img width="50" height="50" src="{{ emission.image|thumbnail:'50x50' }}"/>
+ <img width="60" height="60" src="{{ emission.image|thumbnail:'60x60' }}"/>
{% else %}
- <img class="smooth" width="50" height="50" src="{% static "img/defaultLogo.png" %}"/>
+ <img class="smooth" width="60" height="60" src="{% static "img/defaultLogo.png" %}"/>
{% endif %}
</div>
<div class="title ellipsis">
{% endif %}
<div class="logo">
{% if model = "inline" and episode.image %}
- <img src="{{ episode.image|thumbnail:'50x50' }}"/>
+ <img src="{{ episode.image|thumbnail:'60x60' }}"/>
{% elif model = "inline" and episode.emission.image %}
- <img src="{{ episode.emission.image|thumbnail:'50x50' }}"/>
+ <img src="{{ episode.emission.image|thumbnail:'60x60' }}"/>
{% elif model = "inline" %}
- <img class="smooth" width="50" height="50" src="{% static "img/defaultLogo.png" %}"/>
+ <img class="smooth" width="60" height="60" src="{% static "img/defaultLogo.png" %}"/>
{% elif episode.image %}
<img src="{{ episode.image|thumbnail:'150x150' }}"/>
{% elif episode.emission.image %}
<a href="{% url 'episode-view' emission_slug=result.object.emission.slug slug=result.object.slug %}">
- <span class="icon-headphones" ></span>
+ <span class="icon-volume-off " ></span>
<strong>{{ result.object.title }}</strong>
<br />
<span class="smooth">{{ result.object.emission.title }}</span>
{% endblock %}
{% block main %}
<div class="">
- <ul class="padded custom columns list">
- {% for episode in episodes %}
- <li class="item {% if episode.emission.categories.all.count = 0 %}nocat{% endif %} {% for category in episode.emission.categories.all %} {{ category|slugify }}{% endfor %}">
- {% episode_resume model="inline" klass="standalone" %}
- </li>
- {% endfor %}
- </ul>
+ <div class="wrapper">
+ <ul class="padded custom columns list">
+ {% for episode in episodes %}
+ <li class="item {% if episode.emission.categories.all.count = 0 %}nocat{% endif %} {% for category in episode.emission.categories.all %} {{ category|slugify }}{% endfor %}">
+ {% episode_resume model="inline" klass="standalone" %}
+ </li>
+ {% endfor %}
+ </ul>
+ </div>
</div>
{% endblock %}
<div id="newsRoll">
<div class="newsRoll center wrapper">
<ul class="custom distributed">
- <li class="title">
+ <li class="rollLabel">
<h4 class="label vertical">{% trans 'News' %}</h4>
</li>
{% for content in news %}
<li class="{% if forloop.counter > 3 %}largeScreens{% endif %}">
<a title="{{content.title|striptags|addslashes}}" class="block news relative" href="{% url 'news-view' slug=content.slug %}">
- {% if content.image %}
- <div class="absolute">
- <h5 class="title ellipsis">{{ content.date|date:"D m/m" }}</h5>
- </div>
+ {% if content.image %}
+ <!--
+ <div class="labels absolute">
+ <span class="item inBlock">Cd-Dvd</span>
+ <span class="item inBlock">Concours</span>
+ <span class="item inBlock">FĂȘte</span>
+ </div>
+ -->
+ <div class="absolute title ">
+ <h5 class="ellipsis">{{ content.date|date:"D m/m" }}</h5>
+ </div>
+
<img class="logo" src="{{ content.image|thumbnail:'240x320' }}"/>
{% endif %}
</a>