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