/* blei.css */ :root { /* Colors */ --bg: #fff; --text: #111; --muted: #666; --accent: #005fa3; /* Typography */ /* --font-body: Georgia, serif; */ /* --font-body: "Helvetica Neue", Arial, sans-serif; */ --font-body: Helvetica, Arial, sans-serif; /* Spacing */ --space-xs: 0.5rem; --space-sm: 0.75rem; --space-md: 1.5rem; --space-lg: 2rem; } * { box-sizing: border-box; } body { margin: var(--space-lg); /* use the single font for everything */ font-family: var(--font-body); color: var(--text); background: var(--bg); line-height: 1.6; } a { color: var(--accent); text-decoration: none; transition: color 0.2s ease; } a:hover, a:focus { text-decoration: underline; } /* ─── NAVIGATION ──────────────────────────────────────────────────────────── */ .navigation { background: var(--bg); padding: var(--space-sm) var(--space-md); border-bottom: 1px solid #ddd; } .nav-inner { max-width: 900px; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; } .nav-profile { display: grid; grid-template-columns: auto auto; align-items: center; column-gap: var(--space-md); } .nav-profile-info { display: flex; flex-direction: column; text-align: left; } .nav-name, .nav-affiliation, .nav-email { /* all headings and text use Georgia too */ font-family: var(--font-body); margin: 0; color: var(--text); font-size: 1rem; } .nav-name { font-size: 1.5rem; font-weight: bold; } .nav-avatar { width: 75px; height: 75px; border-radius: 50%; object-fit: cover; } .nav-links { list-style: none; padding: 0; margin: 0; display: flex; gap: var(--space-md); } .nav-links a { font-family: var(--font-body); font-weight: bold; color: var(--accent); } /* ultrasmall screens */ @media (max-width: 320px) { .nav-inner { flex-direction: column; align-items: center; gap: var(--space-sm); } .nav-links { flex-wrap: wrap; justify-content: center; } } /* ─── MAIN CONTENT ───────────────────────────────────────────────────────── */ main { max-width: 800px; margin: var(--space-lg) auto; } /* ─── PUBLICATIONS ───────────────────────────────────────────────────────── */ .bib2xhtml, .courses ul { font-family: var(--font-body); } /* publications list */ .bib2xhtml { list-style: disc inside; padding-left: 0; margin: var(--space-md) 0; } .bib2xhtml h3 { margin: var(--space-lg) 0 var(--space-sm); font-size: 1.25rem; } .bib2xhtml li { margin-bottom: var(--space-md); } .bib2xhtml li a { margin-left: var(--space-xs); font-size: 0.9rem; } /* ─── COURSES ─────────────────────────────────────────────────────────────── */ .courses ul { list-style: none; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: var(--space-md); } .courses li { border: 1px solid #ddd; border-radius: 6px; padding: var(--space-sm); background: #fafafa; transition: transform 0.1s ease; } .courses li:hover { transform: translateY(-2px); } .courses li a { font-family: var(--font-body); color: var(--accent); font-weight: bold; } .courses li .term { display: block; font-size: 0.85rem; color: var(--muted); } /* ─── UTILITIES ──────────────────────────────────────────────────────────── */ .text-center { text-align: center; } .mt-md { margin-top: var(--space-md); } .mb-sm { margin-bottom: var(--space-sm); }