/* Donica Belisle — donicabelisle.ca A plain, text-forward academic site. No template. */ /* --- Reset --- */ *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } :root { --text: #222; --text-md: #444; --gray: #777; --border: #ccc; --bg: #fff; --bg-alt: #f6f5f2; --link: #222; --accent: #5C2D0E; /* burnt umber — sugar, archives, gravity */ --max-w: 820px; } html { scroll-behavior: smooth; } body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; font-size: 17px; line-height: 1.75; color: var(--text); background: var(--bg); } /* --- Typography --- */ h1, h2, h3, h4 { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; font-weight: normal; line-height: 1.3; color: var(--text); } h1 { font-size: 1.8rem; margin-bottom: 0.4em; } h2 { font-size: 1.4rem; margin-bottom: 0.5em; margin-top: 2em; } h3 { font-size: 1.15rem; margin-bottom: 0.4em; margin-top: 1.5em; } p { margin-bottom: 1em; color: var(--text-md); } p:last-child { margin-bottom: 0; } a { color: var(--link); } a:hover { color: var(--accent); } em { font-style: italic; } img { max-width: 100%; display: block; } blockquote { border-left: 2px solid var(--border); padding-left: 1.2em; margin: 1.5em 0; color: var(--text-md); font-style: italic; } blockquote cite { display: block; font-style: normal; font-size: 0.88rem; color: var(--gray); margin-top: 0.5em; } hr { border: none; border-top: 1px solid var(--border); margin: 2.5em 0; } /* --- Layout --- */ .wrap { max-width: var(--max-w); margin: 0 auto; padding: 0 24px; } /* --- Site Header / Nav --- */ .site-header { border-bottom: 1px solid var(--border); padding: 28px 0 24px; } .site-header .wrap { display: flex; flex-wrap: wrap; align-items: baseline; gap: 12px 32px; } .site-name { font-size: 1.2rem; font-weight: 600; letter-spacing: 0.01em; display: flex; flex-direction: column; gap: 2px; } .site-name a { text-decoration: none; color: var(--text); }
.site-nav { display: flex; flex-wrap: wrap; gap: 6px 18px; list-style: none; font-size: 0.88rem; } .site-nav a { text-decoration: none; color: var(--gray); } .site-nav a:hover, .site-nav a.active { color: var(--text); } /* Mobile nav toggle */ .nav-toggle { display: none; } /* --- Page Intro --- */ .page-intro { border-left: 3px solid var(--accent); padding-left: 1.2em; margin-bottom: 3.5em; padding-bottom: 2em; border-bottom: 1px solid var(--border); font-size: 1.02rem; line-height: 1.8; color: var(--text-md); } /* --- Page Content --- */ .page { padding: 48px 0 64px; } .page-header { margin-bottom: 2em; } .page-header h1 { font-size: 1.8rem; margin-bottom: 0.2em; } .page-header .subtitle, .subtitle { font-size: 1rem; color: var(--gray); font-style: italic; } /* --- Home Page --- */ .home-intro { padding: 64px 0 56px; border-bottom: 1px solid var(--border); } .home-intro h1 { font-size: 2.1rem; margin-bottom: 0.15em; } .home-intro .role { font-size: 0.95rem; color: var(--gray); margin-bottom: 1.4em; } .home-intro .bio { max-width: none; font-size: 1.08rem; line-height: 1.85; } .home-intro .bio.lead { font-size: 1.25rem; line-height: 1.7; color: var(--text); font-style: italic; } .home-intro .cta { font-size: 0.92rem; color: var(--gray); margin-top: 0.8em; } .home-section { padding: 40px 0; border-bottom: 1px solid var(--border); } .home-section:first-of-type { padding: 48px 0; } .home-section:last-of-type { border-bottom: none; } .home-section h2 { margin-top: 0; margin-bottom: 1em; font-size: 1.2rem; } .home-section:first-of-type h2 { font-size: 1.35rem; border-bottom: 2px solid var(--accent); padding-bottom: 6px; display: inline-block; } /* --- Publication / Talk Lists --- */ .pub-list { list-style: none; } .pub-list li { padding: 14px 0; border-bottom: 1px solid #e8e8e8; display: grid; grid-template-columns: 56px 1fr; gap: 0 16px; align-items: baseline; } .pub-list li:last-child { border-bottom: none; } .pub-year { font-size: 0.85rem; color: var(--gray); white-space: nowrap; padding-top: 1px; } .pub-title { font-weight: bold; color: var(--text); margin-bottom: 2px; } .pub-citation { font-size: 0.92rem; color: var(--text-md); line-height: 1.6; } .pub-note { font-size: 0.95rem; color: var(--text-md); margin-top: 4px; line-height: 1.65; } .pdf-pending { font-size: 0.85rem; color: var(--gray); font-style: italic; } .pub-category { margin-bottom: 2.5em; } .pub-category h3 { margin-bottom: 0.5em; padding-bottom: 8px; border-bottom: 1px solid var(--text); margin-top: 0; } /* --- Topic List (speaking page) --- */ .topic-list { list-style: none; } .topic-list li { padding: 10px 0; border-bottom: 1px solid #e8e8e8; font-size: 0.95rem; line-height: 1.7; color: var(--text-md); } .topic-list li:last-child { border-bottom: none; } .topic-list li strong { color: var(--text); } /* --- Inline helpers --- */ .date-range { font-weight: 400; font-size: 0.9em; } /* --- Awards --- */ .award-note { font-size: 0.78rem; color: var(--accent); background: #f9f1ec; border: 1px solid #d4a898; display: inline-block; padding: 0px 6px; border-radius: 2px; margin: 2px 4px 2px 0; vertical-align: middle; }
.bib-group-heading {
  font-size: 0.88rem;
  font-weight: bold;
  color: var(--text-md);
  text-transform: uppercase;
  letter-spacing: 0.06em;
  margin-top: 1.8em;
  margin-bottom: 0.3em;
  padding-bottom: 4px;
  border-bottom: 1px solid var(--border);
}
.bib-group-note {
  font-size: 0.82rem;
  color: var(--gray);
  font-style: italic;
  margin-bottom: 0.5em;
}
.pub-list.bib-list li { padding: 5px 0; border-bottom: 1px solid #f0f0f0; }
.open-access-badge { font-size: 0.78rem; color: #2a6b3f; background: #edf7f1; border: 1px solid #b0d9bf; display: inline-block; padding: 0px 6px; border-radius: 2px; margin-left: 6px; vertical-align: middle; font-style: normal; letter-spacing: 0.01em; } /* --- Position & Education Lists (about page) --- */ .position-list, .education-list { list-style: none; margin: 1em 0 1.5em; } .position-list li, .education-list li { padding: 10px 0; border-bottom: 1px solid #e8e8e8; } .position-list li:last-child, .education-list li:last-child { border-bottom: none; } .position-period { font-size: 0.85rem; color: var(--gray); } .position-title { font-weight: bold; color: var(--text); } .position-org { font-size: 0.92rem; color: var(--text-md); } .education-degree { font-weight: bold; color: var(--text); } .education-note { font-size: 0.92rem; color: var(--text-md); font-style: italic; } .education-award { font-size: 0.85rem; color: var(--accent); } /* --- Book Placeholder (forthcoming, no cover) --- */ .book-placeholder { background: var(--bg-alt); border: 1px solid var(--border); display: flex; align-items: center; justify-content: center; width: 100%; aspect-ratio: 2 / 3; font-size: 0.85rem; color: var(--gray); font-style: italic; } /* --- Book Feature (research page) --- */ .book-feature { display: flex; gap: 24px; align-items: start; margin: 1.5em 0; } .book-feature img { width: 180px; min-width: 180px; max-width: 180px; height: 270px; min-height: 270px; max-height: 270px; object-fit: cover; border: 1px solid var(--border); flex-shrink: 0; } .book-feature .book-placeholder { width: 180px; min-width: 180px; height: 270px; min-height: 270px; max-height: 270px; flex-shrink: 0; box-sizing: border-box; } .book-feature .book-feature-text { font-size: 0.9em; color: var(--text-md); line-height: 1.6; } /* --- Book Entries --- */ .book-entry { display: grid; grid-template-columns: 180px 1fr; gap: 32px; align-items: start; margin-bottom: 3em; padding-bottom: 3em; border-bottom: 1px solid var(--border); } .book-entry:last-of-type { border-bottom: none; } .book-entry img { width: 100%; border: 1px solid var(--border); } .book-entry .forthcoming-label { font-size: 0.82rem; font-style: italic; color: var(--gray); margin-bottom: 0.5em; } .book-entry h3 { margin-top: 0; font-size: 1.3rem; } .book-entry .publisher { font-size: 0.88rem; color: var(--gray); margin-bottom: 0.8em; } .book-links a { font-size: 0.88rem; margin-right: 12px; } /* --- Course List --- */ .course-entry { margin-bottom: 1.5em; padding-bottom: 1.5em; border-bottom: 1px solid #e8e8e8; } .course-entry:last-child { border-bottom: none; } .course-code { font-size: 0.85rem; color: var(--gray); margin-bottom: 2px; } .course-entry h4 { font-size: 1.05rem; margin-bottom: 0.3em; margin-top: 0; } .course-entry p { font-size: 0.95rem; } /* --- Research Cards (simple) --- */ .field-list { list-style: none; display: flex; flex-wrap: wrap; gap: 6px 16px; font-size: 0.9rem; color: var(--text-md); } .field-list li::before { content: none; } /* --- Images & Figures --- */ figure { margin: 1.5em 0; max-width: 380px; } figure img { border: 1px solid var(--border); } figcaption { font-size: 0.78rem; color: var(--gray); line-height: 1.5; margin-top: 6px; } figure.wide { max-width: 380px; } figure.full { max-width: none; } /* --- Two-column layout (about, research, contact) --- */ .two-col { display: grid; grid-template-columns: 1fr 240px; gap: 48px; align-items: start; } .sidebar-box { font-size: 0.9rem; padding: 20px; background: var(--bg-alt); border-left: 2px solid var(--border); margin-bottom: 24px; } .sidebar-box h4 { font-size: 0.82rem; text-transform: uppercase; letter-spacing: 0.08em; color: var(--gray); margin-bottom: 10px; margin-top: 0; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; } .sidebar-box ul { list-style: none; } .sidebar-box li { padding: 6px 0; border-bottom: 1px solid #e0e0e0; color: var(--text-md); line-height: 1.5; } .sidebar-box li:last-child { border-bottom: none; } /* --- Project aside (research page) --- */ .project-aside { font-size: 0.88rem; color: var(--text-md); border-top: 1px solid var(--border); padding-top: 16px; margin-top: 24px; line-height: 1.7; } /* --- Profile links (contact page) --- */ .profile-links { list-style: none; display: flex; flex-wrap: wrap; gap: 4px 20px; font-size: 0.92rem; margin-top: 0.5em; } /* --- Contact Page Layout --- */ .contact-layout { display: grid; grid-template-columns: 1fr 200px; gap: 40px; align-items: start; } .contact-photo img { width: 100%; border: 1px solid var(--border); } .contact-buttons { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 2em; } .contact-info { margin-bottom: 2em; font-size: 0.95rem; } .contact-info p { line-height: 1.7; } /* --- Email Button (contact page) --- */ .email-btn { display: inline-block; padding: 10px 28px; border: 1px solid var(--text); text-decoration: none; font-size: 0.88rem; color: var(--text); transition: background 0.2s, color 0.2s; } .email-btn:hover { background: var(--text); color: var(--bg); } /* --- Citation Block --- */ .cite-block { margin-top: 3em; padding-top: 2em; border-top: 1px solid var(--border); } .cite-block h2 { font-size: 1rem; margin-top: 0; margin-bottom: 1em; } .cite-format { margin-bottom: 12px; } .cite-format .label { font-size: 0.78rem; text-transform: uppercase; letter-spacing: 0.06em; color: var(--gray); font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; margin-bottom: 2px; } .cite-format p { font-size: 0.9rem; line-height: 1.7; color: var(--text-md); } /* --- Footer --- */ .site-footer { border-top: 1px solid var(--border); padding: 28px 0; font-size: 0.85rem; color: var(--gray); } .site-footer .wrap { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px 32px; } .site-footer a { color: var(--gray); } .site-footer a:hover { color: var(--text); } .site-footer .fn { font-weight: bold; color: var(--text-md); } .site-footer h5 { font-size: 0.78rem; text-transform: uppercase; letter-spacing: 0.06em; color: var(--gray); margin-bottom: 6px; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; } .site-footer ul { list-style: none; } .site-footer li { padding: 2px 0; } .treaty-note { font-style: italic; font-size: 0.82rem; color: #999; margin-top: 8px; max-width: 640px; } /* --- Periodicals (special) --- */ .periodical-entry { margin-bottom: 28px; padding-bottom: 28px; border-bottom: 1px solid #e8e8e8; } .periodical-entry:last-child { border-bottom: none; } .periodical-entry h3 { margin-top: 0; font-size: 1.1rem; } .periodical-entry h3 a { text-decoration: none; } /* --- Image grid --- */ .image-pair { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin: 1.5em 0; max-width: 600px; } .image-pair figure { max-width: none; margin: 0; } /* --- Jump Links --- */ .jump-links { font-size: 0.88rem; margin-bottom: 2em; padding-bottom: 1em; border-bottom: 1px solid var(--border); } .jump-links a { margin-right: 16px; } /* --- Publication content wrapper --- */ .pub-content { min-width: 0; } /* --- Home photo (index page) --- */ .home-photo { float: right; max-width: 300px; margin: 0 0 20px 28px; } /* --- Inline-style replacements --- */ .book-placeholder-forthcoming { padding: 16px; text-align: center; flex-direction: column; gap: 8px; } .book-placeholder-forthcoming .forthcoming-label { display: block; font-style: normal; font-size: 0.85em; margin-bottom: 8px; } .book-placeholder-forthcoming .forthcoming-title { display: block; font-size: 0.8em; line-height: 1.4; } .image-pair-narrow { max-width: 400px; } .image-pair-constrained img { max-height: 280px; width: auto; object-fit: contain; } .wide img { width: 100%; max-width: 700px; } .section-note { font-size: 0.92rem; color: var(--text-md); } .section-note a { color: var(--link); } .girmit { font-style: normal; } /* --- Responsive --- */ @media (max-width: 700px) { .two-col { grid-template-columns: 1fr; } .book-entry { grid-template-columns: 120px 1fr; gap: 20px; } .image-pair { grid-template-columns: 1fr; } .site-header .wrap { flex-direction: column; gap: 8px; } .site-nav { gap: 4px 14px; } .pub-list li { grid-template-columns: 1fr; gap: 2px; } .contact-layout { grid-template-columns: 1fr; } .contact-photo { max-width: 200px; } .contact-buttons { flex-direction: column; } } @media (max-width: 480px) { body { font-size: 16px; } h1 { font-size: 1.5rem; } h2 { font-size: 1.2rem; } .home-intro h1 { font-size: 1.6rem; } .home-photo { float: none; max-width: 180px; margin: 0 0 16px 0; } .book-entry { grid-template-columns: 90px 1fr; gap: 16px; } .book-feature { flex-direction: column; } .book-feature img, .book-feature .book-placeholder { width: 120px; min-width: 120px; max-width: 120px; height: 180px; min-height: 180px; max-height: 180px; } .wrap { padding: 0 16px; } .image-pair-narrow { max-width: none; } } /* --- Print --- */ @media print { .site-header, .site-footer, .jump-links, .book-links, .cta { display: none; } body { font-size: 12pt; color: #000; background: #fff; } .wrap { max-width: none; padding: 0; } .home-intro { padding: 24px 0; border: none; } .page { padding: 24px 0; } a { color: #000; text-decoration: none; } a[href^="http"]::after { content: " (" attr(href) ")"; font-size: 0.8em; color: #555; } img { max-width: 300px; } }

/* --- Tagline (homepage) preserved in Georgia italic --- */
.home-intro .role em {
  font-family: Georgia, 'Times New Roman', serif;
  font-size: 1.05rem;
  color: #444;
}
/* --- Tagl
/* --- Award badge style --- */
.award-note {
  font-size: 0.78rem;
  color: #5C2D0E;
  background: #fdf3ec;
  border: 1px solid #e8cdb8;
  border-radius: 3px;
  padding: 1px 7px;
  margin-top: 4px;
  margin-right: 4px;
  display: inline-block;
  font-style: normal;
}

/* --- Plain-language description indent --- */
.pub-note {
  font-size: 0.95rem;
  color: #555;
  margin-top: 6px;
  line-height: 1.65;
  padding-left: 0.9em;
  border-left: 2px solid #d0c8c0;
}

/* --- Book Grid (homepage) --- */
.book-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 28px;
  margin-top: 1em;
}
.book-grid-card {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.book-grid-card img {
  width: 100%;
  aspect-ratio: 2 / 3;
  object-fit: cover;
  object-position: center;
  border: 1px solid var(--border);
}
.book-grid-card a {
  display: block;
}
.book-grid-text {
  font-size: 0.88rem;
  line-height: 1.55;
  color: var(--text-md);
}
.book-grid-text em a {
  color: var(--text);
  text-decoration: none;
  font-weight: bold;
}
.book-grid-text em a:hover {
  color: var(--accent);
}
.book-grid-meta {
  color: var(--gray);
  font-size: 0.85rem;
}
@media (max-width: 700px) {
  .book-grid {
    grid-template-columns: 1fr;
    gap: 32px;
  }
  .book-grid-card img {
    aspect-ratio: unset;
    max-height: 300px;
    width: auto;
    margin: 0 auto;
  }
}