From af28b86e00d3f62176e5e5b5a1b259e21517dc97 Mon Sep 17 00:00:00 2001 From: Guus van Meerveld <57101832+Guusvanmeerveld@users.noreply.github.com> Date: Wed, 27 Nov 2019 13:56:24 +0100 Subject: [PATCH] Changed searchbar --- resources/css/cssall.css | 23 +++++++++-------------- 1 file changed, 9 insertions(+), 14 deletions(-) diff --git a/resources/css/cssall.css b/resources/css/cssall.css index 38142f3..dbc61b2 100644 --- a/resources/css/cssall.css +++ b/resources/css/cssall.css @@ -20,27 +20,22 @@ body { } /* Search */ .searchBar { - background-color: #ededed; - border: #ededed 2px solid; - position: fixed; + background-color: #1b1b1f; + border: #1b1b1f 2px solid; + position: relative; font-family: 'Open Sans', sans-serif; z-index: 2; - top: 6rem; - left: calc(50% - 48%); - padding: 1rem; - width: 96%; - height: 3rem; - border-radius: 2rem; + right: 2rem; + padding: 1rem; + width: 12rem; + height: 3rem; + border-radius: .5rem; outline: none; - transition: border .4s, opacity .3s, top .3s; + transition: border .4s; } .searchBar:hover, .searchBar:focus { border: #4c8a80 2px solid; } -.searchMove { - opacity: 0; - top: 0px!important; -} /* Scrollbar */ ::-webkit-scrollbar { background-color: #1d1e1e;