Wiki-Quellcode von Eine Schule musiziert
Version 2.1 von Sarah Groeneveld am 2026/07/14 07:56
Zeige letzte Bearbeiter
| author | version | line-number | content |
|---|---|---|---|
| 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-red"> | ||
| 50 | <div class="kgs-banner-icon">🎶</div> | ||
| 51 | <div><div class="kgs-banner-title">Eine Schule musiziert</div></div> | ||
| 52 | </div> | ||
| 53 | {{/html}} | ||
| 54 | |||
| 55 | Eine Schule musiziert 1984 Im Laufe des Schuljahres 1984/85 schlug die Fachgruppe Musik vor, am Ende des Schuljahres einen Schultag ganz der musischen Bildung zu widmen - musizierende Schüler/-innen sollten ihren Mitschülern und Eltern Beispiele aus der schulischen und der privaten Musikerziehung vorstellen. Kurz vor Ablauf des Schuljahres, am 14.7.1984, war es so weit: unter dem Motto "Eine Schule musiziert" präsentierten rund 60 Gruppen oder Solisten auf fünf Bühnen im Schulgebäude ihr Können mit Musikbeiträgen vom Frühbarock bis zur Gegenwart. Aufgrund des Erfolgs und der guten Resonanz wurde beschlossen, einen solchen "Musiktag" mit ähnlicher Konzeption eine feste Einrichtung im Schulleben der KGS werden zu lassen. Ein "Klick" auf die Jahresangabe in den Miniaturen führt zu weiteren Fotos 1985 | ||
| 56 | |||
| 57 | {{html wiki="true" clean="false"}} | ||
| 58 | <div class="kgs-gallery"><div class="kgs-gallery-item">[[[[image:zier-85.jpg||width="130"]]>>attach:zier-85.jpg||target="_blank"]]</div><div class="kgs-gallery-item">[[[[image:zier.jpg||width="130"]]>>attach:zier.jpg||target="_blank"]]</div></div> | ||
| 59 | {{/html}} | ||
| 60 | |||
| 61 | [[<< Zurück zu Schulleben & Traditionen>>schulchronik.schulleben.WebHome]] |
