/* * nst-improvements.css — v4 * Drop in assets/css/ and link from each page */ /* ─── 1. BODY / NAVBAR OVERLAP FIX ──────────────────────── */ body { padding-top: 80px !important; } /* ─── 2. NAVBAR ──────────────────────────────────────────── */ .navbar.fixed-top { box-shadow: 0 2px 12px rgba(0,0,0,0.09) !important; } .navbar .nav-link { font-size: 0.88rem; font-weight: 600; color: #334155 !important; padding: 6px 12px !important; border-radius: 6px; transition: background 0.2s, color 0.2s; } .navbar .nav-link:hover { background: #f0fdfa; color: #0d9488 !important; } .navbar .nav-link.nst-active { color: #0d9488 !important; background: #f0fdfa; border-bottom: 2px solid #0d9488; } /* ─── 3. HERO (index.html) — keep original layout, just recolour */ .jumbotron.hero-technology { height: 414px; background: linear-gradient(135deg, #0a1929 0%, #0f2d40 60%, #0d4a3a 100%) !important; border-radius: 0 !important; margin-bottom: 0 !important; position: relative; } .jumbotron.hero-technology .hero-title { color: #e6f1ff !important; } .jumbotron.hero-technology .hero-subtitle { color: rgba(255,255,255,0.82) !important; background-color: transparent !important; } /* ─── 4. SECTION HEADINGS — teal underline ───────────────── */ .container h2.text-center, .intro h2.text-center, h3.text-center { position: relative; padding-bottom: 14px; margin-bottom: 24px !important; } .container h2.text-center::after, .intro h2.text-center::after, h3.text-center::after { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 48px; height: 3px; background: #0d9488; border-radius: 2px; } /* ─── 5. RESEARCH FEATURE CARDS (index.html) ────────────── */ .features-clean .item { background: #fff; border: 1px solid #e2e8f0; border-radius: 12px; padding: 28px 20px !important; margin-bottom: 20px; transition: box-shadow 0.25s, transform 0.25s; } .features-clean .item:hover { box-shadow: 0 8px 28px rgba(0,0,0,0.09); transform: translateY(-3px); } .features-clean .item i.icon { color: #0d9488 !important; font-size: 2rem !important; margin-bottom: 12px; } .features-clean .item h3.name { font-size: 1rem !important; font-weight: 700; color: #1e293b; margin-bottom: 6px !important; } .features-clean .item p.description { font-size: 0.88rem; color: #64748b; margin-bottom: 0; } /* ─── 6. GROUP INTRO (index.html) ────────────────────────── */ .container .Group-Intro { padding: 40px 0 24px; } .container .Group-Intro p { font-size: 0.97rem; line-height: 1.8; color: #334155; } /* ─── 7. MEMBER CARDS (People.html) ─────────────────────── */ .team4 .row > .col-lg-3 > .row { background: #fff; border: 1px solid #e2e8f0; border-radius: 12px; padding: 20px 12px !important; transition: box-shadow 0.25s, transform 0.25s; } .team4 .row > .col-lg-3 > .row:hover { box-shadow: 0 8px 28px rgba(0,0,0,0.10); transform: translateY(-3px); } .team4 p:empty, .team4 p { display: none; } .team4 .subtitle { display: block !important; font-size: 0.72rem; text-transform: uppercase; letter-spacing: 1.2px; color: #0d9488; font-weight: 700; } .team4 h5 { font-size: 0.97rem !important; color: #1e293b; font-weight: 700 !important; } .team4 img.rounded-circle { border: 3px solid #ccfbf1 !important; padding: 3px; background: #f0fdfa; } /* ─── 8. ALUMNI LIST (People.html) ──────────────────────── */ .container .row .col-md-6 ul { list-style: none; padding-left: 0 !important; } .container .row .col-md-6 ul li { background: #f8fafc; border: 1px solid #e2e8f0; border-left: 3px solid #0d9488; border-radius: 0 8px 8px 0; padding: 10px 16px; margin-bottom: 8px; transition: background 0.2s; } .container .row .col-md-6 ul li:hover { background: #f0fdfa; } .container .row .col-md-6 ul li h6 { font-size: 0.9rem; font-weight: 700; color: #1e293b; margin-bottom: 2px !important; } .container .row .col-md-6 ul li p { font-size: 0.82rem; color: #64748b; margin-bottom: 0 !important; display: block !important; } /* ─── 9. STUDENT AREA — ul.labels-list lecture rows ───────── Only targets