width: calc(0% + 280px);
}
#Changing {
+ position: relative;
float: right;
width: 78%;
width: calc(100% - 300px);
margin-bottom: 10px;
}
+ #About div.mainSub,
+ #Emissions div.mainSub {
+ position: absolute;
+ top: 20px;
+ left: 290px;
+ }
+
+ #About div.mainSub ul,
+ #Emissions div.mainSub ul {
+ padding: 0;
+ font-family: Reglo;
+ font-weight: normal;
+ }
+
+ #About div.mainSub ul li,
+ #Emissions div.mainSub ul li {
+ }
+
+
}
div.focus {
/****************************************************/
/**** SCREEN NAV ****/
#Nav{
- background:#0000ff;
- color:white;
+ background: white;
+ color: black;
}
#Nav nav{padding:0.1em;}
margin: 1em 0;
}
+nav#program li {
+ display: block;
+ margin: 0;
+}
+
/*******************************/
/**** VARIANTES ****************/
/*******************************/
<nav>
<ul class="inline padded">
<li><a href="{% url 'grid' %}" class="{% if class = "grid" %}active{% endif %}">
- <span class="icon-th-large" ></span>
<span class="iconLabel">La grille</span>
</a></li>
<li><a href="{% url 'program' %}" class="{% if class = "program" %}active{% endif %}">
- <span class="icon-calendar" ></span>
<span class="iconLabel">Par semaine</span>
</a></li>
<li><a href="{% url 'emissions' %}" class="{% if class != "program" and class != "grid" and class != "archives" %}active{% endif %}">
- <span class="icon-microphone" ></span>
<span class="iconLabel">Émissions</span>
</a></li>
<li><a href="{% url 'emissionsArchives' %}" class="{% if class = "archives" %}active{% endif %}">
- <span class="icon-archive" ></span>
<span class="iconLabel">Archives</span>
</a></li>
</ul>