add search button
This commit is contained in:
@ -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