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