]> git.plutz.net Git - confetti/blobdiff - templates/frame.html.sh
adaption for changes in shcgi external
[confetti] / templates / frame.html.sh
index c15561182d87348a5304365d5646e37fc66e3f3f..27d946668922195dd2252e731e82a5acb0563f54 100755 (executable)
@@ -1,3 +1,20 @@
+# Copyright 2014 Paul Hänsch
+#
+# This file is part of Confetti.
+# 
+# Confetti is free software: you can redistribute it and/or modify
+# it under the terms of the GNU Affero General Public License as published by
+# the Free Software Foundation, either version 3 of the License, or
+# (at your option) any later version.
+# 
+# Confetti is distributed in the hope that it will be useful,
+# but WITHOUT ANY WARRANTY; without even the implied warranty of
+# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+# GNU Affero General Public License for more details.
+# 
+# You should have received a copy of the GNU Affero General Public License
+# along with Confetti.  If not, see <http://www.gnu.org/licenses/>. 
+
 cat <<EOF
 <!Doctype HTML>
 
@@ -6,19 +23,52 @@ cat <<EOF
     <title>$($PAGE title)</title>
     <style type="text/css">
     <!--
+* {
+  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;
+}
+.NAVIGATION {
+  position: fixed;
+  top: 0;
+  display: inline-block;
+  border-style: none solid solid solid;
+  border-width: 0 1px 1px 1px;
+  border-radius: 0 0 4px 4px;
+  margin: 0 auto auto 3%;
+  padding: .5em 1ex .5em 1ex;
+  background: #FFF;
+  z-index: 1;
+}
+.NAVIGATION a {
+  color: #008;
+  border: solid 1px #BBF;
+  margin: .5em .5ex .25em .5ex;
+  padding: .2em 3ex .2em 3ex;
+  background: #EFF;
+}
+.NAVIGATION a:hover {
+  border-width: 2px 1px 2px 1px;
+  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