Robert Rapp
fbab2dc2cd
Neue Lampe lampe0.jpg samt Eintrag in der lampen-Liste - erste Inhaltsaenderung ueber die neue Frontmatter-Struktur, ohne Eingriff ins Template. Nav-Links auf der Lichterei-Seite gestylt (uebernommen aus der lokalen Aenderung an lichterei.css). Festivals-Seite: Festival am Waldrand und die dort dokumentierte Rolle des Art:Al-Kollektivs, belegt aus der Informationen-Seite des Veranstalters. Die Abschnitte zu Art:Al selbst und zu weiteren Beteiligungen stehen als Kommentar im Quelltext, bis die Angaben dazu vorliegen - so rendert die Seite keine leeren Ueberschriften. Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
26 lines
1.6 KiB
CSS
26 lines
1.6 KiB
CSS
:root { --accent-color: #ffb450; }
|
|
body.lampe-type, body.lampe-type main { background:#111!important; color:#eee!important; }
|
|
.lichterei-hero { text-align:center; padding:3rem 1rem 2rem; }
|
|
.lichterei-hero h1 { font-size:2.5rem; margin-bottom:1rem; }
|
|
.lichterei-hero .intro { font-size:1.15rem; opacity:.85; max-width:600px; margin:0 auto; }
|
|
.lampen-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(260px,1fr)); gap:2rem; max-width:1100px; margin:0 auto; padding:2rem 1.5rem 4rem; }
|
|
.lampe-card { margin:0; border-radius:12px; overflow:hidden; background:rgba(255,255,255,.04); box-shadow:0 0 20px rgba(255,180,80,.08); transition:transform .4s ease,box-shadow .4s ease; animation:floatIn .8s ease-out both,gentleFloat 4s ease-in-out infinite; }
|
|
.lampe-card:hover { transform:scale(1.05) rotate(1deg); box-shadow:0 0 30px rgba(255,180,80,.2); }
|
|
.lampe-card img { width:100%; height:auto; display:block; }
|
|
@keyframes floatIn { from{opacity:0;transform:translateY(30px)} to{opacity:1;transform:translateY(0)} }
|
|
@keyframes gentleFloat { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-8px)} }
|
|
.lampe-card figcaption { padding:.75rem 1rem; font-size:.95rem; opacity:.8; line-height:1.4; }
|
|
/* Nav-Links für Lichterei-Seite stylen */
|
|
body.lampe-type .nav-links .nav-link a {
|
|
color: #eee!important;
|
|
text-decoration: none!important;
|
|
font-weight: normal!important;
|
|
}
|
|
body.lampe-type .nav-links .nav-link a:hover {
|
|
color: var(--accent-color)!important;
|
|
text-decoration: underline!important;
|
|
}
|
|
body.lampe-type .nav-brand {
|
|
color: var(--accent-color)!important;
|
|
}
|