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

Smoky Quartz

Smoky Quartz

Smoky Quartz

Kunststoffe
Smoky Quartz

Smoky Quartz

Smoky Quartz

Smoky Quartz

Tierische Werkstoffe
Smoky Quartz

Smoky Quartz

Smoky Quartz

Smoky Quartz

