Podpora
******************************************************************************************
*
******************************************************************************************
<
name="viewport" content="width=device-width, initial-scale=1.0"> Vyhledávací okno</
* Nadpis stránky */ .main-title { color: #d22d40; text-align: center; font-size: 25px; fon
sans-serif; margin-bottom: 30px; /* Zmenšené odsazení */ margin-top: 5px line-height: 1.2;
nadpisu uzlu */ h1, .node-title, .page-title { display: none !important; } @media (max-wid
{ .search-container { max-width: 100%; /* Zajistí, že se vyhledávací pole přizpůsobí šířce
padding: 0 10px; } .search-box { width: 100%; /* Plná šířka na malých obrazovkách */ font-
* Menší písmo pro lepší čitelnost na mobilu */ } .search-button { width: 100%; /* Tlačítko
šířku */ font-size: 14px; padding: 10px; } } /* ======= Vyhledávací pole ======= */ .searc
{ margin: 20px auto; text-align: center; max-width: 400px; } .search-box { padding: 10px;
font-size: 16px; border: 2px solid rgb(40, 53, 62); /* Tmavě šedý obrys */ border-radius:
color: white; /* Bílý vnitřek */ color: rgb(40, 53, 62); /* Šedý text */ } .search-box::pl
{ color: #777; /* Šedý placeholder */ } .search-button { padding: 10px 20px; font-size: 16
white; background-color: rgb(40, 53, 62); /* Šedé tlačítko */ border: none; border-radius:
pointer; } .search-button:hover { background-color: #2a3540; /* Tmavší šedá při najetí */
head> <body> <!-- Vyhledávací sekce --> <div class="search-container"> <form action="#" me
<input type="text" name="search" class="search-box" placeholder="S čím vám můžeme pomoci?"
type="submit" class="search-button">Hledat</button> </form> </div> </body> </html>
<!-- Kostičky --> <!DOCTYPE html> <html lang="cs"> <head> <meta charset="UTF-8"> <meta nam
content="width=device-width, initial-scale=1.0"> <title>Kostičky Často kladené dotazy
Kostičky s šedým designem a hover efektem