Aktionen

Test3: Unterschied zwischen den Versionen

Aus exmediawiki

Theo (Diskussion | Beiträge)
Keine Bearbeitungszusammenfassung
Theo (Diskussion | Beiträge)
Keine Bearbeitungszusammenfassung
 
(54 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
Zeile 1: Zeile 1:
__NOTOC__


<div style="display: flex; flex-wrap: wrap; gap: 1em; justify-content: flex-start;">
 
  <!-- Collapsible Element 1 -->
<h2 style="border-bottom: 2px solid black; padding-bottom: 0em;">
  <div style="flex: 0 0 calc(33.33% - 1em); position: relative;">
  Materials
      <div class="mw-collapsible mw-collapsed">
</h2>
        <div class="mw-collapsible-toggle" style="float: none;">
<br>
            <span class="down">
<h3>Natural materials</h3>
              '''Gestein'''
 
              <br>
<div style="display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; margin-bottom: 50px;">
              [[File:Test image1.jpg|300x200px|link=Smoky Quartz]]
 
            </span>
<!-- First collapsible item -->
        </div>
<div class="mw-collapsible mw-collapsed" style="flex: 0 0 calc(25% - 0.1em); position: relative;">
        <div class="mw-collapsible-content" style="width: 100%; position: absolute; left: 0; background: #fff; z-index: 10; padding: 1em; box-sizing: border-box;">
  <div class="mw-collapsible-toggle">
            <div style="display: flex; flex-wrap: wrap; gap: 1em; justify-content: flex-start;">
      <span class="down">
              <!-- Image Block Start -->
<h5 style="border-bottom: padding-bottom: 1em; font-size: 1.5em;">
              <div style="flex: 0 0 calc(20% - 1em);">
  Holz
                  <br>
</h5>
                  [[File:Test image1.jpg|300x200px|link=Smoky Quartz]]
[[File:Test image1.jpg|300px|left|link=Smoky Quartz]]  
                  <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
       </span>
              </div>
              <div style="flex: 0 0 calc(20% - 1em);">
                  <br>
                  [[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);">
                  <br>
                  [[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);">
                  <br>
                  [[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);">
                  <br>
                  [[File:Test image1.jpg|300x200px|link=Smoky Quartz]]
                  <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
              </div>
            </div>
        </div>
       </div>
   </div>
   </div>
   <!-- Collapsible Element 2 -->
   <div class="mw-collapsible-content" style="width: 100%; margin: 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: flex-start;">
  <div style="flex: 0 0 calc(33.33% - 1em); position: relative;">
      <div style="width: 100%; height: 15px;">
      <div class="mw-collapsible mw-collapsed">
</div>
        <div class="mw-collapsible-toggle" style="float: none;">
     
            <span class="down">
<!-- Image Block Start -->
              '''Gestein'''
 
              <br>
<div>
              [[File:Test image1.jpg|300x200px|link=Smoky Quartz]]
  [[File:Test image1.jpg|300px|left|link=Smoky Quartz|style=max-width:100%;]]
            </span>
  <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
        </div>
</div>
        <div class="mw-collapsible-content" style="width: 100%; position: absolute; left: 0; background: #fff; z-index: 10; padding: 1em; box-sizing: border-box;">
<div>
            <div style="display: flex; flex-wrap: wrap; gap: 1em; justify-content: flex-start;">
  [[File:Test image1.jpg|300px|left|link=Smoky Quartz|style=max-width:100%;]]
              <!-- Image Block Start -->
  <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
              <div style="flex: 0 0 calc(20% - 1em);">
</div>
                  <br>
<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>
              <div style="flex: 0 0 calc(20% - 1em);">
<div>
                  <br>
  [[File:Test image1.jpg|300px|left|link=Smoky Quartz|style=max-width:100%;]]
                  [[File:Test image1.jpg|300x200px|link=Smoky Quartz]]
  <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
                  <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
</div>
              </div>
<div>
              <div style="flex: 0 0 calc(20% - 1em);">
  [[File:Test image1.jpg|300px|left|link=Smoky Quartz|style=max-width:100%;]]
                  <br>
  <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
                  [[File:Test image1.jpg|300x200px|link=Smoky Quartz]]
</div>
                  <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
</div>
              </div>
</div>
              <div style="flex: 0 0 calc(20% - 1em);">
 
                  <br>
<!-- First collapsible item -->
                  [[File:Test image1.jpg|300x200px|link=Smoky Quartz]]
<div class="mw-collapsible mw-collapsed" style="flex: 0 0 calc(25% - 0.1em); position: relative;">
                  <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
  <div class="mw-collapsible-toggle">
              </div>
      <span class="down">
              <div style="flex: 0 0 calc(20% - 1em);">
<h5 style="border-bottom: padding-bottom: 1em; font-size: 1.5em;">
                  <br>
  Holz
                  [[File:Test image1.jpg|300x200px|link=Smoky Quartz]]
</h5>
                  <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
[[File:Test image1.jpg|300px|left|link=Smoky Quartz]]
              </div>
       </span>
            </div>
        </div>
       </div>
   </div>
   </div>
   <!-- Collapsible Element 3 -->
   <div class="mw-collapsible-content" style="width: 100%; margin: 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: flex-start;">
  <div style="flex: 0 0 calc(33.33% - 1em); position: relative;">
      <div style="width: 100%; height: 15px;">
      <div class="mw-collapsible mw-collapsed">
</div>
        <div class="mw-collapsible-toggle" style="float: none;">
     
            <span class="down">
<!-- Image Block Start -->
              '''Gestein'''
 
              <br>
<div>
              [[File:Test image1.jpg|300x200px|link=Smoky Quartz]]
  [[File:Test image1.jpg|300px|left|link=Smoky Quartz|style=max-width:100%;]]
            </span>
  <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
        </div>
</div>
        <div class="mw-collapsible-content" style="width: 100%; position: absolute; left: 0; background: #fff; z-index: 10; padding: 1em; box-sizing: border-box;">
<div>
            <div style="display: flex; flex-wrap: wrap; gap: 1em; justify-content: flex-start;">
  [[File:Test image1.jpg|300px|left|link=Smoky Quartz|style=max-width:100%;]]
              <!-- Image Block Start -->
  <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
              <div style="flex: 0 0 calc(20% - 1em);">
</div>
                  <br>
<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>
              <div style="flex: 0 0 calc(20% - 1em);">
<div>
                  <br>
  [[File:Test image1.jpg|300px|left|link=Smoky Quartz|style=max-width:100%;]]
                  [[File:Test image1.jpg|300x200px|link=Smoky Quartz]]
  <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
                  <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
</div>
              </div>
<div>
              <div style="flex: 0 0 calc(20% - 1em);">
  [[File:Test image1.jpg|300px|left|link=Smoky Quartz|style=max-width:100%;]]
                  <br>
  <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
                  [[File:Test image1.jpg|300x200px|link=Smoky Quartz]]
</div>
                  <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
</div>
              </div>
</div>
              <div style="flex: 0 0 calc(20% - 1em);">
 
                  <br>
<!-- First collapsible item -->
                  [[File:Test image1.jpg|300x200px|link=Smoky Quartz]]
<div class="mw-collapsible mw-collapsed" style="flex: 0 0 calc(25% - 0.1em); position: relative;">
                  <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
  <div class="mw-collapsible-toggle">
              </div>
      <span class="down">
              <div style="flex: 0 0 calc(20% - 1em);">
<h5 style="border-bottom: padding-bottom: 1em; font-size: 1.5em;">
                  <br>
  Holz
                  [[File:Test image1.jpg|300x200px|link=Smoky Quartz]]
</h5>
                  <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
[[File:Test image1.jpg|300px|left|link=Smoky Quartz]]
              </div>
       </span>
            </div>
        </div>
       </div>
   </div>
   </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% - 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>
</div>
<!-- Content that follows the collapsible section -->
<div style="width: 100%;">
</div>
</div>

Aktuelle Version vom 22. Mai 2025, 14:44 Uhr


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%;
     
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%;