Much more text.

prestatic/aesthetics.js

@@ -35,7 +35,7 @@ set_min_height = function() {
     wh = ws[0];
     ww = ws[1];
 
-    h = metadiv.offsetHeight + 15;
+    h = metadiv.offsetHeight + 25;
     metadiv.style.position = 'absolute';
     metadiv.style.bottom = '5px';
     metadiv.style.width = (contentdiv.offsetWidth - 42) + 'px';

prestatic/screen.css

@@ -187,6 +187,7 @@ h1:first-child {
 h2 {
     margin: 14px 0 5px 0 ;
     font-size: 25px;
+    background-color: #ddd;
 }
 
 h3 {
@@ -217,12 +218,16 @@ h6 {
 
 p {
     text-align: justify;
-    margin-bottom: 10px;
+    margin-top: 10px;
+}
+
+p:first-child {
+    margin-top: 0;
 }
 
 div.caption {
     clear: both;
-    margin: 10px;
+    margin-bottom: 10px;
 }
 
 caption, div.caption > p {
@@ -236,6 +241,10 @@ div.caption.center-float img {
     margin: 0 auto;
 }
 
+div.caption.left-float img {
+    margin: 0;
+}
+
 div.caption.center-float {
     text-align: center;
 }
@@ -248,9 +257,16 @@ tt, code, samp, pre, var {
     font-family: Inconsolata, 'Dejavu Sans Mono', monospace;
 }
 
+pre {
+    margin-top: 10px;
+    white-space: pre-wrap;
+    word-wrap: break-word;
+}
+
 img {
     border: none;
     clear: both;
+    margin-bottom: 10px;
 }
 
 cite, quote {
@@ -367,6 +383,24 @@ td, th {
     padding: 1px 3px;
 }
 
+thead, tfoot {
+    font-weight: bold;
+}
+
+
+/* Math */
+
+.math {
+    position: relative;
+    top: 14px;
+}
+
+.block.math {
+    position: static;
+    top: 0;
+    margin: 10px auto 0 auto;
+}
+
 
 /* Formatting-related classes */
 
@@ -395,7 +429,8 @@ td, th {
 }
 
 .center-float {
-    margin: 0 auto;
+    margin-right: auto;
+    margin-left: auto;
 }
 
 .right-float {
@@ -406,6 +441,14 @@ td, th {
     float: left;
 }
 
+div.right-float, img.right-float, video.right-float, audio.right-float  {
+    margin-left: 10px;
+}
+
+div.left-float, img.left-float, video.left-float, audio.left-float  {
+    margin-right: 10px;
+}
+
 .block {
     display: block;
 }
@@ -414,6 +457,10 @@ td, th {
     display: inline;
 }
 
+.noclear, div.caption.noclear {
+    clear: none; ! important
+}
+
 .huge, .huge * {
     font-size: 25px; ! important
 }
@@ -423,15 +470,15 @@ td, th {
 }
 
 .medium, .medium * {
-    font-size: 12px; ! important
+    font-size: 14px; ! important
 }
 
 .small, .small * {
-    font-size: 10px; ! important
+    font-size: 11px; ! important
 }
 
 .tiny, .tiny * {
-    font-size: 8px; ! important
+    font-size: 9px; ! important
 }
 
 
@@ -442,17 +489,27 @@ td, th {
 }
 
 .highlighttable {
-    margin-bottom: 10px;
+    margin: 5px 0 5px 0;
+}
+
+.highlighttable pre {
+    margin-top: 0;
 }
 
 .highlighttable, .highlighttable .code  {
     border-width: 0;
 }
 
+.highlighttable .code {
+    width: 600px;
+}
+
 .linenos {
     border-width: 0 1px 0 0;
     border-style: solid;
     border-size: black;
+    vertical-align: top;
+
 }
 
 
@@ -465,3 +522,14 @@ td, th {
     border: 1px outset black;
 }
 
+.note {
+    background-color: #c3cfcf;
+    font-weight: bold;
+    padding: 5px 5px 0 5px;
+    border: 1px outset black;
+}
+
+.note p, .warning p {
+    margin-bottom: 5px;
+}
+

prestatic/template.html

@@ -33,7 +33,7 @@ page.summary = run_macros(page.summary)
     <meta name='DCTERMS.title' content='<!--@eval page.title@-->' />
     <meta name='DCTERMS.description' content='<!--@eval page.summary@-->' />
     <meta name='DCTERMS.creator' content='Niels Serup' />
-    <meta name='DCTERMS.format' content='application/xhtml+xml' />
+<!--    <meta name='DCTERMS.format' content='application/xhtml+xml' />-->
 <!--@exec
 if page.created_rfc3339:
     print("    <meta name='DCTERMS.created' content='{}' />".format(page.created_rfc3339))