Zum Inhalt springen

Wiki-Quellcode von Ehemaligentreffen 2023

Zuletzt geändert von Sarah Groeneveld am 2026/07/14 09:23
Verstecke letzte Bearbeiter
Sarah Groeneveld 1.1 1 {{html wiki="true" clean="false"}}
2 <style>
3 .kgs-table { width:100%; border-collapse:collapse; margin:14px 0; }
4 .kgs-table th { background:#1D3F8F; color:#fff; text-align:left; padding:9px 12px; }
5 .kgs-table td { padding:9px 12px; border-bottom:1px solid #ececec; vertical-align:top; }
6 .kgs-table tr:nth-child(even) td { background:#f7f8fb; }
7 .kgs-note { background:#fff8e1; border-left:4px solid #FFD500; padding:10px 16px; margin:14px 0; font-size:.92em; }
8 .kgs-banner { border-radius:10px; padding:26px 30px; margin:6px 0 22px; color:#fff; display:flex; align-items:center; gap:16px; }
9 .kgs-banner-red { background:linear-gradient(135deg, #E30613, #b3000d); }
10 .kgs-banner-yellow { background:linear-gradient(135deg, #e0a800, #FFD500); }
11 .kgs-banner-blue { background:linear-gradient(135deg, #1D3F8F, #12274f); }
12 .kgs-banner-icon { font-size:2.1em; line-height:1; }
13 .kgs-banner-title { font-size:1.7em; font-weight:800; margin:0; }
14 .kgs-banner-sub { font-size:.95em; opacity:.9; margin-top:2px; }
15 .kgs-gallery { display:flex; flex-wrap:wrap; gap:10px; margin:12px 0; }
16 .kgs-gallery-item { text-align:center; width:150px; }
17 .kgs-gallery-item img { width:100%; border-radius:6px; cursor:zoom-in; }
18 .kgs-topic-list { columns:2; column-gap:28px; margin:16px 0; }
19 .kgs-topic-list a { display:block; padding:5px 0; break-inside:avoid; color:#1D3F8F; font-weight:600; text-decoration:none; }
20 .kgs-topic-list a:hover { text-decoration:underline; }
21 </style>
22 {{/html}}{{html wiki="true" clean="false"}}
23 <div class="kgs-banner kgs-banner-yellow">
24 <div class="kgs-banner-icon">📷</div>
25 <div><div class="kgs-banner-title">Ehemaligentreffen 2023</div></div>
26 </div>
27 {{/html}}
28
29 28 Fotos. Zum Vergrößern auf ein Bild klicken.
30
31 {{html wiki="true" clean="false"}}
32 <div class="kgs-gallery"><div class="kgs-gallery-item">[[[[image:01.jpg||width="150"]]>>attach:01.jpg||target="_blank"]]</div><div class="kgs-gallery-item">[[[[image:02.jpg||width="150"]]>>attach:02.jpg||target="_blank"]]</div><div class="kgs-gallery-item">[[[[image:03.jpg||width="150"]]>>attach:03.jpg||target="_blank"]]</div><div class="kgs-gallery-item">[[[[image:04.jpg||width="150"]]>>attach:04.jpg||target="_blank"]]</div><div class="kgs-gallery-item">[[[[image:05.jpg||width="150"]]>>attach:05.jpg||target="_blank"]]</div><div class="kgs-gallery-item">[[[[image:06.jpg||width="150"]]>>attach:06.jpg||target="_blank"]]</div><div class="kgs-gallery-item">[[[[image:07.jpg||width="150"]]>>attach:07.jpg||target="_blank"]]</div><div class="kgs-gallery-item">[[[[image:08.jpg||width="150"]]>>attach:08.jpg||target="_blank"]]</div><div class="kgs-gallery-item">[[[[image:09.jpg||width="150"]]>>attach:09.jpg||target="_blank"]]</div><div class="kgs-gallery-item">[[[[image:10.jpg||width="150"]]>>attach:10.jpg||target="_blank"]]</div><div class="kgs-gallery-item">[[[[image:11.jpg||width="150"]]>>attach:11.jpg||target="_blank"]]</div><div class="kgs-gallery-item">[[[[image:12.jpg||width="150"]]>>attach:12.jpg||target="_blank"]]</div><div class="kgs-gallery-item">[[[[image:13.jpg||width="150"]]>>attach:13.jpg||target="_blank"]]</div><div class="kgs-gallery-item">[[[[image:14.jpg||width="150"]]>>attach:14.jpg||target="_blank"]]</div><div class="kgs-gallery-item">[[[[image:15.jpg||width="150"]]>>attach:15.jpg||target="_blank"]]</div><div class="kgs-gallery-item">[[[[image:16.jpg||width="150"]]>>attach:16.jpg||target="_blank"]]</div><div class="kgs-gallery-item">[[[[image:17.jpg||width="150"]]>>attach:17.jpg||target="_blank"]]</div><div class="kgs-gallery-item">[[[[image:18.jpg||width="150"]]>>attach:18.jpg||target="_blank"]]</div><div class="kgs-gallery-item">[[[[image:19.jpg||width="150"]]>>attach:19.jpg||target="_blank"]]</div><div class="kgs-gallery-item">[[[[image:20.jpg||width="150"]]>>attach:20.jpg||target="_blank"]]</div><div class="kgs-gallery-item">[[[[image:21.jpg||width="150"]]>>attach:21.jpg||target="_blank"]]</div><div class="kgs-gallery-item">[[[[image:22.jpg||width="150"]]>>attach:22.jpg||target="_blank"]]</div><div class="kgs-gallery-item">[[[[image:23.jpg||width="150"]]>>attach:23.jpg||target="_blank"]]</div><div class="kgs-gallery-item">[[[[image:24.jpg||width="150"]]>>attach:24.jpg||target="_blank"]]</div><div class="kgs-gallery-item">[[[[image:25.jpg||width="150"]]>>attach:25.jpg||target="_blank"]]</div><div class="kgs-gallery-item">[[[[image:26.jpg||width="150"]]>>attach:26.jpg||target="_blank"]]</div><div class="kgs-gallery-item">[[[[image:27.jpg||width="150"]]>>attach:27.jpg||target="_blank"]]</div><div class="kgs-gallery-item">[[[[image:28.jpg||width="150"]]>>attach:28.jpg||target="_blank"]]</div></div>
33 {{/html}}
34
35 [[« Zurück zu den Bildergalerien>>schulchronik.bildergalerien.WebHome]]