templates/base.html
changeset 236 39f83b4cf557
parent 235 e338eaeccad7
equal deleted inserted replaced
235:e338eaeccad7 236:39f83b4cf557
     1 <html>
       
     2 <head>
       
     3     <title>{% block title %}PyTasks{% endblock %}</title>
       
     4     {% block js_script %} {% endblock %}
       
     5 <style type="text/css">
       
     6         body {
       
     7         font-family: Verdana, Arial, Helvetica, sans-serif;
       
     8         font-size: 11px;
       
     9         color: #333;
       
    10         text-align: center;
       
    11         margin: 0px;
       
    12         padding: 20px 0px 20px 0px;
       
    13         }
       
    14         #wrapper {
       
    15         width: 956px;
       
    16         padding: 10px;
       
    17         margin: 0px auto 0px auto;
       
    18         height: auto;
       
    19         text-align: left;
       
    20         border: 1px solid #ddd;
       
    21         }
       
    22         #header {
       
    23         margin: 0px;
       
    24         padding: 5px 0px 5px 0px;
       
    25         height: auto;
       
    26         width: auto;
       
    27         text-align: center;
       
    28         background-color: #f1f1f1;
       
    29         }
       
    30         #container {
       
    31         padding: 0px;
       
    32         margin: 10px 0px 0px 0px;
       
    33         background-attachment: scroll;
       
    34         background-image: url(back.gif);
       
    35         background-repeat: repeat-y;
       
    36         background-position: 0px 0px;
       
    37         height: auto; #default was 1%
       
    38         width: auto;
       
    39         }
       
    40         #left {
       
    41         margin: 0px;
       
    42         width: 160px;
       
    43         padding: 10px 20px 10px 20px;
       
    44         float: left;
       
    45         }
       
    46         #nav {
       
    47         margin: 0px;
       
    48         padding: 0px;
       
    49         list-style-image: none;
       
    50         list-style-type: none;
       
    51         }
       
    52         #nav li {
       
    53         margin: 0px;
       
    54         padding: 0px;
       
    55         display: block;
       
    56         background-attachment: scroll;
       
    57         background-image: url(bullet.gif);
       
    58         background-repeat: no-repeat;
       
    59         background-position: 0px 50%;
       
    60         }
       
    61         #nav li a:link, #nav li a:visited, #nav li a:active {
       
    62         color: #666;
       
    63         text-decoration: none;
       
    64         display: block;
       
    65         margin: 0px;
       
    66         padding: 3px 15px 3px 15px;
       
    67         width: 130px;
       
    68         }
       
    69         #nav li a:hover {
       
    70         color: #999;
       
    71         text-decoration: none;
       
    72         }
       
    73         #center {
       
    74         height: auto;
       
    75         width: 504px;
       
    76         padding: 10px 20px 10px 20px;
       
    77         float: left;
       
    78         margin: 0px 0px 0px 6px;
       
    79         line-height: 1.8em;
       
    80         }
       
    81         h1 {
       
    82         font-size: 14px;
       
    83         margin: 0px;
       
    84         padding: 0px;
       
    85         }
       
    86         #right {
       
    87         padding: 10px 20px 10px 20px;
       
    88         height: auto;
       
    89         width: 160px;
       
    90         float: left;
       
    91         margin: 0px 0px 0px 6px;
       
    92         }
       
    93         .clearer {
       
    94         font-size: 0px;
       
    95         line-height: 0px;
       
    96         display: block;
       
    97         margin: 0px;
       
    98         padding: 0px;
       
    99         clear: both;
       
   100         height: 0px;
       
   101         width: auto;
       
   102         }
       
   103         #footer {
       
   104         margin: 10px 0px 0px 0px;
       
   105         text-align: left;
       
   106         padding: 5px 0px 5px 0px;
       
   107         background-color: #f1f1f1;
       
   108         }
       
   109         #footer p {
       
   110         color: #999;
       
   111         margin: 0px auto 0px auto;
       
   112         padding: 0px;
       
   113         }
       
   114         #footer a:link, #footer a:visited, #footer a:active {
       
   115         color: #999;
       
   116         text-decoration: none;
       
   117         }
       
   118         #footer a:hover {
       
   119         color: #ccc;
       
   120         text-decoration: none;
       
   121         } 
       
   122 </style>
       
   123 </head>
       
   124 
       
   125 <body>
       
   126 <div id="wrapper">
       
   127     <div id="header">
       
   128         <h2><a href="/">PyTasks</a></h2>
       
   129     </div>
       
   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 id="right">
       
   164             <!--{% if user.is_authenticated %}
       
   165             <a href="/accounts/logout">logout</a> 
       
   166             {% endif %}-->
       
   167         </div>
       
   168         <div class="clearer">
       
   169         </div>
       
   170     </div>
       
   171     <div id="footer">
       
   172     Designed by <a href="http://fossee.in">FOSSEE</a>
       
   173     </div>
       
   174 </div> 
       
   175 
       
   176 </body>
       
   177 </html>