── */ h4 { color: black; font-family: "Playfair Display", Georgia, "Times New Roman", Times, serif; font-size: 1.1em; line-height: 1.6; text-align: left; max-width: 70ch; margin: 0 0 2em 0; } nav.chronicle-nav { font-family: "Lato", "Gill Sans", Arial, sans-serif; font-weight: normal; font-size: 1em; text-align: center; margin: 0.8em 0 1.2em; } nav.chronicle-nav a { text-decoration: none; } nav.chronicle-nav a:hover { text-decoration: underline; } h5 { font-family: "Lato", "Gill Sans", Arial, sans-serif; text-align: center; width: 80%; max-width: 80%; margin: 2rem auto 2rem; line-height: 1.3; font-size: 1.1rem; font-weight: 400; } h6 { font-family: "Lato", "Gill Sans", Arial, sans-serif; color: #611010; font-size: small; font-weight: 400; text-align: center; margin-top: 0.5em; margin-bottom: 0.5em; } h6.center { text-align: center; font-weight: normal; margin-top: 1em; } /* ── BODY TEXT ── */ p { text-align: left; line-height: 1.7em; margin-top: 1em; margin-bottom: 1em; } p.center { text-align: center; } p.right { text-align: right; } p.italic { font-style: italic; } p.smallcaps { font-variant: small-caps; } p.uppercase { text-transform: uppercase; } p.lowercase { text-transform: lowercase; } p.capitalize{ text-transform: capitalize; } p.light { font-weight: lighter; } p.normal { font-weight: normal; } p.thick { font-weight: bold; } p.thicker { font-weight: 900; } p.small { font-size: 14pt; } p.bigintro { font-size: 150%; font-weight: bold; margin-top: 2em; margin-bottom: 2em; } p.indent { padding: 30px 50px; margin: 50px 80px; } p.dropcap { color: black; float: left; font-family: Georgia, "Times New Roman", Times, serif; font-size: 400%; line-height: 80%; margin-top: 14px; margin-right: 5px; } p.intro { font-weight: 700; line-height: 1.5; max-width: 25em; margin-top: 2em; margin-bottom: 3em; } p.caption { font-family: "Lato", "Gill Sans", Arial, sans-serif; font-size: medium; text-align: center; line-height: 1.4; margin-top: 1em; padding: 2% 15% 0; } p.comment { font-size: 1em; width: 80%; margin-left: auto; margin-right: auto; margin-top: 2%; margin-bottom: 2%; } p.note { font-size: 0.9em; margin-left: 2cm; } p.sans { font-family: "Lato", "Gill Sans", Arial, sans-serif; color: grey; text-align: center; margin-top: 2em; margin-bottom: 2em; } /* ── BLOCKQUOTE ── */ blockquote { font-size: 1.1rem; background-color: #E8E8E4; !important; padding: 24px 20px 24px 4ch; margin: 30px 0; } blockquote p { margin-top: 0.5em; margin-bottom: 0.5em; } blockquote p:first-child { margin-top: 0; } blockquote p:last-child { margin-bottom: 0; } /* ── HORIZONTAL RULE ── */ hr { width: 100%; height: 1px; background-color: #666; border: none; margin: 50px auto 30px; } .line { border: none; border-bottom: 3px solid black; } /* ── IMAGES ── */ img { display: block; margin-left: auto; margin-right: auto; } .clickable-image { border: 1px solid #000; padding: 8px; } /* ── LINKS ── */ a:link { color: #8d1717; text-decoration: underline; } a:visited { color: #8d1717; } a:hover { color: fuchsia; text-decoration: underline; } a:active { background-color: hotpink; } /* ── LISTS ── */ ul { margin-left: 0; padding-left: 5em; } li { padding-left: 2em; } /* ── UTILITY CLASSES ── */ .sanscap { font-family: "Lato", "Gill Sans", Arial, sans-serif; font-weight: 600; font-size: 100%; color: dimgrey; text-align: center; line-height: 1.4; padding: 10px 0; } /* Alignment helpers used in existing pages */ .center { text-align: center; } .left { text-align: left; } .right { text-align: right; } /* Generic block wrapper used in index / header sections */ .block { display: block; width: 100%; } /* ============================================================= FIGURE / figcap -- revised (April 2026) ============================================================= */ figure { margin: 1.5em auto; padding: 0; max-width: 100%; text-align: center; } figcap { display: block; font-family: "Lato", "Gill Sans", Arial, sans-serif; font-size: 0.85em; line-height: 1.5; color: #333; max-width: 80%; margin: 2em auto 0; text-align: center; } figcap.main { font-weight: 600; } figcap.sub { font-weight: 400; margin-top: 0.4em; } figcap p.main { font-weight: 600; margin: 0 0 0.3em; } figcap p.sub { font-weight: 400; margin: 0; } .map-toggle { position: relative; width: 800px; max-width: 100%; margin-left: auto; margin-right: auto; margin-top: 2em; margin-bottom: 2em; cursor: pointer; user-select: none; } /* ── DRAFT BANNER ── */ /* Yellow notice strip at the top of in-progress articles */ div.draft-banner { background: #fff8e1; border: 1px solid #e6c84a; border-radius: 3px; padding: 6px 14px; font-size: 0.75em; font-style: italic; text-align: center; margin-bottom: 1.2em; color: #5a4a00; } /* ── NAVIGATION BAR ── */ /* Home | Articles | Maps strip beneath the draft banner */ nav.site-nav { text-align: center; font-size: 0.85em; margin: 0.4em 0 1.2em; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 0.4em 0; } nav.site-nav a { margin: 0 0.7em; text-decoration: none; } /* ── "TOP" LINKS ── */ /* Right-aligned return-to-top anchors placed between sections */ p.top-link, div.top-link { text-align: right; font-size: 0.8em; margin: 0.2em 0 0.4em; } /* ── TABLES ── */ /* Horizontal-scroll wrapper for wide tables on narrow screens */ div.overflow-table { overflow-x: auto; margin: 1em 0; } table { border-collapse: collapse; margin: 0.5em auto; font-size: 0.8em; font-family: Georgia, serif; width: auto; } table caption { font-family: "Playfair Display", Georgia, serif; font-size: 1em; font-weight: bold; margin-bottom: 0.4em; text-align: center; caption-side: top; color: #611010; } table th { background-color: #f0ece4; font-family: "Playfair Display", Georgia, serif; font-weight: bold; border: 1px solid #999; padding: 4px 8px; text-align: center; vertical-align: bottom; } table td { border: 1px solid #999; padding: 4px 8px; vertical-align: top; } /* Subtotal rows */ table tr.subtotal td, table tr.subtotal th { font-weight: bold; background-color: #f7f4ef; } /* Grand-total rows */ table tr.grand-total td, table tr.grand-total th { font-weight: bold; background-color: #ece8e0; border-top: 2px solid #888; } /* Source note printed below a table */ p.table-source { font-size: 0.75em; font-style: italic; color: #555; margin-top: 0.2em; } /* ── IMAGE PLACEHOLDERS ── */ /* Left-bordered italic block shown until real images arrive */ p.fig-placeholder { font-style: italic; color: #666; background: #f9f7f3; border-left: 3px solid #bbb; padding: 0.4em 0.8em; margin: 1.2em 0; font-size: 0.8em; } /* ── AUTHOR'S UNRESOLVED NOTES ── */ /* [XX], [MORE ON LIBY] etc — amber flags for KB to complete */ span.author-note, p.author-note { font-style: italic; color: #a04000; background: #fff4ec; border: 1px dashed #e0a070; border-radius: 3px; padding: 0.15em 0.4em; font-size: 0.85em; } /* ── BUILDER BIOGRAPHICAL ENTRIES ── */ /* Hanging-indent layout used in Appendix 4 builder entries */ div.builder-entry { margin-bottom: 0.5em; } div.builder-entry strong { font-family: "Playfair Display", Georgia, serif; font-weight: bold; display: inline-block; min-width: 11em; vertical-align: top; } /* ── APPENDIX INTRODUCTORY NOTES ── */ p.appendix-note { font-style: italic; font-size: 0.85em; color: #444; margin-bottom: 1em; } /* ── FOOTNOTES / REFERENCES SECTION ── */ div.footnotes { font-size: 0.82em; border-top: 1px solid #ccc; margin-top: 2.5em; padding-top: 1em; color: #333; } ol.ref-list { padding-left: 1.5em; font-size: 0.85em; } ol.ref-list li { margin-bottom: 0.5em; } /* Stop footnote anchor targets being hidden under sticky UI */ p[id^="fn"] { scroll-margin-top: 1em; } /* ── VERSE / INDENTED PROSE BLOCKS ── */ /* For poetry quotations, e.g. Tarbuck verse in Garratt essay */ div.verse-block { font-style: italic; margin: 1.2em 2.5em; padding-left: 1em; border-left: 2px solid #ccc; color: #333; font-size: 0.9em; line-height: 1.9; } /* ── COPYRIGHT FOOTER ── */ p.copyright, div.copyright { font-size: 0.75em; text-align: center; color: #666; margin-top: 2.5em; border-top: 1px solid #ccc; padding-top: 0.6em; } /* ── RESPONSIVE: narrow screens ── */ @media (max-width: 600px) { body { font-size: 1rem padding: 0 4%; } div.builder-entry strong { display: block; min-width: unset; } } /* ============================================================= END OF history38.css ============================================================= */