Test 5: Unterschied zwischen den Versionen
Aus exmediawiki
Theo (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung |
Theo (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung |
||
| Zeile 7: | Zeile 7: | ||
<!-- Single flex container for all items --> | <!-- Single flex container for all items --> | ||
<div style="display: flex; flex-wrap: wrap; gap: 0.5em; align-items: flex-start; width: 100%; max-width: 100%; box-sizing: border-box; overflow: hidden;"> | <div style="display: flex; flex-wrap: wrap; gap: 0.5em; align-items: flex-start; width: 100%; max-width: 100%; box-sizing: border-box; overflow: hidden;"> | ||
<!-- Horizontal collapsible: Holz --> | <!-- Horizontal collapsible: Holz --> | ||
<div class="mw-collapsible mw-collapsed" style="display: inline-flex; flex-wrap: nowrap; align-items: flex-start; box-sizing: border-box;"> | <div class="mw-collapsible mw-collapsed" style="display: inline-flex; flex-wrap: nowrap; align-items: flex-start; box-sizing: border-box;"> | ||
| Zeile 130: | Zeile 132: | ||
</div> | </div> | ||
</div> | </div> | ||
<!-- Horizontal collapsible: Holz --> | |||
<div class="mw-collapsible mw-collapsed" style="display: inline-flex; flex-wrap: nowrap; align-items: flex-start; box-sizing: border-box;"> | |||
<!-- Toggle block --> | |||
<div class="mw-collapsible-toggle" style="flex-shrink: 0; box-sizing: border-box; min-width: 140px;"> | |||
<div style="background-color: black; border-radius: 9999px; padding: 0.5em 2em; text-align: center;"> | |||
<h3 style="color: white; margin: 0;">Holz</h3> | |||
</div> | |||
</div> | |||
<!-- Expanded content block --> | |||
<div class="mw-collapsible-content" style="display: inline-flex; flex-wrap: wrap; gap: 0.5em; align-items: flex-start; margin-left: 0.5em;"> | |||
<div style="background-color: black; border-radius: 9999px; padding: 0.5em 2em; color: white; text-align: center; flex-shrink: 0;"> | |||
<h3 style="margin: 0;">[[Fichte]]</h3> | |||
</div> | |||
<div style="background-color: black; border-radius: 9999px; padding: 0.5em 2em; color: white; text-align: center; flex-shrink: 0;"> | |||
<h3 style="margin: 0;">[[Lärche]]</h3> | |||
</div> | |||
<div style="background-color: black; border-radius: 9999px; padding: 0.5em 2em; color: white; text-align: center; flex-shrink: 0;"> | |||
<h3 style="margin: 0;">[[Buche]]</h3> | |||
</div> | |||
<div style="background-color: black; border-radius: 9999px; padding: 0.5em 2em; color: white; text-align: center; flex-shrink: 0;"> | |||
<h3 style="margin: 0;">[[Esche]]</h3> | |||
</div> | |||
</div> | |||
</div> | |||
<!-- Horizontal collapsible: Metalle --> | |||
<div class="mw-collapsible mw-collapsed" style="display: inline-flex; flex-wrap: nowrap; align-items: flex-start; box-sizing: border-box;"> | |||
<!-- Toggle block --> | |||
<div class="mw-collapsible-toggle" style="flex-shrink: 0; box-sizing: border-box; min-width: 140px;"> | |||
<div style="background-color: black; border-radius: 9999px; padding: 0.5em 2em; text-align: center;"> | |||
<h3 style="color: white; margin: 0;">Metalle</h3> | |||
</div> | |||
</div> | |||
<!-- Expanded content block --> | |||
<div class="mw-collapsible-content" style="display: inline-flex; flex-wrap: wrap; gap: 0.5em; align-items: flex-start; margin-left: 0.5em;"> | |||
<div style="background-color: black; border-radius: 9999px; padding: 0.5em 2em; color: white; text-align: center; flex-shrink: 0;"> | |||
<h3 style="margin: 0;">[[Aluminium]]</h3> | |||
</div> | |||
<div style="background-color: black; border-radius: 9999px; padding: 0.5em 2em; color: white; text-align: center; flex-shrink: 0;"> | |||
<h3 style="margin: 0;">[[Pulverbeschichteter Stahl]]</h3> | |||
</div> | |||
<div style="background-color: black; border-radius: 9999px; padding: 0.5em 2em; color: white; text-align: center; flex-shrink: 0;"> | |||
<h3 style="margin: 0;">[[Zinn]]</h3> | |||
</div> | |||
<div style="background-color: black; border-radius: 9999px; padding: 0.5em 2em; color: white; text-align: center; flex-shrink: 0;"> | |||
<h3 style="margin: 0;">[[Zink]]</h3> | |||
</div> | |||
</div> | |||
</div> | |||
<!-- Horizontal collapsible: Kunststoffe --> | |||
<div class="mw-collapsible mw-collapsed" style="display: inline-flex; flex-wrap: nowrap; align-items: flex-start; box-sizing: border-box;"> | |||
<!-- Toggle block --> | |||
<div class="mw-collapsible-toggle" style="flex-shrink: 0; box-sizing: border-box; min-width: 140px;"> | |||
<div style="background-color: black; border-radius: 9999px; padding: 0.5em 2em; text-align: center;"> | |||
<h3 style="color: white; margin: 0;">Kunststoffe</h3> | |||
</div> | |||
</div> | |||
<!-- Expanded content block --> | |||
<div class="mw-collapsible-content" style="display: inline-flex; flex-wrap: wrap; gap: 0.5em; align-items: flex-start; margin-left: 0.5em;"> | |||
<div style="background-color: black; border-radius: 9999px; padding: 0.5em 2em; color: white; text-align: center; flex-shrink: 0;"> | |||
<h3 style="margin: 0;">[[Polyvinylchlorid (PVC)]]</h3> | |||
</div> | |||
<div style="background-color: black; border-radius: 9999px; padding: 0.5em 2em; color: white; text-align: center; flex-shrink: 0;"> | |||
<h3 style="margin: 0;">[[Polyethylenterephthalat (PET)]]</h3> | |||
</div> | |||
<div style="background-color: black; border-radius: 9999px; padding: 0.5em 2em; color: white; text-align: center; flex-shrink: 0;"> | |||
<h3 style="margin: 0;">[[Polycarbonat (PC)]]</h3> | |||
</div> | |||
<div style="background-color: black; border-radius: 9999px; padding: 0.5em 2em; color: white; text-align: center; flex-shrink: 0;"> | |||
<h3 style="margin: 0;">[[Acrylnitril-Butadien-Styrol (ABS)]]</h3> | |||
</div> | |||
<div style="background-color: black; border-radius: 9999px; padding: 0.5em 2em; color: white; text-align: center; flex-shrink: 0;"> | |||
<h3 style="margin: 0;">[[Polypropylen (PP)]]</h3> | |||
</div> | |||
<div style="background-color: black; border-radius: 9999px; padding: 0.5em 2em; color: white; text-align: center; flex-shrink: 0;"> | |||
<h3 style="margin: 0;">[[Polyethylen (PE)]]</h3> | |||
</div> | |||
<div style="background-color: black; border-radius: 9999px; padding: 0.5em 2em; color: white; text-align: center; flex-shrink: 0;"> | |||
<h3 style="margin: 0;">[[Polyester]]</h3> | |||
</div> | |||
<div style="background-color: black; border-radius: 9999px; padding: 0.5em 2em; color: white; text-align: center; flex-shrink: 0;"> | |||
<h3 style="margin: 0;">[[Polyamid]]</h3> | |||
</div> | |||
</div> | |||
</div> | |||
<!-- Horizontal collapsible: Tierische Werkstoffe --> | |||
<div class="mw-collapsible mw-collapsed" style="display: inline-flex; flex-wrap: nowrap; align-items: flex-start; box-sizing: border-box;"> | |||
<!-- Toggle block --> | |||
<div class="mw-collapsible-toggle" style="flex-shrink: 0; box-sizing: border-box; min-width: 140px;"> | |||
<div style="background-color: black; border-radius: 9999px; padding: 0.5em 2em; text-align: center;"> | |||
<h3 style="color: white; margin: 0;">Tierische Werkstoffe</h3> | |||
</div> | |||
</div> | |||
<!-- Expanded content block --> | |||
<div class="mw-collapsible-content" style="display: inline-flex; flex-wrap: wrap; gap: 0.5em; align-items: flex-start; margin-left: 0.5em;"> | |||
<div style="background-color: black; border-radius: 9999px; padding: 0.5em 2em; color: white; text-align: center; flex-shrink: 0;"> | |||
<h3 style="margin: 0;">[[Leder]]</h3> | |||
</div> | |||
<div style="background-color: black; border-radius: 9999px; padding: 0.5em 2em; color: white; text-align: center; flex-shrink: 0;"> | |||
<h3 style="margin: 0;">[[Wolle]]</h3> | |||
</div> | |||
<div style="background-color: black; border-radius: 9999px; padding: 0.5em 2em; color: white; text-align: center; flex-shrink: 0;"> | |||
<h3 style="margin: 0;">[[Seide]]</h3> | |||
</div> | |||
<div style="background-color: black; border-radius: 9999px; padding: 0.5em 2em; color: white; text-align: center; flex-shrink: 0;"> | |||
<h3 style="margin: 0;">[[Horn]]</h3> | |||
</div> | |||
<div style="background-color: black; border-radius: 9999px; padding: 0.5em 2em; color: white; text-align: center; flex-shrink: 0;"> | |||
<h3 style="margin: 0;">[[Knochen]]</h3> | |||
</div> | |||
<div style="background-color: black; border-radius: 9999px; padding: 0.5em 2em; color: white; text-align: center; flex-shrink: 0;"> | |||
<h3 style="margin: 0;">[[Perlmutt]]</h3> | |||
</div> | |||
<div style="background-color: black; border-radius: 9999px; padding: 0.5em 2em; color: white; text-align: center; flex-shrink: 0;"> | |||
<h3 style="margin: 0;">[[Elfenbein]]</h3> | |||
</div> | |||
<div style="background-color: black; border-radius: 9999px; padding: 0.5em 2em; color: white; text-align: center; flex-shrink: 0;"> | |||
<h3 style="margin: 0;">[[Fell]]</h3> | |||
</div> | |||
</div> | |||
</div> | |||
</div> | </div> | ||
Version vom 22. Mai 2025, 14:19 Uhr
Materials