style.css hinzugefügt

2025-12-08 12:54:46 +01:00 · 2025-12-08 12:54:46 +01:00 · 74479a1133
commit 74479a1133
parent 0abc1442cb
1 changed files with 108 additions and 0 deletions
--- a/style.css
+++ b/style.css
@ -0,0 +1,108 @@
+<style>
+        :root {
+            --primary-color: #005b9f;
+            --success-color: #28a745;
+            --warning-color: #ffa500;
+            --danger-color: #dc3545;
+            --new-color: #17a2b8;
+            --background-color: #f8f9fa;
+            --card-background: #ffffff;
+        }
+
+        * {
+            margin: 0;
+            padding: 0;
+            box-sizing: border-box;
+        }
+
+        body {
+            font-family: Arial, sans-serif;
+            line-height: 1.6;
+            background-color: var(--background-color);
+            color: #333;
+            padding: 20px;
+        }
+
+        .container {
+            max-width: 1400px;
+            margin: 0 auto;
+        }
+
+        .header {
+            background-color: var(--primary-color);
+            color: white;
+            padding: 15px;
+            border-radius: 8px;
+            margin-bottom: 20px;
+            box-shadow: 0 2px 4px rgba(0,0,0,0.1);
+        }
+
+        .header h1 {
+            margin: 0 0 12px 0;
+            font-size: 20px;
+            font-weight: 500;
+        }
+
+        .main-nav ul {
+            list-style: none;
+            display: flex;
+            gap: 20px;
+        }
+
+        .main-nav a {
+            color: white;
+            text-decoration: none;
+            padding: 5px 10px;
+            border-radius: 4px;
+            transition: background-color 0.2s;
+        }
+
+        .main-nav a:hover {
+            background-color: rgba(255, 255, 255, 0.1);
+        }
+
+        .main-nav a.active {
+            background-color: rgba(255, 255, 255, 0.2);
+        }
+
+        .content-section {
+            background: var(--card-background);
+            border-radius: 8px;
+            padding: 15px;
+            margin-bottom: 20px;
+            box-shadow: 0 2px 4px rgba(0,0,0,0.1);
+        }
+
+        .content-section h2 {
+            color: var(--primary-color);
+            margin-bottom: 15px;
+            padding-bottom: 8px;
+            border-bottom: 2px solid var(--primary-color);
+            font-size: 16px;
+            font-weight: 500;
+        }
+
+        .status {
+            padding: 1em;
+            background-color: #f8f9fa;
+            border-radius: 4px;
+            font-size: 14px;
+        }
+
+        .status p {
+            margin: 8px 0;
+        }
+
+        .status strong {
+            color: var(--primary-color);
+        }
+
+        .status ul {
+            list-style: none;
+            margin-top: 8px;
+        }
+
+        .status ul li {
+            padding: 4px 0;
+        }
+    </style>