49 lines
2.3 KiB
HTML
49 lines
2.3 KiB
HTML
{{- /* Site-wide style tweaks injected at runtime (no CSS rebuild needed). */ -}}
|
|
<style>
|
|
/* Widen Hextra's layout: the theme defaults to an 80rem page / 72rem content
|
|
column, which leaves large margins on wide screens. Tune to taste. */
|
|
:root {
|
|
--hextra-max-page-width: 100%;
|
|
--hextra-max-content-width: 90rem;
|
|
/* Match the navbar and footer to the full-width body so the title (and
|
|
footer) share the body's left edge instead of centring at 80rem —
|
|
this puts "levitation.wales" directly above the sidebar nav. */
|
|
--hextra-max-navbar-width: 100%;
|
|
--hextra-max-footer-width: 100%;
|
|
}
|
|
|
|
/* Half-width floated figures with captions (see the LEVITAS page). */
|
|
figure.fig-float { width: min(45%, 22rem); margin: 0.2rem 0 1rem; }
|
|
figure.fig-float.right { float: right; margin-left: 1.75rem; }
|
|
figure.fig-float.left { float: left; margin-right: 1.75rem; }
|
|
figure.fig-float img { width: 100%; height: auto; }
|
|
/* Logo variant: float at the logo's natural size rather than half-width. */
|
|
figure.fig-float.logo { width: auto; max-width: 12rem; }
|
|
figure.fig-float.logo img { width: auto; max-width: 100%; }
|
|
/* Portrait variant: a person photo, narrower than a half-width figure. */
|
|
figure.fig-float.portrait { width: min(40%, 13rem); }
|
|
figure.fig-float.portrait img { border-radius: 8px; }
|
|
figure.fig-float figcaption {
|
|
font-size: 0.85em; line-height: 1.35; color: #9ca3af; margin-top: 0.4rem;
|
|
}
|
|
/* Consistent funder badge under a project title. */
|
|
.funder-badge {
|
|
display: inline-block; margin: 0 0 1.1rem; padding: 0.15rem 0.7rem;
|
|
border: 1px solid rgba(128,128,128,0.35); border-radius: 9999px;
|
|
font-size: 0.8rem; color: #9ca3af;
|
|
}
|
|
.funder-badge a { color: inherit; text-decoration: none; }
|
|
.funder-badge a:hover { text-decoration: underline; }
|
|
|
|
/* Centred, full-width figure (clears any floats above it). */
|
|
figure.fig-center { clear: both; margin: 1.5rem auto; max-width: 44rem; }
|
|
figure.fig-center img { width: 100%; height: auto; }
|
|
figure.fig-center figcaption { font-size: 0.85em; line-height: 1.35; color: #9ca3af; margin-top: 0.4rem; }
|
|
|
|
/* Each section starts below any floated figures above it. */
|
|
main h2 { clear: both; }
|
|
@media (max-width: 720px) {
|
|
figure.fig-float { float: none; width: 100%; margin: 1rem auto; }
|
|
}
|
|
</style>
|