Commit ac4e1adf authored by Simon Daron's avatar Simon Daron
Browse files

Responsive design: (re) adding font size adaptations

parent 41b1c523
......@@ -141,6 +141,7 @@ button.tag {
#metaNav {
font-size: 0.9em;
min-height: 2.5em;
color:white;
background-color: black;
position:fixed;
......@@ -458,19 +459,19 @@ body { font-size: 16px;}
#metaNav .iconLabel {display:none;}
}
@media (max-width: 300px) {
html #main{ font-size: 70%; }
html #All{ font-size: 70%; }
}
@media (min-width: 500px) {
html #main{ font-size: 80%; }
@media (min-width: 300px) {
html #All{ font-size: 80%; }
}
@media (min-width: 700px) {
html #main{ font-size: 90%; }
html #All{ font-size: 90%; }
}
@media (min-width: 1200px) {
html #main{ font-size: 100%; }
html #All{ font-size: 100%; }
}
/**** COLOR VARIANTS ****/
#News,
......
......@@ -25,30 +25,32 @@
</head>
<body id="{% block bodyID %}{% endblock %}">
{% block meta %}<div id="metaNav">{% metanav %}</div>{% endblock %}
<div id="All">
{% block meta %}<div id="metaNav">{% metanav %}</div>{% endblock %}
<div id="Commons">
<div id="Panik" class="center">
<h1>Radio Panik 105.4 FM</h1>
<!--{% block logo %}<img class="logo" src="{{ STATIC_URL }}/img/LogoPanik.jpg"/>{% endblock %}-->
</div>
<div id="Listen" class="{% block player-class %}{% endblock %}">
{% block listen %}{% player %}{% endblock %}
</div>
</div>
<div id="Changing">
<div id="Nav">
<div class="wrapper">
{% block nav %}{% endblock %}
<div id="Commons">
<div id="Panik" class="center">
<h1>Radio Panik 105.4 FM</h1>
<!--{% block logo %}<img class="logo" src="{{ STATIC_URL }}/img/LogoPanik.jpg"/>{% endblock %}-->
</div>
<div id="Listen" class="{% block player-class %}{% endblock %}">
{% block listen %}{% player %}{% endblock %}
</div>
</div>
<div id="Main">
{% block main %}{% endblock %}
</div>
<div id="Links">
<div class="wrapper">
{% block links %}{% endblock %}
<div id="Changing">
<div id="Nav">
<div class="wrapper">
{% block nav %}{% endblock %}
</div>
</div>
<div id="Main">
{% block main %}{% endblock %}
</div>
<div id="Links">
<div class="wrapper">
{% block links %}{% endblock %}
</div>
</div>
</div>
</div>
......
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