Put a parchment background behind normal pages.

[matthijs/projects/wipi.git] / static / exodus / css / screen.css

diff --git a/static/exodus/css/screen.css b/static/exodus/css/screen.css
index d7be9a70d817b3fbe2c9cf525cbb235051a9fa65..bddf19b1a378f0db09861cb1b345d34ffb95910b 100644 (file)
--- a/static/exodus/css/screen.css
+++ b/static/exodus/css/screen.css
@@ -82,7 +82,38 @@ ul#menubar li a {
        margin-left: auto;
 }
 
-h1 { margin: 0; padding: 0; }
+
+#pagetop {
+       width: 694px;
+       height:39px;
+       background-image:url('../img/perkamentTop.gif');
+}
+
+#pagemiddle {
+       background-image:url('../img/perkamentCenter.gif');
+       background-repeat:repeat-y;
+       /* Force a new block-formatting context, to prevent any margins from
+        * content to stick out of this div, causing a gap between #pagetop
+        * and #pagemiddle */
+       overflow: hidden;
+       /* Indent the text a bit, so it skips the jagged edges of the
+        * background */
+       padding:0px 45px 0px 45px;
+       /* 694px image width minus two times 45px padding*/
+       width: 604px;
+       /* Set a font colour that's readable on the background image. We
+        * should really also set a background colour here (for when images
+        * are disabled), but it seems it's impossible to do that without the
+        * colour showing always */
+       color:#731E01;
+       font-weight:bold;
+}
+
+#pagebottom {
+       width: 694px;
+       height:37px;
+       background-image:url('../img/perkamentBottom.gif');
+}
 
 #footer {
        /* Put a dotted line at the top of the footer */
@@ -140,7 +171,6 @@ h1 { margin: 0; padding: 0; }
     /* Put a bit of offset between the pageinfo and searchform. Don't use
      * margin here, that collapses with the floating pageinfo. */
     padding-top: 10px;
-    margin: 0px 12px;
 }
 
 .editbar {
@@ -164,7 +194,7 @@ h1 { margin: 0; padding: 0; }
 }
 
 .editbar li {
-    display: inline;
+ /*   display: inline;*/
     padding: 0;
     margin: 4px 6px;
 }