Aktionen

Test3: Unterschied zwischen den Versionen

Aus exmediawiki

Theo (Diskussion | Beiträge)
Keine Bearbeitungszusammenfassung
Theo (Diskussion | Beiträge)
Keine Bearbeitungszusammenfassung
Zeile 9: Zeile 9:
       </span>
       </span>
   </div>
   </div>
   <div class="mw-collapsible-content" style="position: relative; width: 100vw; left: calc(-25% - 1em); margin-top: 1em;">
   <div class="mw-collapsible-content" style="position: absolute; left: 0; width: 100%; margin-top: 0.5em;">
       <div style="display: flex; flex-wrap: wrap; gap: 1em; justify-content: flex-start; padding: 1em; border: 1px solid #ddd; background-color: #f9f9f9;">
       <div style="display: flex; flex-wrap: wrap; gap: 1em; justify-content: flex-start;">
         <!-- Image Block Start -->
         <!-- Image Block Start -->
         <div style="flex: 0 0 calc(20% - 1em);">
         <div style="flex: 0 0 calc(20% - 1em);">
Zeile 41: Zeile 41:
       <span class="down">
       <span class="down">
         '''Mineralien'''<br>
         '''Mineralien'''<br>
         [[File:Test image2.jpg|150px|link=Amethyst]]  
         [[File:Test image1.jpg|150px|link=Smoky Quartz]]  
       </span>
       </span>
   </div>
   </div>
   <div class="mw-collapsible-content" style="position: relative; width: 100vw; left: calc(-50% - 1em); margin-top: 1em;">
   <div class="mw-collapsible-content" style="position: absolute; left: 0; width: 100%; margin-top: 0.5em;">
       <div style="display: flex; flex-wrap: wrap; gap: 1em; justify-content: flex-start; padding: 1em; border: 1px solid #ddd; background-color: #f9f9f9;">
       <div style="display: flex; flex-wrap: wrap; gap: 1em; justify-content: flex-start;">
         <!-- Image Block Start -->
         <!-- Image Block Start -->
         <div style="flex: 0 0 calc(20% - 1em);">
         <div style="flex: 0 0 calc(20% - 1em);">
             [[File:Test image2.jpg|150px|link=Amethyst]]
             [[File:Test image1.jpg|150px|link=Smoky Quartz]]
             <div style="margin-top: 0.5em;">[[Amethyst]]</div>
             <div style="margin-top: 0.5em;">[[Amethyst]]</div>
         </div>
         </div>
         <div style="flex: 0 0 calc(20% - 1em);">
         <div style="flex: 0 0 calc(20% - 1em);">
             [[File:Test image2.jpg|150px|link=Amethyst]]
             [[File:Test image1.jpg|150px|link=Smoky Quartz]]
             <div style="margin-top: 0.5em;">[[Amethyst]]</div>
             <div style="margin-top: 0.5em;">[[Amethyst]]</div>
         </div>
         </div>
         <div style="flex: 0 0 calc(20% - 1em);">
         <div style="flex: 0 0 calc(20% - 1em);">
             [[File:Test image2.jpg|150px|link=Amethyst]]
             [[File:Test image1.jpg|150px|link=Smoky Quartz]]
             <div style="margin-top: 0.5em;">[[Amethyst]]</div>
             <div style="margin-top: 0.5em;">[[Amethyst]]</div>
         </div>
         </div>
Zeile 68: Zeile 68:
       <span class="down">
       <span class="down">
         '''Fossilien'''<br>
         '''Fossilien'''<br>
         [[File:Test image3.jpg|150px|link=Fossil]]  
         [[File:Test image1.jpg|150px|link=Smoky Quartz]]  
       </span>
       </span>
   </div>
   </div>
   <div class="mw-collapsible-content" style="position: relative; width: 100vw; left: calc(-75% - 1em); margin-top: 1em;">
   <div class="mw-collapsible-content" style="position: absolute; left: 0; width: 100%; margin-top: 0.5em;">
       <div style="display: flex; flex-wrap: wrap; gap: 1em; justify-content: flex-start; padding: 1em; border: 1px solid #ddd; background-color: #f9f9f9;">
       <div style="display: flex; flex-wrap: wrap; gap: 1em; justify-content: flex-start;">
         <!-- Image Block Start -->
         <!-- Image Block Start -->
         <div style="flex: 0 0 calc(20% - 1em);">
         <div style="flex: 0 0 calc(20% - 1em);">
             [[File:Test image3.jpg|150px|link=Fossil]]
             [[File:Test image1.jpg|150px|link=Smoky Quartz]]
             <div style="margin-top: 0.5em;">[[Fossil]]</div>
             <div style="margin-top: 0.5em;">[[Fossil]]</div>
         </div>
         </div>
         <div style="flex: 0 0 calc(20% - 1em);">
         <div style="flex: 0 0 calc(20% - 1em);">
             [[File:Test image3.jpg|150px|link=Fossil]]
             [[File:Test image1.jpg|150px|link=Smoky Quartz]]
             <div style="margin-top: 0.5em;">[[Fossil]]</div>
             <div style="margin-top: 0.5em;">[[Fossil]]</div>
         </div>
         </div>
Zeile 91: Zeile 91:
       <span class="down">
       <span class="down">
         '''Edelsteine'''<br>
         '''Edelsteine'''<br>
         [[File:Test image4.jpg|150px|link=Diamond]]  
         [[File:Test image1.jpg|150px|link=Smoky Quartz]]  
       </span>
       </span>
   </div>
   </div>
   <div class="mw-collapsible-content" style="position: relative; width: 100vw; left: calc(-100% - 1em); margin-top: 1em;">
   <div class="mw-collapsible-content" style="position: absolute; left: 0; width: 100%; margin-top: 0.5em;">
       <div style="display: flex; flex-wrap: wrap; gap: 1em; justify-content: flex-start; padding: 1em; border: 1px solid #ddd; background-color: #f9f9f9;">
       <div style="display: flex; flex-wrap: wrap; gap: 1em; justify-content: flex-start;">
         <!-- Image Block Start -->
         <!-- Image Block Start -->
         <div style="flex: 0 0 calc(20% - 1em);">
         <div style="flex: 0 0 calc(20% - 1em);">
             [[File:Test image4.jpg|150px|link=Diamond]]
             [[File:Test image1.jpg|150px|link=Smoky Quartz]]
             <div style="margin-top: 0.5em;">[[Diamond]]</div>
             <div style="margin-top: 0.5em;">[[Diamond]]</div>
         </div>
         </div>
         <div style="flex: 0 0 calc(20% - 1em);">
         <div style="flex: 0 0 calc(20% - 1em);">
             [[File:Test image4.jpg|150px|link=Diamond]]
             [[File:Test image1.jpg|150px|link=Smoky Quartz]]
             <div style="margin-top: 0.5em;">[[Diamond]]</div>
             <div style="margin-top: 0.5em;">[[Diamond]]</div>
         </div>
         </div>
Zeile 110: Zeile 110:


</div>
</div>
<!-- This is a spacer div that ensures content below gets pushed down -->
<div style="width: 100%; clear: both; margin-bottom: 2em;"></div>

Version vom 19. Mai 2025, 16:55 Uhr