tickets: Add a bit of styling to the HTML pages.
[matthijs/projects/dorestad-bookings.git] / tickets / templates / tickets / base.html
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
2         "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
3 <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
4 <head>
5 <title>Dorestad 1493</title>
6 <style type="text/css">
7     .content {
8         /* Center th div with a fixed width */
9         margin: auto;
10         width: 850px;
11         /* Add a nice funeral border */
12         border: solid black 2px;
13         /* And some spacing */
14         padding: 10px 40px;
15     }
16
17     body {
18         /* These should be available on most platforms for a nice serif
19            font, according to
20            http://www.ampsoft.net/webdesign-l/WindowsMacFonts.html */
21         font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
22     }
23
24     h1 {
25         /* Make h1's a bit less impressive and center them */
26         margin-bottom: 0;
27         font-size: 1.5em;
28         text-align: center;
29     }
30     h2 {
31         /* Make h2's a bit less impressive */
32         margin-bottom: 0;
33         font-size: 1.2em;
34         text-align: center;
35     }
36
37     p {
38         /* Reduce the spacing above a p tag */
39         margin-top: .2em;
40     }
41     td, th {
42         /* Prevent table cells from sticking too close together. This
43            didn't work with margin-right for some reason */
44         padding-right: 15px;
45     }
46 </style>
47 </head>
48 <body>
49     <div class="content">
50         {% block content %}
51         {% endblock %}
52     </div>
53 </body>
54 </html>