Aktionen

Test3: Unterschied zwischen den Versionen

Aus exmediawiki

Theo (Diskussion | Beiträge)
Keine Bearbeitungszusammenfassung
Theo (Diskussion | Beiträge)
Keine Bearbeitungszusammenfassung
Zeile 1: Zeile 1:
__NOTOC__
<h2 style="border-bottom: 2px solid black; padding-bottom: 0em;">
  Natural materials
</h2>
<div style="display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; margin-bottom: 300px;">
<div style="display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; margin-bottom: 300px;">


<!-- First collapsible item -->
<!-- First collapsible item -->
<div class="mw-collapsible mw-collapsed" style="flex: 0 0 calc(25% - 1em); position: relative;">
<div class="mw-collapsible mw-collapsed" style="flex: 0 0 calc(25% - 1em); position: relative;">
   <div class="mw-collapsible-toggle" style="text-align: center; width: 100%; padding: 0;">
   <div class="mw-collapsible-toggle">
       <span class="down">
       <span class="down">
<br>
<br>
Zeile 37: Zeile 42:
</div>
</div>


<!-- Second collapsible item -->
<!-- First collapsible item -->
<div class="mw-collapsible mw-collapsed" style="flex: 0 0 calc(25% - 1em); margin-bottom: 1em; position: relative;">
<div class="mw-collapsible mw-collapsed" style="flex: 0 0 calc(25% - 1em); position: relative;">
   <div class="mw-collapsible-toggle" style="float: none; text-align: center;">
   <div class="mw-collapsible-toggle">
       <span class="down">
       <span class="down">
        '''Mineralien'''<br>
<br>
        [[File:Test image1.jpg|150px|link=Smoky Quartz]]  
<h2 style="border-bottom: padding-bottom: 0.2em; font-size: 2em; text-align: left;">
  Holz
</h2>
[[File:Test image1.jpg|200px|link=Smoky Quartz]]  
       </span>
       </span>
   </div>
   </div>
<div class="mw-collapsible-content" style="position: static; display: block; width: 100%; margin: 0; padding: 0;">
  <div class="mw-collapsible-content" style="width: 100%; margin: 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: center;">
      <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(100%); text-align: center; margin-bottom: 0.5em;">
        <div style="flex: 0 0 calc(20% - 1em);">
        [[File:Test image1.jpg|200px|link=Smoky Quartz]]
            [[File:Test image1.jpg|150px|link=Smoky Quartz]]
        <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
            <div style="margin-top: 0.5em;">[[Amethyst]]</div>
      </div>
        </div>
      <div style="flex: 0 0 calc(100% - 1em); text-align: center; margin-bottom: 0.5em;">
        <div style="flex: 0 0 calc(20% - 1em);">
        [[File:Test image1.jpg|200px|link=Smoky Quartz]]
            [[File:Test image1.jpg|150px|link=Smoky Quartz]]
        <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
            <div style="margin-top: 0.5em;">[[Amethyst]]</div>
      </div>
        </div>
      <div style="flex: 0 0 calc(100% - 1em); text-align: center; margin-bottom: 0.5em;">
        <div style="flex: 0 0 calc(20% - 1em);">
        [[File:Test image1.jpg|200px|link=Smoky Quartz]]
            [[File:Test image1.jpg|150px|link=Smoky Quartz]]
        <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
            <div style="margin-top: 0.5em;">[[Amethyst]]</div>
      </div>
        </div>
      <div style="flex: 0 0 calc(100% - 1em); text-align: center; margin-bottom: 0.5em;">
        <div style="flex: 0 0 calc(20% - 1em);">
        [[File:Test image1.jpg|200px|link=Smoky Quartz]]
            [[File:Test image1.jpg|150px|link=Smoky Quartz]]
        <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
            <div style="margin-top: 0.5em;">[[Amethyst]]</div>
      </div>
        </div>
      <div style="flex: 0 0 calc(100% - 1em); text-align: center; margin-bottom: 0.5em;">
        <div style="flex: 0 0 calc(20% - 1em);">
        [[File:Test image1.jpg|200px|link=Smoky Quartz]]
            [[File:Test image1.jpg|150px|link=Smoky Quartz]]
        <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
            <div style="margin-top: 0.5em;">[[Amethyst]]</div>
        </div>
       </div>
       </div>
   </div>
   </div>
</div>
</div>


<!-- Third collapsible item -->
<!-- First collapsible item -->
<div class="mw-collapsible mw-collapsed" style="flex: 0 0 calc(25% - 1em); margin-bottom: 1em; position: relative;">
<div class="mw-collapsible mw-collapsed" style="flex: 0 0 calc(25% - 1em); position: relative;">
   <div class="mw-collapsible-toggle" style="float: none; text-align: center;">
   <div class="mw-collapsible-toggle">
       <span class="down">
       <span class="down">
        '''Fossilien'''<br>
<br>
        [[File:Test image1.jpg|150px|link=Smoky Quartz]]  
<h2 style="border-bottom: padding-bottom: 0.2em; font-size: 2em; text-align: left;">
  Tierische Werkstoffe
</h2>
[[File:Test image1.jpg|200px|link=Smoky Quartz]]  
       </span>
       </span>
   </div>
   </div>
<div class="mw-collapsible-content" style="position: static; display: block; width: 100%; margin: 0; padding: 0;">
  <div class="mw-collapsible-content" style="width: 100%; margin: 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: center;">
      <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(100%); text-align: center; margin-bottom: 0.5em;">
         <div style="flex: 0 0 calc(20% - 1em);">
        [[File:Test image1.jpg|200px|link=Smoky Quartz]]
            [[File:Test image1.jpg|150px|link=Smoky Quartz]]
         <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
            <div style="margin-top: 0.5em;">[[Fossil]]</div>
      </div>
         </div>
      <div style="flex: 0 0 calc(100% - 1em); text-align: center; margin-bottom: 0.5em;">
        <div style="flex: 0 0 calc(20% - 1em);">
        [[File:Test image1.jpg|200px|link=Smoky Quartz]]
            [[File:Test image1.jpg|150px|link=Smoky Quartz]]
        <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
            <div style="margin-top: 0.5em;">[[Fossil]]</div>
      </div>
         </div>
      <div style="flex: 0 0 calc(100% - 1em); text-align: center; margin-bottom: 0.5em;">
        [[File:Test image1.jpg|200px|link=Smoky Quartz]]
         <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
      </div>
      <div style="flex: 0 0 calc(100% - 1em); text-align: center; margin-bottom: 0.5em;">
        [[File:Test image1.jpg|200px|link=Smoky Quartz]]
        <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
      </div>
      <div style="flex: 0 0 calc(100% - 1em); text-align: center; margin-bottom: 0.5em;">
        [[File:Test image1.jpg|200px|link=Smoky Quartz]]
         <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
       </div>
       </div>
   </div>
   </div>
</div>
</div>


<!-- Fourth collapsible item -->
<!-- First collapsible item -->
<div class="mw-collapsible mw-collapsed" style="flex: 0 0 calc(25% - 1em); margin-bottom: 1em; position: relative;">
<div class="mw-collapsible mw-collapsed" style="flex: 0 0 calc(25% - 1em); position: relative;">
   <div class="mw-collapsible-toggle" style="float: none; text-align: center;">
   <div class="mw-collapsible-toggle">
       <span class="down">
       <span class="down">
        '''Edelsteine'''<br>
<br>
        [[File:Test image1.jpg|150px|link=Smoky Quartz]]  
<h2 style="border-bottom: padding-bottom: 0.2em; font-size: 2em; text-align: left;">
  Gestein
</h2>
[[File:Test image1.jpg|200px|link=Smoky Quartz]]  
       </span>
       </span>
   </div>
   </div>
<div class="mw-collapsible-content" style="position: static; display: block; width: 100%; margin: 0; padding: 0;">
  <div class="mw-collapsible-content" style="width: 100%; margin: 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: center;">
      <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(100%); text-align: center; margin-bottom: 0.5em;">
         <div style="flex: 0 0 calc(20% - 1em);">
        [[File:Test image1.jpg|200px|link=Smoky Quartz]]
            [[File:Test image1.jpg|150px|link=Smoky Quartz]]
         <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
            <div style="margin-top: 0.5em;">[[Diamond]]</div>
      </div>
         </div>
      <div style="flex: 0 0 calc(100% - 1em); text-align: center; margin-bottom: 0.5em;">
        <div style="flex: 0 0 calc(20% - 1em);">
        [[File:Test image1.jpg|200px|link=Smoky Quartz]]
            [[File:Test image1.jpg|150px|link=Smoky Quartz]]
        <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
            <div style="margin-top: 0.5em;">[[Diamond]]</div>
      </div>
         </div>
      <div style="flex: 0 0 calc(100% - 1em); text-align: center; margin-bottom: 0.5em;">
        [[File:Test image1.jpg|200px|link=Smoky Quartz]]
         <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
      </div>
      <div style="flex: 0 0 calc(100% - 1em); text-align: center; margin-bottom: 0.5em;">
        [[File:Test image1.jpg|200px|link=Smoky Quartz]]
        <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
      </div>
      <div style="flex: 0 0 calc(100% - 1em); text-align: center; margin-bottom: 0.5em;">
        [[File:Test image1.jpg|200px|link=Smoky Quartz]]
         <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
       </div>
       </div>
   </div>
   </div>
Zeile 122: Zeile 154:
<!-- Content that follows the collapsible section -->
<!-- Content that follows the collapsible section -->
<div style="width: 100%;">
<div style="width: 100%;">
Content after the collapsible sections will appear here.
</div>
</div>

Version vom 20. Mai 2025, 13:19 Uhr