<!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">
<meta name="description" content="">
<meta name="author" content="">
- <meta name="viewport" content="">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0,minimum-scale=1.0, maximum-scale=1.0">
{% block page.js %}
<!-- Le HTML5 shim, for IE6-8 support of HTML elements -->
{% 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='http://fonts.googleapis.com/css?family=Didact+Gothic&subset=latin' rel='stylesheet' type='text/css'>
+ <link rel="stylesheet" type="text/css" href="{{ IM_STATIC_URL }}css/global.css">
+ <link rel="stylesheet" type="text/css" href="{{ IM_STATIC_URL }}css/print.css" media="print">
+ <!--[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"/>
+ <link rel="stylesheet" type="text/css" href="{{ IM_STATIC_URL }}css/jquery-ui-1.8.21.custom.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/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 %}
$("label[for=id_recaptcha_challenge_field]").closest('.form-row').hide();
})
</script>
- <script>
- var CLOUDBAR_LOCATION = "{{ CLOUDBAR_LOC }}";
- var CLOUDBAR_COOKIE_NAME = "{{ CLOUDBAR_COOKIE_NAME }}";
- var CLOUDBAR_ACTIVE_SERVICE = '{{ CLOUDBAR_ACTIVE_SERVICE }}';
-
- var GET_SERVICES_URL = "{{ GET_SERVICES_URL }}";
- var GET_MENU_URL = "{{ GET_MENU_URL }}";
- $(document).ready(function(){
- $.getScript(CLOUDBAR_LOCATION + 'cloudbar.js');
- })
- </script>
+ {% if CLOUDBAR_ACTIVE %}
+ {{ CLOUDBAR_CODE }}
+ {% endif %}
</head>
<body>
- <div class='container'>
- <div class='header'>
- <div class="mainlogo">
- <h1>accounts</h1>
+ <div class="container">
+ <div class="wrapper">
+ {% if messages or EXTRA_MESSAGES_SET %}
+ <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>
+ {% block page.nav.items %}
+ {% endblock %}
+ </ul>
+ <ul>
+ {% block page.subnav %}{%endblock %}
+ </ul>
</div>
-
- <ul class="mainnav inline quicknav">
- {% comment %}{% block page.quicknav.items %}
- <li class="{% block signup_class %}{% endblock %}">
- <a href="{% url astakos.im.views.index %}">Login</a>
- </li>
- <li class="{% block signin_class %}{% endblock %}">
- <a href="{% url astakos.im.views.signup %}">Sign up</a>
- </li>
- {% endblock %}{% endcomment %}
- </ul>
-
- {% comment %}{% block page.nav %}
- <ul class="mainnav inline">
- {% block page.nav.items %}
- {% endblock %}
- </ul>
- {% endblock %}{% endcomment %}
- </div>
- <div class="page">
- {% if messages %}
- <ul class="messages">
- {% for message in messages %}
- <li{% if message.tags %}
- class="{{ message.tags }}"{% endif %}>
- {{ message }}</li>
- {% endfor %}
- </ul>
- {% endif %}
- {% 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">
+ <div class="wrapper">
+ {% include "im/footer.html" %}
+ </div>
</div>
+
</body>
</html>