add search button
This commit is contained in:
@ -31,7 +31,8 @@
|
||||
<div id="searchbox">
|
||||
<form action="/query.php" method="GET">
|
||||
<?php
|
||||
printf("<input type='text' placeholder='Search...' name='q' value='%s'>\n", $_GET["q"]);
|
||||
printf("<input type='text' placeholder='Search...' name='q' value='%s'>", $_GET["q"]);
|
||||
printf("<input type='submit' value='Go'>");
|
||||
printf("<div id='options'>\n");
|
||||
printf(" <input type='checkbox' name='SFW' id='SFW' %s>\n", $SFW);
|
||||
printf(" <label for='SFW'>SFW</label>\n");
|
||||
|
@ -29,10 +29,34 @@ h1, #header {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 75em) {
|
||||
#searchbox input[type=text] { width: 45vw !important; }
|
||||
}
|
||||
|
||||
#searchbox {
|
||||
text-align: center;
|
||||
font-size: 1em;
|
||||
}
|
||||
#searchbox input[type=text] {
|
||||
width: 50em;
|
||||
height: 2.5em;
|
||||
box-sizing: border-box;
|
||||
border: 3px solid #ccc;
|
||||
border-right: none;
|
||||
outline: none;
|
||||
}
|
||||
#searchbox input[type=text]:focus { background: #aaa; }
|
||||
#searchbox input[type=submit]:hover { background: #aaa; }
|
||||
#searchbox input[type=submit] {
|
||||
width: 2.5em;
|
||||
height: 2.5em;
|
||||
font-weight: bold;
|
||||
cursor: pointer;
|
||||
margin: 0 1em 0 0;
|
||||
background: #ccc;
|
||||
border: 3px solid #ccc;
|
||||
border-left: none;
|
||||
}
|
||||
|
||||
#options { display: inline-block; }
|
||||
|
||||
|
Reference in New Issue
Block a user