niklas.ortmann/webprogrammierung
0
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

First Implementation

Browse Source
This commit is contained in:
caroschulte02-alt
2026-05-13 16:29:31 +02:00
parent 80316e080a
commit d497ea4fc3
1 changed files with 30 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files
css/main.css
+30 -14
View File
@@ -8,7 +8,7 @@ main {
body { body {
background-color: #eef2f7; background-color: #eef2f7;
color: #1e293b; color: #1f2937;
margin: 0; margin: 0;
} }
@@ -23,7 +23,7 @@ body {
background-color: white; background-color: white;
border-radius: 8px; border-radius: 8px;
padding: 15px; padding: 15px;
border: 1px solid white; border: 1px solid #dbe3ec;
box-shadow: 0 4px 12px rgba(0,0,0,0.08); box-shadow: 0 4px 12px rgba(0,0,0,0.08);
transition: transform 0.2s, box-shadow 0.2s; transition: transform 0.2s, box-shadow 0.2s;
} }
@@ -38,25 +38,29 @@ body {
text-align: left; text-align: left;
text-decoration: none; text-decoration: none;
font-weight: bold; font-weight: bold;
padding: 10px; padding: 12px;
background-color: blue; background-color: #2563eb;
color: white; color: white;
border-radius: 4px; border-radius: 8px;
margin-bottom: 10px; margin-bottom: 10px;
transition: background-color 0.2s; transition: background-color 0.2s, transform 0.2s, box-shadow 0.2s;
} }
.category-link:hover { .category-link:hover {
background-color: #1d4ed8; background-color: #1d4ed8;
transform: translateY(-2px);
box-shadow: 0 4px 10px rgba(0,0,0,0.15);
} }
.article-link a { .article-link a {
color: #2563eb; color: #1f2937;
text-decoration: none; text-decoration: none;
font-weight: bold; font-weight: bold;
transition: color 0.2s;
} }
.article-link a:hover { .article-link a:hover {
color: #2563eb;
text-decoration: underline; text-decoration: underline;
} }
@@ -80,7 +84,7 @@ body {
width: 90%; width: 90%;
max-width: 450px; max-width: 450px;
padding: 30px; padding: 30px;
border: 1px solid white; border: 1px solid #dbe3ec;
border-radius: 10px; border-radius: 10px;
background-color: white; background-color: white;
box-shadow: 0 6px 20px rgba(0,0,0,0.1); box-shadow: 0 6px 20px rgba(0,0,0,0.1);
@@ -99,7 +103,7 @@ body {
.login-container h1 { .login-container h1 {
text-align: center; text-align: center;
margin-bottom: 25px; margin-bottom: 25px;
font-size: 1.5rem; font-size: 1.7rem;
color: #1e293b; color: #1e293b;
} }
@@ -107,7 +111,14 @@ body {
margin-bottom: 5px; margin-bottom: 5px;
font-weight: bold; font-weight: bold;
width: 100%; width: 100%;
color: #334155; color: #1f2937;
}
.input-label {
margin-bottom: 5px;
font-weight: bold;
width: 100%;
color: #1f2937;
} }
.login-input { .login-input {
@@ -127,38 +138,43 @@ body {
.checkbox-wrapper { .checkbox-wrapper {
margin-bottom: 20px; margin-bottom: 20px;
color: #475569; color: #1f2937;
} }
.login-button { .login-button {
width: 100%; width: 100%;
padding: 12px; padding: 12px;
background-color: blue; background-color: #2563eb;
color: white; color: white;
border: none; border: none;
border-radius: 4px; border-radius: 8px;
font-size: 1rem; font-size: 1rem;
font-weight: bold; font-weight: bold;
cursor: pointer; cursor: pointer;
transition: background-color 0.2s; transition: background-color 0.2s, transform 0.2s, box-shadow 0.2s;
} }
.login-button:hover { .login-button:hover {
background-color: #1d4ed8; background-color: #1d4ed8;
transform: translateY(-2px);
box-shadow: 0 4px 10px rgba(0,0,0,0.15);
} }
.register-link { .register-link {
margin-top: 20px; margin-top: 20px;
text-align: center; text-align: center;
font-size: 0.9rem; font-size: 0.9rem;
color: #1f2937;
} }
.register-link a { .register-link a {
color: #2563eb; color: #2563eb;
text-decoration: none; text-decoration: none;
font-weight: bold; font-weight: bold;
transition: color 0.2s;
} }
.register-link a:hover { .register-link a:hover {
color: #1d4ed8;
text-decoration: underline; text-decoration: underline;
} }