From c8c0f80eeb14c4ffb65a866d1c5cd9e67aa61f79 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?S=C3=A9bastien=20Lucas?= <sebastien@slucas.fr>
Date: Thu, 16 May 2013 12:26:41 +0200
Subject: [PATCH] Fix header so that it's always vertically centered

---
 index.php |  4 +++-
 style.css | 21 ++++++++++++++++-----
 2 files changed, 19 insertions(+), 6 deletions(-)

diff --git a/index.php b/index.php
index 6f816f3..fd37c92 100644
--- a/index.php
+++ b/index.php
@@ -159,7 +159,9 @@
                 <img src="<?php echo getUrlWithVersion("images/home.png") ?>" alt="<?php echo localize ("home.alternate") ?>" />
         </a>
         <img class="headright" id="searchImage" src="<?php echo getUrlWithVersion("images/setting64.png") ?>" alt="Settings and menu" />
-        <h1><?php echo htmlspecialchars ($currentPage->title) ?></h1>
+        <div class="headcenter">
+            <h1><?php echo htmlspecialchars ($currentPage->title) ?></h1>
+        </div>
         <div id="tool" <?php if ($withToolbar) echo 'style="display: none"' ?>>
             <div style="float: left; width: 60%">
                 <form action="index.php" method="get">
diff --git a/style.css b/style.css
index ec8347b..a1a2df9 100644
--- a/style.css
+++ b/style.css
@@ -79,12 +79,23 @@ header {
 	float: left;
 }
 
+.headcenter
+{
+float:none;
+margin:auto;
+text-align:center;
+height:70px;
+display:table;
+}
+
 header h1{
-	float:none;
-	padding-top:25px;
-text-shadow: 0px 4px 3px rgba(0,0,0,0.4),
-             0px 8px 13px rgba(0,0,0,0.1),
-             0px 18px 23px rgba(0,0,0,0.1);
+    display: table-cell;
+    vertical-align: middle;
+    text-align: center;
+    line-height: 100%;
+    text-shadow: 0px 4px 3px rgba(0,0,0,0.4),
+                 0px 8px 13px rgba(0,0,0,0.1),
+                 0px 18px 23px rgba(0,0,0,0.1);
 }
 
 .headright {