From d6b086fec317c08415ca9f0d13fc5cf2ccb2016c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Nils=20Ho=CC=88rrmann?= <post@nilshoerrmann.de>
Date: Mon, 17 Dec 2012 12:12:48 +0100
Subject: [PATCH] Center site header content in wide mode (xPathr)

---
 css/factory.css       |  8 ++++++
 docs/factory/docs.xsl | 58 +++++++++++++++++++++++++------------------
 2 files changed, 42 insertions(+), 24 deletions(-)

diff --git a/css/factory.css b/css/factory.css
index 3ac686b..7f0fe3b 100644
--- a/css/factory.css
+++ b/css/factory.css
@@ -1435,6 +1435,14 @@ pre[data-line] {
 	right: 0;
 }
 
+#site .site-header .centered {
+
+	/* Wide layouts with centered site header (like xPathr) */
+	padding: 0 30px;
+	box-sizing: border-box;
+	-moz-box-sizing: border-box;
+}
+
 #site .site-header h1 {
 	background: url(../img/logo.png) -1px 0 no-repeat;
 	float: left;
diff --git a/docs/factory/docs.xsl b/docs/factory/docs.xsl
index 69d85d7..2a09c01 100644
--- a/docs/factory/docs.xsl
+++ b/docs/factory/docs.xsl
@@ -39,30 +39,20 @@
 			<div id="site">
 				
 				<!-- Current header -->
-				<header>
-					<xsl:attribute name="class">
-						<xsl:choose>
-							<xsl:when test="data/title = 'xPathr'">site-header wide</xsl:when>
-							<xsl:otherwise>site-header centered</xsl:otherwise>
-						</xsl:choose>
-					</xsl:attribute>
-					<h1>
-						<span>Symphony</span>
-						<xsl:text> </xsl:text>
-						<xsl:choose>
-							<xsl:when test="data/title/@mode = 'push'">
-								<xsl:value-of select="data/title" />
-							</xsl:when>
-							<xsl:when test="data/title/@mode = 'empty'"></xsl:when>
-							<xsl:otherwise>Factory</xsl:otherwise>
-						</xsl:choose>
-					</h1>
-					<nav>
-						<xsl:apply-templates select="document('navigation.xml')/data/nav">
-							<xsl:with-param name="title" select="data/title/@id | data/title" />
-						</xsl:apply-templates>
-					</nav>
-				</header>
+				<xsl:choose>
+					<xsl:when test="data/title = 'xPathr'">
+						<header class="site-header wide">
+							<div class="centered">
+								<xsl:call-template name="site-header" />
+							</div>
+						</header>
+					</xsl:when>
+					<xsl:otherwise>
+						<header class="site-header centered">
+							<xsl:call-template name="site-header" />
+						</header>
+					</xsl:otherwise>
+				</xsl:choose>
 
 				<!-- Content -->
 				<xsl:apply-templates select="data/content/*" mode="ninja" />
@@ -90,4 +80,24 @@
 	</a>
 </xsl:template>
 
+<!-- Site header -->
+<xsl:template name="site-header">
+	<h1>
+		<span>Symphony</span>
+		<xsl:text> </xsl:text>
+		<xsl:choose>
+			<xsl:when test="data/title/@mode = 'push'">
+				<xsl:value-of select="data/title" />
+			</xsl:when>
+			<xsl:when test="data/title/@mode = 'empty'"></xsl:when>
+			<xsl:otherwise>Factory</xsl:otherwise>
+		</xsl:choose>
+	</h1>
+	<nav>
+		<xsl:apply-templates select="document('navigation.xml')/data/nav">
+			<xsl:with-param name="title" select="data/title/@id | data/title" />
+		</xsl:apply-templates>
+	</nav>
+</xsl:template>
+
 </xsl:stylesheet>
\ No newline at end of file