Test3: Unterschied zwischen den Versionen
Aus exmediawiki
Theo (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung |
Theo (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung |
||
| Zeile 1: | Zeile 1: | ||
<div style="display: flex; flex-wrap: wrap; gap: 1em; justify-content: space-between; width: 100%;"> | <div style="display: flex; flex-wrap: wrap; gap: 1em; justify-content: space-between; width: 100%;"> | ||
<!-- | <!-- First collapsible item --> | ||
<div class="mw-collapsible mw-collapsed" style="flex: 0 0 calc(25% - 1em); margin-bottom: 1em;"> | <div class="mw-collapsible mw-collapsed" style="flex: 0 0 calc(25% - 1em); margin-bottom: 1em;"> | ||
<div class="mw-collapsible-toggle" style="text-align: center;"> | <div class="mw-collapsible-toggle" style="float: none; text-align: center;"> | ||
<span class="down"> | <span class="down"> | ||
'''Gestein'''<br> | '''Gestein'''<br> | ||
[[File:Test image1.jpg|150px|link=Smoky Quartz]] | [[File:Test image1.jpg|150px|link=Smoky Quartz]] | ||
</span> | </span> | ||
</div> | </div> | ||
<div class="mw-collapsible-content" style="margin-top: | <div class="mw-collapsible-content" style="position: absolute; left: 0; width: 100%; margin-top: 0.5em;"> | ||
<div style="display: flex; flex-wrap: wrap; gap: 1em;"> | <div style="display: flex; flex-wrap: wrap; gap: 1em; justify-content: flex-start;"> | ||
<!-- Image Block Start --> | |||
<div style="flex: 0 0 calc(20% - 1em);"> | |||
[[File:Test image1.jpg|150px|link=Smoky Quartz]] | |||
<div style="margin-top: 0.5em;">[[Smoky Quartz]]</div> | |||
</div> | |||
<div style="flex: 0 0 calc(20% - 1em);"> | |||
[[File:Test image1.jpg|150px|link=Smoky Quartz]] | |||
<div style="margin-top: 0.5em;">[[Smoky Quartz]]</div> | |||
</div> | |||
<div style="flex: 0 0 calc(20% - 1em);"> | |||
[[File:Test image1.jpg|150px|link=Smoky Quartz]] | |||
<div style="margin-top: 0.5em;">[[Smoky Quartz]]</div> | |||
</div> | |||
<div style="flex: 0 0 calc(20% - 1em);"> | |||
[[File:Test image1.jpg|150px|link=Smoky Quartz]] | |||
<div style="margin-top: 0.5em;">[[Smoky Quartz]]</div> | |||
</div> | |||
<div style="flex: 0 0 calc(20% - 1em);"> | <div style="flex: 0 0 calc(20% - 1em);"> | ||
[[File:Test image1.jpg|150px|link=Smoky Quartz]] | [[File:Test image1.jpg|150px|link=Smoky Quartz]] | ||
<div style="margin-top: 0.5em;">[[Smoky Quartz]]</div> | <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div> | ||
</div> | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
<!-- Second collapsible item --> | |||
<div class="mw-collapsible mw-collapsed" style="flex: 0 0 calc(25% - 1em); margin-bottom: 1em;"> | <div class="mw-collapsible mw-collapsed" style="flex: 0 0 calc(25% - 1em); margin-bottom: 1em;"> | ||
<div class="mw-collapsible-toggle" style="text-align: center;"> | <div class="mw-collapsible-toggle" style="float: none; text-align: center;"> | ||
<span class="down"> | <span class="down"> | ||
'''Mineralien'''<br> | '''Mineralien'''<br> | ||
[[File:Test image1.jpg|150px|link= | [[File:Test image1.jpg|150px|link=Smoky Quartz]] | ||
</span> | </span> | ||
</div> | </div> | ||
<div class="mw-collapsible-content" style="margin-top: | <div class="mw-collapsible-content" style="position: absolute; left: 0; width: 100%; margin-top: 0.5em;"> | ||
<div style="display: flex; flex-wrap: wrap; gap: 1em;"> | <div style="display: flex; flex-wrap: wrap; gap: 1em; justify-content: flex-start;"> | ||
<!-- Image Block Start --> | |||
<div style="flex: 0 0 calc(20% - 1em);"> | <div style="flex: 0 0 calc(20% - 1em);"> | ||
[[File:Test image1.jpg|150px|link=Amethyst]] | [[File:Test image1.jpg|150px|link=Smoky Quartz]] | ||
<div style="margin-top: 0.5em;">[[Amethyst]]</div> | |||
</div> | |||
<div style="flex: 0 0 calc(20% - 1em);"> | |||
[[File:Test image1.jpg|150px|link=Smoky Quartz]] | |||
<div style="margin-top: 0.5em;">[[Amethyst]]</div> | |||
</div> | |||
<div style="flex: 0 0 calc(20% - 1em);"> | |||
[[File:Test image1.jpg|150px|link=Smoky Quartz]] | |||
<div style="margin-top: 0.5em;">[[Amethyst]]</div> | <div style="margin-top: 0.5em;">[[Amethyst]]</div> | ||
</div> | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
<!-- Third collapsible item --> | |||
<div class="mw-collapsible mw-collapsed" style="flex: 0 0 calc(25% - 1em); margin-bottom: 1em;"> | <div class="mw-collapsible mw-collapsed" style="flex: 0 0 calc(25% - 1em); margin-bottom: 1em;"> | ||
<div class="mw-collapsible-toggle" style="text-align: center;"> | <div class="mw-collapsible-toggle" style="float: none; text-align: center;"> | ||
<span class="down"> | <span class="down"> | ||
'''Fossilien'''<br> | '''Fossilien'''<br> | ||
[[File:Test image1.jpg|150px|link= | [[File:Test image1.jpg|150px|link=Smoky Quartz]] | ||
</span> | </span> | ||
</div> | </div> | ||
<div class="mw-collapsible-content" style="margin-top: | <div class="mw-collapsible-content" style="position: absolute; left: 0; width: 100%; margin-top: 0.5em;"> | ||
<div style="display: flex; flex-wrap: wrap; gap: 1em;"> | <div style="display: flex; flex-wrap: wrap; gap: 1em; justify-content: flex-start;"> | ||
<!-- Image Block Start --> | |||
<div style="flex: 0 0 calc(20% - 1em);"> | <div style="flex: 0 0 calc(20% - 1em);"> | ||
[[File:Test image1.jpg|150px|link=Fossil]] | [[File:Test image1.jpg|150px|link=Smoky Quartz]] | ||
<div style="margin-top: 0.5em;">[[Fossil]]</div> | |||
</div> | |||
<div style="flex: 0 0 calc(20% - 1em);"> | |||
[[File:Test image1.jpg|150px|link=Smoky Quartz]] | |||
<div style="margin-top: 0.5em;">[[Fossil]]</div> | <div style="margin-top: 0.5em;">[[Fossil]]</div> | ||
</div> | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
<!-- Fourth collapsible item --> | |||
<div class="mw-collapsible mw-collapsed" style="flex: 0 0 calc(25% - 1em); margin-bottom: 1em;"> | <div class="mw-collapsible mw-collapsed" style="flex: 0 0 calc(25% - 1em); margin-bottom: 1em;"> | ||
<div class="mw-collapsible-toggle" style="text-align: center;"> | <div class="mw-collapsible-toggle" style="float: none; text-align: center;"> | ||
<span class="down"> | <span class="down"> | ||
'''Edelsteine'''<br> | '''Edelsteine'''<br> | ||
[[File:Test image1.jpg|150px|link= | [[File:Test image1.jpg|150px|link=Smoky Quartz]] | ||
</span> | </span> | ||
</div> | </div> | ||
<div class="mw-collapsible-content" style="margin-top: | <div class="mw-collapsible-content" style="position: absolute; left: 0; width: 100%; margin-top: 0.5em;"> | ||
<div style="display: flex; flex-wrap: wrap; gap: 1em;"> | <div style="display: flex; flex-wrap: wrap; gap: 1em; justify-content: flex-start;"> | ||
<!-- Image Block Start --> | |||
<div style="flex: 0 0 calc(20% - 1em);"> | |||
[[File:Test image1.jpg|150px|link=Smoky Quartz]] | |||
<div style="margin-top: 0.5em;">[[Diamond]]</div> | |||
</div> | |||
<div style="flex: 0 0 calc(20% - 1em);"> | <div style="flex: 0 0 calc(20% - 1em);"> | ||
[[File:Test image1.jpg|150px|link= | [[File:Test image1.jpg|150px|link=Smoky Quartz]] | ||
<div style="margin-top: 0.5em;">[[Diamond]]</div> | <div style="margin-top: 0.5em;">[[Diamond]]</div> | ||
</div> | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="width: 100%; clear: both; margin-bottom: 2em;"></div> | <div style="width: 100%; clear: both; margin-bottom: 2em;"></div> | ||