tickets: Add a bit of styling to the HTML pages.
authorMatthijs Kooijman <matthijs@stdin.nl>
Tue, 19 Oct 2010 14:58:25 +0000 (16:58 +0200)
committerMatthijs Kooijman <matthijs@stdin.nl>
Tue, 19 Oct 2010 15:47:30 +0000 (17:47 +0200)
tickets/templates/tickets/base.html

index 3a7196dc66649817df5583a8939c800642548b17..f1a07b8b99c1bd6d2d1fbf674a9f2f6e0a5f32c8 100644 (file)
@@ -3,9 +3,52 @@
 <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
 <head>
 <title>Dorestad 1493</title>
+<style type="text/css">
+    .content {
+       /* Center th div with a fixed width */
+       margin: auto;
+       width: 850px;
+       /* Add a nice funeral border */
+       border: solid black 2px;
+       /* And some spacing */
+       padding: 10px 40px;
+    }
+
+    body {
+       /* These should be available on most platforms for a nice serif
+          font, according to
+          http://www.ampsoft.net/webdesign-l/WindowsMacFonts.html */
+       font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
+    }
+
+    h1 {
+       /* Make h1's a bit less impressive and center them */
+       margin-bottom: 0;
+       font-size: 1.5em;
+       text-align: center;
+    }
+    h2 {
+       /* Make h2's a bit less impressive */
+       margin-bottom: 0;
+       font-size: 1.2em;
+       text-align: center;
+    }
+
+    p {
+       /* Reduce the spacing above a p tag */
+       margin-top: .2em;
+    }
+    td, th {
+       /* Prevent table cells from sticking too close together. This
+          didn't work with margin-right for some reason */
+       padding-right: 15px;
+    }
+</style>
 </head>
 <body>
-{% block content %}
-{% endblock %}
+    <div class="content">
+       {% block content %}
+       {% endblock %}
+    </div>
 </body>
 </html>