Test 6: Unterschied zwischen den Versionen
Aus exmediawiki
Theo (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung |
Theo (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung |
||
| Zeile 8: | Zeile 8: | ||
<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 --> | |||
<div class="mw-collapsible mw-collapsed" style="display: block; box-sizing: border-box;"> | <div class="mw-collapsible mw-collapsed" style="display: block; box-sizing: border-box;"> | ||
<!-- Toggle block --> | <!-- Toggle block --> | ||
| Zeile 16: | Zeile 16: | ||
</div> | </div> | ||
</div> | </div> | ||
<!-- Expanded content block --> | |||
<div class="mw-collapsible-content" style="display: inline-flex; flex-wrap: wrap; gap: 0.5em; align-items: flex-start;"> | |||
<div style="width: calc(20% - 0.2em); box-sizing: border-box;"> | <div style="width: calc(20% - 0.2em); box-sizing: border-box;"> | ||
<h3>[[Smoky Quartz]]</h3> | |||
[[File:Test image1.jpg|300px|left|link=Smoky Quartz|style=max-width:100%;]] | |||
</div> | </div> | ||
<div style="width: calc(20% - 0.2em); box-sizing: border-box;"> | <div style="width: calc(20% - 0.2em); box-sizing: border-box;"> | ||
<h3>[[Smoky Quartz]]</h3> | |||
[[File:Test image1.jpg|300px|left|link=Smoky Quartz|style=max-width:100%;]] | |||
</div> | </div> | ||
<div style="width: calc(20% - 0.2em); box-sizing: border-box;"> | <div style="width: calc(20% - 0.2em); box-sizing: border-box;"> | ||
<h3>[[Smoky Quartz]]</h3> | |||
[[File:Test image1.jpg|300px|left|link=Smoky Quartz|style=max-width:100%;]] | |||
</div> | </div> | ||
<div style="width: calc(20% - 0.2em); box-sizing: border-box;"> | <div style="width: calc(20% - 0.2em); box-sizing: border-box;"> | ||
<h3>[[Smoky Quartz]]</h3> | |||
[[File:Test image1.jpg|300px|left|link=Smoky Quartz|style=max-width:100%;]] | |||
</div> | </div> | ||
<div style="text-align: center; flex-shrink: 0; min-width: 300px;"> | <div style="text-align: center; flex-shrink: 0; min-width: 300px;"> | ||
<h3 style="margin: 0;"></h3> | |||
</div> | </div> | ||
</div> | </div> | ||
</div> | |||
<!-- Horizontal collapsible: Metalle --> | |||
<div class="mw-collapsible mw-collapsed" style="display: block; box-sizing: border-box;"> | <div class="mw-collapsible mw-collapsed" style="display: block; box-sizing: border-box;"> | ||
<!-- Toggle block --> | <!-- Toggle block --> | ||
| Zeile 52: | Zeile 48: | ||
</div> | </div> | ||
</div> | </div> | ||
<!-- Expanded content block --> | |||
<div class="mw-collapsible-content" style="display: inline-flex; flex-wrap: wrap; gap: 0.5em; align-items: flex-start;"> | |||
<div style="width: calc(20% - 0.2em); box-sizing: border-box;"> | <div style="width: calc(20% - 0.2em); box-sizing: border-box;"> | ||
<h3>[[Smoky Quartz]]</h3> | |||
[[File:Test image1.jpg|300px|left|link=Smoky Quartz|style=max-width:100%;]] | |||
</div> | </div> | ||
<div style="width: calc(20% - 0.2em); box-sizing: border-box;"> | <div style="width: calc(20% - 0.2em); box-sizing: border-box;"> | ||
<h3>[[Smoky Quartz]]</h3> | |||
[[File:Test image1.jpg|300px|left|link=Smoky Quartz|style=max-width:100%;]] | |||
</div> | </div> | ||
<div style="width: calc(20% - 0.2em); box-sizing: border-box;"> | |||
<h3>[[Smoky Quartz]]</h3> | |||
[[File:Test image1.jpg|300px|left|link=Smoky Quartz|style=max-width:100%;]] | |||
<div | |||
</div> | </div> | ||
<div style="width: calc(20% - 0.2em); box-sizing: border-box;"> | |||
<h3>[[Smoky Quartz]]</h3> | |||
[[File:Test image1.jpg|300px|left|link=Smoky Quartz|style=max-width:100%;]] | |||
<div style="width: calc(20% - 0.2em); box-sizing: border-box;"> | |||
</div> | </div> | ||
<div style="text-align: center; flex-shrink: 0; min-width: 300px;"> | |||
<h3 style="margin: 0;"></h3> | |||
<div style=" | |||
<h3 style=" | |||
</div> | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
<!-- Horizontal collapsible: Kunststoffe --> | |||
<div class="mw-collapsible mw-collapsed" style="display: block; box-sizing: border-box;"> | <div class="mw-collapsible mw-collapsed" style="display: block; box-sizing: border-box;"> | ||
<!-- Toggle block --> | <!-- Toggle block --> | ||
<div class="mw-collapsible-toggle" style="box-sizing: border-box; min-width: 140px; float: none !important; display: block !important; width: auto !important;"> | <div class="mw-collapsible-toggle" style="box-sizing: border-box; min-width: 140px; float: none !important; display: block !important; width: auto !important;"> | ||
<div style="background-color: black; border-radius: 9999px; padding: 0.5em 2em; text-align: center; display: inline-block; margin-bottom: 0.5em;"> | <div style="background-color: black; border-radius: 9999px; padding: 0.5em 2em; text-align: center; display: inline-block; margin-bottom: 0.5em;"> | ||
<h3 style="color: white; margin: 0;"> | <h3 style="color: white; margin: 0;">Kunststoffe</h3> | ||
</div> | </div> | ||
</div> | </div> | ||
<!-- Expanded content block --> | |||
<div class="mw-collapsible-content" style="display: inline-flex; flex-wrap: wrap; gap: 0.5em; align-items: flex-start;"> | |||
<div style="width: calc(20% - 0.2em); box-sizing: border-box;"> | <div style="width: calc(20% - 0.2em); box-sizing: border-box;"> | ||
<h3>[[Smoky Quartz]]</h3> | |||
[[File:Test image1.jpg|300px|left|link=Smoky Quartz|style=max-width:100%;]] | |||
</div> | </div> | ||
<div style="width: calc(20% - 0.2em); box-sizing: border-box;"> | <div style="width: calc(20% - 0.2em); box-sizing: border-box;"> | ||
<h3>[[Smoky Quartz]]</h3> | |||
[[File:Test image1.jpg|300px|left|link=Smoky Quartz|style=max-width:100%;]] | |||
</div> | </div> | ||
<div style="width: calc(20% - 0.2em); box-sizing: border-box;"> | |||
<h3>[[Smoky Quartz]]</h3> | |||
[[File:Test image1.jpg|300px|left|link=Smoky Quartz|style=max-width:100%;]] | |||
</div> | </div> | ||
<div style="width: calc(20% - 0.2em); box-sizing: border-box;"> | |||
<h3>[[Smoky Quartz]]</h3> | |||
[[File:Test image1.jpg|300px|left|link=Smoky Quartz|style=max-width:100%;]] | |||
<div style="width: calc(20% - 0.2em); box-sizing: border-box;"> | |||
</div> | </div> | ||
<div style="text-align: center; flex-shrink: 0; min-width: 300px;"> | |||
<h3 style="margin: 0;"></h3> | |||
<div style=" | |||
<h3 style=" | |||
</div> | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
<!-- Horizontal collapsible: Tierische Werkstoffe --> | |||
<div class="mw-collapsible mw-collapsed" style="display: block; box-sizing: border-box; width: 100%; margin-bottom: 1em;"> | |||
<!-- Toggle block --> | <!-- Toggle block --> | ||
<div class="mw-collapsible-toggle" style="box-sizing: border-box; | <div class="mw-collapsible-toggle" style="box-sizing: border-box; margin-bottom: 0.5em;"> | ||
<div style="background-color: black; border-radius: 9999px; padding: 0.5em 2em; text-align: center; display: inline-block | <div style="background-color: black; border-radius: 9999px; padding: 0.5em 2em; text-align: center; display: inline-block;"> | ||
<h3 style="color: white; margin: 0;">Tierische Werkstoffe</h3> | <h3 style="color: white; margin: 0;">Tierische Werkstoffe</h3> | ||
</div> | </div> | ||
</div> | </div> | ||
<!-- Expanded content block --> | |||
<div class="mw-collapsible-content" style="display: block; width: 100%;"> | |||
<div style="width: calc(20% - 0.2em); box-sizing: border-box;"> | <div style="display: flex; flex-wrap: wrap; gap: 0.5em; align-items: flex-start; width: 100%;"> | ||
<div style="width: calc(20% - 0.2em); box-sizing: border-box;"> | |||
<h3>[[Smoky Quartz]]</h3> | |||
</div> | [[File:Test image1.jpg|300px|left|link=Smoky Quartz|style=max-width:100%;]] | ||
<div style="width: calc(20% - 0.2em); box-sizing: border-box;"> | </div> | ||
<div style="width: calc(20% - 0.2em); box-sizing: border-box;"> | |||
<h3>[[Smoky Quartz]]</h3> | |||
</div> | [[File:Test image1.jpg|300px|left|link=Smoky Quartz|style=max-width:100%;]] | ||
<div style="width: calc(20% - 0.2em); box-sizing: border-box;"> | </div> | ||
<div style="width: calc(20% - 0.2em); box-sizing: border-box;"> | |||
<h3>[[Smoky Quartz]]</h3> | |||
</div> | [[File:Test image1.jpg|300px|left|link=Smoky Quartz|style=max-width:100%;]] | ||
<div style="width: calc(20% - 0.2em); box-sizing: border-box;"> | </div> | ||
<div style="width: calc(20% - 0.2em); box-sizing: border-box;"> | |||
<h3>[[Smoky Quartz]]</h3> | |||
[[File:Test image1.jpg|300px|left|link=Smoky Quartz|style=max-width:100%;]] | |||
</div> | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
</div> | |||
</div> | </div> | ||
Version vom 23. Mai 2025, 18:39 Uhr
Materials
