From 8fb42bf534831504b8084618f47b0a5a1fce5ffa Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?S=C3=A9bastien=20Lucas?= <sebastien@slucas.fr>
Date: Wed, 13 Jun 2012 17:28:54 +0200
Subject: [PATCH] Search box is now under the title

---
 index.php | 18 +++++++++++++-----
 style.css | 12 ++++++++++++
 2 files changed, 25 insertions(+), 5 deletions(-)

diff --git a/index.php b/index.php
index f8073c6..c9ad264 100644
--- a/index.php
+++ b/index.php
@@ -50,7 +50,15 @@
                     overlay : null
                 }
             });
-            $(".fancysearch").fancybox();
+            
+            $("#searchImage").click(function(){
+                if ($("#search").is(":hidden")) {
+                    $("#search").slideDown("slow");
+                } else {
+                    $("#search").hide();
+                }
+            });
+            
             $(".bookdetail").click(function(){
                 var url = $(this).find("a").attr("href");
                 $('#content').load(url, function(data, stat, req){
@@ -74,17 +82,17 @@
             </a>
         </div>
         <div class="headright">
-            <a class="fancysearch" href="#search"><img src="<?php echo getUrlWithVersion("images/search.png") ?>" alt="Search" /></a>
+            <img id="searchImage" src="<?php echo getUrlWithVersion("images/search.png") ?>" alt="Search" />
         </div>
         <div class="headcenter">
             <p><?php echo $currentPage->title ?></p>
         </div>
     </div>
     <div class="clearer" />
-    <div id="search" style="display: none;">
+    <div id="search" class="search">
         <form action="index.php?page=9" method="get">
-            <input type="text" name="query" /><br />
-            <input type="hidden" name="page" value="9" /><br />
+            <input type="text" name="query" />
+            <input type="hidden" name="page" value="9" />
             <input type="submit" value="Search" />
         </form> 
     </div>
diff --git a/style.css b/style.css
index 984d12a..77aa5ab 100644
--- a/style.css
+++ b/style.css
@@ -183,3 +183,15 @@ padding: 6px;
 {
 display: inline;
 }
+
+.search
+{
+background-color:black;
+border-top:1px solid white;
+display:none;
+}
+
+.search input, .search form
+{
+text-align: center;
+}
\ No newline at end of file