Aktionen

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;">
 
  <span class="down">
<!-- 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|300x200px|link=Smoky Quartz]]  
      <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 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>


<div style="flex: 0 0 calc(20% - 1em);">
<!-- Second collapsible item -->
<br>
<div class="mw-collapsible mw-collapsed" style="flex: 0 0 calc(25% - 1em); margin-bottom: 1em;">
  [[File:Test image1.jpg|300x200px|link=Smoky Quartz]]
  <div class="mw-collapsible-toggle" style="float: none; text-align: center;">
  <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
      <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 -->
<br>
<div class="mw-collapsible mw-collapsed" style="flex: 0 0 calc(25% - 1em); margin-bottom: 1em;">
  [[File:Test image1.jpg|300x200px|link=Smoky Quartz]]
  <div class="mw-collapsible-toggle" style="float: none; text-align: center;">
  <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
      <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 -->
<br>
<div class="mw-collapsible mw-collapsed" style="flex: 0 0 calc(25% - 1em); margin-bottom: 1em;">
  [[File:Test image1.jpg|300x200px|link=Smoky Quartz]]
  <div class="mw-collapsible-toggle" style="float: none; text-align: center;">
  <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
      <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 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>
</div>
</div>
</div>

Version vom 19. Mai 2025, 16:44 Uhr