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