Aktionen

Test4: Unterschied zwischen den Versionen

Aus exmediawiki

← Zum vorherigen VersionsunterschiedZum nächsten Versionsunterschied →
Theo (Diskussion | Beiträge)
515 Bearbeitungen
Keine Bearbeitungszusammenfassung
Theo (Diskussion | Beiträge)
515 Bearbeitungen
Keine Bearbeitungszusammenfassung
Zeile 1: Zeile 1:
__NOTOC__
__NOTOC__


<h2 style="border-bottom: 2px solid black; padding-bottom: 0em;">
<h2 style="border-bottom: 2px solid black; padding-bottom: 0em;">Materials</h2>
  Materials
</h2>
<br>
<br>
<h3>Natural materials</h3>
<h3>Natural materials</h3>


<div style="display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; margin-bottom: 50px;">
<div style="display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; margin-bottom: 50px;">


   <!-- First collapsible item (Holz) -->
   <!-- Holz -->
   <div class="mw-collapsible mw-collapsed" style="flex: 0 0 calc(25% - 0.1em); position: relative; box-sizing: border-box;">
   <div class="mw-collapsible mw-collapsed" style="display: flex; align-items: flex-start; flex-shrink: 0; box-sizing: border-box;">
     <div class="mw-collapsible-toggle" style="width: 100%; box-sizing: border-box;">
    <!-- Toggle button -->
       <div style="background-color: black; border-radius: 9999px; padding: 0.5em; width: 100%; text-align: center; margin-bottom: 1em; box-sizing: border-box;">
     <div class="mw-collapsible-toggle" style="flex: 0 0 auto; cursor: pointer;">
         <h3 style="color: white; margin: 0;">Holz</h3>
       <div style="background-color: black; border-radius: 9999px; padding: 0.5em; min-width: 150px; text-align: center; margin-bottom: 1em; color: white;">
         <h3 style="margin: 0;">Holz</h3>
       </div>
       </div>
      <span class="down"></span>
     </div>
     </div>
     <div class="mw-collapsible-content" style="width: 100%; margin: 0; padding: 0.5em; display: flex; flex-wrap: wrap; justify-content: flex-start; gap: 0.5em;">
    <!-- Hidden content that expands horizontally -->
      <!-- Black boxes inside expandable content -->
     <div class="mw-collapsible-content" style="display: flex; gap: 0.5em; background-color: #111; border-radius: 27px; padding: 0.5em; margin-left: 1em; flex-wrap: wrap; box-sizing: border-box;">
       <div style="background-color: black; border-radius: 9999px; padding: 0.5em 1em; color: white; text-align: center;">
       <div style="background-color: black; border-radius: 9999px; padding: 0.5em 1em; color: white;"><h4 style="margin: 0;">Sub-Holz 1</h4></div>
        <h4 style="margin: 0;">Sub-Holz 1</h4>
       <div style="background-color: black; border-radius: 9999px; padding: 0.5em 1em; color: white;"><h4 style="margin: 0;">Sub-Holz 2</h4></div>
      </div>
       <div style="background-color: black; border-radius: 9999px; padding: 0.5em 1em; color: white;"><h4 style="margin: 0;">Sub-Holz 3</h4></div>
       <div style="background-color: black; border-radius: 9999px; padding: 0.5em 1em; color: white; text-align: center;">
        <h4 style="margin: 0;">Sub-Holz 2</h4>
      </div>
       <div style="background-color: black; border-radius: 9999px; padding: 0.5em 1em; color: white; text-align: center;">
        <h4 style="margin: 0;">Sub-Holz 3</h4>
      </div>
     </div>
     </div>
   </div>
   </div>


   <!-- Second collapsible item (Metalle) -->
   <!-- Metalle -->
   <div class="mw-collapsible mw-collapsed" style="flex: 0 0 calc(25% - 0.1em); position: relative; box-sizing: border-box;">
   <div class="mw-collapsible mw-collapsed" style="display: flex; align-items: flex-start; flex-shrink: 0; box-sizing: border-box;">
     <div class="mw-collapsible-toggle" style="width: 100%; box-sizing: border-box;">
     <div class="mw-collapsible-toggle" style="flex: 0 0 auto; cursor: pointer;">
       <div style="background-color: black; border-radius: 9999px; padding: 0.5em; width: 100%; text-align: center; margin-bottom: 1em; box-sizing: border-box;">
       <div style="background-color: black; border-radius: 9999px; padding: 0.5em; min-width: 150px; text-align: center; margin-bottom: 1em; color: white;">
         <h3 style="color: white; margin: 0;">Metalle</h3>
         <h3 style="margin: 0;">Metalle</h3>
       </div>
       </div>
      <span class="down"></span>
     </div>
     </div>
     <div class="mw-collapsible-content" style="width: 100%; margin: 0; padding: 0.5em; display: flex; flex-wrap: wrap; justify-content: flex-start; gap: 0.5em;">
     <div class="mw-collapsible-content" style="display: flex; gap: 0.5em; background-color: #111; border-radius: 27px; padding: 0.5em; margin-left: 1em; flex-wrap: wrap; box-sizing: border-box;">
       <div style="background-color: black; border-radius: 9999px; padding: 0.5em 1em; color: white; text-align: center;">
       <div style="background-color: black; border-radius: 9999px; padding: 0.5em 1em; color: white;"><h4 style="margin: 0;">Sub-Metall 1</h4></div>
        <h4 style="margin: 0;">Sub-Metall 1</h4>
       <div style="background-color: black; border-radius: 9999px; padding: 0.5em 1em; color: white;"><h4 style="margin: 0;">Sub-Metall 2</h4></div>
      </div>
       <div style="background-color: black; border-radius: 9999px; padding: 0.5em 1em; color: white;"><h4 style="margin: 0;">Sub-Metall 3</h4></div>
       <div style="background-color: black; border-radius: 9999px; padding: 0.5em 1em; color: white; text-align: center;">
        <h4 style="margin: 0;">Sub-Metall 2</h4>
      </div>
       <div style="background-color: black; border-radius: 9999px; padding: 0.5em 1em; color: white; text-align: center;">
        <h4 style="margin: 0;">Sub-Metall 3</h4>
      </div>
     </div>
     </div>
   </div>
   </div>


   <!-- Third collapsible item (Gestein) -->
   <!-- Gestein -->
   <div class="mw-collapsible mw-collapsed" style="flex: 0 0 calc(25% - 0.1em); position: relative; box-sizing: border-box;">
   <div class="mw-collapsible mw-collapsed" style="display: flex; align-items: flex-start; flex-shrink: 0; box-sizing: border-box;">
     <div class="mw-collapsible-toggle" style="width: 100%; box-sizing: border-box;">
     <div class="mw-collapsible-toggle" style="flex: 0 0 auto; cursor: pointer;">
       <div style="background-color: black; border-radius: 9999px; padding: 0.5em; width: 100%; text-align: center; margin-bottom: 1em; box-sizing: border-box;">
       <div style="background-color: black; border-radius: 9999px; padding: 0.5em; min-width: 150px; text-align: center; margin-bottom: 1em; color: white;">
         <h3 style="color: white; margin: 0;">Gestein</h3>
         <h3 style="margin: 0;">Gestein</h3>
       </div>
       </div>
      <span class="down"></span>
     </div>
     </div>
     <div class="mw-collapsible-content" style="width: 100%; margin: 0; padding: 0.5em; display: flex; flex-wrap: wrap; justify-content: flex-start; gap: 0.5em;">
     <div class="mw-collapsible-content" style="display: flex; gap: 0.5em; background-color: #111; border-radius: 27px; padding: 0.5em; margin-left: 1em; flex-wrap: wrap; box-sizing: border-box;">
       <div style="background-color: black; border-radius: 9999px; padding: 0.5em 1em; color: white; text-align: center;">
       <div style="background-color: black; border-radius: 9999px; padding: 0.5em 1em; color: white;"><h4 style="margin: 0;">Sub-Gestein 1</h4></div>
        <h4 style="margin: 0;">Sub-Gestein 1</h4>
       <div style="background-color: black; border-radius: 9999px; padding: 0.5em 1em; color: white;"><h4 style="margin: 0;">Sub-Gestein 2</h4></div>
      </div>
       <div style="background-color: black; border-radius: 9999px; padding: 0.5em 1em; color: white;"><h4 style="margin: 0;">Sub-Gestein 3</h4></div>
       <div style="background-color: black; border-radius: 9999px; padding: 0.5em 1em; color: white; text-align: center;">
        <h4 style="margin: 0;">Sub-Gestein 2</h4>
      </div>
       <div style="background-color: black; border-radius: 9999px; padding: 0.5em 1em; color: white; text-align: center;">
        <h4 style="margin: 0;">Sub-Gestein 3</h4>
      </div>
     </div>
     </div>
   </div>
   </div>


   <!-- Fourth collapsible item (Tierische Werkstoffe) -->
   <!-- Tierische Werkstoffe -->
   <div class="mw-collapsible mw-collapsed" style="flex: 0 0 calc(25% - 0.1em); position: relative; box-sizing: border-box;">
   <div class="mw-collapsible mw-collapsed" style="display: flex; align-items: flex-start; flex-shrink: 0; box-sizing: border-box;">
     <div class="mw-collapsible-toggle" style="width: 100%; box-sizing: border-box;">
     <div class="mw-collapsible-toggle" style="flex: 0 0 auto; cursor: pointer;">
       <div style="background-color: black; border-radius: 9999px; padding: 0.5em; width: 100%; text-align: center; margin-bottom: 1em; box-sizing: border-box;">
       <div style="background-color: black; border-radius: 9999px; padding: 0.5em; min-width: 150px; text-align: center; margin-bottom: 1em; color: white;">
         <h3 style="color: white; margin: 0;">Tierische Werkstoffe</h3>
         <h3 style="margin: 0;">Tierische Werkstoffe</h3>
       </div>
       </div>
      <span class="down"></span>
     </div>
     </div>
     <div class="mw-collapsible-content" style="width: 100%; margin: 0; padding: 0.5em; display: flex; flex-wrap: wrap; justify-content: flex-start; gap: 0.5em;">
     <div class="mw-collapsible-content" style="display: flex; gap: 0.5em; background-color: #111; border-radius: 27px; padding: 0.5em; margin-left: 1em; flex-wrap: wrap; box-sizing: border-box;">
       <div style="background-color: black; border-radius: 9999px; padding: 0.5em 1em; color: white; text-align: center;">
       <div style="background-color: black; border-radius: 9999px; padding: 0.5em 1em; color: white;"><h4 style="margin: 0;">Sub-Tierisch 1</h4></div>
        <h4 style="margin: 0;">Sub-Tierisch 1</h4>
       <div style="background-color: black; border-radius: 9999px; padding: 0.5em 1em; color: white;"><h4 style="margin: 0;">Sub-Tierisch 2</h4></div>
      </div>
       <div style="background-color: black; border-radius: 9999px; padding: 0.5em 1em; color: white;"><h4 style="margin: 0;">Sub-Tierisch 3</h4></div>
       <div style="background-color: black; border-radius: 9999px; padding: 0.5em 1em; color: white; text-align: center;">
        <h4 style="margin: 0;">Sub-Tierisch 2</h4>
      </div>
       <div style="background-color: black; border-radius: 9999px; padding: 0.5em 1em; color: white; text-align: center;">
        <h4 style="margin: 0;">Sub-Tierisch 3</h4>
      </div>
     </div>
     </div>
   </div>
   </div>


</div>
</div>

Version vom 20. Mai 2025, 23:31 Uhr


Materials


Natural materials

Holz

Sub-Holz 1

Sub-Holz 2

Sub-Holz 3

Metalle

Sub-Metall 1

Sub-Metall 2

Sub-Metall 3

Gestein

Sub-Gestein 1

Sub-Gestein 2

Sub-Gestein 3

Tierische Werkstoffe

Sub-Tierisch 1

Sub-Tierisch 2

Sub-Tierisch 3

Abgerufen von „https://exmediawiki.khm.de/index.php?title=Test4&oldid=10161“