From df7c89f7b2dd3894cb93319e7c723619eab9f4e0 Mon Sep 17 00:00:00 2001 From: zk_exe Date: Sun, 27 Jul 2025 16:56:37 -0300 Subject: [PATCH] style search bar. --- css/style.css | 42 ++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 42 insertions(+) diff --git a/css/style.css b/css/style.css index e6f6e1b..f449f8e 100644 --- a/css/style.css +++ b/css/style.css @@ -44,4 +44,46 @@ 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); + } + } + } }