Hugo-based levitation.wales initial commit
This commit is contained in:
@@ -0,0 +1,48 @@
|
||||
{{- /* 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>
|
||||
Reference in New Issue
Block a user