From 4a479e59364341cc7ac46fb59ce0a9c51d8cf8f8 Mon Sep 17 00:00:00 2001
From: "R. Steve McKown" <rsmckown@gmail.com>
Date: Mon, 14 Dec 2009 17:55:45 -0700
Subject: [PATCH] Add css from the author's web page.

---
 in/style/base.css     | 204 ++++++++++++++++++++++++++++++++++++++++++
 in/style/default.tmpl |  13 +++
 2 files changed, 217 insertions(+)
 create mode 100644 in/style/base.css

diff --git a/in/style/base.css b/in/style/base.css
new file mode 100644
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 fedb172..946a6af 100644
--- 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>
-- 
2.39.2