mirror of
https://github.com/RedGrox2013/AloeGames-Site.git
synced 2026-07-13 23:16:58 +00:00
Добавил поиск
This commit is contained in:
@@ -136,6 +136,49 @@ p {
|
||||
box-shadow: 0 0 15px var(--accent-glow);
|
||||
}
|
||||
|
||||
.search-form {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
max-width: 720px;
|
||||
width: 100%;
|
||||
margin-top: 30px;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.search-engine {
|
||||
min-width: 140px;
|
||||
padding: 12px 14px;
|
||||
border-radius: 12px;
|
||||
border: 1px solid var(--border);
|
||||
background: var(--card);
|
||||
color: var(--text-main);
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.search-engine:focus,
|
||||
.search-form input:focus,
|
||||
.search-btn:focus {
|
||||
outline: 2px solid rgba(34, 197, 94, 0.6);
|
||||
outline-offset: 2px;
|
||||
}
|
||||
|
||||
.search-form input {
|
||||
flex: 1;
|
||||
min-width: 200px;
|
||||
padding: 12px 16px;
|
||||
border-radius: 12px;
|
||||
border: 1px solid var(--border);
|
||||
background: var(--card);
|
||||
color: var(--text-main);
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.search-btn {
|
||||
margin-top: 0;
|
||||
padding: 12px 24px;
|
||||
}
|
||||
|
||||
.btn:hover {
|
||||
transform: scale(1.05);
|
||||
box-shadow: 0 0 25px var(--accent-glow);
|
||||
|
||||
Reference in New Issue
Block a user