|
|
| (57 intermediate revisions by 3 users not shown) |
| Line 1: |
Line 1: |
| <templatestyles src="Template:CardPages/styles.css" />
| |
|
| |
|
| <!-- Outer banner wrapper -->
| |
| <div class="event-banner">
| |
|
| |
| <!-- Optional background layer (purely visual, not clickable) -->
| |
| <div class="banner-bg-wrapper"></div>
| |
|
| |
| <!-- Foreground content layer -->
| |
| <div class="banner-overlay">
| |
|
| |
| <!-- Flex container that holds ALL 7 elements -->
| |
| <div class="element-container">
| |
|
| |
| <!-- Individual element box -->
| |
| <div class="element-item">
| |
| <!-- Each element has its OWN link -->
| |
| <a href="/wiki/Fire" class="element-link">
| |
| <!-- Image: NO fixed px size so CSS can scale it -->
| |
| [[File:Fire Not Real.png]]
| |
| <!-- Text label -->
| |
| <span class="fire-text">Fire</span>
| |
| </a>
| |
| </div>
| |
|
| |
| <div class="element-item">
| |
| <a href="/wiki/Water" class="element-link">
| |
| [[File:Water.png]]
| |
| <span class="water-text">Water</span>
| |
| </a>
| |
| </div>
| |
|
| |
| <div class="element-item">
| |
| <a href="/wiki/Earth" class="element-link">
| |
| [[File:Earth.png]]
| |
| <span class="earth-text">Earth</span>
| |
| </a>
| |
| </div>
| |
|
| |
| <div class="element-item">
| |
| <a href="/wiki/Air" class="element-link">
| |
| [[File:Air.png]]
| |
| <span class="air-text">Air</span>
| |
| </a>
| |
| </div>
| |
|
| |
| <div class="element-item">
| |
| <a href="/wiki/Voidal" class="element-link">
| |
| [[File:Voidal.png]]
| |
| <span class="voidal-text">Voidal</span>
| |
| </a>
| |
| </div>
| |
|
| |
| <div class="element-item">
| |
| <a href="/wiki/Aetheric" class="element-link">
| |
| [[File:Aetheric.png]]
| |
| <span class="aetheric-text">Aetheric</span>
| |
| </a>
| |
| </div>
| |
|
| |
| <div class="element-item">
| |
| <a href="/wiki/Neutral" class="element-link">
| |
| [[File:Neutral.png]]
| |
| <span class="neutral-text">Neutral</span>
| |
| </a>
| |
| </div>
| |
|
| |
| </div>
| |
| </div>
| |
| </div>
| |
