adaption for changes in shcgi external

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

index d6441d26dc215fa4ee5a9bfbcbc385dec0ad82f9..27d946668922195dd2252e731e82a5acb0563f54 100755 (executable)
--- a/templates/frame.html.sh
+++ b/templates/frame.html.sh
@@ -23,10 +23,14 @@ 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;
+  z-index: 0;
+}
+body {
    background: #EEE;
    margin: 0;
    padding: 2.5em 0 0 0;
@@ -35,20 +39,17 @@ 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%;
-  padding: .5em 1ex .25em 1ex;
+  margin: 0 auto auto 3%;
+  padding: .5em 1ex .5em 1ex;
    background: #FFF;
+  z-index: 1;
  }
  .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 +59,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