diff --git a/style.css b/style.css new file mode 100644 index 0000000..403cb5b --- /dev/null +++ b/style.css @@ -0,0 +1,95 @@ +body { + font-family: Arial, sans-serif; + background-color: #f4f4f4; + color: #333; + margin: 0; + padding: 20px; +} + +.container { + max-width: 900px; + margin: 30px auto; + background-color: #fff; + padding: 30px; + border-radius: 8px; + box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); +} + +h1, h2, h3 { + color: #0056b3; + border-bottom: 1px solid #eee; + padding-bottom: 10px; + margin-bottom: 20px; +} + +form { + margin-bottom: 30px; + padding: 20px; + border: 1px solid #ddd; + border-radius: 5px; + background-color: #f9f9f9; +} + +label { + display: block; + margin-bottom: 10px; + font-weight: bold; +} + +input[type="file"] { + display: block; + margin-bottom: 15px; + padding: 8px; + border: 1px solid #ccc; + border-radius: 4px; + width: calc(100% - 16px); +} + +button[type="submit"] { + background-color: #007bff; + color: white; + padding: 10px 20px; + border: none; + border-radius: 5px; + cursor: pointer; + font-size: 16px; +} + +button[type="submit"]:hover { + background-color: #0056b3; +} + +.header-section p, .phishing-section p { + background-color: #e9ecef; + padding: 10px; + border-left: 5px solid #007bff; + margin-bottom: 10px; + word-wrap: break-word; +} + +.warning { + background-color: #fff3cd; + color: #856404; + border-color: #ffeeba; + font-weight: bold; +} + +.error { + background-color: #f8d7da; + color: #721c24; + border-color: #f5c6cb; + padding: 10px; + border-radius: 5px; + margin-top: 20px; + font-weight: bold; +} + +.full-email-preview { + background-color: #f0f0f0; + border: 1px solid #ccc; + padding: 15px; + max-height: 400px; + overflow-y: auto; + white-space: pre-wrap; /* Behält Leerzeichen und Zeilenumbrüche bei */ + word-break: break-all; /* Bricht lange Wörter um */ +} \ No newline at end of file