Aktionen

Test 6: 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 6: Zeile 6:


<!-- Single flex container for all items -->
<!-- Single flex container for all items -->
<div style="display: flex; flex-wrap: wrap; gap: 0em; align-items: flex-start; width: 100%; max-width: 100%; box-sizing: border-box;">
<div style="display: flex; flex-wrap: wrap; gap: 0em; align-items: flex-start; width: 100%; max-width: 100%; box-sizing: border-box; overflow: hidden;">


   <!-- Horizontal collapsible: Holz -->
   <!-- Horizontal collapsible: Holz -->
Zeile 17: Zeile 17:
   </div>
   </div>
     <!-- Expanded content block -->
     <!-- Expanded content block -->
<div class="mw-collapsible-content" style="display: flex; flex-wrap: wrap; align-items: flex-start; margin: 0;">
    <div class="mw-collapsible-content" style="display: inline-flex; flex-wrap: wrap; align-items: flex-start;">
 
  <div style="width: 20%; box-sizing: border-box;">
    <div style="border: 2px solid black; width: 100%; border-radius: 9999px; background-color: white; padding: 0.5em 2em; text-align: center; display: inline-block; margin-bottom: 0em;">
      <h4 style="margin: 0;">[[Smoky Quartz]]</h4>
    </div>
    <div style="padding: 0; margin-top: 0px;">
[[File:Test image1.jpg|link=Smoky Quartz|style=width:100%; max-width:100%; display:block; height:auto; box-sizing:border-box; margin:0; padding:0;]]
    </div>
  </div>
  <div style="width: 20%; box-sizing: border-box;">
    <div style="border: 2px solid black; width: 100%; border-radius: 9999px; background-color: white; padding: 0.5em 2em; text-align: center; display: inline-block; margin-bottom: 0em;">
      <h4 style="margin: 0;">[[Smoky Quartz]]</h4>
    </div>
    <div style="padding: 0; margin: 0;">
[[File:Test image1.jpg|link=Smoky Quartz|style=width:100%; max-width:100%; display:block; height:auto; box-sizing:border-box; margin:0; padding:0;]]
    </div>
  </div>
  <div style="width: 20%; box-sizing: border-box;">
    <div style="border: 2px solid black; width: 100%; border-radius: 9999px; background-color: white; padding: 0.5em 2em; text-align: center; display: inline-block; margin-bottom: 0em;">
      <h4 style="margin: 0;">[[Smoky Quartz]]</h4>
    </div>
    <div style="padding: 0; margin: 0;">
[[File:Test image1.jpg|link=Smoky Quartz|style=width:100%; max-width:100%; display:block; height:auto; box-sizing:border-box; margin:0; padding:0;]]
    </div>
  </div>
  <div style="width: 20%; box-sizing: border-box;">
    <div style="border: 2px solid black; width: 100%; border-radius: 9999px; background-color: white; padding: 0.5em 2em; text-align: center; display: inline-block; margin-bottom: 0em;">
      <h4 style="margin: 0;">[[Smoky Quartz]]</h4>
    </div>
    <div style="padding: 0; margin: 0;">
[[File:Test image1.jpg|link=Smoky Quartz|style=width:100%; max-width:100%; display:block; height:auto; box-sizing:border-box; margin:0; padding:0;]]
    </div>
  </div>
  <div style="width: 20%; box-sizing: border-box;">
    <div style="border: 2px solid black; width: 100%; border-radius: 9999px; background-color: white; padding: 0.5em 2em; text-align: center; display: inline-block; margin-bottom: 0em;">
      <h4 style="margin: 0;">[[Smoky Quartz]]</h4>
    </div>
    <div style="padding: 0; margin: 0;">
[[File:Test image1.jpg|link=Smoky Quartz|style=width:100%; max-width:100%; display:block; height:auto; box-sizing:border-box; margin:0; padding:0;]]
    </div>
  </div>
 


<div style="width: calc(20% - 0.2em); box-sizing: border-box;">
  <h4>[[Smoky Quartz]]</h4>
  [[File:Test image1.jpg|300px|left|link=Smoky Quartz|style=max-width:100%;]]
</div>
<div style="width: calc(20% - 0.2em); box-sizing: border-box;">
  <h4>[[Smoky Quartz]]</h4>
  [[File:Test image1.jpg|300px|left|link=Smoky Quartz|style=max-width:100%;]]
</div>
<div style="width: calc(20% - 0.2em); box-sizing: border-box;">
  <h4>[[Smoky Quartz]]</h4>
  [[File:Test image1.jpg|300px|left|link=Smoky Quartz|style=max-width:100%;]]
</div>
<div style="width: calc(20% - 0.2em); box-sizing: border-box;">
  <h4>[[Smoky Quartz]]</h4>
  [[File:Test image1.jpg|300px|left|link=Smoky Quartz|style=max-width:100%;]]
</div>
<div style="width: calc(20% - 0.2em); box-sizing: border-box;">
  <h4>[[Smoky Quartz]]</h4>
  [[File:Test image1.jpg|300px|left|link=Smoky Quartz|style=max-width:100%;]]
</div>
     </div>
     </div>
   </div>
   </div>
Zeile 166: Zeile 144:
   </div>
   </div>


  <!-- Horizontal collapsible: Holz -->
<div class="mw-collapsible mw-collapsed">
  <!-- Toggle block -->
  <div class="mw-collapsible-toggle" style="box-sizing: border-box; float: none !important; display: block !important;">
    <div style="background-color: black; border-radius: 9999px; padding: 0.5em 2em; text-align: center; display: inline-block; margin-bottom: 0.5em;">
      <h3 style="color: white; margin: 0;">Holz</h3>
    </div>
  </div>
    <!-- Expanded content block -->
    <div class="mw-collapsible-content" style="display: inline-flex; flex-wrap: wrap; gap: 0.5em; align-items: flex-start;">
<div style="width: calc(20% - 0.2em); box-sizing: border-box;">
  <h3>[[Smoky Quartz]]</h3>
  [[File:Test image1.jpg|300px|left|link=Smoky Quartz|style=max-width:100%;]]
</div>
<div style="width: calc(20% - 0.2em); box-sizing: border-box;">
  <h3>[[Smoky Quartz]]</h3>
  [[File:Test image1.jpg|300px|left|link=Smoky Quartz|style=max-width:100%;]]
</div>
<div style="width: calc(20% - 0.2em); box-sizing: border-box;">
  <h3>[[Smoky Quartz]]</h3>
  [[File:Test image1.jpg|300px|left|link=Smoky Quartz|style=max-width:100%;]]
</div>
<div style="width: calc(20% - 0.2em); box-sizing: border-box;">
  <h3>[[Smoky Quartz]]</h3>
  [[File:Test image1.jpg|300px|left|link=Smoky Quartz|style=max-width:100%;]]
</div>
<div style="text-align: center; flex-shrink: 0; min-width: 300px;">
        <h3 style="margin: 0;"></h3>
      </div>
    </div>
  </div>
  <!-- Horizontal collapsible: Metalle -->
<div class="mw-collapsible mw-collapsed" style="display: block; box-sizing: border-box;">
  <!-- Toggle block -->
  <div class="mw-collapsible-toggle" style="box-sizing: border-box; min-width: 140px; float: none !important; display: block !important; width: auto !important;">
    <div style="background-color: black; border-radius: 9999px; padding: 0.5em 2em; text-align: center; display: inline-block; margin-bottom: 0.5em;">
      <h3 style="color: white; margin: 0;">Metalle</h3>
    </div>
  </div>
    <!-- Expanded content block -->
    <div class="mw-collapsible-content" style="display: inline-flex; flex-wrap: wrap; gap: 0.5em; align-items: flex-start; margin-left: 0.5em;">
<div style="width: calc(20% - 0.2em); box-sizing: border-box;">
  <h3>[[Smoky Quartz]]</h3>
  [[File:Test image1.jpg|300px|left|link=Smoky Quartz|style=max-width:100%;]]
</div>
<div style="width: calc(20% - 0.2em); box-sizing: border-box;">
  <h3>[[Smoky Quartz]]</h3>
  [[File:Test image1.jpg|300px|left|link=Smoky Quartz|style=max-width:100%;]]
</div>
<div style="width: calc(20% - 0.2em); box-sizing: border-box;">
  <h3>[[Smoky Quartz]]</h3>
  [[File:Test image1.jpg|300px|left|link=Smoky Quartz|style=max-width:100%;]]
</div>
<div style="width: calc(20% - 0.2em); box-sizing: border-box;">
  <h3>[[Smoky Quartz]]</h3>
  [[File:Test image1.jpg|300px|left|link=Smoky Quartz|style=max-width:100%;]]
</div>
<div style="text-align: center; flex-shrink: 0; min-width: 300px;">
        <h3 style="margin: 0;"></h3>
      </div>
    </div>
  </div>
  <!-- Horizontal collapsible: Kunststoffe -->
<div class="mw-collapsible mw-collapsed" style="display: block; box-sizing: border-box;">
  <!-- Toggle block -->
  <div class="mw-collapsible-toggle" style="box-sizing: border-box; min-width: 140px; float: none !important; display: block !important; width: auto !important;">
    <div style="background-color: black; border-radius: 9999px; padding: 0.5em 2em; text-align: center; display: inline-block; margin-bottom: 0.5em;">
      <h3 style="color: white; margin: 0;">Kunststoffe</h3>
    </div>
  </div>
    <!-- Expanded content block -->
    <div class="mw-collapsible-content" style="display: inline-flex; flex-wrap: wrap; gap: 0.5em; align-items: flex-start; margin-left: 0.5em;">
<div style="width: calc(20% - 0.2em); box-sizing: border-box;">
  <h3>[[Smoky Quartz]]</h3>
  [[File:Test image1.jpg|300px|left|link=Smoky Quartz|style=max-width:100%;]]
</div>
<div style="width: calc(20% - 0.2em); box-sizing: border-box;">
  <h3>[[Smoky Quartz]]</h3>
  [[File:Test image1.jpg|300px|left|link=Smoky Quartz|style=max-width:100%;]]
</div>
<div style="width: calc(20% - 0.2em); box-sizing: border-box;">
  <h3>[[Smoky Quartz]]</h3>
  [[File:Test image1.jpg|300px|left|link=Smoky Quartz|style=max-width:100%;]]
</div>
<div style="width: calc(20% - 0.2em); box-sizing: border-box;">
  <h3>[[Smoky Quartz]]</h3>
  [[File:Test image1.jpg|300px|left|link=Smoky Quartz|style=max-width:100%;]]
</div>
<div style="text-align: center; flex-shrink: 0; min-width: 300px;">
        <h3 style="margin: 0;"></h3>
      </div>
    </div>
  </div>


  <!-- Horizontal collapsible: Tierische Werkstoffe -->
  <div class="mw-collapsible mw-collapsed" style="display: block; box-sizing: border-box;">
  <!-- Toggle block -->
  <div class="mw-collapsible-toggle" style="box-sizing: border-box; min-width: 140px; float: none !important; display: block !important; width: auto !important;">
    <div style="background-color: black; border-radius: 9999px; padding: 0.5em 2em; text-align: center; display: inline-block; margin-bottom: 0.5em;">
      <h3 style="color: white; margin: 0;">Tierische Werkstoffe</h3>
    </div>
  </div>
    <!-- Expanded content block -->
    <div class="mw-collapsible-content" style="display: inline-flex; flex-wrap: wrap; gap: 0.5em; align-items: flex-start; margin-left: 0.5em;">
<div style="width: calc(20% - 0.2em); box-sizing: border-box;">
  <h3>[[Smoky Quartz]]</h3>
  [[File:Test image1.jpg|300px|left|link=Smoky Quartz|style=max-width:100%;]]
</div>
<div style="width: calc(20% - 0.2em); box-sizing: border-box;">
  <h3>[[Smoky Quartz]]</h3>
  [[File:Test image1.jpg|300px|left|link=Smoky Quartz|style=max-width:100%;]]
</div>
<div style="width: calc(20% - 0.2em); box-sizing: border-box;">
  <h3>[[Smoky Quartz]]</h3>
  [[File:Test image1.jpg|300px|left|link=Smoky Quartz|style=max-width:100%;]]
</div>
<div style="width: calc(20% - 0.2em); box-sizing: border-box;">
  <h3>[[Smoky Quartz]]</h3>
  [[File:Test image1.jpg|300px|left|link=Smoky Quartz|style=max-width:100%;]]
</div>
<div style="text-align: center; flex-shrink: 0; min-width: 300px;">
        <h3 style="margin: 0;"></h3>
      </div>
    </div>
  </div>


</div>
</div>

Version vom 23. Mai 2025, 20:44 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

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


Kunststoffe

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


Tierische Werkstoffe

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

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

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

Kunststoffe

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

Tierische Werkstoffe

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

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