DIDS-Coursework/DIS-COMP4039-CW2-psxrp11-20450011/psxrp11-20450011_InstallationFiles/css/search.css
2022-12-09 04:51:56 +00:00

63 lines
1.1 KiB
CSS

@import "nav.css";
main {
padding-top: 2.5em;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
div.searchContainer {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
}
main form {
width: 100%;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
gap: 1em;
}
main#search form input:not([type="submit"]) {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
width: auto;
}
main#search form button {
border-top-right-radius: 0.5em;
border-bottom-right-radius: 0.5em;
width: 20%;
height: 3em;
background-color: var(--primary);
border: none;
outline: none;
color: #FFFFFF;
cursor: pointer;
}
div.searchBtnContainer {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}
div.searchBtnContainer:hover input {
border: 4px solid var(--hover);
}
main#search div.searchBtnContainer:hover button {
background-color: var(--hover);
}
.content {
margin-top: 3em;
}