Add css from the author's web page.

diff --git a/in/style/base.css b/in/style/base.css
new file mode 100644 (file)
index 0000000..fa707f4
--- /dev/null
+++ b/in/style/base.css
@@ -0,0 +1,204 @@
+/* Based on http://www.positioniseverything.net/articles/onetruelayout/ */
+
+#block_1 {
+       float: left;
+       width: 65%;
+       margin-left: 21%;
+}
+* html #block_1 {
+       display: inline;
+}
+#block_2 {
+       float: left;
+       width: 19%;
+       margin-left: -86%;
+       /* Local style: */
+       padding-left: 16px;
+}
+#block_3 {
+       float: left;
+       width: 11%;
+}
+
+/* Start Mac IE5 filter \*/
+#block_1, #block_2, #block_3 {
+       margin-bottom: -32767px !important;
+       padding-bottom: 32767px !important;
+}
+/* End Mac IE5 filter */
+
+#wrapper {
+       overflow: hidden; /* This hides the excess padding in non-IE browsers */
+       /* Local style: */
+       background: #FFFFFF none repeat scroll 0 0;
+       border: 10px solid #FFFFFF;
+}
+/* we need this for IE 5.01 - otherwise the wrapper does not expand to the
+ * necessary height (unless fixed, this problem becomes even more acute
+ * weirdness as the method is enhanced
+*/
+#wrapper {
+       /* Normally a Holly-style hack height: 1% would suffice but that causes
+        * IE 5.01 to completely collapse the wrapper - instead we float it */
+       float: left;
+       /* NB. possibly only IE 5.01 needs to get this float value - otherwise 5.5 sometimes
+        * (I saw it happen many moons ago) makes the width of wrapper too small
+        * the float: none with the comment is ignored by 5.01,
+        * 5.5 and above see it and carry on about their business
+        * It's probably fine to just remove it, but it's left here
+        * just in case that many moons ago problem rears its head again */
+       float/**/: none;
+}
+
+/* easy clearing */
+#wrapper:after {
+       content: '[DO NOT LEAVE IT IS NOT REAL]';
+       display: block;
+       clear: both;
+       height: 0;
+       visibility: hidden;
+}
+#wrapper {
+       display: inline-block;
+}
+/*\*/
+#wrapper {
+       display: block;
+}
+/* end easy clearing */
+
+#footer {
+       clear: both;
+       /* Local style */
+       border-top: 5px solid #EFEFEF;
+       color: #777777;
+       padding-bottom: 1.2em;
+       padding-top: 1.2em;
+       margin-left: 1.5em;
+}
+
+/*
+ * Safari needs this - otherwise the ghost overflow, though painted
+ * correctly obscures links and form elements that by rights should be above
+ * it.  An unintended side-effect is that it cause such elements to vanish in
+ * IE 5.01 and 5.5, hence the child selector hack
+*/
+* > #footer, * > form, * > #notes, * > .output {
+       position: relative;
+       z-index: 1000;
+}
+
+
+/* Local style: */
+
+body {
+       background: #4D87C7 url(bg_blue.gif) repeat-x fixed left top;
+       font-family: 'Trebuchet MS',Verdana,Helvetica,Arial,sans-serif;
+       font-size: 80%;
+       padding: 10px;
+}
+h1, h2, h3, h4, h5, h6 {
+       font-family: "times new roman",times,serif;
+       margin: 0 0 0.25em;
+}
+h1 { font-size: 200%; }
+h2 { font-size: 180%; }
+h3 { font-size: 150%; }
+h4 { font-size: 133.33%; }
+h5 { font-size: 116.67%; }
+h6 { font-size: 116.67%; font-style: italic; }
+
+li {
+       line-height: 1.5em;
+}
+
+p {
+       margin-bottom: 1em;
+}
+
+a {
+       text-decoration: none;
+}
+a:link, a:visited {
+       color: #4D87C7;
+}
+
+#header {
+       padding-top: 35px;
+       padding-bottom: 2em;
+       padding-left: 20px;
+       padding-right: 10px;
+       position: relative;
+}
+#header span {
+       color: #999999;
+}
+#header h1 {
+       color: #000000;
+       font-size: 2.5em;
+       letter-spacing: 2px;
+       line-height: 65%;
+}
+#topnav {
+       position: absolute;
+       right: 3px;
+       text-align: right;
+       top: 10px;
+}
+
+.skip {
+       height: 1px;
+       left: -10000em;
+       position: absolute;
+       top: -10000em;
+       width: 1px;
+}
+#nav {
+       background: #EFEFEF none repeat scroll 0 0;
+       margin-bottom: 1.4em;
+       padding: 0.2em 0.2em 0.2em 0.4em;
+       text-align: right;
+}
+
+#nav ul {
+       list-style-image: none;
+       list-style-position: outside;
+       list-style-type: none;
+       margin: 0;
+       padding: 0;
+}
+#nav li {
+       display: inline;
+       margin-left: 1em;
+       padding: 0;
+}
+#sidebar, #sitemap ul {
+       list-style-type: none;
+       overflow: hidden;
+       padding: 0;
+       margin: 0;
+}
+#sidebar li {
+       float: left;
+       width: 100%;
+       margin-left: 0.5em;
+}
+#sidebar li:hover {
+       background: #EFEFEF none repeat scroll 0 0;
+}
+#sidebar_current {
+       font-weight: bold;
+}
+.sidebar0, .sitemap0 { padding-left: 0; }
+.sidebar1, .sitemap1 { padding-left: 1.5em; }
+.sidebar2, .sitemap2 { padding-left: 3em; }
+.sidebar3, .sitemap3 { padding-left: 4.5em; }
+.sidebar4, .sitemap4 { padding-left: 6em; }
+.sidebar5, .sitemap5 { padding-left: 7.5em; }
+.sidebar6, .sitemap6 { padding-left: 9em; }
+pre {
+       background-color: #EFEFEF;
+       padding: 0.2em;
+       padding-left: 0.4em;
+       margin-left: 3em;
+}

diff --git a/in/style/default.tmpl b/in/style/default.tmpl
index fedb172699708171c6be3683dc373fc693f0e3d9..946a6afbd8ecb06165a1fa352faa63c5a278fe96 100644 (file)
--- a/in/style/default.tmpl
+++ b/in/style/default.tmpl
@@ -8,6 +8,10 @@ ${body}
 <head>
 <title>${file.title | entity}</title>
 <meta http-equiv="Content-Type" content="text/html; charset=${file.output_encoding}"/>
+<link rel="stylesheet" type="text/css" href="${get_path_to_root()}/style/base.css"/>
+<!--[if lte IE 7]>
+<link  rel="stylesheet" type="text/css" href="${get_path_to_root()}/style/ie.css"/>
+<![endif]-->
 % if len(keywords):
        <meta name="keywords" content="${keywords | entity}" />
 % endif
@@ -16,7 +20,16 @@ ${body}
 % endif
 </head>
 <body>
+<div id="wrapper_extra">
+<div id="wrapper">
+<div id="header">
 <h1>${file.title | entity}</h1>
+</div>
+<div id="block_1">
 ${self.contents()}
+</div>
+<div id="footer">Last update: ${format_date(file.ctime)}</div>
+</div>
+</div>
 </body>
 </html>