Changed searchbar

add-license-1
Guus van Meerveld 5 years ago committed by GitHub
parent 555ac8ee20
commit af28b86e00
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

@ -20,27 +20,22 @@ body {
} }
/* Search */ /* Search */
.searchBar { .searchBar {
background-color: #ededed; background-color: #1b1b1f;
border: #ededed 2px solid; border: #1b1b1f 2px solid;
position: fixed; position: relative;
font-family: 'Open Sans', sans-serif; font-family: 'Open Sans', sans-serif;
z-index: 2; z-index: 2;
top: 6rem; right: 2rem;
left: calc(50% - 48%);
padding: 1rem; padding: 1rem;
width: 96%; width: 12rem;
height: 3rem; height: 3rem;
border-radius: 2rem; border-radius: .5rem;
outline: none; outline: none;
transition: border .4s, opacity .3s, top .3s; transition: border .4s;
} }
.searchBar:hover, .searchBar:focus { .searchBar:hover, .searchBar:focus {
border: #4c8a80 2px solid; border: #4c8a80 2px solid;
} }
.searchMove {
opacity: 0;
top: 0px!important;
}
/* Scrollbar */ /* Scrollbar */
::-webkit-scrollbar { ::-webkit-scrollbar {
background-color: #1d1e1e; background-color: #1d1e1e;