Zum Inhalt springen
Version 4.1 von Sarah Groeneveld am 2026/07/14 14:04
Verstecke letzte Bearbeiter
Sarah Groeneveld 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; }
Sarah Groeneveld 3.1 18 .kgs-topic-group-title { font-weight:800; color:#E30613; font-size:1.05em; margin:26px 0 4px; border-bottom:2px solid #FFD500; padding-bottom:4px; }
19 .kgs-topic-group-title.first { margin-top:4px; }
20 .kgs-topic-xref-title { font-weight:800; color:#888; font-size:.95em; margin:26px 0 4px; border-bottom:2px solid #ddd; padding-bottom:4px; }
21 .kgs-topic-list.xref a { color:#666; font-weight:500; }
Sarah Groeneveld 1.1 22 .kgs-figure { margin:16px 0; max-width:420px; }
23 .kgs-figure img { max-width:100%; border-radius:8px; cursor:zoom-in; transition:transform .15s ease; }
24 .kgs-figure img:hover { transform:scale(1.02); }
25 .kgs-figcaption { font-size:.85em; color:#666; font-style:italic; margin-top:6px; }
26 .kgs-table { width:100%; border-collapse:collapse; margin:14px 0; }
27 .kgs-table th { background:#1D3F8F; color:#fff; text-align:left; padding:9px 12px; }
28 .kgs-table td { padding:9px 12px; border-bottom:1px solid #ececec; vertical-align:top; }
29 .kgs-table tr:nth-child(even) td { background:#f7f8fb; }
30 .kgs-note { background:#fff8e1; border-left:4px solid #FFD500; padding:10px 16px; margin:14px 0; font-size:.92em; }
31 .kgs-banner { border-radius:10px; padding:26px 30px; margin:6px 0 22px; color:#fff; display:flex; align-items:center; gap:16px; }
32 .kgs-banner-red { background:linear-gradient(135deg, #E30613, #b3000d); }
33 .kgs-banner-yellow { background:linear-gradient(135deg, #e0a800, #FFD500); }
34 .kgs-banner-blue { background:linear-gradient(135deg, #1D3F8F, #12274f); }
35 .kgs-banner-icon { font-size:2.1em; line-height:1; }
36 .kgs-banner-title { font-size:1.7em; font-weight:800; margin:0; }
37 .kgs-banner-sub { font-size:.95em; opacity:.9; margin-top:2px; }
38 details.kgs-era { background:#fafafa; border:1px solid #ececec; border-radius:8px; margin-bottom:10px; padding:4px 4px; }
39 details.kgs-era summary { cursor:pointer; padding:12px 16px; font-weight:700; list-style:none; }
40 details.kgs-era summary::-webkit-details-marker { display:none; }
41 details.kgs-era summary::before { content:'\25B8'; display:inline-block; margin-right:8px; transition:transform .15s ease; }
42 details.kgs-era[open] summary::before { transform:rotate(90deg); }
43 details.kgs-era .kgs-era-body { padding:0 18px 16px 34px; }
44 details.kgs-era details.kgs-era { margin:10px 0; }
45 ul.kgs-links { list-style:none; padding:0; margin:10px 0 0; }
46 ul.kgs-links li { margin:4px 0; }
47 .kgs-gallery { display:flex; flex-wrap:wrap; gap:10px; margin:12px 0; }
48 .kgs-gallery-item { text-align:center; width:130px; }
49 .kgs-gallery-item img { width:100%; border-radius:6px; cursor:zoom-in; }
50 .kgs-gallery-caption { font-size:.78em; color:#666; margin-top:3px; }
Sarah Groeneveld 4.1 51 .kgs-gallery-item.kgs-gallery-lg { width:170px; }
52 .kgs-gallery-item.kgs-gallery-lg img { transition:transform .2s ease, box-shadow .2s ease; }
53 .kgs-gallery-item.kgs-gallery-lg img:hover { transform:scale(1.08); box-shadow:0 6px 16px rgba(0,0,0,.2); }
54 .kgs-zweig-badge { display:inline-block; padding:2px 10px; border-radius:12px; font-size:.82em; font-weight:700; color:#fff; white-space:nowrap; }
55 .kgs-zweig-badge.kgs-zweig-r { background:#1D3F8F; }
56 .kgs-zweig-badge.kgs-zweig-g { background:#E30613; }
57 .kgs-zweig-badge.kgs-zweig-h { background:#2e8b57; }
58 .kgs-zweig-badge.kgs-zweig-sonstige { background:#888; }
59 .kgs-year-badge { font-size:.66em; font-weight:600; color:#666; background:#eef0f5; border-radius:10px; padding:2px 10px; margin-left:10px; vertical-align:middle; }
Sarah Groeneveld 1.1 60 </style>
61 {{/html}}{{html wiki="true" clean="false"}}
62 <div class="kgs-banner kgs-banner-yellow">
63 <div class="kgs-banner-icon">🏖️</div>
64 <div><div class="kgs-banner-title">Einweihung des KGS-„Strands“</div><div class="kgs-banner-sub">8.4.2008</div></div>
65 </div>
66 {{/html}}
67
Sarah Groeneveld 2.1 68 Am 8. April 2008 wurde der KGS-"Strand" eingeweiht - ein Sandbereich auf dem Schulgelände zum Verweilen und Spielen in den Pausen.
Sarah Groeneveld 1.1 69
70 {{html wiki="true" clean="false"}}
71 <div class="kgs-gallery"><div class="kgs-gallery-item">[[[[image:strand-a_jpg.jpg||width="130"]]>>attach:strand-a_jpg.jpg||target="_blank"]]</div><div class="kgs-gallery-item">[[[[image:strand-b_jpg.jpg||width="130"]]>>attach:strand-b_jpg.jpg||target="_blank"]]</div><div class="kgs-gallery-item">[[[[image:strand-c_jpg.jpg||width="130"]]>>attach:strand-c_jpg.jpg||target="_blank"]]</div><div class="kgs-gallery-item">[[[[image:strand-d_jpg.jpg||width="130"]]>>attach:strand-d_jpg.jpg||target="_blank"]]</div><div class="kgs-gallery-item">[[[[image:strand-e_jpg.jpg||width="130"]]>>attach:strand-e_jpg.jpg||target="_blank"]]</div><div class="kgs-gallery-item">[[[[image:strand-f_jpg.jpg||width="130"]]>>attach:strand-f_jpg.jpg||target="_blank"]]</div><div class="kgs-gallery-item">[[[[image:strand-g_jpg.jpg||width="130"]]>>attach:strand-g_jpg.jpg||target="_blank"]]</div><div class="kgs-gallery-item">[[[[image:strand-h_jpg.jpg||width="130"]]>>attach:strand-h_jpg.jpg||target="_blank"]]</div></div>
72 {{/html}}
73
Sarah Groeneveld 2.1 74 [[<< Zurück zu Schulleben & Traditionen>>schulchronik.schulleben.WebHome]]