add search button

This commit is contained in:
2023-10-30 18:37:05 -04:00
parent 662df0d550
commit c75861db6a
3 changed files with 27 additions and 2 deletions

View File

@ -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; }