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 12d6ea1..cfc74e9 100644 (file)
--- a/snf-astakos-app/astakos/im/templates/im/base.html
+++ b/snf-astakos-app/astakos/im/templates/im/base.html
@@ -30,8 +30,11 @@
       <link href="https://fonts.googleapis.com/css?family=Antic" rel="stylesheet" type="text/css">
       <link rel="stylesheet" type="text/css" href="{{ IM_STATIC_URL }}css/global.css">
       <!--[if lte IE 7]>
-            <link rel="stylesheet" type="text/css" href="{{ IM_STATIC_URL }}im/css/ie7.css">
+            <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,13 +77,17 @@
                    {% 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>
                </div>
                {% endif %}
-               <h1><img src="../static/im/images/accounts-logo.png" alt="accounts" /></h1>
+               <div class="mainlogo">
+                       <a href="/im/">
+                               <img src="{{ IM_STATIC_URL }}images/accounts-logo.png" alt="accounts" />
+                       </a>
+               </div>
             {% block page.nav %}
             <div class="navigation">
                    <ul>