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="position: relative; width: 100%; max-width: 100%; padding: 0; margin: 0;"> | |||
<div | <div style="display: flex; flex-wrap: wrap; gap: 1em; justify-content: flex-start; max-width: 100%; padding: 0;"> | ||
<!-- Collapsible Element 1 --> | |||
<div style="flex: 0 0 calc(33.33% - 1em); position: relative;"> | |||
<div class="mw-collapsible mw-collapsed"> | |||
<div class="mw-collapsible-toggle" style="float: none;"> | |||
<span class="down"> | |||
'''Gestein''' | |||
<br> | <br> | ||
[[File:Test image1.jpg|thumb|20%|link=Smoky Quartz]] | [[File:Test image1.jpg|thumb|20%|link=Smoky Quartz]] | ||
<div style="margin-top: 0.5em;">[[Smoky Quartz]]</div> | </span> | ||
</div> | |||
<div class="mw-collapsible-content" style="position: fixed; top: 0; left: 0; width: 100vw; padding: 1em; box-sizing: border-box; background: #fff; z-index: 100;"> | |||
<div style="display: flex; flex-wrap: wrap; gap: 1em; justify-content: flex-start;"> | |||
<!-- Image Block Start --> | |||
<div style="flex: 0 0 calc(20% - 1em);"> | |||
<br> | |||
[[File:Test image1.jpg|thumb|20%|link=Smoky Quartz]] | |||
<div style="margin-top: 0.5em;">[[Smoky Quartz]]</div> | |||
</div> | |||
<div style="flex: 0 0 calc(20% - 1em);"> | |||
<br> | |||
[[File:Test image1.jpg|thumb|20%|link=Smoky Quartz]] | |||
<div style="margin-top: 0.5em;">[[Smoky Quartz]]</div> | |||
</div> | |||
<div style="flex: 0 0 calc(20% - 1em);"> | |||
<br> | |||
[[File:Test image1.jpg|thumb|20%|link=Smoky Quartz]] | |||
<div style="margin-top: 0.5em;">[[Smoky Quartz]]</div> | |||
</div> | |||
<div style="flex: 0 0 calc(20% - 1em);"> | |||
<br> | |||
[[File:Test image1.jpg|thumb|20%|link=Smoky Quartz]] | |||
<div style="margin-top: 0.5em;">[[Smoky Quartz]]</div> | |||
</div> | |||
<div style="flex: 0 0 calc(20% - 1em);"> | |||
<br> | |||
[[File:Test image1.jpg|thumb|20%|link=Smoky Quartz]] | |||
<div style="margin-top: 0.5em;">[[Smoky Quartz]]</div> | |||
</div> | |||
</div> | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
<!-- Collapsible Element 2 --> | |||
<div style="flex: 0 0 calc(33.33% - 1em); position: relative;"> | |||
<div class="mw-collapsible mw-collapsed"> | |||
<div class="mw-collapsible-toggle" style="float: none;"> | |||
<span class="down"> | |||
'''Gestein''' | |||
<br> | <br> | ||
[[File:Test image1.jpg|thumb|20%|link=Smoky Quartz]] | [[File:Test image1.jpg|thumb|20%|link=Smoky Quartz]] | ||
<div style="margin-top: 0.5em;">[[Smoky Quartz]]</div> | </span> | ||
</div> | |||
<div class="mw-collapsible-content" style="position: fixed; top: 0; left: 0; width: 100vw; padding: 1em; box-sizing: border-box; background: #fff; z-index: 100;"> | |||
<div style="display: flex; flex-wrap: wrap; gap: 1em; justify-content: flex-start;"> | |||
<!-- Image Block Start --> | |||
<div style="flex: 0 0 calc(20% - 1em);"> | |||
<br> | |||
[[File:Test image1.jpg|thumb|20%|link=Smoky Quartz]] | |||
<div style="margin-top: 0.5em;">[[Smoky Quartz]]</div> | |||
</div> | |||
<div style="flex: 0 0 calc(20% - 1em);"> | |||
<br> | |||
[[File:Test image1.jpg|thumb|20%|link=Smoky Quartz]] | |||
<div style="margin-top: 0.5em;">[[Smoky Quartz]]</div> | |||
</div> | |||
<div style="flex: 0 0 calc(20% - 1em);"> | |||
<br> | |||
[[File:Test image1.jpg|thumb|20%|link=Smoky Quartz]] | |||
<div style="margin-top: 0.5em;">[[Smoky Quartz]]</div> | |||
</div> | |||
<div style="flex: 0 0 calc(20% - 1em);"> | |||
<br> | |||
[[File:Test image1.jpg|thumb|20%|link=Smoky Quartz]] | |||
<div style="margin-top: 0.5em;">[[Smoky Quartz]]</div> | |||
</div> | |||
<div style="flex: 0 0 calc(20% - 1em);"> | |||
<br> | |||
[[File:Test image1.jpg|thumb|20%|link=Smoky Quartz]] | |||
<div style="margin-top: 0.5em;">[[Smoky Quartz]]</div> | |||
</div> | |||
</div> | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
<!-- Collapsible Element 3 --> | |||
<div style="flex: 0 0 calc(33.33% - 1em); position: relative;"> | |||
<div class="mw-collapsible mw-collapsed"> | |||
<div class="mw-collapsible-toggle" style="float: none;"> | |||
<span class="down"> | |||
'''Gestein''' | |||
<br> | <br> | ||
[[File:Test image1.jpg|thumb|20%|link=Smoky Quartz]] | [[File:Test image1.jpg|thumb|20%|link=Smoky Quartz]] | ||
<div style="margin-top: 0.5em;">[[Smoky Quartz]]</div> | </span> | ||
</div> | |||
<div class="mw-collapsible-content" style="position: fixed; top: 0; left: 0; width: 100vw; padding: 1em; box-sizing: border-box; background: #fff; z-index: 100;"> | |||
<div style="display: flex; flex-wrap: wrap; gap: 1em; justify-content: flex-start;"> | |||
<!-- Image Block Start --> | |||
<div style="flex: 0 0 calc(20% - 1em);"> | |||
<br> | |||
[[File:Test image1.jpg|thumb|20%|link=Smoky Quartz]] | |||
<div style="margin-top: 0.5em;">[[Smoky Quartz]]</div> | |||
</div> | |||
<div style="flex: 0 0 calc(20% - 1em);"> | |||
<br> | |||
[[File:Test image1.jpg|thumb|20%|link=Smoky Quartz]] | |||
<div style="margin-top: 0.5em;">[[Smoky Quartz]]</div> | |||
</div> | |||
<div style="flex: 0 0 calc(20% - 1em);"> | |||
<br> | |||
[[File:Test image1.jpg|thumb|20%|link=Smoky Quartz]] | |||
<div style="margin-top: 0.5em;">[[Smoky Quartz]]</div> | |||
</div> | |||
<div style="flex: 0 0 calc(20% - 1em);"> | |||
<br> | |||
[[File:Test image1.jpg|thumb|20%|link=Smoky Quartz]] | |||
<div style="margin-top: 0.5em;">[[Smoky Quartz]]</div> | |||
</div> | |||
<div style="flex: 0 0 calc(20% - 1em);"> | |||
<br> | |||
[[File:Test image1.jpg|thumb|20%|link=Smoky Quartz]] | |||
<div style="margin-top: 0.5em;">[[Smoky Quartz]]</div> | |||
</div> | |||
</div> | </div> | ||
</div> | </div> | ||
