templates/base.html
changeset 291 5daf523e20b4
parent 255 2bca2008fbe3
child 294 5aca9d92ccbb
equal deleted inserted replaced
290:0ef76d42d4f4 291:5daf523e20b4
     1 <html>
     1 <html>
     2 <head>
     2 <head>
     3     <title>{% block title %}PyTasks{% endblock %}</title>
     3     <title>{% block title %}PyTasks{% endblock %}</title>
     4     {% block js_script %} {% endblock %}
     4     {% block js_script %} {% endblock %}
       
     5 
       
     6 
       
     7 <style type="text/css">
       
     8         body {
       
     9         font-family: Verdana, Arial, Helvetica, sans-serif;
       
    10         font-size: 11px;
       
    11         color: #333;
       
    12         text-align: center;
       
    13         margin: 0px;
       
    14         padding: 20px 0px 20px 0px;
       
    15         }
       
    16         #wrapper {
       
    17         width: 956px;
       
    18         padding: 10px;
       
    19         margin: 0px auto 0px auto;
       
    20         height: auto;
       
    21         text-align: left;
       
    22         border: 1px solid #ddd;
       
    23         }
       
    24         #header {
       
    25         margin: 0px;
       
    26         padding: 5px 0px 5px 0px;
       
    27         height: auto;
       
    28         width: auto;
       
    29         text-align: center;
       
    30         background-color: #f1f1f1;
       
    31         }
       
    32         #container {
       
    33         padding: 0px;
       
    34         margin: 10px 0px 0px 0px;
       
    35         background-attachment: scroll;
       
    36         background-image: url(back.gif);
       
    37         background-repeat: repeat-y;
       
    38         background-position: 0px 0px;
       
    39         height: auto; #default was 1%
       
    40         width: auto;
       
    41         }
       
    42         #left {
       
    43         margin: 0px;
       
    44         width: 160px;
       
    45         padding: 10px 20px 10px 20px;
       
    46         float: left;
       
    47         }
       
    48         #nav {
       
    49         margin: 0px;
       
    50         padding: 0px;
       
    51         list-style-image: none;
       
    52         list-style-type: none;
       
    53         }
       
    54         #nav li {
       
    55         margin: 0px;
       
    56         padding: 0px;
       
    57         display: block;
       
    58         background-attachment: scroll;
       
    59         background-image: url(bullet.gif);
       
    60         background-repeat: no-repeat;
       
    61         background-position: 0px 50%;
       
    62         }
       
    63         #nav li a:link, #nav li a:visited, #nav li a:active {
       
    64         color: #666;
       
    65         text-decoration: none;
       
    66         display: block;
       
    67         margin: 0px;
       
    68         padding: 3px 15px 3px 15px;
       
    69         width: 130px;
       
    70         }
       
    71         #nav li a:hover {
       
    72         color: #999;
       
    73         text-decoration: none;
       
    74         }
       
    75         #center {
       
    76         height: auto;
       
    77         width: 504px;
       
    78         padding: 10px 20px 10px 20px;
       
    79         float: left;
       
    80         margin: 0px 0px 0px 6px;
       
    81         line-height: 1.8em;
       
    82         }
       
    83         h1 {
       
    84         font-size: 14px;
       
    85         margin: 0px;
       
    86         padding: 0px;
       
    87         }
       
    88         #right {
       
    89         padding: 10px 20px 10px 20px;
       
    90         height: auto;
       
    91         width: 160px;
       
    92         float: left;
       
    93         margin: 0px 0px 0px 6px;
       
    94         }
       
    95         .clearer {
       
    96         font-size: 0px;
       
    97         line-height: 0px;
       
    98         display: block;
       
    99         margin: 0px;
       
   100         padding: 0px;
       
   101         clear: both;
       
   102         height: 0px;
       
   103         width: auto;
       
   104         }
       
   105         #footer {
       
   106         margin: 10px 0px 0px 0px;
       
   107         text-align: left;
       
   108         padding: 5px 0px 5px 0px;
       
   109         background-color: #f1f1f1;
       
   110         }
       
   111         #footer p {
       
   112         color: #999;
       
   113         margin: 0px auto 0px auto;
       
   114         padding: 0px;
       
   115         }
       
   116         #footer a:link, #footer a:visited, #footer a:active {
       
   117         color: #999;
       
   118         text-decoration: none;
       
   119         }
       
   120         #footer a:hover {
       
   121         color: #ccc;
       
   122         text-decoration: none;
       
   123         } 
       
   124 </style>
       
   125 
     5 </head>
   126 </head>
     6 
   127 
     7 <body>
   128 <body>
     8 {% block content %}
   129 	<div id="wrapper">
       
   130     <div id="container">
       
   131         <div id="left">
       
   132         <ul id="nav">
       
   133             <li><a href="/" title="home">home</a></li>
       
   134             {% if user.is_authenticated %}
       
   135                 <li><a href="/task/browse/" title="tasks">tasks</a></li>
       
   136                 <li><a href="/textbook/" title="textbook">textbooks</a></li>
       
   137                 <br />
       
   138                 <li><a href="/user/notifications/" title="notifications">
       
   139                 {% if user.unread_notifications.count %}
       
   140                     notifications({{user.unread_notifications.count}})
       
   141                 {% else %}
       
   142                     notifications
       
   143                 {% endif %}
       
   144                 </a></li>
       
   145                 <li><a href="/user/requests/" title="Requests">
       
   146                 {% if user.unread_requests.count %}
       
   147                     requests({{user.unread_requests.count}})
       
   148                 {% else %}
       
   149                     requests
       
   150                 {% endif %}
       
   151                 </a></li>
       
   152                 <br>
       
   153                 <li><a href="/user/view/uid={{user.id}}">my profile</a></li>
       
   154                 <li><a href="/accounts/logout/">logout</a></li>
       
   155             {% else %}
       
   156                 <li><a href="/accounts/login/" title="login">login</a></li>
       
   157             {% endif %}
       
   158         </ul>
       
   159         </div>
       
   160         <div id="center">
       
   161             {% block content %}This is the default content{% endblock %}
       
   162         </div>
       
   163 </div>
     9 <h2><a href="/">PyTasks</a></h2>
   164 <h2><a href="/">PyTasks</a></h2>
    10 {% endblock %}
   165 
    11 </body>
   166 </body>
    12 </html>
   167 </html>