Aktionen

Test3: Unterschied zwischen den Versionen

Aus exmediawiki

Theo (Diskussion | Beiträge)
Keine Bearbeitungszusammenfassung
Theo (Diskussion | Beiträge)
Keine Bearbeitungszusammenfassung
 
(35 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
Zeile 1: Zeile 1:
<div class="wikitable" style="border: none; background: transparent;">
__NOTOC__
<div style="display: flex; flex-wrap: wrap; gap: 1em; justify-content: space-between; width: 100%;">


<!-- First category -->
 
<div style="flex: 0 0 calc(25% - 1em); text-align: center;">
<h2 style="border-bottom: 2px solid black; padding-bottom: 0em;">
<div class="mw-collapsible mw-collapsed">
  Materials
   <div class="mw-collapsible-toggle" style="float: none; text-align: center; cursor: pointer;">
</h2>
<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">
       <span class="down">
        '''Gestein'''<br>
<h5 style="border-bottom: padding-bottom: 1em; font-size: 1.5em;">
        [[File:Test image1.jpg|150px|link=Smoky Quartz]]  
  Holz
</h5>
[[File:Test image1.jpg|300px|left|link=Smoky Quartz]]  
       </span>
       </span>
   </div>
   </div>
   <div class="mw-collapsible-content" style="display: none;">
   <div class="mw-collapsible-content" style="width: 100%; margin: 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: flex-start;">
       <!-- This is an empty placeholder -->
       <div style="width: 100%; height: 15px;">
   </div>
</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>
</div>


<!-- Second category -->
<!-- First collapsible item -->
<div style="flex: 0 0 calc(25% - 1em); text-align: center;">
<div class="mw-collapsible mw-collapsed" style="flex: 0 0 calc(25% - 0.1em); position: relative;">
<div class="mw-collapsible mw-collapsed">
   <div class="mw-collapsible-toggle">
   <div class="mw-collapsible-toggle" style="float: none; text-align: center; cursor: pointer;">
       <span class="down">
       <span class="down">
        '''Mineralien'''<br>
<h5 style="border-bottom: padding-bottom: 1em; font-size: 1.5em;">
        [[File:Test image2.jpg|150px|link=Amethyst]]  
  Holz
</h5>
[[File:Test image1.jpg|300px|left|link=Smoky Quartz]]  
       </span>
       </span>
   </div>
   </div>
   <div class="mw-collapsible-content" style="display: none;">
   <div class="mw-collapsible-content" style="width: 100%; margin: 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: flex-start;">
       <!-- This is an empty placeholder -->
       <div style="width: 100%; height: 15px;">
   </div>
</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>
</div>


<!-- Third category -->
<!-- First collapsible item -->
<div style="flex: 0 0 calc(25% - 1em); text-align: center;">
<div class="mw-collapsible mw-collapsed" style="flex: 0 0 calc(25% - 0.1em); position: relative;">
<div class="mw-collapsible mw-collapsed">
   <div class="mw-collapsible-toggle">
   <div class="mw-collapsible-toggle" style="float: none; text-align: center; cursor: pointer;">
       <span class="down">
       <span class="down">
        '''Fossilien'''<br>
<h5 style="border-bottom: padding-bottom: 1em; font-size: 1.5em;">
        [[File:Test image3.jpg|150px|link=Fossil]]  
  Holz
</h5>
[[File:Test image1.jpg|300px|left|link=Smoky Quartz]]  
       </span>
       </span>
   </div>
   </div>
   <div class="mw-collapsible-content" style="display: none;">
   <div class="mw-collapsible-content" style="width: 100%; margin: 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: flex-start;">
       <!-- This is an empty placeholder -->
       <div style="width: 100%; height: 15px;">
   </div>
</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>
</div>


<!-- Fourth category -->
<!-- First collapsible item -->
<div style="flex: 0 0 calc(25% - 1em); text-align: center;">
<div class="mw-collapsible mw-collapsed" style="flex: 0 0 calc(25% - 0.1em); position: relative;">
<div class="mw-collapsible mw-collapsed">
   <div class="mw-collapsible-toggle">
   <div class="mw-collapsible-toggle" style="float: none; text-align: center; cursor: pointer;">
       <span class="down">
       <span class="down">
        '''Edelsteine'''<br>
<h5 style="border-bottom: padding-bottom: 1em; font-size: 1.5em;">
        [[File:Test image4.jpg|150px|link=Diamond]]  
  Holz
</h5>
[[File:Test image1.jpg|300px|left|link=Smoky Quartz]]  
       </span>
       </span>
   </div>
   </div>
   <div class="mw-collapsible-content" style="display: none;">
   <div class="mw-collapsible-content" style="width: 100%; margin: 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: flex-start;">
      <!-- This is an empty placeholder -->
      <div style="width: 100%; height: 15px;">
  </div>
</div>
</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>
 
<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>
<!-- Row for full-width content areas -->
   [[File:Test image1.jpg|300px|left|link=Smoky Quartz|style=max-width:100%;]]
<div style="clear: both; width: 100%;">
  <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
 
<!-- Gestein content section -->
<div class="mw-collapsible mw-collapsed" id="gestein-section">
  <div class="mw-collapsible-toggle" style="display: none;">
      <span>Gestein Content</span>
  </div>
   <div class="mw-collapsible-content">
      <div style="display: flex; flex-wrap: wrap; gap: 1em; justify-content: flex-start; padding: 1em; border: 1px solid #ddd; background-color: #f9f9f9; margin-top: 1em; margin-bottom: 1em;">
        <!-- Image Block Start -->
        <div style="flex: 0 0 calc(20% - 1em);">
            [[File:Test image1.jpg|150px|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|150px|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|150px|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|150px|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|150px|link=Smoky Quartz]]
            <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
        </div>
      </div>
  </div>
</div>
</div>
 
<div>
<!-- Mineralien content section -->
   [[File:Test image1.jpg|300px|left|link=Smoky Quartz|style=max-width:100%;]]
<div class="mw-collapsible mw-collapsed" id="mineralien-section">
  <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
   <div class="mw-collapsible-toggle" style="display: none;">
      <span>Mineralien Content</span>
  </div>
  <div class="mw-collapsible-content">
      <div style="display: flex; flex-wrap: wrap; gap: 1em; justify-content: flex-start; padding: 1em; border: 1px solid #ddd; background-color: #f9f9f9; margin-top: 1em; margin-bottom: 1em;">
        <!-- Image Block Start -->
        <div style="flex: 0 0 calc(20% - 1em);">
            [[File:Test image2.jpg|150px|link=Amethyst]]
            <div style="margin-top: 0.5em;">[[Amethyst]]</div>
        </div>
        <div style="flex: 0 0 calc(20% - 1em);">
            [[File:Test image2.jpg|150px|link=Amethyst]]
            <div style="margin-top: 0.5em;">[[Amethyst]]</div>
        </div>
        <div style="flex: 0 0 calc(20% - 1em);">
            [[File:Test image2.jpg|150px|link=Amethyst]]
            <div style="margin-top: 0.5em;">[[Amethyst]]</div>
        </div>
      </div>
  </div>
</div>
</div>
 
<div>
<!-- Fossilien content section -->
   [[File:Test image1.jpg|300px|left|link=Smoky Quartz|style=max-width:100%;]]
<div class="mw-collapsible mw-collapsed" id="fossilien-section">
  <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
  <div class="mw-collapsible-toggle" style="display: none;">
      <span>Fossilien Content</span>
  </div>
   <div class="mw-collapsible-content">
      <div style="display: flex; flex-wrap: wrap; gap: 1em; justify-content: flex-start; padding: 1em; border: 1px solid #ddd; background-color: #f9f9f9; margin-top: 1em; margin-bottom: 1em;">
        <!-- Image Block Start -->
        <div style="flex: 0 0 calc(20% - 1em);">
            [[File:Test image3.jpg|150px|link=Fossil]]
            <div style="margin-top: 0.5em;">[[Fossil]]</div>
        </div>
        <div style="flex: 0 0 calc(20% - 1em);">
            [[File:Test image3.jpg|150px|link=Fossil]]
            <div style="margin-top: 0.5em;">[[Fossil]]</div>
        </div>
      </div>
  </div>
</div>
</div>
<!-- Edelsteine content section -->
<div class="mw-collapsible mw-collapsed" id="edelsteine-section">
  <div class="mw-collapsible-toggle" style="display: none;">
      <span>Edelsteine Content</span>
  </div>
  <div class="mw-collapsible-content">
      <div style="display: flex; flex-wrap: wrap; gap: 1em; justify-content: flex-start; padding: 1em; border: 1px solid #ddd; background-color: #f9f9f9; margin-top: 1em; margin-bottom: 1em;">
        <!-- Image Block Start -->
        <div style="flex: 0 0 calc(20% - 1em);">
            [[File:Test image4.jpg|150px|link=Diamond]]
            <div style="margin-top: 0.5em;">[[Diamond]]</div>
        </div>
        <div style="flex: 0 0 calc(20% - 1em);">
            [[File:Test image4.jpg|150px|link=Diamond]]
            <div style="margin-top: 0.5em;">[[Diamond]]</div>
        </div>
      </div>
  </div>
</div>
</div>
</div>
</div>


<!-- Instructions for wiki editors -->
{{__NOEDITSECTION__}}
{{#tag:imagemap|
Image:Transparent.png|100x100px|
rect 0 0 100 100 [[#gestein-section|Gestein]]
desc none
}}


{{#tag:imagemap|
Image:Transparent.png|100x100px|
rect 0 0 100 100 [[#mineralien-section|Mineralien]]
desc none
}}


{{#tag:imagemap|
</div>
Image:Transparent.png|100x100px|
rect 0 0 100 100 [[#fossilien-section|Fossilien]]
desc none
}}


{{#tag:imagemap|
<!-- Content that follows the collapsible section -->
Image:Transparent.png|100x100px|
<div style="width: 100%;">
rect 0 0 100 100 [[#edelsteine-section|Edelsteine]]
</div>
desc none
}}

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