templates/main.tpl.html

   1 <!DOCTYPE html>
   2 <html lang="en">
   3 <head>
   4 <title>My Site - %s</title>
   5 <!-- change base href to your site URL -->
   6 <base href="http://my.site">
   7 <style>
   8     body {
   9         background-color: whitesmoke;
  10         font-family:Arial, Helvetica, sans-serif;
  11         font-size: 0.9em;
  12         margin: 0;
  13         padding: 0;
  14     }
  15     h1, h2, h3, h4, h5, h6 {
  16         font-family: Georgia, 'Times New Roman', Times, serif;
  17     }
  18     div#header {
  19         width: 100%;
  20         color: white;
  21         background-color:#a1a0c0;
  22         height: 50px;
  23     }
  24     div#modification {
  25         width: 100%;
  26         color: darkslateblue;
  27         font-size: 0.9em;
  28     }
  29     div#footer {
  30         width: 100%;
  31         text-align: center;
  32         background-color: #a1a0c0;
  33         color: white;
  34         float:inline-end;
  35     }
  36     div#sidebar {
  37         float :inline-end;
  38         background-color: darkslateblue;
  39         color: white;
  40         width: 32%;
  41         padding: 1%;
  42     }
  43     div#sidebar a, div#sidebar a:visited {
  44         color: white;
  45     }
  46     div#main {
  47         width: 100%;
  48         float: none;
  49         color: black;
  50     }
  51     div#content {
  52         width: 63%;
  53         margin-right:1%;
  54         margin-left: 2%;
  55         float:inline-start;
  56     }
  57 </style>
  58 </head>
  59 <body>
  60 <div id="main">
  61     <div id="header"></div>
  62     <div id="content">
  63         <div id="modification">Created on: %s, last modified: %s</div>
  64         %s
  65     </div>
  66     <div id="sidebar">
  67         %s
  68     </div>
  69     <div id ="footer">
  70         My copyright
  71     </div>
  72 </div>
  73
  74 </body>
  75 </html>