|
|
| (38 intermediate revisions by 2 users not shown) |
| Line 1: |
Line 1: |
| <templatestyles src="Template:CardPages/styles.css" /> | | <templatestyles src="Template:CardPages/styles.css"/> |
| <div class="event-banner"> | | <div class = "main-banner"> |
| | | <div class="main-overlay" > |
| <!-- Foreground content layer -->
| | <div class="element-item" href="/wiki/Cards/Fire"> |
| | | [[File:Djinn Test.png]] |
| | | </div> |
| <!-- Flex container that holds ALL 7 elements -->
| | <div class="text-item"> |
| <div class=" element- container"> | | [[Affinities|<span style= "color:#777">'''Affinity'''</span>]]: [[Affinities/Air|<span style = "color:#3FE0D0">Air</span>]] |
| | | </div> |
| <!-- Individual element box -->
| | <div class="text-header"> |
| <div class="element-item element-link"> | | '''Stats''' |
| [[File:Fire Not Real.png|link=Cards/Fire]]
| | </div> |
| <span class="element-link">[[Cards/Fire|<span style="color: red">Fire</span>]]</span>
| | <div class = "text-item"> |
| | <div class="grid-container"> |
| | <div class="item1"> Mana: 8 </div> |
| | <div class="item2"> ATK: 6 </div> |
| | <div class="item3"> HP: 5 </div> |
| | <div class="item1"> Move: 3 </div> |
| | </div> |
| | </div> |
| | </div> |
| | </div> |
| | <div class="header-banner"> |
| | <div class="header-overlay"> |
| | <span class = "text-header" style="font-size:48px">'''Djinn of Dreams'''</span> |
| </div> | | </div> |
|
| |
| <div class="element-item">
| |
| <div data-href="/wiki/Water" class="element-link">
| |
| [[File:Fire Not Real.png]]
| |
| <span class="water-text element-link">Water</span>
| |
| </div>
| |
| </div>
| |
|
| |
| <div class="element-item">
| |
| <div data-href="/wiki/Earth" class="element-link">
| |
| [[File:Fire Not Real.png]]
| |
| <span class="earth-text element-link">Earth</span>
| |
| </div>
| |
| </div>
| |
|
| |
| <div class="element-item">
| |
| <div data-href="/wiki/Air" class="element-link">
| |
| [[File:Fire Not Real.png]]
| |
| <span class="air-text element-link">Air</span>
| |
| </div>
| |
| </div>
| |
|
| |
| <div class="element-item">
| |
| <div data-href="/wiki/Voidal" class="element-link">
| |
| [[File:Fire Not Real.png]]
| |
| <span class="voidal-text element-link">Voidal</span>
| |
| </div>
| |
| </div>
| |
|
| |
| <div class="element-item">
| |
| <div data-href="/wiki/Aetheric" class="element-link">
| |
| [[File:Fire Not Real.png]]
| |
| <span class="aetheric-text element-link">Aetheric</span>
| |
| </div>
| |
| </div>
| |
|
| |
| <div class="element-item">
| |
| <div data-href="/wiki/Neutral" class="element-link">
| |
| [[File:Fire Not Real.png]]
| |
| <span class="neutral-text element-link">Neutral</span>
| |
|
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div> | | </div> |
| </div>
| |
