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