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="display: flex; flex-wrap: wrap; gap: 1em;">
  <!-- Collapsible Element 1 -->
 
  <div style="width: 100%; display: block;">
<!-- Tile 1 -->
      <div class="mw-collapsible mw-collapsed">
<div style="flex: 0 0 calc(20% - 1em);">
        <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;">
 
            <span class="down">
<div class="mw-collapsible mw-collapsed">
              '''Gestein'''
  <div class="mw-collapsible-toggle" style="float: none;">
              <br>
  <span class="down">[[File:Test image1.jpg|300x200px|center]] Gestein</span>
              [[File:Test image1.jpg|thumb|20%|link=Smoky Quartz]]  
  </div>
            </span>
<div class="mw-collapsible-content">
        </div>
<div class="mw-collapsible-content" style="margin-top: 1em; display: flex; gap: 1em; justify-content: flex-start; flex-wrap: nowrap; overflow-x: auto;">
        <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;">
      <div style="flex: 0 0 auto; text-align: center;">
              <!-- Image Block Start -->
        [[File:Test image1.jpg|300x200px|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="margin-top: 0.5em;">[[Smoky Quartz]]</div>
      <div style="flex: 0 0 auto; text-align: center;">
              </div>
        [[File:Test image1.jpg|300x200px|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="margin-top: 0.5em;">[[Smoky Quartz]]</div>
      <div style="flex: 0 0 auto; text-align: center;">
              </div>
        [[File:Test image1.jpg|300x200px|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>
  </div>
 
  <!-- Collapsible Element 2 -->
       <div style="flex: 0 0 auto; text-align: center;">
  <div style="width: 100%; display: block;">
        [[File:Test image1.jpg|300x200px|link=Smoky Quartz]]
       <div class="mw-collapsible mw-collapsed">
        <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
        <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;">
            <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>
                  [[File:Test image1.jpg|thumb|20%|link=Smoky Quartz]]
                  <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
              </div>
            </div>
        </div>
       </div>
       </div>
  </div>
 
  <!-- Collapsible Element 3 -->
       <div style="flex: 0 0 auto; text-align: center;">
  <div style="width: 100%; display: block;">
        [[File:Test image1.jpg|300x200px|link=Smoky Quartz]]
       <div class="mw-collapsible mw-collapsed">
        <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
        <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;">
            <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>
                  [[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>
</div>

Version vom 19. Mai 2025, 16:15 Uhr