Aktionen

Test3: Unterschied zwischen den Versionen

Aus exmediawiki

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


<!-- First 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% - 1em); margin-bottom: 1em;">
<div class="mw-collapsible mw-collapsed">
   <div class="mw-collapsible-toggle" style="float: none; text-align: center;">
   <div class="mw-collapsible-toggle" style="float: none; text-align: center; cursor: pointer;">
       <span class="down">
       <span class="down">
         '''Gestein'''<br>
         '''Gestein'''<br>
Zeile 11: Zeile 9:
       </span>
       </span>
   </div>
   </div>
   <div class="mw-collapsible-content" style="display: none;">
   <div class="mw-collapsible-content" style="position: relative; width: 100vw; left: calc(-25% - 1em); margin-top: 1em;">
      <!-- This is an empty placeholder -->
       <div style="display: flex; flex-wrap: wrap; gap: 1em; justify-content: flex-start; padding: 1em; border: 1px solid #ddd; background-color: #f9f9f9;">
  </div>
</div>
</div>
 
<!-- Second category -->
<div style="flex: 0 0 calc(25% - 1em); text-align: center;">
<div class="mw-collapsible mw-collapsed">
  <div class="mw-collapsible-toggle" style="float: none; text-align: center; cursor: pointer;">
      <span class="down">
        '''Mineralien'''<br>
        [[File:Test image2.jpg|150px|link=Amethyst]]
      </span>
  </div>
  <div class="mw-collapsible-content" style="display: none;">
      <!-- This is an empty placeholder -->
  </div>
</div>
</div>
 
<!-- Third category -->
<div style="flex: 0 0 calc(25% - 1em); text-align: center;">
<div class="mw-collapsible mw-collapsed">
  <div class="mw-collapsible-toggle" style="float: none; text-align: center; cursor: pointer;">
      <span class="down">
        '''Fossilien'''<br>
        [[File:Test image3.jpg|150px|link=Fossil]]
      </span>
  </div>
  <div class="mw-collapsible-content" style="display: none;">
      <!-- This is an empty placeholder -->
  </div>
</div>
</div>
 
<!-- Fourth category -->
<div style="flex: 0 0 calc(25% - 1em); text-align: center;">
<div class="mw-collapsible mw-collapsed">
  <div class="mw-collapsible-toggle" style="float: none; text-align: center; cursor: pointer;">
      <span class="down">
        '''Edelsteine'''<br>
        [[File:Test image4.jpg|150px|link=Diamond]]
      </span>
  </div>
  <div class="mw-collapsible-content" style="display: none;">
      <!-- This is an empty placeholder -->
  </div>
</div>
</div>
 
</div>
 
<!-- Row for full-width content areas -->
<div style="clear: both; width: 100%;">
 
<!-- 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 -->
         <!-- Image Block Start -->
         <div style="flex: 0 0 calc(20% - 1em);">
         <div style="flex: 0 0 calc(20% - 1em);">
Zeile 99: Zeile 36:
</div>
</div>


<!-- Mineralien content section -->
<!-- Second collapsible item -->
<div class="mw-collapsible mw-collapsed" id="mineralien-section">
<div class="mw-collapsible mw-collapsed" style="flex: 0 0 calc(25% - 1em); margin-bottom: 1em;">
   <div class="mw-collapsible-toggle" style="display: none;">
   <div class="mw-collapsible-toggle" style="float: none; text-align: center;">
       <span>Mineralien Content</span>
       <span class="down">
        '''Mineralien'''<br>
        [[File:Test image2.jpg|150px|link=Amethyst]]
      </span>
   </div>
   </div>
   <div class="mw-collapsible-content">
   <div class="mw-collapsible-content" style="position: relative; width: 100vw; left: calc(-50% - 1em); margin-top: 1em;">
       <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;">
       <div style="display: flex; flex-wrap: wrap; gap: 1em; justify-content: flex-start; padding: 1em; border: 1px solid #ddd; background-color: #f9f9f9;">
         <!-- Image Block Start -->
         <!-- Image Block Start -->
         <div style="flex: 0 0 calc(20% - 1em);">
         <div style="flex: 0 0 calc(20% - 1em);">
Zeile 123: Zeile 63:
</div>
</div>


<!-- Fossilien content section -->
<!-- Third collapsible item -->
<div class="mw-collapsible mw-collapsed" id="fossilien-section">
<div class="mw-collapsible mw-collapsed" style="flex: 0 0 calc(25% - 1em); margin-bottom: 1em;">
   <div class="mw-collapsible-toggle" style="display: none;">
   <div class="mw-collapsible-toggle" style="float: none; text-align: center;">
       <span>Fossilien Content</span>
       <span class="down">
        '''Fossilien'''<br>
        [[File:Test image3.jpg|150px|link=Fossil]]
      </span>
   </div>
   </div>
   <div class="mw-collapsible-content">
   <div class="mw-collapsible-content" style="position: relative; width: 100vw; left: calc(-75% - 1em); margin-top: 1em;">
       <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;">
       <div style="display: flex; flex-wrap: wrap; gap: 1em; justify-content: flex-start; padding: 1em; border: 1px solid #ddd; background-color: #f9f9f9;">
         <!-- Image Block Start -->
         <!-- Image Block Start -->
         <div style="flex: 0 0 calc(20% - 1em);">
         <div style="flex: 0 0 calc(20% - 1em);">
Zeile 143: Zeile 86:
</div>
</div>


<!-- Edelsteine content section -->
<!-- Fourth collapsible item -->
<div class="mw-collapsible mw-collapsed" id="edelsteine-section">
<div class="mw-collapsible mw-collapsed" style="flex: 0 0 calc(25% - 1em); margin-bottom: 1em;">
   <div class="mw-collapsible-toggle" style="display: none;">
   <div class="mw-collapsible-toggle" style="float: none; text-align: center;">
       <span>Edelsteine Content</span>
       <span class="down">
        '''Edelsteine'''<br>
        [[File:Test image4.jpg|150px|link=Diamond]]
      </span>
   </div>
   </div>
   <div class="mw-collapsible-content">
   <div class="mw-collapsible-content" style="position: relative; width: 100vw; left: calc(-100% - 1em); margin-top: 1em;">
       <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;">
       <div style="display: flex; flex-wrap: wrap; gap: 1em; justify-content: flex-start; padding: 1em; border: 1px solid #ddd; background-color: #f9f9f9;">
         <!-- Image Block Start -->
         <!-- Image Block Start -->
         <div style="flex: 0 0 calc(20% - 1em);">
         <div style="flex: 0 0 calc(20% - 1em);">
Zeile 165: Zeile 111:
</div>
</div>


<!-- Instructions for wiki editors -->
<!-- This is a spacer div that ensures content below gets pushed down -->
{{__NOEDITSECTION__}}
<div style="width: 100%; clear: both; margin-bottom: 2em;"></div>
{{#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|
Image:Transparent.png|100x100px|
rect 0 0 100 100 [[#fossilien-section|Fossilien]]
desc none
}}
 
{{#tag:imagemap|
Image:Transparent.png|100x100px|
rect 0 0 100 100 [[#edelsteine-section|Edelsteine]]
desc none
}}

Version vom 19. Mai 2025, 16:54 Uhr