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:
<div style="display: flex; flex-wrap: wrap; width: 100%; gap: 1em;">
__NOTOC__


<!-- Holz -->
<h2 style="border-bottom: 2px solid black; padding-bottom: 0em;">
<div style="flex: 0 0 calc(25% - 0.1em);">
  Materials
  <div onclick="this.nextElementSibling.style.display = this.nextElementSibling.style.display === 'none' ? 'flex' : 'none';"  
</h2>
      style="background-color: black; border-radius: 9999px; padding: 0.5em; text-align: center; cursor: pointer;">
<br>
    <h3 style="color: white; margin: 0;">Holz</h3>
 
  </div>
<h3>Natural materials</h3>
  <div style="display: none; flex-wrap: wrap; gap: 1em; margin-top: 1em;">
 
    <div style="max-width: 300px;">
<div style="display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; margin-bottom: 50px;">
       [[File:Test image1.jpg|300px|left|link=Smoky Quartz|style=max-width:100%;]]
 
       <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
<!-- First collapsible item (Holz) -->
    </div>
<div class="mw-collapsible mw-collapsed" style="flex: 0 0 calc(25% - 0.1em); position: relative; box-sizing: border-box;">
    <!-- Repeat -->
  <div class="mw-collapsible-toggle" style="width: 100%; box-sizing: border-box;">
  </div>
      <div style="background-color: black; border-radius: 9999px; padding: 0.5em; width: 100%; text-align: center; margin-bottom: 1em; box-sizing: border-box;">
        <h3 style="color: white; margin: 0;">Holz</h3>
      </div>
      <span class="down"></span>
  </div>
  <div class="mw-collapsible-content" style="width: 100%; margin: 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: flex-start;">
      <div style="width: 100%; height: 15px;"></div>
      <!-- Image Block Start -->
      <div>
        <h6 style="border-bottom: none; padding-bottom: 1em; font-size: 1.1em;">[[Smoky Quartz]]</h6>
        [[File:Test image1.jpg|300px|left|link=Smoky Quartz|style=max-width:100%;]]
      </div>
      <div>
        <h6 style="border-bottom: none; padding-bottom: 1em; font-size: 1.1em;">[[Smoky Quartz]]</h6>
        [[File:Test image1.jpg|300px|left|link=Smoky Quartz|style=max-width:100%;]]
      </div>
      <div>
        <h6 style="border-bottom: none; padding-bottom: 1em; font-size: 1.1em;">[[Smoky Quartz]]</h6>
        [[File:Test image1.jpg|300px|left|link=Smoky Quartz|style=max-width:100%;]]
      </div>
      <div>
        <h6 style="border-bottom: none; padding-bottom: 1em; font-size: 1.1em;">[[Smoky Quartz]]</h6>
        [[File:Test image1.jpg|300px|left|link=Smoky Quartz|style=max-width:100%;]]
      </div>
      <div>
        <h6 style="border-bottom: none; padding-bottom: 1em; font-size: 1.1em;">[[Smoky Quartz]]</h6>
        [[File:Test image1.jpg|300px|left|link=Smoky Quartz|style=max-width:100%;]]
      </div>
  </div>
</div>
 
<!-- Second collapsible item (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-toggle" style="width: 100%; box-sizing: border-box;">
      <div style="background-color: black; border-radius: 9999px; padding: 0.5em; width: 100%; text-align: center; margin-bottom: 1em; box-sizing: border-box;">
        <h3 style="color: white; margin: 0;">Metalle</h3>
      </div>
      <span class="down"></span>
  </div>
  <div class="mw-collapsible-content" style="width: 100%; margin: 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: flex-start;">
      <div style="width: 100%; height: 15px;"></div>
      <!-- Image Block Start -->
      <div>
        [[File:Test image1.jpg|300px|left|link=Smoky Quartz|style=max-width:100%;]]
        <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
      </div>
      <div>
        [[File:Test image1.jpg|300px|left|link=Smoky Quartz|style=max-width:100%;]]
        <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
      </div>
      <div>
        [[File:Test image1.jpg|300px|left|link=Smoky Quartz|style=max-width:100%;]]
        <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
      </div>
      <div>
        [[File:Test image1.jpg|300px|left|link=Smoky Quartz|style=max-width:100%;]]
        <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
      </div>
      <div>
        [[File:Test image1.jpg|300px|left|link=Smoky Quartz|style=max-width:100%;]]
        <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
      </div>
  </div>
</div>
 
<!-- Third collapsible item (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-toggle" style="width: 100%; box-sizing: border-box;">
      <div style="background-color: black; border-radius: 9999px; padding: 0.5em; width: 100%; text-align: center; margin-bottom: 1em; box-sizing: border-box;">
        <h3 style="color: white; margin: 0;">Gestein</h3>
      </div>
      <span class="down"></span>
  </div>
  <div class="mw-collapsible-content" style="width: 100%; margin: 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: flex-start;">
      <div style="width: 100%; height: 15px;"></div>
      <!-- Image Block Start -->
      <div>
        [[File:Test image1.jpg|300px|left|link=Smoky Quartz|style=max-width:100%;]]
        <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
      </div>
      <div>
        [[File:Test image1.jpg|300px|left|link=Smoky Quartz|style=max-width:100%;]]
        <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
      </div>
      <div>
        [[File:Test image1.jpg|300px|left|link=Smoky Quartz|style=max-width:100%;]]
        <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
      </div>
       <div>
        [[File:Test image1.jpg|300px|left|link=Smoky Quartz|style=max-width:100%;]]
        <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
       </div>
      <div>
        [[File:Test image1.jpg|300px|left|link=Smoky Quartz|style=max-width:100%;]]
        <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
      </div>
  </div>
</div>
 
<!-- Fourth collapsible item (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-toggle" style="width: 100%; box-sizing: border-box;">
      <div style="background-color: black; border-radius: 9999px; padding: 0.5em; width: 100%; text-align: center; margin-bottom: 1em; box-sizing: border-box;">
        <h3 style="color: white; margin: 0;">Tierische Werkstoffe</h3>
      </div>
      <span class="down"></span>
  </div>
  <div class="mw-collapsible-content" style="width: 100%; margin: 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: flex-start;">
      <div style="width: 100%; height: 15px;"></div>
      <!-- Image Block Start -->
      <div>
        [[File:Test image1.jpg|300px|left|link=Smoky Quartz|style=max-width:100%;]]
        <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
      </div>
      <div>
        [[File:Test image1.jpg|300px|left|link=Smoky Quartz|style=max-width:100%;]]
        <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
      </div>
      <div>
        [[File:Test image1.jpg|300px|left|link=Smoky Quartz|style=max-width:100%;]]
        <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
      </div>
      <div>
        [[File:Test image1.jpg|300px|left|link=Smoky Quartz|style=max-width:100%;]]
        <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
      </div>
      <div>
        [[File:Test image1.jpg|300px|left|link=Smoky Quartz|style=max-width:100%;]]
        <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
      </div>
  </div>
</div>
</div>


<!-- Metalle -->
<div style="flex: 0 0 calc(25% - 0.1em);">
  <div onclick="this.nextElementSibling.style.display = this.nextElementSibling.style.display === 'none' ? 'flex' : 'none';"
      style="background-color: black; border-radius: 9999px; padding: 0.5em; text-align: center; cursor: pointer;">
    <h3 style="color: white; margin: 0;">Metalle</h3>
  </div>
  <div style="display: none; flex-wrap: wrap; gap: 1em; margin-top: 1em;">
    <div style="max-width: 300px;">
      [[File:Test image1.jpg|300px|left|link=Smoky Quartz|style=max-width:100%;]]
      <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
    </div>
  </div>
</div>
</div>


<!-- Repeat same structure for Gestein, Tierische Werkstoffe... -->
<h2 style="border-bottom: 2px solid black; padding-bottom: 0em;">
  Materials
</h2>
<br>
<h3>Natural materials</h3>
<div style="display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; margin-bottom: 50px;">
<!-- First collapsible item -->
<div class="mw-collapsible mw-collapsed" style="flex: 0 0 calc(25% - 0.1em); position: relative;">
  <div class="mw-collapsible-toggle">
      <span class="down">
 
<h5 style="border-bottom: padding-bottom: 1em; font-size: 1.5em;">
  Holz
</h5>
[[File:Test image1.jpg|300px|left|link=Smoky Quartz]]
      </span>
  </div>
  <div class="mw-collapsible-content" style="width: 100%; margin: 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: flex-start;">
      <div style="width: 100%; height: 15px;"></div>
     
 
<!-- Image Block Start -->
 
<div>
  [[File:Test image1.jpg|300px|left|link=Smoky Quartz|style=max-width:100%;]]
  <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
</div>
<div>
  [[File:Test image1.jpg|300px|left|link=Smoky Quartz|style=max-width:100%;]]
  <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
</div>
<div>
  [[File:Test image1.jpg|300px|left|link=Smoky Quartz|style=max-width:100%;]]
  <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
</div>
<div>
  [[File:Test image1.jpg|300px|left|link=Smoky Quartz|style=max-width:100%;]]
  <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
</div>
<div>
  [[File:Test image1.jpg|300px|left|link=Smoky Quartz|style=max-width:100%;]]
  <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
</div>
  </div>
</div>
<!-- First collapsible item -->
<div class="mw-collapsible mw-collapsed" style="flex: 0 0 calc(25% - 1em); position: relative;">
  <div class="mw-collapsible-toggle">
      <span class="down">
<h5 style="border-bottom: padding-bottom: 0.2em; font-size: 1.5em; text-align: left;">
  Holz
</h5>
[[File:Test image1.jpg|200px|link=Smoky Quartz]]
      </span>
  </div>
  <div class="mw-collapsible-content" style="width: 100%; margin: 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: flex-start;">
 
      <!-- Image Block Start -->
 
<div>
  [[File:Test image1.jpg|300px|left|link=Smoky Quartz|style=max-width:100%;]]
  <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
</div>
<div>
  [[File:Test image1.jpg|300px|left|link=Smoky Quartz|style=max-width:100%;]]
  <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
</div>
<div>
  [[File:Test image1.jpg|300px|left|link=Smoky Quartz|style=max-width:100%;]]
  <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
</div>
<div>
  [[File:Test image1.jpg|300px|left|link=Smoky Quartz|style=max-width:100%;]]
  <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
</div>
<div>
  [[File:Test image1.jpg|300px|left|link=Smoky Quartz|style=max-width:100%;]]
  <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
</div>
  </div>
</div>
 
<!-- First collapsible item -->
 
<div class="mw-collapsible mw-collapsed" style="flex: 0 0 calc(25% - 1em); position: relative;">
  <div class="mw-collapsible-toggle">
      <span class="down">
<h5 style="border-bottom: padding-bottom: 0.2em; font-size: 1.5em; text-align: left;">
  Holz
</h5>
[[File:Test image1.jpg|200px|link=Smoky Quartz]]
      </span>
  </div>
  <div class="mw-collapsible-content" style="width: 100%; margin: 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: flex-start;">
      <!-- Image Block Start -->
<div>
  [[File:Test image1.jpg|300px|left|link=Smoky Quartz|style=max-width:100%;]]
  <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
</div>
<div>
  [[File:Test image1.jpg|300px|left|link=Smoky Quartz|style=max-width:100%;]]
  <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
</div>
<div>
  [[File:Test image1.jpg|300px|left|link=Smoky Quartz|style=max-width:100%;]]
  <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
</div>
<div>
  [[File:Test image1.jpg|300px|left|link=Smoky Quartz|style=max-width:100%;]]
  <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
</div>
<div>
  [[File:Test image1.jpg|300px|left|link=Smoky Quartz|style=max-width:100%;]]
  <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
</div>
  </div>
</div>
 
<!-- First collapsible item -->
<div class="mw-collapsible mw-collapsed" style="flex: 0 0 calc(25% - 1em); position: relative;">
  <div class="mw-collapsible-toggle">
      <span class="down">
<h5 style="border-bottom: padding-bottom: 0.2em; font-size: 1.5em; text-align: left;">
  Werkstoffe
</h5>
[[File:Test image1.jpg|200px|link=Smoky Quartz]]
      </span>
  </div>
  <div class="mw-collapsible-content" style="width: 100%; margin: 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: flex-start;">
     
<!-- Image Block Start -->
 
<div>
  [[File:Test image1.jpg|300px|left|link=Smoky Quartz|style=max-width:100%;]]
  <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
</div>
<div>
  [[File:Test image1.jpg|300px|left|link=Smoky Quartz|style=max-width:100%;]]
  <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
</div>
<div>
  [[File:Test image1.jpg|300px|left|link=Smoky Quartz|style=max-width:100%;]]
  <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
</div>
<div>
  [[File:Test image1.jpg|300px|left|link=Smoky Quartz|style=max-width:100%;]]
  <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
</div>
<div>
  [[File:Test image1.jpg|300px|left|link=Smoky Quartz|style=max-width:100%;]]
  <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
</div>
  </div>
</div>
 
 
</div>


<!-- Content that follows the collapsible section -->
<div style="width: 100%;">
</div>
</div>

Version vom 20. Mai 2025, 23:21 Uhr


Materials


Natural materials

Holz
Smoky Quartz
style=max-width:100%;
style=max-width:100%;
Smoky Quartz
style=max-width:100%;
style=max-width:100%;
Smoky Quartz
style=max-width:100%;
style=max-width:100%;
Smoky Quartz
style=max-width:100%;
style=max-width:100%;
Smoky Quartz
style=max-width:100%;
style=max-width:100%;

Metalle
style=max-width:100%;
style=max-width:100%;
style=max-width:100%;
style=max-width:100%;
style=max-width:100%;
style=max-width:100%;
style=max-width:100%;
style=max-width:100%;
style=max-width:100%;
style=max-width:100%;

Gestein
style=max-width:100%;
style=max-width:100%;
style=max-width:100%;
style=max-width:100%;
style=max-width:100%;
style=max-width:100%;
style=max-width:100%;
style=max-width:100%;
style=max-width:100%;
style=max-width:100%;

Tierische Werkstoffe
style=max-width:100%;
style=max-width:100%;
style=max-width:100%;
style=max-width:100%;
style=max-width:100%;
style=max-width:100%;
style=max-width:100%;
style=max-width:100%;
style=max-width:100%;
style=max-width:100%;

Materials


Natural materials
Holz


style=max-width:100%;
style=max-width:100%;
style=max-width:100%;
style=max-width:100%;
style=max-width:100%;
style=max-width:100%;
style=max-width:100%;
style=max-width:100%;
style=max-width:100%;
style=max-width:100%;
Holz


style=max-width:100%;
style=max-width:100%;
style=max-width:100%;
style=max-width:100%;
style=max-width:100%;
style=max-width:100%;
style=max-width:100%;
style=max-width:100%;
style=max-width:100%;
style=max-width:100%;
Holz
style=max-width:100%;
style=max-width:100%;
style=max-width:100%;
style=max-width:100%;
style=max-width:100%;
style=max-width:100%;
style=max-width:100%;
style=max-width:100%;
style=max-width:100%;
style=max-width:100%;
Werkstoffe


style=max-width:100%;
style=max-width:100%;
style=max-width:100%;
style=max-width:100%;
style=max-width:100%;
style=max-width:100%;
style=max-width:100%;
style=max-width:100%;
style=max-width:100%;
style=max-width:100%;


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