subhajit_changes_06_07 #7

Merged
subhajit.pal merged 3 commits from subhajit_changes_06_07 into main 2026-07-14 10:58:27 +00:00
Showing only changes of commit 85c59862c8 - Show all commits

View File

@ -31,6 +31,11 @@
body {
font-family: 'Inter', sans-serif;
background-color: var(--bg-color);
background-image:
radial-gradient(circle at 85% 15%, rgba(99, 102, 241, 0.15) 0%, transparent 45%),
radial-gradient(circle at 15% 85%, rgba(6, 182, 212, 0.12) 0%, transparent 45%),
radial-gradient(circle at 50% 50%, rgba(99, 102, 241, 0.07) 0%, transparent 50%);
background-attachment: fixed;
color: var(--text-main);
min-height: 100vh;
display: flex;
@ -39,45 +44,20 @@
position: relative;
}
/* Glowing background circles */
body::before {
content: '';
position: absolute;
width: 500px;
height: 500px;
border-radius: 50%;
background: radial-gradient(circle, rgba(79, 70, 229, 0.12) 0%, rgba(0, 0, 0, 0) 70%);
top: -200px;
right: -100px;
z-index: -1;
}
body::after {
content: '';
position: absolute;
width: 400px;
height: 400px;
border-radius: 50%;
background: radial-gradient(circle, rgba(6, 182, 212, 0.12) 0%, rgba(0, 0, 0, 0) 70%);
bottom: -100px;
left: -100px;
z-index: -1;
}
/* Top Profile-Integrated Navigation Bar */
.navbar {
display: flex;
align-items: center;
justify-content: space-between;
padding: 12px 5%;
background: rgba(17, 24, 39, 0.45);
border-bottom: 1px solid var(--card-border);
backdrop-filter: blur(16px);
-webkit-backdrop-filter: blur(16px);
background: rgba(10, 15, 26, 0.35); /* Translucent glass dark */
border-bottom: 1px solid rgba(255, 255, 255, 0.05); /* Very fine glass border */
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
z-index: 100;
position: sticky;
top: 0;
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.15);
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.25);
}
.nav-profile {
@ -190,17 +170,19 @@
}
.nav-action-btn.logout {
color: #ffffff;
background: #ef4444;
border: 1.5px solid #ef4444;
box-shadow: 0 0 12px rgba(239, 68, 68, 0.2);
color: #f87171; /* Translucent glass red text */
background: rgba(239, 68, 68, 0.06); /* Translucent red glass background */
border: 1.5px solid rgba(239, 68, 68, 0.25); /* Translucent red glass border */
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15), 0 0 10px rgba(239, 68, 68, 0.05);
}
.nav-action-btn.logout:hover {
color: #ffffff;
background: #dc2626;
border-color: #dc2626;
box-shadow: 0 0 18px rgba(239, 68, 68, 0.45);
background: #ef4444; /* Solid red background on hover */
border-color: #ef4444;
box-shadow: 0 0 20px rgba(239, 68, 68, 0.45);
transform: translateY(-1px);
}
@ -260,7 +242,7 @@
text-decoration: none;
}
/* Prioritized Service Logo/Icon Wrapper - 90px x 90px with defined border */
/* Prioritized Service Logo/Icon Wrapper - 90px x 90px with defined border & glassmorphism */
.service-logo-wrapper {
width: 90px;
height: 90px;
@ -268,9 +250,13 @@
display: flex;
align-items: center;
justify-content: center;
background: rgba(17, 24, 39, 0.4); /* Dark semitransparent background */
background: rgba(15, 23, 42, 0.45); /* Dark semitransparent background */
border: 1.5px solid rgba(255, 255, 255, 0.08); /* Distinct visible border */
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
backdrop-filter: blur(12px); /* Frosted glass effect */
-webkit-backdrop-filter: blur(12px);
box-shadow:
0 4px 12px rgba(0, 0, 0, 0.25),
inset 0 1px 1px rgba(255, 255, 255, 0.05);
margin-bottom: 12px;
transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
color: var(--service-color);