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 style="width: 100%; max-width: 100%; padding: 0; margin: 0; text-align: center;">
<div style="position: relative; width: 100%; max-width: 100%; padding: 0; margin: 0;">
   <!-- Collapsible Element 1 -->
   <div style="display: flex; flex-wrap: wrap; gap: 1em; justify-content: flex-start; max-width: 100%; padding: 0;">
  <div style="width: 100%; display: block;">
      <!-- Collapsible Element 1 -->
      <div class="mw-collapsible mw-collapsed">
      <div style="flex: 0 0 calc(33.33% - 1em); position: relative;">
        <div class="mw-collapsible-toggle" style="display: inline-block; width: 33.33%; vertical-align: top; text-align: left; padding: 0.5em; box-sizing: border-box;">
        <div class="mw-collapsible mw-collapsed">
            <span class="down">
            <div class="mw-collapsible-toggle" style="float: none;">
              '''Gestein'''
               <span class="down">
              <br>
                  '''Gestein'''
              [[File:Test image1.jpg|thumb|20%|link=Smoky Quartz]]
            </span>
        </div>
        <div class="mw-collapsible-content" style="width: 100vw; margin-left: calc(-50vw + 50%); padding: 1em; box-sizing: border-box; background: #fff; z-index: 10;">
            <div style="display: flex; flex-wrap: wrap; gap: 1em; justify-content: flex-start;">
              <!-- Image Block Start -->
              <div style="flex: 0 0 calc(20% - 1em);">
                  <br>
                  [[File:Test image1.jpg|thumb|20%|link=Smoky Quartz]]
                  <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
              </div>
              <div style="flex: 0 0 calc(20% - 1em);">
                  <br>
                  [[File:Test image1.jpg|thumb|20%|link=Smoky Quartz]]
                  <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
              </div>
              <div style="flex: 0 0 calc(20% - 1em);">
                  <br>
                  [[File:Test image1.jpg|thumb|20%|link=Smoky Quartz]]
                  <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
               </div>
              <div style="flex: 0 0 calc(20% - 1em);">
                   <br>
                   <br>
                   [[File:Test image1.jpg|thumb|20%|link=Smoky Quartz]]  
                   [[File:Test image1.jpg|thumb|20%|link=Smoky Quartz]]
              </span>
                   <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
            </div>
              </div>
            <div class="mw-collapsible-content" style="position: absolute; left: 0; margin-left: 0; width: 100vw; padding: 1em; box-sizing: border-box; background: #fff; z-index: 10;">
              <div style="flex: 0 0 calc(20% - 1em);">
              <div style="display: flex; flex-wrap: wrap; gap: 1em; justify-content: flex-start;">
                   <br>
                  <!-- Image Block Start -->
                   [[File:Test image1.jpg|thumb|20%|link=Smoky Quartz]]
                   <div style="flex: 0 0 calc(20% - 1em);">
                   <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
                    <br>
                    [[File:Test image1.jpg|thumb|20%|link=Smoky Quartz]]
                    <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
                  </div>
                  <div style="flex: 0 0 calc(20% - 1em);">
                    <br>
                    [[File:Test image1.jpg|thumb|20%|link=Smoky Quartz]]
                    <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
                   </div>
                  <div style="flex: 0 0 calc(20% - 1em);">
                    <br>
                    [[File:Test image1.jpg|thumb|20%|link=Smoky Quartz]]
                    <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
                   </div>
                  <div style="flex: 0 0 calc(20% - 1em);">
                    <br>
                    [[File:Test image1.jpg|thumb|20%|link=Smoky Quartz]]
                    <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
                  </div>
                   <div style="flex: 0 0 calc(20% - 1em);">
                    <br>
                    [[File:Test image1.jpg|thumb|20%|link=Smoky Quartz]]
                    <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
                  </div>
               </div>
               </div>
             </div>
             </div>
         </div>
         </div>
       </div>
       </div>
      <!-- Collapsible Element 2 -->
  </div>
      <div style="flex: 0 0 calc(33.33% - 1em); position: relative;">
  <!-- Collapsible Element 2 -->
        <div class="mw-collapsible mw-collapsed">
  <div style="width: 100%; display: block;">
            <div class="mw-collapsible-toggle" style="float: none;">
      <div class="mw-collapsible mw-collapsed">
              <span class="down">
        <div class="mw-collapsible-toggle" style="display: inline-block; width: 33.33%; vertical-align: top; text-align: left; padding: 0.5em; box-sizing: border-box;">
                  '''Gestein'''
            <span class="down">
              '''Gestein'''
              <br>
              [[File:Test image1.jpg|thumb|20%|link=Smoky Quartz]]
            </span>
        </div>
        <div class="mw-collapsible-content" style="width: 100vw; margin-left: calc(-50vw + 50%); padding: 1em; box-sizing: border-box; background: #fff; z-index: 10;">
            <div style="display: flex; flex-wrap: wrap; gap: 1em; justify-content: flex-start;">
              <!-- Image Block Start -->
              <div style="flex: 0 0 calc(20% - 1em);">
                  <br>
                  [[File:Test image1.jpg|thumb|20%|link=Smoky Quartz]]
                  <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
              </div>
              <div style="flex: 0 0 calc(20% - 1em);">
                  <br>
                  [[File:Test image1.jpg|thumb|20%|link=Smoky Quartz]]
                  <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
              </div>
              <div style="flex: 0 0 calc(20% - 1em);">
                  <br>
                  [[File:Test image1.jpg|thumb|20%|link=Smoky Quartz]]
                  <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
              </div>
              <div style="flex: 0 0 calc(20% - 1em);">
                  <br>
                  [[File:Test image1.jpg|thumb|20%|link=Smoky Quartz]]
                  <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
              </div>
              <div style="flex: 0 0 calc(20% - 1em);">
                   <br>
                   <br>
                   [[File:Test image1.jpg|thumb|20%|link=Smoky Quartz]]  
                   [[File:Test image1.jpg|thumb|20%|link=Smoky Quartz]]
              </span>
                   <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
            </div>
            <div class="mw-collapsible-content" style="position: absolute; left: 0; margin-left: -33.33%; width: 100vw; padding: 1em; box-sizing: border-box; background: #fff; z-index: 10;">
              <div style="display: flex; flex-wrap: wrap; gap: 1em; justify-content: flex-start;">
                  <!-- Image Block Start -->
                   <div style="flex: 0 0 calc(20% - 1em);">
                    <br>
                    [[File:Test image1.jpg|thumb|20%|link=Smoky Quartz]]
                    <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
                  </div>
                  <div style="flex: 0 0 calc(20% - 1em);">
                    <br>
                    [[File:Test image1.jpg|thumb|20%|link=Smoky Quartz]]
                    <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
                  </div>
                  <div style="flex: 0 0 calc(20% - 1em);">
                    <br>
                    [[File:Test image1.jpg|thumb|20%|link=Smoky Quartz]]
                    <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
                  </div>
                  <div style="flex: 0 0 calc(20% - 1em);">
                    <br>
                    [[File:Test image1.jpg|thumb|20%|link=Smoky Quartz]]
                    <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
                  </div>
                  <div style="flex: 0 0 calc(20% - 1em);">
                    <br>
                    [[File:Test image1.jpg|thumb|20%|link=Smoky Quartz]]
                    <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
                  </div>
               </div>
               </div>
             </div>
             </div>
         </div>
         </div>
       </div>
       </div>
      <!-- Collapsible Element 3 -->
  </div>
      <div style="flex: 0 0 calc(33.33% - 1em); position: relative;">
  <!-- Collapsible Element 3 -->
        <div class="mw-collapsible mw-collapsed">
  <div style="width: 100%; display: block;">
            <div class="mw-collapsible-toggle" style="float: none;">
      <div class="mw-collapsible mw-collapsed">
              <span class="down">
        <div class="mw-collapsible-toggle" style="display: inline-block; width: 33.33%; vertical-align: top; text-align: left; padding: 0.5em; box-sizing: border-box;">
                  '''Gestein'''
            <span class="down">
              '''Gestein'''
              <br>
              [[File:Test image1.jpg|thumb|20%|link=Smoky Quartz]]
            </span>
        </div>
        <div class="mw-collapsible-content" style="width: 100vw; margin-left: calc(-50vw + 50%); padding: 1em; box-sizing: border-box; background: #fff; z-index: 10;">
            <div style="display: flex; flex-wrap: wrap; gap: 1em; justify-content: flex-start;">
              <!-- Image Block Start -->
              <div style="flex: 0 0 calc(20% - 1em);">
                  <br>
                  [[File:Test image1.jpg|thumb|20%|link=Smoky Quartz]]
                  <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
              </div>
              <div style="flex: 0 0 calc(20% - 1em);">
                   <br>
                   <br>
                   [[File:Test image1.jpg|thumb|20%|link=Smoky Quartz]]  
                   [[File:Test image1.jpg|thumb|20%|link=Smoky Quartz]]
              </span>
                   <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
            </div>
              </div>
            <div class="mw-collapsible-content" style="position: absolute; left: 0; margin-left: -66.66%; width: 100vw; padding: 1em; box-sizing: border-box; background: #fff; z-index: 10;">
              <div style="flex: 0 0 calc(20% - 1em);">
              <div style="display: flex; flex-wrap: wrap; gap: 1em; justify-content: flex-start;">
                  <br>
                  <!-- Image Block Start -->
                  [[File:Test image1.jpg|thumb|20%|link=Smoky Quartz]]
                   <div style="flex: 0 0 calc(20% - 1em);">
                  <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
                    <br>
              </div>
                    [[File:Test image1.jpg|thumb|20%|link=Smoky Quartz]]
              <div style="flex: 0 0 calc(20% - 1em);">
                    <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
                  <br>
                  </div>
                  [[File:Test image1.jpg|thumb|20%|link=Smoky Quartz]]
                  <div style="flex: 0 0 calc(20% - 1em);">
                  <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
                    <br>
              </div>
                    [[File:Test image1.jpg|thumb|20%|link=Smoky Quartz]]
              <div style="flex: 0 0 calc(20% - 1em);">
                    <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
                  <br>
                  </div>
                  [[File:Test image1.jpg|thumb|20%|link=Smoky Quartz]]
                  <div style="flex: 0 0 calc(20% - 1em);">
                   <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
                    <br>
                    [[File:Test image1.jpg|thumb|20%|link=Smoky Quartz]]
                    <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
                  </div>
                  <div style="flex: 0 0 calc(20% - 1em);">
                    <br>
                    [[File:Test image1.jpg|thumb|20%|link=Smoky Quartz]]
                    <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
                  </div>
                   <div style="flex: 0 0 calc(20% - 1em);">
                    <br>
                    [[File:Test image1.jpg|thumb|20%|link=Smoky Quartz]]
                    <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
                  </div>
               </div>
               </div>
             </div>
             </div>

Version vom 19. Mai 2025, 16:00 Uhr