|
|
| Zeile 1: |
Zeile 1: |
| <div style="width: 100%; max-width: 100%; padding: 0; margin: 0; text-align: center;"> | | <div style="display: flex; flex-wrap: wrap; gap: 1em;"> |
| <!-- Collapsible Element 1 -->
| | |
| <div style="width: 100%; display: block;">
| | <!-- Tile 1 --> |
| <div class="mw-collapsible mw-collapsed">
| | <div style="flex: 0 0 calc(20% - 1em);"> |
| <div class="mw-collapsible-toggle" style="display: inline-block; width: 33.33%; vertical-align: top; text-align: left; padding: 0.5em; box-sizing: border-box;">
| | |
| <span class="down">
| | <div class="mw-collapsible mw-collapsed"> |
| '''Gestein'''
| | <div class="mw-collapsible-toggle" style="float: none;"> |
| <br>
| | <span class="down">[[File:Test image1.jpg|300x200px|center]] Gestein</span> |
| [[File:Test image1.jpg|thumb|20%|link=Smoky Quartz]]
| | </div> |
| </span>
| | <div class="mw-collapsible-content"> |
| </div>
| | <div class="mw-collapsible-content" style="margin-top: 1em; display: flex; gap: 1em; justify-content: flex-start; flex-wrap: nowrap; overflow-x: auto;"> |
| <div class="mw-collapsible-content" style="width: 100vw; margin-left: calc(-50vw + 50%); 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 auto; text-align: center;"> |
| <!-- Image Block Start -->
| | [[File:Test image1.jpg|300x200px|link=Smoky Quartz]] |
| <div style="flex: 0 0 calc(20% - 1em);">
| | <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div> |
| <br>
| | </div> |
| [[File:Test image1.jpg|thumb|20%|link=Smoky Quartz]]
| | |
| <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
| | <div style="flex: 0 0 auto; text-align: center;"> |
| </div>
| | [[File:Test image1.jpg|300x200px|link=Smoky Quartz]] |
| <div style="flex: 0 0 calc(20% - 1em);">
| | <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div> |
| <br>
| | </div> |
| [[File:Test image1.jpg|thumb|20%|link=Smoky Quartz]]
| | |
| <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
| | <div style="flex: 0 0 auto; text-align: center;"> |
| </div>
| | [[File:Test image1.jpg|300x200px|link=Smoky Quartz]] |
| <div style="flex: 0 0 calc(20% - 1em);">
| | <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div> |
| <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>
| | |
| <!-- Collapsible Element 2 -->
| | <div style="flex: 0 0 auto; text-align: center;"> |
| <div style="width: 100%; display: block;">
| | [[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="display: inline-block; width: 33.33%; vertical-align: top; text-align: left; padding: 0.5em; box-sizing: border-box;">
| |
| <span class="down">
| |
| '''Gestein'''
| |
| <br>
| |
| [[File:Test image1.jpg|thumb|20%|link=Smoky Quartz]]
| |
| </span>
| |
| </div>
| |
| <div class="mw-collapsible-content" style="width: 100vw; margin-left: calc(-50vw + 50%); 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>
| | |
| <!-- Collapsible Element 3 -->
| | <div style="flex: 0 0 auto; text-align: center;"> |
| <div style="width: 100%; display: block;">
| | [[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="display: inline-block; width: 33.33%; vertical-align: top; text-align: left; padding: 0.5em; box-sizing: border-box;">
| |
| <span class="down">
| |
| '''Gestein'''
| |
| <br>
| |
| [[File:Test image1.jpg|thumb|20%|link=Smoky Quartz]]
| |
| </span>
| |
| </div>
| |
| <div class="mw-collapsible-content" style="width: 100vw; margin-left: calc(-50vw + 50%); 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> |
| | |
| | </div> |
| </div> | | </div> |