Wiki-Quellcode von Recycling-Modenschau
Version 2.1 von Sarah Groeneveld am 2026/07/14 07:56
Verstecke letzte Bearbeiter
| author | version | line-number | content |
|---|---|---|---|
 |
1.1 | 1 | {{html wiki="true" clean="false"}} |
| 2 | <style> | ||
| 3 | .kgs-cards { display:flex; flex-wrap:wrap; gap:16px; margin:18px 0; } | ||
| 4 | .kgs-card { flex:1 1 220px; min-width:200px; padding:16px 18px; border-radius:8px; background:#fafafa; border:1px solid #ececec; border-top:4px solid #ccc; transition:box-shadow .15s ease, transform .15s ease; } | ||
| 5 | .kgs-card a { text-decoration:none; color:inherit; } | ||
| 6 | .kgs-card:hover { box-shadow:0 4px 14px rgba(0,0,0,.10); transform:translateY(-2px); } | ||
| 7 | .kgs-card-red { border-top-color:#E30613; } | ||
| 8 | .kgs-card-yellow { border-top-color:#FFD500; } | ||
| 9 | .kgs-card-blue { border-top-color:#1D3F8F; } | ||
| 10 | .kgs-card-soon { opacity:.55; border-top-color:#ddd; } | ||
| 11 | .kgs-card-title { font-weight:700; font-size:1.05em; margin-bottom:4px; } | ||
| 12 | .kgs-card-desc { font-size:.88em; color:#666; } | ||
| 13 | .kgs-topic-list { columns:2; column-gap:28px; margin:16px 0; } | ||
| 14 | .kgs-topic-list a, .kgs-topic-list span { display:block; padding:5px 0; break-inside:avoid; } | ||
| 15 | .kgs-topic-list a { color:#1D3F8F; font-weight:600; text-decoration:none; } | ||
| 16 | .kgs-topic-list a:hover { text-decoration:underline; } | ||
| 17 | .kgs-topic-list span.soon { color:#999; } | ||
| 18 | .kgs-figure { margin:16px 0; max-width:420px; } | ||
| 19 | .kgs-figure img { max-width:100%; border-radius:8px; cursor:zoom-in; transition:transform .15s ease; } | ||
| 20 | .kgs-figure img:hover { transform:scale(1.02); } | ||
| 21 | .kgs-figcaption { font-size:.85em; color:#666; font-style:italic; margin-top:6px; } | ||
| 22 | .kgs-table { width:100%; border-collapse:collapse; margin:14px 0; } | ||
| 23 | .kgs-table th { background:#1D3F8F; color:#fff; text-align:left; padding:9px 12px; } | ||
| 24 | .kgs-table td { padding:9px 12px; border-bottom:1px solid #ececec; vertical-align:top; } | ||
| 25 | .kgs-table tr:nth-child(even) td { background:#f7f8fb; } | ||
| 26 | .kgs-note { background:#fff8e1; border-left:4px solid #FFD500; padding:10px 16px; margin:14px 0; font-size:.92em; } | ||
| 27 | .kgs-banner { border-radius:10px; padding:26px 30px; margin:6px 0 22px; color:#fff; display:flex; align-items:center; gap:16px; } | ||
| 28 | .kgs-banner-red { background:linear-gradient(135deg, #E30613, #b3000d); } | ||
| 29 | .kgs-banner-yellow { background:linear-gradient(135deg, #e0a800, #FFD500); } | ||
| 30 | .kgs-banner-blue { background:linear-gradient(135deg, #1D3F8F, #12274f); } | ||
| 31 | .kgs-banner-icon { font-size:2.1em; line-height:1; } | ||
| 32 | .kgs-banner-title { font-size:1.7em; font-weight:800; margin:0; } | ||
| 33 | .kgs-banner-sub { font-size:.95em; opacity:.9; margin-top:2px; } | ||
| 34 | details.kgs-era { background:#fafafa; border:1px solid #ececec; border-radius:8px; margin-bottom:10px; padding:4px 4px; } | ||
| 35 | details.kgs-era summary { cursor:pointer; padding:12px 16px; font-weight:700; list-style:none; } | ||
| 36 | details.kgs-era summary::-webkit-details-marker { display:none; } | ||
| 37 | details.kgs-era summary::before { content:'\25B8'; display:inline-block; margin-right:8px; transition:transform .15s ease; } | ||
| 38 | details.kgs-era[open] summary::before { transform:rotate(90deg); } | ||
| 39 | details.kgs-era .kgs-era-body { padding:0 18px 16px 34px; } | ||
| 40 | details.kgs-era details.kgs-era { margin:10px 0; } | ||
| 41 | ul.kgs-links { list-style:none; padding:0; margin:10px 0 0; } | ||
| 42 | ul.kgs-links li { margin:4px 0; } | ||
| 43 | .kgs-gallery { display:flex; flex-wrap:wrap; gap:10px; margin:12px 0; } | ||
| 44 | .kgs-gallery-item { text-align:center; width:130px; } | ||
| 45 | .kgs-gallery-item img { width:100%; border-radius:6px; cursor:zoom-in; } | ||
| 46 | .kgs-gallery-caption { font-size:.78em; color:#666; margin-top:3px; } | ||
| 47 | </style> | ||
| 48 | {{/html}}{{html wiki="true" clean="false"}} | ||
| 49 | <div class="kgs-banner kgs-banner-blue"> | ||
| 50 | <div class="kgs-banner-icon">♻️</div> | ||
| 51 | <div><div class="kgs-banner-title">Recycling-Modenschau</div><div class="kgs-banner-sub">Im EXPO-Jahr 2000</div></div> | ||
| 52 | </div> | ||
| 53 | {{/html}} | ||
| 54 | |||
| 55 | Recycling-Modenschau im Expo-Jahr 2000 Unter der Leitung ihrer Kunstlehrerin Senta Neumann-Zöckler bearbeiteten die Schüler und Schülerinnen des Leistungskurses des 13. Jahrgangs im Schuljahr 1999/2000 zum EXPO-Thema "Mensch - Natur - Technik" eine ganz besondere Aufgabe: Entwurf sowie Herstellung eines Kostüms nach den Grundfigurationen von Oskar Schlemmer (Bauhaus). Die Kleidungsstücke waren nur aus Recyclingmaterialien wie Schaumstoff, Folie, Pappe usw. hergestellt. Neben der Funktionalität und Ästhetik spielte auch die Symbolik eine wichtige Rolle: alle Kostüme setzten sich kritisch mit Zeiterscheinungen auseinander. Präsentiert wurden die Ergebnisse u.a. beim EXPO-Schulfest am 17.6.2000. Weitere Fotos | ||
| 56 | |||
| 57 | {{html wiki="true" clean="false"}} | ||
| 58 | <div class="kgs-gallery"><div class="kgs-gallery-item">[[[[image:moden.jpg||width="130"]]>>attach:moden.jpg||target="_blank"]]</div><div class="kgs-gallery-item">[[[[image:mode.jpg||width="130"]]>>attach:mode.jpg||target="_blank"]]</div></div> | ||
| 59 | {{/html}} | ||
| 60 | |||
| |
2.1 | 61 | [[<< Zurück zu Schulleben & Traditionen>>schulchronik.schulleben.WebHome]] |
