little more "semantic markup"

[confetti] / templates / frame.html.sh
diff --git a/templates/frame.html.sh b/templates/frame.html.sh

index d6441d26dc215fa4ee5a9bfbcbc385dec0ad82f9..fafd0b215319bef787c782c3a2db17c1e0a14060 100755 (executable)
--- a/templates/frame.html.sh
+++ b/templates/frame.html.sh
@@ -23,10 +23,13 @@ cat <<EOF
      <title>$($PAGE title)</title>
      <style type="text/css">
      <!--
-body {
+* {
+  font-family: sans-serif;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
+}
+body {
    background: #EEE;
    margin: 0;
    padding: 2.5em 0 0 0;
@@ -35,20 +38,16 @@ body {
    position: fixed;
    top: 0;
    display: inline-block;
-  height: 1.5em;
    border-style: none solid solid solid;
    border-width: 0 1px 1px 1px;
    border-radius: 0 0 4px 4px;
-  margin-top: 0;
-  margin-left: 3%;
+  margin: 0 auto auto 3%;
    padding: .5em 1ex .25em 1ex;
    background: #FFF;
  }
  .NAVIGATION a {
    color: #008;
-  border-style: solid;
-  border-width: 1px;
-  border-color: #BBF;
+  border: solid 1px #BBF;
    margin: .5em .5ex .25em .5ex;
    padding: .2em 3ex .2em 3ex;
    background: #EFF;
@@ -58,18 +57,16 @@ body {
    background: #F3FFFF;
  }
  
-
-    $(. $PAGE css)
+/* dynamic page CSS starts here */
+$(. $PAGE css)
      -->
      </style>
    </head>
-  <body>
+  <body class="$PAGE">
      <div class="NAVIGATION">
        $(NAVIGATION |sed -r 's:^([^ ]+) (.+)$:<a href="\1">\2</a>:g')
      </div>
-    <div class="MAIN">
-      $(. $PAGE body)
-    </div>
+    $(. $PAGE body)
    </body>
  </html>
  EOF