Aktionen

Test3: Unterschied zwischen den Versionen

Aus exmediawiki

Theo (Diskussion | Beiträge)
Keine Bearbeitungszusammenfassung
Theo (Diskussion | Beiträge)
Keine Bearbeitungszusammenfassung
Zeile 49: Zeile 49:
         <span class="down">
         <span class="down">
             <h5 style="border-bottom: 2px solid black; padding-bottom: 0.2em; font-size: 1.5em; margin: 0;">Holz</h5>
             <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;]]
             [[File:Test image1.jpg|200px|link=Smoky Quartz|style=max-width:100%;height:auto;]]
         </span>
         </span>
       </div>
       </div>
Zeile 55: Zeile 55:
         <div style="flex: 0 0 100%; text-align: center; margin-bottom: 0.5em;">
         <div style="flex: 0 0 100%; text-align: center; margin-bottom: 0.5em;">
             <div style="display: inline-block;">
             <div style="display: inline-block;">
               [[File:Test image2.jpg|200px|link=Wood|style=max-width:100%;height:auto;]]
               [[File:Test image1.jpg|200px|link=Smoky Quartz|style=max-width:100%;height:auto;]]
               <div style="margin-top: 0.5em;">[[Wood]]</div>
               <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>
        <!-- Add more image blocks as needed -->
       </div>
       </div>
   </div>
   </div>
Zeile 67: Zeile 90:
         <span class="down">
         <span class="down">
             <h5 style="border-bottom: 2px solid black; padding-bottom: 0.2em; font-size: 1.5em; margin: 0;">Tierische Werkstoffe</h5>
             <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;]]
             [[File:Test image1.jpg|200px|link=Smoky Quartz|style=max-width:100%;height:auto;]]
         </span>
         </span>
       </div>
       </div>
Zeile 73: Zeile 96:
         <div style="flex: 0 0 100%; text-align: center; margin-bottom: 0.5em;">
         <div style="flex: 0 0 100%; text-align: center; margin-bottom: 0.5em;">
             <div style="display: inline-block;">
             <div style="display: inline-block;">
               [[File:Test image3.jpg|200px|link=Leather|style=max-width:100%;height:auto;]]
               [[File:Test image1.jpg|200px|link=Smoky Quartz|style=max-width:100%;height:auto;]]
               <div style="margin-top: 0.5em;">[[Leather]]</div>
               <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>
        <!-- Add more image blocks as needed -->
      </div>
  </div>
  <!-- Fourth Column (Placeholder) -->
  <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;">Pflanzliche Werkstoffe</h5>
            [[File:Test image4.jpg|200px|link=Cotton|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;">
         <div style="flex: 0 0 100%; text-align: center; margin-bottom: 0.5em;">
         <div style="flex: 0 0 100%; text-align: center; margin-bottom: 0.5em;">
             <div style="display: inline-block;">
             <div style="display: inline-block;">
               [[File:Test image4.jpg|200px|link=Cotton|style=max-width:100%;height:auto;]]
               [[File:Test image1.jpg|200px|link=Smoky Quartz|style=max-width:100%;height:auto;]]
               <div style="margin-top: 0.5em;">[[Cotton]]</div>
               <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
             </div>
             </div>
         </div>
         </div>
        <!-- Add more image blocks as needed -->
       </div>
       </div>
   </div>
   </div>
Zeile 101: Zeile 129:


<h2 style="border-bottom: 2px solid black; padding-bottom: 0; margin: 0 0 0.5em 0;">Synthetic materials</h2>
<h2 style="border-bottom: 2px solid black; padding-bottom: 0; margin: 0 0 0.5em 0;">Synthetic materials</h2>
<div style="display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; margin-bottom: 20px;">
<div style="display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; margin-bottom: 50px;">
   <!-- Kunststoff -->
   <!-- Gestein -->
   <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" style="text-align: left; width: 100%; padding: 0;">
         <span class="down">
         <span class="down">
             <h5 style="border-bottom: 2px solid black; padding-bottom: 0.2em; font-size: 1.5em; margin: 0;">Kunststoff</h5>
             <h5 style="border-bottom: 2px solid black; padding-bottom: 0.2em; font-size: 1.5em; margin: 0;">Gestein</h5>
             [[File:Test image5.jpg|200px|link=Plastic|style=max-width:100%;height:auto;]]
             [[File:Test image1.jpg|200px|link=Smoky Quartz|style=max-width:100%;height:auto;]]
         </span>
         </span>
       </div>
       </div>
Zeile 113: Zeile 141:
         <div style="flex: 0 0 100%; text-align: center; margin-bottom: 0.5em;">
         <div style="flex: 0 0 100%; text-align: center; margin-bottom: 0.5em;">
             <div style="display: inline-block;">
             <div style="display: inline-block;">
               [[File:Test image5.jpg|200px|link=Plastic|style=max-width:100%;height:auto;]]
               [[File:Test image1.jpg|200px|link=Smoky Quartz|style=max-width:100%;height:auto;]]
               <div style="margin-top: 0.5em;">[[Plastic]]</div>
               <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>
        <!-- Add more image blocks as needed -->
       </div>
       </div>
   </div>
   </div>
   <!-- Metall -->
   <!-- Holz -->
   <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" style="text-align: left; width: 100%; padding: 0;">
         <span class="down">
         <span class="down">
             <h5 style="border-bottom: 2px solid black; padding-bottom: 0.2em; font-size: 1.5em; margin: 0;">Metall</h5>
             <h5 style="border-bottom: 2px solid black; padding-bottom: 0.2em; font-size: 1.5em; margin: 0;">Holz</h5>
             [[File:Test image6.jpg|200px|link=Metal|style=max-width:100%;height:auto;]]
             [[File:Test image1.jpg|200px|link=Smoky Quartz|style=max-width:100%;height:auto;]]
         </span>
         </span>
       </div>
       </div>
Zeile 131: Zeile 182:
         <div style="flex: 0 0 100%; text-align: center; margin-bottom: 0.5em;">
         <div style="flex: 0 0 100%; text-align: center; margin-bottom: 0.5em;">
             <div style="display: inline-block;">
             <div style="display: inline-block;">
               [[File:Test image6.jpg|200px|link=Metal|style=max-width:100%;height:auto;]]
               [[File:Test image1.jpg|200px|link=Smoky Quartz|style=max-width:100%;height:auto;]]
               <div style="margin-top: 0.5em;">[[Metal]]</div>
               <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>
        <!-- Add more image blocks as needed -->
       </div>
       </div>
   </div>
   </div>
   <!-- Keramik -->
   <!-- Tierische Werkstoffe -->
   <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" style="text-align: left; width: 100%; padding: 0;">
         <span class="down">
         <span class="down">
             <h5 style="border-bottom: 2px solid black; padding-bottom: 0.2em; font-size: 1.5em; margin: 0;">Keramik</h5>
             <h5 style="border-bottom: 2px solid black; padding-bottom: 0.2em; font-size: 1.5em; margin: 0;">Tierische Werkstoffe</h5>
             [[File:Test image7.jpg|200px|link=Ceramic|style=max-width:100%;height:auto;]]
             [[File:Test image1.jpg|200px|link=Smoky Quartz|style=max-width:100%;height:auto;]]
         </span>
         </span>
       </div>
       </div>
Zeile 149: Zeile 223:
         <div style="flex: 0 0 100%; text-align: center; margin-bottom: 0.5em;">
         <div style="flex: 0 0 100%; text-align: center; margin-bottom: 0.5em;">
             <div style="display: inline-block;">
             <div style="display: inline-block;">
               [[File:Test image7.jpg|200px|link=Ceramic|style=max-width:100%;height:auto;]]
               [[File:Test image1.jpg|200px|link=Smoky Quartz|style=max-width:100%;height:auto;]]
               <div style="margin-top: 0.5em;">[[Ceramic]]</div>
               <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>
        <!-- Add more image blocks as needed -->
      </div>
  </div>
  <!-- Glas -->
  <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;">Glas</h5>
            [[File:Test image8.jpg|200px|link=Glass|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;">
         <div style="flex: 0 0 100%; text-align: center; margin-bottom: 0.5em;">
         <div style="flex: 0 0 100%; text-align: center; margin-bottom: 0.5em;">
             <div style="display: inline-block;">
             <div style="display: inline-block;">
               [[File:Test image8.jpg|200px|link=Glass|style=max-width:100%;height:auto;]]
               [[File:Test image1.jpg|200px|link=Smoky Quartz|style=max-width:100%;height:auto;]]
               <div style="margin-top: 0.5em;">[[Glass]]</div>
               <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
             </div>
             </div>
         </div>
         </div>
        <!-- Add more image blocks as needed -->
       </div>
       </div>
   </div>
   </div>
</div>
</div>

Version vom 20. Mai 2025, 13:44 Uhr