Aktionen

Materialarchiv: 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.2em;">
<h2 style="border-bottom: 2px solid black; padding-bottom: 0em;">
   Materials
   Natural materials
</h2>
</h2>
<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% - 1em); position: relative;">
  <div class="mw-collapsible-toggle">
      <span class="down">
<br>
<br>
<h3>Natural materials</h3>
<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]]
<div class="mw-collapsible mw-collapsed" style="background-color: white; color: #333; padding: 1em; border: 1px solid #ccc; border-radius: 6px;">
      </span>
 
  </div>
=== Natural materials ===
  <div class="mw-collapsible-content" style="width: 100%; margin: 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: center;">
 
      <!-- Image Block Start -->
<div class="mw-collapsible-content">
      <div style="flex: 0 0 calc(100%); text-align: center; margin-bottom: 0.5em;">
 
        [[File:Test image1.jpg|200px|link=Smoky Quartz]]
==== Gestein ====
        <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
<div style="display: flex; flex-wrap: wrap; gap: 1em; justify-content: flex-start;">
      </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|300x200px|link=Gestein]]
        <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
  <div style="margin-top: 0.5em;">[[:Category:Gestein|Gestein]]</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>
 
<!-- First collapsible item -->
<div style="flex: 0 0 calc(20% - 1em);">
<div class="mw-collapsible mw-collapsed" style="flex: 0 0 calc(25% - 1em); position: relative;">
   [[File:Test image1.jpg|300x200px|link=Holz]]
  <div class="mw-collapsible-toggle">
  <div style="margin-top: 0.5em;">[[:Category:Holz|Holz]]</div>
      <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 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 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 style="flex: 0 0 calc(20% - 1em);">
<!-- First collapsible item -->
   [[File:Test image1.jpg|300x200px|link=Tierische Werkstoffe]]
<div class="mw-collapsible mw-collapsed" style="flex: 0 0 calc(25% - 1em); position: relative;">
  <div style="margin-top: 0.5em;">[[:Category:Tierische Werkstoffe|Tierische Werkstoffe]]</div>
  <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 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 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>


<!-- 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;">
  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 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 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>
<br><br>


_______________


<div class="mw-collapsible mw-collapsed" style="background-color: white; color: #333; padding: 1em; border: 1px solid #ccc; border-radius: 6px;">
<div style="flex: 0 0 calc(20% - 1em);">
=== Natural materials ===
<div class="mw-collapsible-content">
==== Gestein ====
<div style="display: flex; flex-wrap: wrap; gap: 1em; justify-content: flex-start;">
<div style="flex: 0 0 calc(20% - 1em);">
  [[File:Test image1.jpg|300x200px|link=Gestein]]
  <div style="margin-top: 0.5em;">[[:Category:Gestein|Gestein]]</div>
</div>
</div>


<div style="flex: 0 0 calc(20% - 1em);">
<h2 style="border-bottom: 2px solid black; padding-bottom: 0em;">
   [[File:Test image1.jpg|300x200px|link=Holz]]
   Natural materials
  <div style="margin-top: 0.5em;">[[:Category:Holz|Holz]]</div>
</h2>
</div>
<div style="display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; margin-bottom: 50px;">


<div style="flex: 0 0 calc(20% - 1em);">
<!-- First collapsible item -->
   [[File:Test image1.jpg|300x200px|link=Tierische Werkstoffe]]
<div class="mw-collapsible mw-collapsed" style="flex: 0 0 calc(25% - 1em); position: relative;">
  <div style="margin-top: 0.5em;">[[:Category:Tierische Werkstoffe|Tierische Werkstoffe]]</div>
  <div class="mw-collapsible-toggle">
</div>
      <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>
      <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 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 style="flex: 0 0 calc(100%); text-align: center; margin-bottom: 0.5em;">
 
  <div style="display: inline-block;">
<!-- BOX ROW (Clickable tiles using mw-collapsible headers only) -->
       [[File:Test image1.jpg|200px|link=Smoky Quartz|style=max-width:100%;height:auto;]]
<div style="display: flex; flex-wrap: wrap; gap: 1em;">
       <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
 
  </div>
  <!-- Box 1 -->
  <div style="flex: 0 0 calc(20% - 1em);">
    <div class="mw-collapsible mw-collapsed" style="padding: 1em; background: white; border: 1px solid #ccc; border-radius: 6px; cursor: pointer;">
      <strong>Gestein</strong><br>
      <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/d/db/Gneiss.jpg/100px-Gneiss.jpg" alt="Gestein">
    </div>
  </div>
 
  <!-- Box 2 -->
  <div style="flex: 0 0 calc(20% - 1em);">
    <div class="mw-collapsible mw-collapsed" style="padding: 1em; background: white; border: 1px solid #ccc; border-radius: 6px; cursor: pointer;">
      <strong>Holz</strong><br>
      <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/1/1b/Wood_texture.jpg/100px-Wood_texture.jpg" alt="Holz">
    </div>
  </div>
 
  <!-- Box 3 -->
  <div style="flex: 0 0 calc(20% - 1em);">
    <div class="mw-collapsible mw-collapsed" style="padding: 1em; background: white; border: 1px solid #ccc; border-radius: 6px; cursor: pointer;">
       <strong>Tierische Werkstoffe</strong><br>
      <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/f/f2/Wool.jpg/100px-Wool.jpg" alt="Tierische Werkstoffe">
    </div>
  </div>
 
  <!-- Box 4 -->
  <div style="flex: 0 0 calc(20% - 1em);">
    <div class="mw-collapsible mw-collapsed" style="padding: 1em; background: white; border: 1px solid #ccc; border-radius: 6px; cursor: pointer;">
      <strong>Metalle</strong><br>
      <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/5/5c/Copper_Crystal.jpg/100px-Copper_Crystal.jpg" alt="Metalle">
    </div>
  </div>
 
  <!-- Box 5 -->
  <div style="flex: 0 0 calc(20% - 1em);">
    <div class="mw-collapsible mw-collapsed" style="padding: 1em; background: white; border: 1px solid #ccc; border-radius: 6px; cursor: pointer;">
      <strong>Kunststoffe</strong><br>
       <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/3/3b/Plastic_beads.jpg/100px-Plastic_beads.jpg" alt="Kunststoffe">
    </div>
  </div>
 
</div>
 
<!-- SEPARATE FULL-WIDTH COLLAPSIBLE BLOCKS -->
<!-- Block 1 -->
<div class="mw-collapsible-content" style="margin-top: 1em; background-color: #f9f9f9; border: 1px solid #ccc; border-radius: 6px; padding: 1em;">
  <strong>Gestein:</strong> Rocks like granite, basalt, and limestone are foundational geological materials.
</div>
 
<!-- Block 2 -->
<div class="mw-collapsible-content" style="margin-top: 1em; background-color: #f9f9f9; border: 1px solid #ccc; border-radius: 6px; padding: 1em;">
  <strong>Holz:</strong> Wood is harvested from trees and is a sustainable construction and crafting material.
</div>
</div>
 
      <div style="flex: 0 0 calc(100%); text-align: center; margin-bottom: 0.5em;">
<!-- Block 3 -->
  <div style="display: inline-block;">
<div class="mw-collapsible-content" style="margin-top: 1em; background-color: #f9f9f9; border: 1px solid #ccc; border-radius: 6px; padding: 1em;">
      [[File:Test image1.jpg|200px|link=Smoky Quartz|style=max-width:100%;height:auto;]]
  <strong>Tierische Werkstoffe:</strong> Includes materials like wool, silk, leather, and horn used in textiles and tools.
      <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
  </div>
</div>
</div>
 
  </div>
<!-- Block 4 -->
<div class="mw-collapsible-content" style="margin-top: 1em; background-color: #f9f9f9; border: 1px solid #ccc; border-radius: 6px; padding: 1em;">
  <strong>Metalle:</strong> Copper, iron, aluminum, and other metals are crucial for tools, wires, and structures.
</div>
</div>


<!-- Block 5 -->
<!-- First collapsible item -->
<div class="mw-collapsible-content" style="margin-top: 1em; background-color: #f9f9f9; border: 1px solid #ccc; border-radius: 6px; padding: 1em;">
<div class="mw-collapsible mw-collapsed" style="flex: 0 0 calc(25% - 1em); position: relative;">
  <strong>Kunststoffe:</strong> Plastics are versatile synthetic materials used in countless applications.
  <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 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 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>


 
<!-- First collapsible item -->
 
<div class="mw-collapsible mw-collapsed" style="flex: 0 0 calc(25% - 1em); position: relative;">
 
  <div class="mw-collapsible-toggle">
=== Synthetic materials ===
      <span class="down">
<div style="display: flex; flex-wrap: wrap; gap: 1em; justify-content: flex-start;">
<br>
 
<h5 style="border-bottom: padding-bottom: 0.2em; font-size: 1.5em; text-align: left;">
<!-- Image Block Start -->
  Tierische Werkstoffe
<div style="flex: 0 0 calc(20% - 1em);">
</h5>
  [[File:Test image1.jpg|300x200px|link=Smoky Quartz]]
[[File:Test image1.jpg|200px|link=Smoky Quartz]]
  <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
      </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 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 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 style="flex: 0 0 calc(20% - 1em);">
  [[File:Test image1.jpg|300x200px|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|300x200px|link=Smoky Quartz]]
  <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
</div>
</div>


<div style="flex: 0 0 calc(20% - 1em);">
  [[File:Test image1.jpg|300x200px|link=Smoky Quartz]]
  <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
</div>


<div style="flex: 0 0 calc(20% - 1em);">
<!-- Content that follows the collapsible section -->
  [[File:Test image1.jpg|300x200px|link=Smoky Quartz]]
<div style="width: 100%;">
  <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
</div>
</div>
</div>

Version vom 20. Mai 2025, 15:07 Uhr


Natural materials

Natural materials


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