pytask/templates/base.html
author Madhusudan.C.S <madhusudancs@gmail.com>
Thu, 20 Jan 2011 01:36:37 +0530
changeset 479 fdaf0d8ceb53
parent 459 e7b1a685b488
child 481 b93a85589490
permissions -rw-r--r--
Add additional div tags and use % based values for all properties instead of pixel based. The core ideas of using multiple containers among other things as commented in the CSS file are taken from http://www.maxdesign.com.au/articles/css-layouts/three-liquid/# giving them the due credits they deserve. Thank you very much guys. I was struggling to get a fully liquid three-column layout. I made some changes as per my ideas.
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
255
2bca2008fbe3 Added base.htm;
Nishanth Amuluru <nishanth@fossee.in>
parents:
diff changeset
     1
<html>
2bca2008fbe3 Added base.htm;
Nishanth Amuluru <nishanth@fossee.in>
parents:
diff changeset
     2
<head>
433
b8b8337efbb8 Restructure the entire base template and move the left sidebar to another subtemplate.
Madhusudan.C.S <madhusudancs@gmail.com>
parents: 425
diff changeset
     3
  <title>
b8b8337efbb8 Restructure the entire base template and move the left sidebar to another subtemplate.
Madhusudan.C.S <madhusudancs@gmail.com>
parents: 425
diff changeset
     4
    {% block title %}PyTasks{% endblock %}
b8b8337efbb8 Restructure the entire base template and move the left sidebar to another subtemplate.
Madhusudan.C.S <madhusudancs@gmail.com>
parents: 425
diff changeset
     5
  </title>
b8b8337efbb8 Restructure the entire base template and move the left sidebar to another subtemplate.
Madhusudan.C.S <madhusudancs@gmail.com>
parents: 425
diff changeset
     6
b8b8337efbb8 Restructure the entire base template and move the left sidebar to another subtemplate.
Madhusudan.C.S <madhusudancs@gmail.com>
parents: 425
diff changeset
     7
  {% comment %}Load site wide CSS here. Additional styling must be
b8b8337efbb8 Restructure the entire base template and move the left sidebar to another subtemplate.
Madhusudan.C.S <madhusudancs@gmail.com>
parents: 425
diff changeset
     8
  loaded in the block that follows{% endcomment %}
b8b8337efbb8 Restructure the entire base template and move the left sidebar to another subtemplate.
Madhusudan.C.S <madhusudancs@gmail.com>
parents: 425
diff changeset
     9
  <link rel=stylesheet href="/pytask/static/css/base.css" type="text/css" >
b8b8337efbb8 Restructure the entire base template and move the left sidebar to another subtemplate.
Madhusudan.C.S <madhusudancs@gmail.com>
parents: 425
diff changeset
    10
  <link type="text/css"
b8b8337efbb8 Restructure the entire base template and move the left sidebar to another subtemplate.
Madhusudan.C.S <madhusudancs@gmail.com>
parents: 425
diff changeset
    11
      href="/pytask/static/css/jquery/ui/cupertino/jquery-ui-1.8.8.custom.css"
b8b8337efbb8 Restructure the entire base template and move the left sidebar to another subtemplate.
Madhusudan.C.S <madhusudancs@gmail.com>
parents: 425
diff changeset
    12
      rel="stylesheet" />
b8b8337efbb8 Restructure the entire base template and move the left sidebar to another subtemplate.
Madhusudan.C.S <madhusudancs@gmail.com>
parents: 425
diff changeset
    13
b8b8337efbb8 Restructure the entire base template and move the left sidebar to another subtemplate.
Madhusudan.C.S <madhusudancs@gmail.com>
parents: 425
diff changeset
    14
  {% block css %}
b8b8337efbb8 Restructure the entire base template and move the left sidebar to another subtemplate.
Madhusudan.C.S <madhusudancs@gmail.com>
parents: 425
diff changeset
    15
  {% endblock %}
b8b8337efbb8 Restructure the entire base template and move the left sidebar to another subtemplate.
Madhusudan.C.S <madhusudancs@gmail.com>
parents: 425
diff changeset
    16
b8b8337efbb8 Restructure the entire base template and move the left sidebar to another subtemplate.
Madhusudan.C.S <madhusudancs@gmail.com>
parents: 425
diff changeset
    17
b8b8337efbb8 Restructure the entire base template and move the left sidebar to another subtemplate.
Madhusudan.C.S <madhusudancs@gmail.com>
parents: 425
diff changeset
    18
  {% comment %}Load site wide javascript here. Additional scripts must
b8b8337efbb8 Restructure the entire base template and move the left sidebar to another subtemplate.
Madhusudan.C.S <madhusudancs@gmail.com>
parents: 425
diff changeset
    19
  be loaded in the block that follows{% endcomment %}
425
e15749fab2e4 Restructured create form to use templatetags and use Javascript for autcomplete.
Madhusudan.C.S <madhusudancs@gmail.com>
parents: 417
diff changeset
    20
433
b8b8337efbb8 Restructure the entire base template and move the left sidebar to another subtemplate.
Madhusudan.C.S <madhusudancs@gmail.com>
parents: 425
diff changeset
    21
  <script type="text/javascript"
b8b8337efbb8 Restructure the entire base template and move the left sidebar to another subtemplate.
Madhusudan.C.S <madhusudancs@gmail.com>
parents: 425
diff changeset
    22
      src="/pytask/static/jquery/jquery-1.4.4.min.js">
b8b8337efbb8 Restructure the entire base template and move the left sidebar to another subtemplate.
Madhusudan.C.S <madhusudancs@gmail.com>
parents: 425
diff changeset
    23
  </script>
b8b8337efbb8 Restructure the entire base template and move the left sidebar to another subtemplate.
Madhusudan.C.S <madhusudancs@gmail.com>
parents: 425
diff changeset
    24
  <script type="text/javascript"
b8b8337efbb8 Restructure the entire base template and move the left sidebar to another subtemplate.
Madhusudan.C.S <madhusudancs@gmail.com>
parents: 425
diff changeset
    25
      src="/pytask/static/jquery/jquery-ui-1.8.8.custom.min.js">
b8b8337efbb8 Restructure the entire base template and move the left sidebar to another subtemplate.
Madhusudan.C.S <madhusudancs@gmail.com>
parents: 425
diff changeset
    26
  </script>
448
870235dbac86 Add the source to Javascript required to login users.
Madhusudan.C.S <madhusudancs@gmail.com>
parents: 439
diff changeset
    27
  <script type="text/javascript"
459
e7b1a685b488 Add tooltip support for form fields using qtip.
Madhusudan.C.S <madhusudancs@gmail.com>
parents: 448
diff changeset
    28
      src="/pytask/static/jquery/jquery.qtip-1.0.0-rc3.min.js">
e7b1a685b488 Add tooltip support for form fields using qtip.
Madhusudan.C.S <madhusudancs@gmail.com>
parents: 448
diff changeset
    29
  </script>
e7b1a685b488 Add tooltip support for form fields using qtip.
Madhusudan.C.S <madhusudancs@gmail.com>
parents: 448
diff changeset
    30
  <script type="text/javascript"
448
870235dbac86 Add the source to Javascript required to login users.
Madhusudan.C.S <madhusudancs@gmail.com>
parents: 439
diff changeset
    31
      src="/pytask/static/js/login.js">
870235dbac86 Add the source to Javascript required to login users.
Madhusudan.C.S <madhusudancs@gmail.com>
parents: 439
diff changeset
    32
  </script>
870235dbac86 Add the source to Javascript required to login users.
Madhusudan.C.S <madhusudancs@gmail.com>
parents: 439
diff changeset
    33
  <script type="text/javascript">
870235dbac86 Add the source to Javascript required to login users.
Madhusudan.C.S <madhusudancs@gmail.com>
parents: 439
diff changeset
    34
    login_user("{% url auth_login %}");
870235dbac86 Add the source to Javascript required to login users.
Madhusudan.C.S <madhusudancs@gmail.com>
parents: 439
diff changeset
    35
  </script>
433
b8b8337efbb8 Restructure the entire base template and move the left sidebar to another subtemplate.
Madhusudan.C.S <madhusudancs@gmail.com>
parents: 425
diff changeset
    36
  {% block js %}
b8b8337efbb8 Restructure the entire base template and move the left sidebar to another subtemplate.
Madhusudan.C.S <madhusudancs@gmail.com>
parents: 425
diff changeset
    37
  {% endblock %}
255
2bca2008fbe3 Added base.htm;
Nishanth Amuluru <nishanth@fossee.in>
parents:
diff changeset
    38
</head>
433
b8b8337efbb8 Restructure the entire base template and move the left sidebar to another subtemplate.
Madhusudan.C.S <madhusudancs@gmail.com>
parents: 425
diff changeset
    39
b8b8337efbb8 Restructure the entire base template and move the left sidebar to another subtemplate.
Madhusudan.C.S <madhusudancs@gmail.com>
parents: 425
diff changeset
    40
255
2bca2008fbe3 Added base.htm;
Nishanth Amuluru <nishanth@fossee.in>
parents:
diff changeset
    41
<body>
433
b8b8337efbb8 Restructure the entire base template and move the left sidebar to another subtemplate.
Madhusudan.C.S <madhusudancs@gmail.com>
parents: 425
diff changeset
    42
  <div id="wrapper">
294
5aca9d92ccbb removed the css code from base.html and formatted the page properly
Nishanth Amuluru <nishanth@fossee.in>
parents: 291
diff changeset
    43
    <div id="header">
433
b8b8337efbb8 Restructure the entire base template and move the left sidebar to another subtemplate.
Madhusudan.C.S <madhusudancs@gmail.com>
parents: 425
diff changeset
    44
      <h2><a href="{% url home_page %}">PyTask</a></h2>
294
5aca9d92ccbb removed the css code from base.html and formatted the page properly
Nishanth Amuluru <nishanth@fossee.in>
parents: 291
diff changeset
    45
    </div>
433
b8b8337efbb8 Restructure the entire base template and move the left sidebar to another subtemplate.
Madhusudan.C.S <madhusudancs@gmail.com>
parents: 425
diff changeset
    46
479
fdaf0d8ceb53 Add additional div tags and use % based values for all properties instead of pixel based.
Madhusudan.C.S <madhusudancs@gmail.com>
parents: 459
diff changeset
    47
    <div id="container1">
fdaf0d8ceb53 Add additional div tags and use % based values for all properties instead of pixel based.
Madhusudan.C.S <madhusudancs@gmail.com>
parents: 459
diff changeset
    48
    <div id="container2">
433
b8b8337efbb8 Restructure the entire base template and move the left sidebar to another subtemplate.
Madhusudan.C.S <madhusudancs@gmail.com>
parents: 425
diff changeset
    49
      <div id="left">
b8b8337efbb8 Restructure the entire base template and move the left sidebar to another subtemplate.
Madhusudan.C.S <madhusudancs@gmail.com>
parents: 425
diff changeset
    50
        {% include '_left_sidebar.html' %}
b8b8337efbb8 Restructure the entire base template and move the left sidebar to another subtemplate.
Madhusudan.C.S <madhusudancs@gmail.com>
parents: 425
diff changeset
    51
b8b8337efbb8 Restructure the entire base template and move the left sidebar to another subtemplate.
Madhusudan.C.S <madhusudancs@gmail.com>
parents: 425
diff changeset
    52
        {% block leftsidebar %}
b8b8337efbb8 Restructure the entire base template and move the left sidebar to another subtemplate.
Madhusudan.C.S <madhusudancs@gmail.com>
parents: 425
diff changeset
    53
          {% comment %}Additional Left Sidebar elements go here{% endcomment %}
b8b8337efbb8 Restructure the entire base template and move the left sidebar to another subtemplate.
Madhusudan.C.S <madhusudancs@gmail.com>
parents: 425
diff changeset
    54
        {% endblock leftsidebar %}
b8b8337efbb8 Restructure the entire base template and move the left sidebar to another subtemplate.
Madhusudan.C.S <madhusudancs@gmail.com>
parents: 425
diff changeset
    55
      </div>
b8b8337efbb8 Restructure the entire base template and move the left sidebar to another subtemplate.
Madhusudan.C.S <madhusudancs@gmail.com>
parents: 425
diff changeset
    56
b8b8337efbb8 Restructure the entire base template and move the left sidebar to another subtemplate.
Madhusudan.C.S <madhusudancs@gmail.com>
parents: 425
diff changeset
    57
      <div id="center">
b8b8337efbb8 Restructure the entire base template and move the left sidebar to another subtemplate.
Madhusudan.C.S <madhusudancs@gmail.com>
parents: 425
diff changeset
    58
        {% block content %}This is the default content{% endblock content %}
b8b8337efbb8 Restructure the entire base template and move the left sidebar to another subtemplate.
Madhusudan.C.S <madhusudancs@gmail.com>
parents: 425
diff changeset
    59
      </div>
b8b8337efbb8 Restructure the entire base template and move the left sidebar to another subtemplate.
Madhusudan.C.S <madhusudancs@gmail.com>
parents: 425
diff changeset
    60
b8b8337efbb8 Restructure the entire base template and move the left sidebar to another subtemplate.
Madhusudan.C.S <madhusudancs@gmail.com>
parents: 425
diff changeset
    61
      <div id="right">
b8b8337efbb8 Restructure the entire base template and move the left sidebar to another subtemplate.
Madhusudan.C.S <madhusudancs@gmail.com>
parents: 425
diff changeset
    62
        {% block rightsidebar %}
b8b8337efbb8 Restructure the entire base template and move the left sidebar to another subtemplate.
Madhusudan.C.S <madhusudancs@gmail.com>
parents: 425
diff changeset
    63
          {% comment %}Additional Right Sidebar elements go here{% endcomment %}
b8b8337efbb8 Restructure the entire base template and move the left sidebar to another subtemplate.
Madhusudan.C.S <madhusudancs@gmail.com>
parents: 425
diff changeset
    64
        {% endblock rightsidebar %}
448
870235dbac86 Add the source to Javascript required to login users.
Madhusudan.C.S <madhusudancs@gmail.com>
parents: 439
diff changeset
    65
        {% include "_right_sidebar.html" %}
433
b8b8337efbb8 Restructure the entire base template and move the left sidebar to another subtemplate.
Madhusudan.C.S <madhusudancs@gmail.com>
parents: 425
diff changeset
    66
      </div>
b8b8337efbb8 Restructure the entire base template and move the left sidebar to another subtemplate.
Madhusudan.C.S <madhusudancs@gmail.com>
parents: 425
diff changeset
    67
b8b8337efbb8 Restructure the entire base template and move the left sidebar to another subtemplate.
Madhusudan.C.S <madhusudancs@gmail.com>
parents: 425
diff changeset
    68
      <div class="clearer">
b8b8337efbb8 Restructure the entire base template and move the left sidebar to another subtemplate.
Madhusudan.C.S <madhusudancs@gmail.com>
parents: 425
diff changeset
    69
      </div>
294
5aca9d92ccbb removed the css code from base.html and formatted the page properly
Nishanth Amuluru <nishanth@fossee.in>
parents: 291
diff changeset
    70
    </div>
479
fdaf0d8ceb53 Add additional div tags and use % based values for all properties instead of pixel based.
Madhusudan.C.S <madhusudancs@gmail.com>
parents: 459
diff changeset
    71
    </div>
294
5aca9d92ccbb removed the css code from base.html and formatted the page properly
Nishanth Amuluru <nishanth@fossee.in>
parents: 291
diff changeset
    72
    <div id="footer">
433
b8b8337efbb8 Restructure the entire base template and move the left sidebar to another subtemplate.
Madhusudan.C.S <madhusudancs@gmail.com>
parents: 425
diff changeset
    73
      Designed by <a href="http://fossee.in">FOSSEE</a>
294
5aca9d92ccbb removed the css code from base.html and formatted the page properly
Nishanth Amuluru <nishanth@fossee.in>
parents: 291
diff changeset
    74
    </div>
5aca9d92ccbb removed the css code from base.html and formatted the page properly
Nishanth Amuluru <nishanth@fossee.in>
parents: 291
diff changeset
    75
</div> 
291
5daf523e20b4 added styles to base.css
Nishanth Amuluru <nishanth@fossee.in>
parents: 255
diff changeset
    76
255
2bca2008fbe3 Added base.htm;
Nishanth Amuluru <nishanth@fossee.in>
parents:
diff changeset
    77
</body>
2bca2008fbe3 Added base.htm;
Nishanth Amuluru <nishanth@fossee.in>
parents:
diff changeset
    78
</html>