Responsive with initial-scale:1.0

[astakos] / snf-astakos-app / astakos / im / templates / im / base.html

diff --git a/snf-astakos-app/astakos/im/templates/im/base.html b/snf-astakos-app/astakos/im/templates/im/base.html
index 5e831b0..cfc74e9 100644 (file)
--- a/snf-astakos-app/astakos/im/templates/im/base.html
+++ b/snf-astakos-app/astakos/im/templates/im/base.html
@@ -32,6 +32,9 @@
       <!--[if lte IE 7]>
             <link rel="stylesheet" type="text/css" href="{{ IM_STATIC_URL }}css/ie7.css">
       <![endif]-->
+      <link rel="stylesheet" media="screen and (max-width: 960px)" href="{{ IM_STATIC_URL }}css/max960.css"/>
+      <link rel="stylesheet" media="screen and (max-width: 768px)" href="{{ IM_STATIC_URL }}css/max768.css"/>  
+      <link rel="stylesheet" media="screen and (max-width: 480px)" href="{{ IM_STATIC_URL }}css/max480.css"/>  
   {% endblock page.css %}
 
   {% block headjs %}
@@ -74,7 +77,7 @@
                    {% block extra_messages %}{% endblock %}
                    {% for message in messages %}
                    <div{% if message.tags %} 
-                       class="{{ message.tags }}"{% endif %}>
+                       class="msg {{ message.tags }}"{% endif %}>
                        {{ message|safe }}</div>
                    {% endfor %}
                    <a href="#" title="close" class="close">X</a>