style search bar.

2025-07-27 16:56:37 -03:00
parent 4ee5a7ae2f
commit df7c89f7b2
1 changed files with 42 additions and 0 deletions
--- 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);
+            }
+        }
+    }
 }