ben7sys/web7sys
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Verbesserte Standardansicht mit subtilen Hintergründen

Browse Source 
Entfernung der dimensionalen Effekte im Normalzustand
Beibehaltung der bewährten Hover-Effekte
Konsistentes Design zwischen Header und Footer
This commit is contained in:
ben7sys
2024-11-17 09:17:46 +01:00
parent feeaf093d5
commit c6f023dccb
2 changed files with 69 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

49
public/css/footer.css
View File

@@ -35,13 +35,18 @@ footer {
} }
.contact-item a { .contact-item a {
color: var(--text-muted); color: var(--text);
text-decoration: none; text-decoration: none;
transition: color var(--transition-speed) ease; transition: all 0.3s ease;
padding: 0.3rem 0.5rem;
border-radius: var(--border-radius);
background-color: rgba(var(--bg-hover-rgb), 0.4);
} }
.contact-item a:hover { .contact-item a:hover {
color: var(--primary); color: var(--primary);
background-color: var(--bg-card);
transform: translateY(-1px);
} }
.contact-item:hover .signal-icon { .contact-item:hover .signal-icon {
@@ -55,29 +60,59 @@ footer {
} }
.social-links a { .social-links a {
color: var(--text-muted); color: var(--text);
text-decoration: none; text-decoration: none;
transition: color var(--transition-speed) ease; transition: all 0.3s ease;
padding: 0.5rem;
border-radius: var(--border-radius);
font-size: 1.5rem; font-size: 1.5rem;
background-color: rgba(var(--bg-hover-rgb), 0.4);
} }
.social-links a:hover { .social-links a:hover {
color: var(--primary); color: var(--primary);
background-color: var(--bg-card);
transform: translateY(-2px);
} }
.legal-links { .legal-links {
text-align: center; text-align: center;
font-size: 0.9rem; font-size: 0.95rem;
color: var(--text-muted); color: var(--text-muted);
padding-top: var(--spacing-md);
} }
.legal-links a { .legal-links a {
color: var(--text-muted); color: var(--text);
text-decoration: none; text-decoration: none;
margin: 0 var(--spacing-sm); margin: 0 var(--spacing-sm);
transition: color var(--transition-speed) ease; transition: all 0.3s ease;
padding: 0.4rem 0.8rem;
border-radius: var(--border-radius);
position: relative;
background-color: rgba(var(--bg-hover-rgb), 0.4);
font-weight: 500;
letter-spacing: 0.2px;
}
.legal-links a::after {
content: '';
position: absolute;
width: 0;
height: 2px;
bottom: 0;
left: 50%;
background-color: var(--primary);
transition: all 0.3s ease;
transform: translateX(-50%);
} }
.legal-links a:hover { .legal-links a:hover {
color: var(--primary); color: var(--primary);
background-color: var(--bg-card);
transform: translateY(-1px);
}
.legal-links a:hover::after {
width: calc(100% - 1.6rem);
} }

30
public/css/header.css
View File

@@ -31,7 +31,7 @@ header {
} }
.logo-text { .logo-text {
font-size: 2.2rem; font-size: 1.7rem;
font-weight: bold; font-weight: bold;
text-align: center; text-align: center;
line-height: 1; line-height: 1;
@@ -52,12 +52,36 @@ header {
.nav-menu a { .nav-menu a {
color: var(--text); color: var(--text);
text-decoration: none; text-decoration: none;
font-size: 1rem; font-size: 1.05rem;
transition: var(--theme-transition); font-weight: 500;
transition: all 0.3s ease;
padding: 0.5rem 0.8rem;
border-radius: var(--border-radius);
position: relative;
background-color: rgba(var(--bg-hover-rgb), 0.4);
letter-spacing: 0.3px;
}
.nav-menu a::after {
content: '';
position: absolute;
width: 0;
height: 2px;
bottom: 0;
left: 50%;
background-color: var(--primary);
transition: all 0.3s ease;
transform: translateX(-50%);
} }
.nav-menu a:hover { .nav-menu a:hover {
color: var(--primary); color: var(--primary);
background-color: var(--bg-card);
transform: translateY(-1px);
}
.nav-menu a:hover::after {
width: calc(100% - 1.6rem);
} }
.theme-toggle { .theme-toggle {