Commit c29e3651 authored by Simon Daron's avatar Simon Daron

Styling fiver (quikly)

parent 89155049
......@@ -302,12 +302,12 @@ nav a.active, nav button.active{
* 2. The use of `table` rather than `block` is only necessary if using
* `:before` to contain the top-margins of child elements.
*/
.wrapper:before, .wrapper:after, .cf:before, .cf:after {
.cf:before, .cf:after {
content: " "; /* 1 */
display: table; /* 2 */
}
.wrapper:after, .cf:after {
.cf:after {
clear: both;
}
......@@ -315,7 +315,7 @@ nav a.active, nav button.active{
* For IE 6/7 only
* Include this rule to trigger hasLayout and contain floats.
*/
.wrapper, .cf {
.cf {
*zoom: 1;
}
......@@ -67,6 +67,8 @@ text-transform: uppercase;
}
.wrapper {max-width: 1024px; margin:auto;}
.wrapper.text {max-width: 780px; margin:auto;}
.wrapper.half {max-width: 510px; margin:auto;}
.symbol{
......@@ -184,6 +186,7 @@ button.tag {
/* SCREEN NAV */
#Nav{
text-align:center;
border-width:0 0 2px 0;
border-style:solid;
}
......@@ -196,6 +199,17 @@ button.tag {
#Nav nav ul.distributed li {border-width:0 2px 0 2px;border-style:solid;}
#Nav nav ul.columns {column-rule:2px solid #342E2E;-moz-column-rule:2px solid #342E2E;-webkit-column-rule:2px solid #342E2E;}
#Nav nav.right{
color:#EED1B1 !important;
background:#342E2E;
border-color:#342E2E;
border-width:2px;border-style:solid;
}
#Nav nav.right li, #Nav nav.right li a{
display:block;
color:#EED1B1 !important;
}
/****************************************************/
/**** PLAYER ****/
/*#Home #player{ float: left; } */
......@@ -506,20 +520,20 @@ body { font-size: 16px;}
@media screen and (max-width:475px){
#metaNav .iconLabel {display:none;}
}
@media (max-width: 300px) {
html #All{ font-size: 70%; }
@media (max-width: 300px){
body #All{ font-size: 70%; }
}
@media (min-width: 300px) {
html #All{ font-size: 80%; }
@media (min-width: 300px) and (max-width:700px){
body #All{ font-size: 80%; }
}
@media (min-width: 700px) {
html #All{ font-size: 90%; }
@media (min-width: 700px) and (max-width:1200px){
body #All{ font-size: 90%; }
}
@media (min-width: 1200px) {
html #All{ font-size: 100%; }
body #All{ font-size: 100%; }
}
/**** COLOR VARIANTS ****/
/*
......
......@@ -27,7 +27,6 @@
<body id="{% block bodyID %}{% endblock %}">
<div id="All">
{% block meta %}<div id="metaNav">{% metanav %}</div>{% endblock %}
<div id="Commons">
<div id="Panik" class="center">
<h1><span class="inBlock">Radio Panik</span> <span class="inBlock">105.4 FM</span></h1>
......@@ -36,7 +35,6 @@
<div id="Listen" class="{% block player-class %}{% endblock %}">
{% block listen %}{% player %}{% endblock %}
</div>
</div>
<div id="Changing">
<div id="Nav">
......
......@@ -3,7 +3,7 @@
{% block bodyID %}Emissions{% endblock %}
{% block main %}
<div class="emission padded">
<div class="wrapper half">
<div class="wrapper">
<div id="Emission-tabs-detail">
{% emission_detail %}
</div>
......
{% load thumbnails %}
<div class="content content-inline inline cf {{ class }}">
<div>
<a class="block" href="{% url 'news-view' slug=content.slug %}">
{% if content.datetime %}
<div class="date cf">{{ content.datetime|date:"D m/M" }}</div>
{% endif %}
......@@ -13,7 +14,6 @@
<img class="logo right" src="{{ content.image|thumbnail:'60x60' }}"/>
{% endif %}
{% endif %}
<a class="block" href="{% url 'news-view' slug=content.slug %}">
<h5 class="title {% if not class %}ellipsis{% endif %}">{{ content.title }}</h5>
<div class="description {% if not class %}ellipsis{% endif %}">
{% if logo == "large" %}
......
......@@ -5,17 +5,25 @@
{% block nav %}
<div id="fiber-nav">
{% show_menu "main-menu" 1 1 "all" %}
{% show_menu "main-menu" 2 3 "all_descendants" %}
<nav>
{% show_menu "main-menu" 1 1 "all" %}
</nav>
<div class="wrapper text">
<nav class="right">
{% show_menu "main-menu" 2 3 "all_descendants" %}
</nav>
</div>
</div>
{% endblock %}
{% block main %}
<div id="fiber-content" class="wrapper">
<h2>{{ fiber_page.title }}</h2>
<div class="wrapper text">
<div id="fiber-content" class="padded">
<h2>{{ fiber_page.title }}</h2>
{% show_page_content "main" %}
{% show_page_content "main" %}
</div>
</div>
{% endblock %}
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment