From bb797b30c985ed92053ced0c1d7f8a901216dbfa Mon Sep 17 00:00:00 2001 From: M_Viper Date: Sun, 10 Mar 2024 15:22:36 +0000 Subject: [PATCH] Dateien nach "css" hochladen --- css/admin.css | 123 +++++++++++++++++++++++++++++++++++++++++++ css/article_form.css | 57 ++++++++++++++++++++ css/search.css | 97 ++++++++++++++++++++++++++++++++++ css/styles.css | 42 +++++++++++++++ 4 files changed, 319 insertions(+) create mode 100644 css/admin.css create mode 100644 css/article_form.css create mode 100644 css/search.css create mode 100644 css/styles.css diff --git a/css/admin.css b/css/admin.css new file mode 100644 index 0000000..1487527 --- /dev/null +++ b/css/admin.css @@ -0,0 +1,123 @@ +body { + font-family: 'Roboto', sans-serif; + background-color: #f0f0f0; + margin: 0; + padding: 0; +} + +.container { + max-width: 100%; + margin: 0 auto; + padding: 0 20px; /* Fügen Sie bei Bedarf seitliche Polsterung hinzu */ +} + +table { + width: 100%; + border-collapse: collapse; + margin-bottom: 20px; + table-layout: auto; +} + +table, th, td { + border: 1px solid black; +} + +th, td { + padding: 8px; + text-align: left; +} + +form { + width: 100%; + margin-top: 20px; + max-width: 600px; +} + +label { + display: block; + margin-bottom: 8px; +} + + +h2 { + margin-top: 0; +} + +input[type="text"], +input[type="number"] { + width: 300px; + padding: 8px; + border: 1px solid #ccc; + border-radius: 5px; +} + +input[type="submit"] { + padding: 10px 20px; + background-color: #4CAF50; + color: white; + border: none; + border-radius: 5px; + cursor: pointer; +} + +input[type="submit"]:hover { + background-color: #45a049; +} + +.table-title { + margin-top: 40px; /* Ändern Sie die Anzahl der Pixel nach Bedarf */ +} + +/* Neues CSS für das Login-Formular */ +.login-container { + max-width: 400px; + margin: 100px auto; /* Zentriert das Login-Feld vertikal und horizontal */ + background-color: #ffffff; + padding: 20px; + border-radius: 5px; + border: 1px solid #cccccc; /* Rahmen hinzufügen */ + box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); + text-align: center; /* Zentriert den Inhalt horizontal */ +} + +.login-container h2 { + margin-top: 0; + color: #333333; + text-align: center; /* Zentriert den Text horizontal */ +} + +.login-container form { + text-align: center; /* Zentriert den Inhalt horizontal */ +} + +.login-form label { + display: block; + margin-bottom: 8px; + color: #555555; + text-align: center; /* Zentriert den Text horizontal */ +} + +.login-form input[type="text"], +.login-form input[type="password"] { + width: calc(100% - 20px); /* Berücksichtigt den Rahmen */ + padding: 10px; + border: 1px solid #cccccc; + border-radius: 5px; + box-sizing: border-box; /* Berücksichtigt die Padding in der Breite */ + margin-bottom: 10px; /* Kleiner Abstand nach unten */ +} + +.login-form input[type="submit"] { + width: calc(100% - 20px); /* Berücksichtigt den Rahmen */ + padding: 10px; + background-color: #4CAF50; + color: white; + border: none; + border-radius: 5px; + cursor: pointer; + transition: background-color 0.3s ease; +} + +.login-form input[type="submit"]:hover { + background-color: #45a049; +} diff --git a/css/article_form.css b/css/article_form.css new file mode 100644 index 0000000..56d0fbf --- /dev/null +++ b/css/article_form.css @@ -0,0 +1,57 @@ +body { + font-family: 'Roboto', sans-serif; + background-color: #f5f5f5; + margin: 0; + padding: 0; +} + +.container { + width: 50%; + margin: 0 auto; + background-color: #fff; + padding: 20px; + border-radius: 8px; + box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); +} + +h2 { + font-weight: 500; + text-align: center; + margin-bottom: 20px; +} + +.form-group { + margin-bottom: 20px; +} + +.form-group label { + display: block; + font-weight: bold; + margin-bottom: 8px; +} + +.form-group input[type="text"], +.form-group input[type="number"] { + width: 100%; + padding: 8px; + border: 1px solid #ccc; + border-radius: 4px; +} + +.button-group { + text-align: center; +} + +.button-group input[type="submit"] { + padding: 10px 20px; + background-color: #007bff; + color: #fff; + border: none; + border-radius: 4px; + cursor: pointer; + transition: background-color 0.3s; +} + +.button-group input[type="submit"]:hover { + background-color: #0056b3; +} diff --git a/css/search.css b/css/search.css new file mode 100644 index 0000000..561df63 --- /dev/null +++ b/css/search.css @@ -0,0 +1,97 @@ +body { + font-family: Arial, sans-serif; + background-color: #f4f4f4; + margin: 0; + padding: 0; +} + +.container { + max-width: 1000px; + margin: 20px auto; + display: flex; +} + +.search-box, .result-box { + flex: 1; + background-color: #fff; + padding: 20px; + border-radius: 5px; + box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); +} + +.search-box { + margin-right: 10px; +} + +.result-box { + margin-left: 10px; +} + +h2 { + color: #333; + margin-top: 0; +} + +form { + margin-top: 20px; +} + +label { + font-weight: bold; + display: block; + margin-bottom: 5px; +} + +input[type="text"] { + width: calc(100% - 22px); /* Breite - padding - border */ + padding: 10px; + margin-bottom: 10px; + border: 1px solid #ccc; + border-radius: 5px; +} + +input[type="submit"] { + background-color: #007bff; + color: #fff; + padding: 10px 20px; + border: none; + border-radius: 5px; + cursor: pointer; +} + +input[type="submit"]:hover { + background-color: #0056b3; +} + +.result { + margin-top: 10px; +} + +.result p { + margin: 0; +} + +.title-image { + text-align: center; /* Zentrieren Sie den Text und das Bild */ + margin-bottom: 20px; +} + +.title-image img { + max-width: 200px; /* Anpassen der maximalen Breite des Bildes */ + display: block; /* Das Bild als Blockelement anzeigen, um die Zentrierung zu ermöglichen */ + margin: 0 auto; /* Zentrieren Sie das Bild horizontal */ +} + +.container { + position: relative; +} + +.watermark, .footer { + position: fixed; + bottom: 10px; /* Abstand zum unteren Rand */ + left: 20px; /* Abstand zum linken Rand */ + color: rgba(0, 0, 0, 0.01); /* Farbe des Wasserzeichens (sehr transparentes Schwarz) */ + font-size: 12px; + text-decoration: none; + z-index: 9999; +} diff --git a/css/styles.css b/css/styles.css new file mode 100644 index 0000000..0e8b61f --- /dev/null +++ b/css/styles.css @@ -0,0 +1,42 @@ +/* Allgemeine Stile */ +body { + font-family: Arial, sans-serif; + background-color: #f4f4f4; +} + +.container { + margin-top: 50px; +} + +.card { + margin-bottom: 20px; +} + +/* Login-Seite */ +.card-login { + max-width: 400px; + margin: auto; + padding: 20px; +} + +.card-login .card-title { + text-align: center; + margin-bottom: 20px; +} + +/* Admin-Seite */ +.card-admin { + max-width: 600px; + margin: auto; + padding: 20px; +} + +.card-admin .card-title { + text-align: center; + margin-bottom: 20px; +} + +.card-admin .btn-logout { + margin-top: 20px; + width: 100%; +}