Aktionen

Materialarchiv: Unterschied zwischen den Versionen

Aus exmediawiki

← Zum vorherigen Versionsunterschied
Theo (Diskussion | Beiträge)
515 Bearbeitungen
Theo (Diskussion | Beiträge)
515 Bearbeitungen
Keine Bearbeitungszusammenfassung
 
(15 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
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
   Materials
</h2>
</h2>
<br>
<br>
<div style="display: flex; flex-wrap: wrap; gap: 1em; justify-content: flex-start;">
<h3>Natural materials</h3>
<div style="display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; margin-bottom: 50px;">


<!-- Collapsible Block 1 -->
<!-- First collapsible item -->
<div style="flex: 0 0 calc(20% - 1em);">
 
  <div class="collapsible-box">
<div class="mw-collapsible mw-collapsed" style="flex: 0 0 calc(25% - 0.1em); position: relative;">
    <input type="checkbox" id="toggle1" style="display: none;">
  <div class="mw-collapsible-toggle">
    <label for="toggle1" class="collapsible-label">Gestein</label>
      <span class="down">
    <div class="collapsible-content">
 
       This is content for Gestein.
<h5 style="border-bottom: padding-bottom: 1em; font-size: 1.5em;">
    </div>
  Holz
  </div>
</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>
<h6 style="border-bottom: 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>
<h6 style="border-bottom: 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: 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: 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: 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>
<!-- 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 -->


<!-- Collapsible Block 2 -->
<div>
<div style="flex: 0 0 calc(20% - 1em);">
  [[File:Test image1.jpg|300px|left|link=Smoky Quartz|style=max-width:100%;]]
  <div class="collapsible-box">
  <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
    <input type="checkbox" id="toggle2" style="display: none;">
</div>
    <label for="toggle2" class="collapsible-label">Holz</label>
<div>
    <div class="collapsible-content">
  [[File:Test image1.jpg|300px|left|link=Smoky Quartz|style=max-width:100%;]]
      This is content for Holz.
  <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
    </div>
</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>


<!-- Collapsible Block 3 -->
<!-- First collapsible item -->
<div style="flex: 0 0 calc(20% - 1em);">
 
  <div class="collapsible-box">
<div class="mw-collapsible mw-collapsed" style="flex: 0 0 calc(25% - 0.1em); position: relative;">
    <input type="checkbox" id="toggle3" style="display: none;">
  <div class="mw-collapsible-toggle">
    <label for="toggle3" class="collapsible-label">Tierische Werkstoffe</label>
      <span class="down">
    <div class="collapsible-content">
 
      This is content for Tierische Werkstoffe.
<h5 style="border-bottom: padding-bottom: 1em; font-size: 1.5em;">
    </div>
  Holz
  </div>
</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>
<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>
<div class="mw-collapsible mw-collapsed" style="flex: 0 0 calc(25% - 0.1em); position: relative;">
  <div class="mw-collapsible-toggle">
      <span class="down">


<!-- STYLES -->
<h5 style="border-bottom: padding-bottom: 1em; font-size: 1.5em;">
<style>
  Holz
  .collapsible-box {
</h5>
    border: 2px solid #000;
[[File:Test image1.jpg|300px|left|link=Smoky Quartz]]
    border-radius: 12px;
      </span>
    padding: 0;
  </div>
    background-color: #111;
  <div class="mw-collapsible-content" style="width: 100%; margin: 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: flex-start;">
    color: white;
      <div style="width: 100%; height: 15px;"></div>
    font-family: sans-serif;
     
    overflow: hidden;
<!-- Image Block Start -->
  }


  .collapsible-label {
<div>
    display: block;
  [[File:Test image1.jpg|300px|left|link=Smoky Quartz|style=max-width:100%;]]
    padding: 0.75em 1em;
  <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
    background-color: #222;
</div>
    cursor: pointer;
<div>
    font-weight: bold;
  [[File:Test image1.jpg|300px|left|link=Smoky Quartz|style=max-width:100%;]]
    border-radius: 12px 12px 0 0;
  <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
    transition: background-color 0.3s;
</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>


  .collapsible-label:hover {
    background-color: #333;
  }


  .collapsible-content {
</div>
    display: none;
    padding: 1em;
    background-color: #1a1a1a;
    border-top: 1px solid #333;
    border-radius: 0 0 12px 12px;
  }


   input[type="checkbox"]:checked + .collapsible-label + .collapsible-content {
<h2 style="border-bottom: 2px solid black; padding-bottom: 0em;">
    display: block;
   Materials
  }
</h2>
</style>
<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">


=== Synthetic materials ===
<h5 style="border-bottom: padding-bottom: 1em; font-size: 1.5em;">
<div style="display: flex; flex-wrap: wrap; gap: 1em; justify-content: flex-start;">
  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 -->
<!-- Image Block Start -->
<div style="flex: 0 0 calc(20% - 1em);">
 
  [[File:Test image1.jpg|300x200px|link=Smoky Quartz]]
<div>
  <div style="margin-top: 0.5em;">[[Smoky Quartz]]</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>
  [[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 style="flex: 0 0 calc(20% - 1em);">
<div>
  [[File:Test image1.jpg|300x200px|link=Smoky Quartz]]
  [[File:Test image1.jpg|300px|left|link=Smoky Quartz|style=max-width:100%;]]
  <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
  <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>


<div style="flex: 0 0 calc(20% - 1em);">
<!-- First collapsible item -->
   [[File:Test image1.jpg|300x200px|link=Smoky Quartz]]
 
  <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">
      <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>
</div>


<div style="flex: 0 0 calc(20% - 1em);">
<!-- First collapsible item -->
   [[File:Test image1.jpg|300x200px|link=Smoky Quartz]]
<div class="mw-collapsible mw-collapsed" style="flex: 0 0 calc(25% - 1em); position: relative;">
  <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
  <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>


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

Aktuelle Version vom 20. Mai 2025, 20:15 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%;
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%;


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=Materialarchiv&oldid=10147“