Test3: Unterschied zwischen den Versionen
Aus exmediawiki
Theo (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung |
Theo (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung |
||
| Zeile 2: | Zeile 2: | ||
<div class="row"> | <div class="row"> | ||
<!-- Collapsible Element 1 --> | <!-- Collapsible Element 1 --> | ||
<div class="large-4 columns"> | <div class="large-4 columns" style="position: relative;"> | ||
<div class="mw-collapsible mw-collapsed"> | <div class="mw-collapsible mw-collapsed"> | ||
<div class="mw-collapsible-toggle" style="float: none;"> | <div class="mw-collapsible-toggle" style="float: none;"> | ||
| Zeile 8: | Zeile 8: | ||
'''Gestein''' | '''Gestein''' | ||
<br> | <br> | ||
[[File:Test image1.jpg|thumb| | [[File:Test image1.jpg|thumb|20%|link=Smoky Quartz]] | ||
</span> | </span> | ||
</div> | </div> | ||
<div class="mw-collapsible-content" style="width: 100vw;"> | <div class="mw-collapsible-content" style="position: absolute; left: 0; width: 100vw; padding: 1em; box-sizing: border-box; background: #fff; z-index: 10;"> | ||
<div style="display: flex; flex-wrap: wrap; gap: 1em; justify-content: flex-start; | <div style="display: flex; flex-wrap: wrap; gap: 1em; justify-content: flex-start;"> | ||
<!-- Image Block Start --> | <!-- Image Block Start --> | ||
<div style="flex: 0 0 calc(20% - 1em);"> | <div style="flex: 0 0 calc(20% - 1em);"> | ||
| Zeile 44: | Zeile 44: | ||
</div> | </div> | ||
<!-- Collapsible Element 2 --> | <!-- Collapsible Element 2 --> | ||
<div class="large-4 columns"> | <div class="large-4 columns" style="position: relative;"> | ||
<div class="mw-collapsible mw-collapsed"> | <div class="mw-collapsible mw-collapsed"> | ||
<div class="mw-collapsible-toggle" style="float: none;"> | <div class="mw-collapsible-toggle" style="float: none;"> | ||
| Zeile 50: | Zeile 50: | ||
'''Gestein''' | '''Gestein''' | ||
<br> | <br> | ||
[[File:Test image1.jpg|thumb| | [[File:Test image1.jpg|thumb|20%|link=Smoky Quartz]] | ||
</span> | </span> | ||
</div> | </div> | ||
<div class="mw-collapsible-content" style="width: 100vw;"> | <div class="mw-collapsible-content" style="position: absolute; left: 0; width: 100vw; padding: 1em; box-sizing: border-box; background: #fff; z-index: 10;"> | ||
<div style="display: flex; flex-wrap: wrap; gap: 1em; justify-content: flex-start; | <div style="display: flex; flex-wrap: wrap; gap: 1em; justify-content: flex-start;"> | ||
<!-- Image Block Start --> | <!-- Image Block Start --> | ||
<div style="flex: 0 0 calc(20% - 1em);"> | <div style="flex: 0 0 calc(20% - 1em);"> | ||
| Zeile 86: | Zeile 86: | ||
</div> | </div> | ||
<!-- Collapsible Element 3 --> | <!-- Collapsible Element 3 --> | ||
<div class="large-4 columns"> | <div class="large-4 columns" style="position: relative;"> | ||
<div class="mw-collapsible mw-collapsed"> | <div class="mw-collapsible mw-collapsed"> | ||
<div class="mw-collapsible-toggle" style="float: none;"> | <div class="mw-collapsible-toggle" style="float: none;"> | ||
| Zeile 92: | Zeile 92: | ||
'''Gestein''' | '''Gestein''' | ||
<br> | <br> | ||
[[File:Test image1.jpg|thumb| | [[File:Test image1.jpg|thumb|20%|link=Smoky Quartz]] | ||
</span> | </span> | ||
</div> | </div> | ||
<div class="mw-collapsible-content" style="width: 100vw;"> | <div class="mw-collapsible-content" style="position: absolute; left: 0; width: 100vw; padding: 1em; box-sizing: border-box; background: #fff; z-index: 10;"> | ||
<div style="display: flex; flex-wrap: wrap; gap: 1em; justify-content: flex-start; | <div style="display: flex; flex-wrap: wrap; gap: 1em; justify-content: flex-start;"> | ||
<!-- Image Block Start --> | <!-- Image Block Start --> | ||
<div style="flex: 0 0 calc(20% - 1em);"> | <div style="flex: 0 0 calc(20% - 1em);"> | ||
