KeshavAnandCode/FTCWebsite
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update website's visual appearance with refined styling and layout adjustments

Browse Source 
Refactors CSS for the header and navigation bar, including changes to padding, background, backdrop filter, border, and radius. Modifies element sizing, spacing, and color properties to enhance visual appeal and user experience.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 5e584ab0-c340-4432-97ef-1972582b60e9
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Event-Id: 5689f86e-5743-453b-8d63-9efdd3924876
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/d0a1d46d-d203-4308-bc6a-312ac7c0243b/5e584ab0-c340-4432-97ef-1972582b60e9/Grl9Gox
This commit is contained in:
abhiramtx
2025-11-09 00:01:58 +00:00
parent 50621a41c4
commit 55ef10e528
1 changed files with 18 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
static/css/styles.css
View File

@@ -66,45 +66,52 @@ body::after {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
padding: 12px 24px; padding: 8px 16px;
background: rgba(0, 0, 0, 0.5); background: rgba(0, 0, 0, 0.4);
backdrop-filter: blur(12px); backdrop-filter: blur(10px);
border: 1px solid rgba(255, 255, 255, 0.08); border: 1px solid rgba(255, 255, 255, 0.05);
border-radius: 16px; border-radius: 16px;
} }
.navbar-logo { .navbar-logo {
display: flex; display: flex;
align-items: center; align-items: center;
padding-right: 20px; padding: 8px 16px;
border-right: 1px solid rgba(255, 255, 255, 0.1); background: linear-gradient(135deg, #3b82f6, #2563eb);
border-radius: 12px;
margin-right: 24px;
} }
.navbar-logo img { .navbar-logo img {
height: 36px; height: 32px;
display: block; display: block;
} }
.navbar-links { .navbar-links {
display: flex; display: flex;
gap: 8px; gap: 4px;
align-items: center; align-items: center;
flex: 1;
justify-content: space-around;
} }
.navbar-links a { .navbar-links a {
color: #d1d5db; color: #9ca3af;
text-decoration: none; text-decoration: none;
font-family: var(--font-body); font-family: var(--font-body);
font-weight: 500; font-weight: 500;
font-size: 14px; font-size: 14px;
padding: 8px 16px; padding: 8px 20px;
border-radius: 8px; border-radius: 8px;
transition: all 0.2s ease; transition: all 0.2s ease;
} }
.navbar-links a:hover { .navbar-links a:hover {
color: #ffffff; color: #ffffff;
background: rgba(255, 255, 255, 0.1); }
.navbar-links a:first-child {
color: #3b82f6;
} }
.menu-button { .menu-button {