Aktionen

Test3: 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: 0; margin-bottom: 0.5em;">Natural materials</h2>
<h2 style="border-bottom: 2px solid black; padding-bottom: 0; margin: 0 0 0.5em 0;">Natural materials</h2>
<div style="display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; margin-bottom: 100px;">
<div style="display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; margin-bottom: 20px;">
 
  <!-- Gestein -->
<!-- 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: left; width: 100%; padding: 0;">
  <div class="mw-collapsible-toggle">
        <span class="down">
      <span class="down">
            <h5 style="border-bottom: 2px solid black; padding-bottom: 0.2em; font-size: 1.5em; margin: 0;">Gestein</h5>
<br>
            [[File:Test image1.jpg|200px|link=Smoky Quartz|style=max-width:100%;height:auto;]]
<h5 style="border-bottom: padding-bottom: 0.2em; font-size: 1.5em; text-align: left;">
         </span>
  Gestein
</h5>
      [[File:Test image1.jpg|200px|link=Smoky Quartz|style=max-width:100%;height:auto;]]
    </span>
 
  </div>
  <div class="mw-collapsible-content" style="width: 100%; margin: 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: center;">
      <!-- Image Block Start -->
      <div style="flex: 0 0 calc(100%); text-align: center; margin-bottom: 0.5em;">
  <div style="display: inline-block;">
      [[File:Test image1.jpg|200px|link=Smoky Quartz|style=max-width:100%;height:auto;]]
      <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
  </div>
</div>
      <div style="flex: 0 0 calc(100%); text-align: center; margin-bottom: 0.5em;">
  <div style="display: inline-block;">
      [[File:Test image1.jpg|200px|link=Smoky Quartz|style=max-width:100%;height:auto;]]
      <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
  </div>
</div>
      <div style="flex: 0 0 calc(100%); text-align: center; margin-bottom: 0.5em;">
  <div style="display: inline-block;">
      [[File:Test image1.jpg|200px|link=Smoky Quartz|style=max-width:100%;height:auto;]]
      <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
  </div>
</div>
      <div style="flex: 0 0 calc(100%); text-align: center; margin-bottom: 0.5em;">
  <div style="display: inline-block;">
      [[File:Test image1.jpg|200px|link=Smoky Quartz|style=max-width:100%;height:auto;]]
      <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
  </div>
</div>
      <div style="flex: 0 0 calc(100%); text-align: center; margin-bottom: 0.5em;">
  <div style="display: inline-block;">
      [[File:Test image1.jpg|200px|link=Smoky Quartz|style=max-width:100%;height:auto;]]
      <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
  </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">
<br>
<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: center;">
      <!-- Image Block Start -->
      <div style="flex: 0 0 calc(100%); 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 style="flex: 0 0 calc(100% - 1em); text-align: center; margin-bottom: 0.5em;">
       <div class="mw-collapsible-content" style="width: 100%; margin: 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: center;">
         [[File:Test image1.jpg|200px|link=Smoky Quartz]]
        <div style="flex: 0 0 100%; text-align: center; margin-bottom: 0.5em;">
         <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
            <div style="display: inline-block;">
              [[File:Test image1.jpg|200px|link=Smoky Quartz|style=max-width:100%;height:auto;]]
              <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
            </div>
        </div>
        <div style="flex: 0 0 100%; text-align: center; margin-bottom: 0.5em;">
            <div style="display: inline-block;">
              [[File:Test image1.jpg|200px|link=Smoky Quartz|style=max-width:100%;height:auto;]]
              <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
            </div>
         </div>
        <div style="flex: 0 0 100%; text-align: center; margin-bottom: 0.5em;">
            <div style="display: inline-block;">
              [[File:Test image1.jpg|200px|link=Smoky Quartz|style=max-width:100%;height:auto;]]
              <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
            </div>
        </div>
         <div style="flex: 0 0 100%; text-align: center; margin-bottom: 0.5em;">
            <div style="display: inline-block;">
              [[File:Test image1.jpg|200px|link=Smoky Quartz|style=max-width:100%;height:auto;]]
              <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
            </div>
        </div>
        <div style="flex: 0 0 100%; text-align: center; margin-bottom: 0.5em;">
            <div style="display: inline-block;">
              [[File:Test image1.jpg|200px|link=Smoky Quartz|style=max-width:100%;height:auto;]]
              <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
            </div>
        </div>
       </div>
       </div>
      <div style="flex: 0 0 calc(100% - 1em); text-align: center; margin-bottom: 0.5em;">
  </div>
        [[File:Test image1.jpg|200px|link=Smoky Quartz]]
  <!-- Holz -->
        <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
  <div class="mw-collapsible mw-collapsed" style="flex: 0 0 calc(25% - 1em); position: relative;">
      <div class="mw-collapsible-toggle" style="text-align: left; width: 100%; padding: 0;">
        <span class="down">
            <h5 style="border-bottom: 2px solid black; padding-bottom: 0.2em; font-size: 1.5em; margin: 0;">Holz</h5>
            [[File:Test image2.jpg|200px|link=Wood|style=max-width:100%;height:auto;]]
        </span>
       </div>
       </div>
       <div style="flex: 0 0 calc(100% - 1em); text-align: center; margin-bottom: 0.5em;">
       <div class="mw-collapsible-content" style="width: 100%; margin: 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: center;">
        [[File:Test image1.jpg|200px|link=Smoky Quartz]]
        <div style="flex: 0 0 100%; text-align: center; margin-bottom: 0.5em;">
        <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
            <div style="display: inline-block;">
              [[File:Test image2.jpg|200px|link=Wood|style=max-width:100%;height:auto;]]
              <div style="margin-top: 0.5em;">[[Wood]]</div>
            </div>
        </div>
        <!-- Add more image blocks as needed -->
       </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>
<!-- 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">
<br>
<h5 style="border-bottom: padding-bottom: 0.2em; font-size: 1.5em; text-align: left;">
  Tierische Werkstoffe
</h5>
[[File:Test image1.jpg|200px|link=Smoky Quartz]]
      </span>
   </div>
   </div>
   <div class="mw-collapsible-content" style="width: 100%; margin: 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: center;">
  <!-- Tierische Werkstoffe -->
      <!-- Image Block Start -->
   <div class="mw-collapsible mw-collapsed" style="flex: 0 0 calc(25% - 1em); position: relative;">
      <div style="flex: 0 0 calc(100%); text-align: center; margin-bottom: 0.5em;">
      <div class="mw-collapsible-toggle" style="text-align: left; width: 100%; padding: 0;">
        [[File:Test image1.jpg|200px|link=Smoky Quartz]]
        <span class="down">
        <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
            <h5 style="border-bottom: 2px solid black; padding-bottom: 0.2em; font-size: 1.5em; margin: 0;">Tierische Werkstoffe</h5>
            [[File:Test image3.jpg|200px|link=Leather|style=max-width:100%;height:auto;]]
        </span>
       </div>
       </div>
       <div style="flex: 0 0 calc(100% - 1em); text-align: center; margin-bottom: 0.5em;">
       <div class="mw-collapsible-content" style="width: 100%; margin: 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: center;">
        [[File:Test image1.jpg|200px|link=Smoky Quartz]]
        <div style="flex: 0 0 100%; text-align: center; margin-bottom: 0.5em;">
        <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
            <div style="display: inline-block;">
              [[File:Test image3.jpg|200px|link=Leather|style=max-width:100%;height:auto;]]
              <div style="margin-top: 0.5em;">[[Leather]]</div>
            </div>
        </div>
        <!-- Add more image blocks as needed -->
       </div>
       </div>
      <div style="flex: 0 0 calc(100% - 1em); text-align: center; margin-bottom: 0.5em;">
  </div>
        [[File:Test image1.jpg|200px|link=Smoky Quartz]]
  <!-- Fourth Column (Placeholder) -->
        <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
  <div class="mw-collapsible mw-collapsed" style="flex: 0 0 calc(25% - 1em); position: relative;">
      </div>
      <div class="mw-collapsible-toggle" style="text-align: left; width: 100%; padding: 0;">
      <div style="flex: 0 0 calc(100% - 1em); text-align: center; margin-bottom: 0.5em;">
        <span class="down">
        [[File:Test image1.jpg|200px|link=Smoky Quartz]]
            <h5 style="border-bottom: 2px solid black; padding-bottom: 0.2em; font-size: 1.5em; margin: 0;">Pflanzliche Werkstoffe</h5>
        <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
            [[File:Test image4.jpg|200px|link=Cotton|style=max-width:100%;height:auto;]]
        </span>
       </div>
       </div>
       <div style="flex: 0 0 calc(100% - 1em); text-align: center; margin-bottom: 0.5em;">
       <div class="mw-collapsible-content" style="width: 100%; margin: 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: center;">
        [[File:Test image1.jpg|200px|link=Smoky Quartz]]
        <div style="flex: 0 0 100%; text-align: center; margin-bottom: 0.5em;">
        <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
            <div style="display: inline-block;">
              [[File:Test image4.jpg|200px|link=Cotton|style=max-width:100%;height:auto;]]
              <div style="margin-top: 0.5em;">[[Cotton]]</div>
            </div>
        </div>
        <!-- Add more image blocks as needed -->
       </div>
       </div>
   </div>
   </div>
</div>
</div>


 
<h2 style="border-bottom: 2px solid black; padding-bottom: 0; margin: 0 0 0.5em 0;">Synthetic materials</h2>
</div>
<div style="display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; margin-bottom: 20px;">
 
  <!-- Kunststoff -->
<h2 style="border-bottom: 2px solid black; padding-bottom: 0em;">
  <div class="mw-collapsible mw-collapsed" style="flex: 0 0 calc(25% - 1em); position: relative;">
  Synthetic materials
      <div class="mw-collapsible-toggle" style="text-align: left; width: 100%; padding: 0;">
</h2>
        <span class="down">
<div style="display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; margin-bottom: 50px;">
            <h5 style="border-bottom: 2px solid black; padding-bottom: 0.2em; font-size: 1.5em; margin: 0;">Kunststoff</h5>
 
            [[File:Test image5.jpg|200px|link=Plastic|style=max-width:100%;height:auto;]]
<!-- First collapsible item -->
         </span>
<div class="mw-collapsible mw-collapsed" style="flex: 0 0 calc(25% - 1em); position: relative;">
  <div class="mw-collapsible-toggle">
      <span class="down">
<br>
<h5 style="border-bottom: padding-bottom: 0.2em; font-size: 1.5em; text-align: left;">
  Gestein
</h5>
      [[File:Test image1.jpg|200px|link=Smoky Quartz|style=max-width:100%;height:auto;]]
    </span>
 
  </div>
  <div class="mw-collapsible-content" style="width: 100%; margin: 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: center;">
      <!-- Image Block Start -->
      <div style="flex: 0 0 calc(100%); text-align: center; margin-bottom: 0.5em;">
  <div style="display: inline-block;">
      [[File:Test image1.jpg|200px|link=Smoky Quartz|style=max-width:100%;height:auto;]]
      <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
  </div>
</div>
      <div style="flex: 0 0 calc(100%); text-align: center; margin-bottom: 0.5em;">
  <div style="display: inline-block;">
      [[File:Test image1.jpg|200px|link=Smoky Quartz|style=max-width:100%;height:auto;]]
      <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
  </div>
</div>
      <div style="flex: 0 0 calc(100%); text-align: center; margin-bottom: 0.5em;">
  <div style="display: inline-block;">
      [[File:Test image1.jpg|200px|link=Smoky Quartz|style=max-width:100%;height:auto;]]
      <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
  </div>
</div>
      <div style="flex: 0 0 calc(100%); text-align: center; margin-bottom: 0.5em;">
  <div style="display: inline-block;">
      [[File:Test image1.jpg|200px|link=Smoky Quartz|style=max-width:100%;height:auto;]]
      <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
  </div>
</div>
      <div style="flex: 0 0 calc(100%); text-align: center; margin-bottom: 0.5em;">
  <div style="display: inline-block;">
      [[File:Test image1.jpg|200px|link=Smoky Quartz|style=max-width:100%;height:auto;]]
      <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
  </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">
<br>
<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: center;">
      <!-- Image Block Start -->
      <div style="flex: 0 0 calc(100%); 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 style="flex: 0 0 calc(100% - 1em); text-align: center; margin-bottom: 0.5em;">
       <div class="mw-collapsible-content" style="width: 100%; margin: 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: center;">
        [[File:Test image1.jpg|200px|link=Smoky Quartz]]
        <div style="flex: 0 0 100%; text-align: center; margin-bottom: 0.5em;">
        <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
            <div style="display: inline-block;">
              [[File:Test image5.jpg|200px|link=Plastic|style=max-width:100%;height:auto;]]
              <div style="margin-top: 0.5em;">[[Plastic]]</div>
            </div>
        </div>
        <!-- Add more image blocks as needed -->
       </div>
       </div>
      <div style="flex: 0 0 calc(100% - 1em); text-align: center; margin-bottom: 0.5em;">
  </div>
        [[File:Test image1.jpg|200px|link=Smoky Quartz]]
  <!-- Metall -->
        <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
  <div class="mw-collapsible mw-collapsed" style="flex: 0 0 calc(25% - 1em); position: relative;">
      </div>
      <div class="mw-collapsible-toggle" style="text-align: left; width: 100%; padding: 0;">
      <div style="flex: 0 0 calc(100% - 1em); text-align: center; margin-bottom: 0.5em;">
        <span class="down">
        [[File:Test image1.jpg|200px|link=Smoky Quartz]]
            <h5 style="border-bottom: 2px solid black; padding-bottom: 0.2em; font-size: 1.5em; margin: 0;">Metall</h5>
        <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
            [[File:Test image6.jpg|200px|link=Metal|style=max-width:100%;height:auto;]]
        </span>
       </div>
       </div>
       <div style="flex: 0 0 calc(100% - 1em); text-align: center; margin-bottom: 0.5em;">
       <div class="mw-collapsible-content" style="width: 100%; margin: 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: center;">
        [[File:Test image1.jpg|200px|link=Smoky Quartz]]
        <div style="flex: 0 0 100%; text-align: center; margin-bottom: 0.5em;">
        <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
            <div style="display: inline-block;">
              [[File:Test image6.jpg|200px|link=Metal|style=max-width:100%;height:auto;]]
              <div style="margin-top: 0.5em;">[[Metal]]</div>
            </div>
        </div>
        <!-- Add more image blocks as needed -->
       </div>
       </div>
   </div>
   </div>
</div>
  <!-- Keramik -->
 
  <div class="mw-collapsible mw-collapsed" style="flex: 0 0 calc(25% - 1em); position: relative;">
<!-- First collapsible item -->
      <div class="mw-collapsible-toggle" style="text-align: left; width: 100%; padding: 0;">
<div class="mw-collapsible mw-collapsed" style="flex: 0 0 calc(25% - 1em); position: relative;">
        <span class="down">
  <div class="mw-collapsible-toggle">
            <h5 style="border-bottom: 2px solid black; padding-bottom: 0.2em; font-size: 1.5em; margin: 0;">Keramik</h5>
      <span class="down">
            [[File:Test image7.jpg|200px|link=Ceramic|style=max-width:100%;height:auto;]]
<br>
         </span>
<h5 style="border-bottom: padding-bottom: 0.2em; font-size: 1.5em; text-align: left;">
  Tierische 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: center;">
      <!-- Image Block Start -->
      <div style="flex: 0 0 calc(100%); 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 style="flex: 0 0 calc(100% - 1em); text-align: center; margin-bottom: 0.5em;">
       <div class="mw-collapsible-content" style="width: 100%; margin: 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: center;">
        [[File:Test image1.jpg|200px|link=Smoky Quartz]]
        <div style="flex: 0 0 100%; text-align: center; margin-bottom: 0.5em;">
        <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
            <div style="display: inline-block;">
              [[File:Test image7.jpg|200px|link=Ceramic|style=max-width:100%;height:auto;]]
              <div style="margin-top: 0.5em;">[[Ceramic]]</div>
            </div>
        </div>
        <!-- Add more image blocks as needed -->
       </div>
       </div>
      <div style="flex: 0 0 calc(100% - 1em); text-align: center; margin-bottom: 0.5em;">
  </div>
        [[File:Test image1.jpg|200px|link=Smoky Quartz]]
  <!-- Glas -->
        <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
  <div class="mw-collapsible mw-collapsed" style="flex: 0 0 calc(25% - 1em); position: relative;">
      </div>
      <div class="mw-collapsible-toggle" style="text-align: left; width: 100%; padding: 0;">
      <div style="flex: 0 0 calc(100% - 1em); text-align: center; margin-bottom: 0.5em;">
        <span class="down">
        [[File:Test image1.jpg|200px|link=Smoky Quartz]]
            <h5 style="border-bottom: 2px solid black; padding-bottom: 0.2em; font-size: 1.5em; margin: 0;">Glas</h5>
        <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
            [[File:Test image8.jpg|200px|link=Glass|style=max-width:100%;height:auto;]]
        </span>
       </div>
       </div>
       <div style="flex: 0 0 calc(100% - 1em); text-align: center; margin-bottom: 0.5em;">
       <div class="mw-collapsible-content" style="width: 100%; margin: 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: center;">
        [[File:Test image1.jpg|200px|link=Smoky Quartz]]
        <div style="flex: 0 0 100%; text-align: center; margin-bottom: 0.5em;">
        <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
            <div style="display: inline-block;">
              [[File:Test image8.jpg|200px|link=Glass|style=max-width:100%;height:auto;]]
              <div style="margin-top: 0.5em;">[[Glass]]</div>
            </div>
        </div>
        <!-- Add more image blocks as needed -->
       </div>
       </div>
   </div>
   </div>
</div>
</div>
<!-- Content that follows the collapsible section -->
<div style="width: 100%;">
</div>
</div>

Version vom 20. Mai 2025, 13:43 Uhr


Natural materials

Synthetic materials

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