From 99f874820f52be4f0183c8f28b94ade508ef6a8f Mon Sep 17 00:00:00 2001 From: NOrtmann1 <145041949+NOrtmann1@users.noreply.github.com> Date: Mon, 11 May 2026 09:13:44 +0200 Subject: [PATCH] search.css --- css/search.css | 42 ++++++++++++++++++++++++++++++++++++++++++ includes/search.php | 1 + index.php | 1 + 3 files changed, 44 insertions(+) create mode 100644 css/search.css diff --git a/css/search.css b/css/search.css new file mode 100644 index 0000000..b45ab9f --- /dev/null +++ b/css/search.css @@ -0,0 +1,42 @@ +/* Styling für die Suchleiste in der Navbar */ + +#site-search { + width: 200px; /* Breite des Feldes – kann angepasst werden */ + padding: 6px 12px; /* Innenabstand für Text und Icon */ + border: 1px solid #ccc; /* Randfarbe */ + border-radius: 4px; /* Abgerundete Ecken */ + font-size: 14px; /* Schriftgröße */ + transition: border-color 0.2s ease, box-shadow 0.2s ease; +} + +#site-search:focus { + outline: none; + border-color: #5b9bd5; /* Blauer Rand beim Fokus */ + box-shadow: 0 0 5px rgba(91,155,213,0.5); /* Leichter Schatten */ +} + +#site-search + button[type="submit"] { + padding: 6px 12px; /* Innenabstand */ + margin-left: 4px; /* Abstand zum Eingabefeld */ + border: none; /* Kein Rahmen */ + background-color: #5b9bd5; /* Hintergrundfarbe */ + color: #fff; /* Textfarbe */ + border-radius: 4px; /* Gleiche Rundung wie beim Feld */ + font-size: 14px; + cursor: pointer; + transition: background-color 0.2s ease; +} + +/* Hover-Verhalten */ +#site-search + button[type="submit"]:hover { + background-color: #4a8bc4; +} + +/* Responsives Verhalten */ +@media (max-width: 480px) { + #site-search, + #site-search + button[type="submit"] { + width: 100%; + margin: 4px 0 0 0; + } +} \ No newline at end of file diff --git a/includes/search.php b/includes/search.php index 9c48e40..8bdad28 100644 --- a/includes/search.php +++ b/includes/search.php @@ -1,5 +1,6 @@ + \ No newline at end of file diff --git a/index.php b/index.php index f4bf255..9dd2fd2 100644 --- a/index.php +++ b/index.php @@ -11,6 +11,7 @@ + EduForge