From 75b66806a2bad0215418e53281651e24c91e6055 Mon Sep 17 00:00:00 2001 From: moerp Date: Tue, 16 Apr 2024 17:42:29 +0200 Subject: [PATCH] elkisa --- src/static/style.css | 18 +++++++++--------- 1 file changed, 9 insertions(+), 9 deletions(-) diff --git a/src/static/style.css b/src/static/style.css index 57aecb5..68c6764 100644 --- a/src/static/style.css +++ b/src/static/style.css @@ -242,15 +242,15 @@ button#cancel-button:not(:disabled):hover { margin-bottom: 10px; } -body { - /* Setzt das Bild als Hintergrund */ - background-image: url('../img/elisa.jpg'); - background-size: cover; /* Stellt sicher, dass das Bild den gesamten Hintergrund bedeckt */ - background-position: center; /* Zentriert das Bild */ - background-repeat: no-repeat; /* Verhindert das Wiederholen des Bildes */ - /* Fügt eine schwarze, teilweise durchsichtige Schicht über das Bild */ - background-color: rgba(0, 0, 0, 0.5); /* Schwarz mit 50% Transparenz */ - background-blend-mode: multiply; /* Mischmodus, um die Transparenz zu erzeugen */ +button#submit-button { + background-image: url('../img/elisa.jpg'); /* Pfad zum Bild */ + background-size: contain; /* Passt das Bild innerhalb des Buttons an, ohne es zu strecken */ + background-repeat: no-repeat; /* Verhindert das Wiederholen des Bildes */ + background-position: center; /* Zentriert das Bild im Button */ + color: transparent; /* Macht den Text unsichtbar, damit nur das Bild sichtbar ist */ + width: auto; /* Setzt die Breite automatisch entsprechend des Inhalts */ + height: auto; /* Passt die Höhe an, um das Bild vollständig anzuzeigen */ + padding: 10px 20px; /* Hinzufügen von etwas Platz um das Bild */ }