<!doctype html>
-<!--[if lt IE 7 ]> <html lang="en" class="no-js ie6"> <![endif]-->
-<!--[if IE 7 ]> <html lang="en" class="no-js ie7"> <![endif]-->
-<!--[if IE 8 ]> <html lang="en" class="no-js ie8"> <![endif]-->
-<!--[if (gte IE 9)|!(IE)]><!--> <html lang="en" class="no-js"> <!--<![endif]-->
<head>
{% block starthead %}{% endblock starthead %}
<meta charset="UTF-8">
{% endblock page.favicons %}
{% block page.css %}
- <link href='https://fonts.googleapis.com/css?family=Antic'
- rel='stylesheet' type='text/css'>
- <link rel="stylesheet" href="{{ IM_STATIC_URL }}css/styles.css"
- type='text/css'>
- <link rel="stylesheet" href="{{ IM_STATIC_URL }}css/custom.css"
- type='text/css'>
+
+ <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 }}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 %}
- <script src="{{ IM_STATIC_URL }}js/modernizr-2.0.6.js"
- type="text/javascript"></script>
- <script src="{{ IM_STATIC_URL }}js/jquery.js"
- type="text/javascript"></script>
- <script src="{{ IM_STATIC_URL }}js/jquery.infieldlabel.js"
- type="text/javascript"></script>
- <script src="{{ IM_STATIC_URL }}js/forms.js"
- type="text/javascript"></script>
+ <script src="{{ IM_STATIC_URL }}js/jquery-1.7.1.min.js"></script>
+ <script src="{{ IM_STATIC_URL }}js/jquery.dropkick-1.0.0.js"></script>
+ <script src="{{ IM_STATIC_URL }}js/os.js"></script>
+ <script src="{{ IM_STATIC_URL }}js/modernizr-2.0.6.js"></script>
+ <script src="{{ IM_STATIC_URL }}js/jquery.js"></script>
+ <script src="{{ IM_STATIC_URL }}js/jquery.infieldlabel.js"></script>
+ <script src="{{ IM_STATIC_URL }}js/forms.js"></script>
+ <script src="{{ IM_STATIC_URL }}js/common.js"></script>
{% endblock headjs %}
{% block endhead %}{% endblock endhead %}
</head>
<body>
- <div class='container'>
- <div class='header'>
- <div class="mainlogo">
- <h1>accounts</h1>
- </div>
-
+ <div class="container">
+ <div class="wrapper">
+ {% if messages or LOGIN_MESSAGES %}
+ <div class="top-msg active">
+ {% block extra_messages %}{% endblock %}
+ {% for message in messages %}
+ <div{% if message.tags %}
+ class="msg {{ message.tags }}"{% endif %}>
+ {{ message|safe }}</div>
+ {% endfor %}
+ <a href="#" title="close" class="close">X</a>
+ </div>
+ {% endif %}
+ <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 class="mainnav inline">
- {% block page.nav.items %}
- {% endblock %}
- </ul>
- <ul class="mainnav inline subnav">
- {% block page.subnav %}{%endblock %}
- </ul>
+ <ul>
+ {% block page.nav.items %}
+ {% endblock %}
+ </ul>
+ <ul>
+ {% block page.subnav %}{%endblock %}
+ </ul>
</div>
{% endblock %}
- </div>
- {% if messages or LOGIN_MESSAGES %}
- <ul class="messages">
- {% block extra_messages %}{% endblock %}
- {% for message in messages %}
- <li{% if message.tags %}
- class="{{ message.tags }}"{% endif %}>
- {{ message }}</li>
- {% endfor %}
- </ul>
- {% endif %}
- <div class="page">
- {% block page.body %}
- <div class="maincol">
- {% block body %}
- {% endblock %}
- </div>
- {% endblock %}
- </div>
+
+
+ <div class="content">
+ {% block page.body %}
+ <div class="full">
+ {% block body %}
+ {% endblock %}
+ </div>
+ {% endblock %}
+ </div>
+ </div>
</div>
<div class="footer">
- {% block footer_content %}
- <div class="last row">
- Copyright 2011-2012 <a href="http://www.grnet.gr" alt="GRNET S.A.">GRNET S.A.</a> All rights reserved.
+ <div class="wrapper">
+ {% include "im/footer.html" %}
</div>
- {% endblock %}
</div>
+
</body>
</html>