From 133b15b260bd83bbee9ff7aa5958a9ad16b80607 Mon Sep 17 00:00:00 2001
From: Benjamin Franzke <benjaminfranzke@googlemail.com>
Date: Sun, 18 May 2014 22:22:25 +0200
Subject: Use :before and :after instead of a hr at end/start of the container

Also use box-sizing border box for the content to align with the menu.
---
 style/style.css | 16 ++++++++++++----
 xsl/layout.xsl  |  2 --
 2 files changed, 12 insertions(+), 6 deletions(-)

diff --git a/style/style.css b/style/style.css
index 79fb98e..62eb969 100644
--- a/style/style.css
+++ b/style/style.css
@@ -197,11 +197,19 @@ ul#navi {
 	color: white;
 }
 
-#container > hr {
+#container {
+	box-sizing: border-box;
+}
+
+#container:before,
+#container:after {
+	/* background: #BBB082; */
+	background: #d2c592;
+	content: '';
+
+	display: block;
+	width: 100%;
 	height: 20px;
-	background: #BBB082;
-	color: #FFFFFF;
-	border: none;
 
 	/* Used to clear the infobar float */
 	clear: both;
diff --git a/xsl/layout.xsl b/xsl/layout.xsl
index 1437054..bdac066 100644
--- a/xsl/layout.xsl
+++ b/xsl/layout.xsl
@@ -30,7 +30,6 @@
           <li style="display: none"><a href="#page" accesskey="S" /></li>
         </ul>
         <div id="container">
-          <hr />
           <div id="page">
             <div id="info">
               <strong>
@@ -75,7 +74,6 @@
             </div>
             <xsl:apply-templates mode="html" />
           </div>
-          <hr />
         </div>
         <div id="footer">
           <p>
-- 
cgit