Better search UI (IMHO)

This commit is contained in:
Sébastien Lucas 2012-06-13 21:21:13 +02:00
parent 8fb42bf534
commit d5690ea68f
2 changed files with 8 additions and 6 deletions

View file

@ -55,7 +55,7 @@
if ($("#search").is(":hidden")) { if ($("#search").is(":hidden")) {
$("#search").slideDown("slow"); $("#search").slideDown("slow");
} else { } else {
$("#search").hide(); $("#search").slideUp();
} }
}); });
@ -91,11 +91,12 @@
<div class="clearer" /> <div class="clearer" />
<div id="search" class="search"> <div id="search" class="search">
<form action="index.php?page=9" method="get"> <form action="index.php?page=9" method="get">
<input type="text" name="query" /> <input type="text" style="width: 200px" name="query" />
<input type="hidden" name="page" value="9" /> <input type="hidden" name="page" value="9" />
<input type="submit" value="Search" /> <input type="submit" value="Search" />
</form> </form>
</div> </div>
<div class="clearer" />
<div id="content" style="display: none;"></div> <div id="content" style="display: none;"></div>
<div class="entries"> <div class="entries">
<?php <?php

View file

@ -186,12 +186,13 @@ display: inline;
.search .search
{ {
background-color:black;
border-top:1px solid white;
display:none; display:none;
} }
.search input, .search form .search form
{ {
text-align: center; background-color: black;
border-top: 1px solid white;
float: right;
padding: 6px 10px;
} }