style search bar.
This commit is contained in:
@@ -44,4 +44,46 @@
|
|||||||
font-size: 1.5em;
|
font-size: 1.5em;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
ul {
|
||||||
|
margin: 5vw 0 0 0;
|
||||||
|
width: 50%;
|
||||||
|
li {
|
||||||
|
position: relative;
|
||||||
|
background-color: #0000007a;
|
||||||
|
border-radius: 100vw;
|
||||||
|
border: solid 2px var(--btn);
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
padding: 1dvw;
|
||||||
|
width: 100%;
|
||||||
|
input {
|
||||||
|
width: 90%;
|
||||||
|
font-size: 1em;
|
||||||
|
/*text-align: center;*/
|
||||||
|
background: transparent;
|
||||||
|
border: none;
|
||||||
|
}
|
||||||
|
input:focus {
|
||||||
|
outline: none;
|
||||||
|
}
|
||||||
|
a {
|
||||||
|
position: absolute;
|
||||||
|
right: 0dvh;
|
||||||
|
background: var(--btn);
|
||||||
|
border-radius: 100vw;
|
||||||
|
cursor: pointer;
|
||||||
|
margin: 0.5dvw;
|
||||||
|
width: 3dvw;
|
||||||
|
height: 3dvw;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
transition: 0.3s;
|
||||||
|
}
|
||||||
|
a:hover {
|
||||||
|
background-color: var(--btn-dark);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user