|
|
| (7 intermediate revisions by one other user not shown) |
| Line 1: |
Line 1: |
| <!-- Template:SpellList (Headerless Version) --> | | <includeonly> |
| <div style="background-color:#DFF3EA; border:2px solid #1D4429; padding:0; margin:0;"> | | <div class="eqoa-spell-list" data-eqoa-spell-list data-class="{{{class|}}}"> |
| | | <div class=" eqoa-spell- list__title">{{{ title|Spell List}}}</div> |
| <!-- Spell List Header -->
| | <div class=" eqoa-spell- list__loading"> Loading spells...</div> |
| <h2 style="background-color:#2B6E3C; color:#FFFFFF; text-align:center; margin:0; padding:6px; border-bottom:2px solid #1D4429;">
| |
| {{{title|Spell List}}}
| |
| </h2>
| |
| | |
| <!-- 5 Column Flex Layout -->
| |
| <div style="display:flex; flex-wrap:nowrap; justify-content:space-between; gap:10px; padding:6px;">
| |
| | |
| <!-- COLUMN TEMPLATE (repeated 5 times) -->
| |
| <!-- Column 1 -->
| |
| <div style="flex:1; min-width:200px; border:1px solid #1D4429; background:none; padding:6px;">
| |
| <div class="spell-col">
| |
| | |
| <!-- Level + Name in one row -->
| |
| <div style="display:flex; gap:6px; align-items:center; margin-bottom:6px;">
| |
| <div style="border:1px solid #1D4429; padding:4px; min-width:50px; text-align:center;">
| |
| {{{level1|Lv}}}
| |
| </div>
| |
| <div style="flex:1;">
| |
| {{{col1|Spell Name}}}
| |
| </div>
| |
| </div>
| |
| | |
| </div>
| |
| </div>
| |
| | |
| <!-- Column 2 -->
| |
| <div style="flex:1; min-width:200px; border:1px solid #1D4429; background:none; padding:6px;">
| |
| | |
| <div style="display:flex; gap:6px; align-items:center; margin-bottom:6px;">
| |
| <div style="border:1px solid #1D4429; padding:4px; min-width:50px; text-align:center;">
| |
| {{{level2|Lv}}}
| |
| </div>
| |
| <div style="flex:1;">
| |
| {{{col2|Spell Name}}}
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| | |
| <!-- Column 3 -->
| |
| <div style="flex:1; min-width:200px; border:1px solid #1D4429; background:none; padding:6px;">
| |
| <div class="spell-col">
| |
| <div style="display:flex; gap:6px; align-items:center; margin-bottom:6px;">
| |
| <div style="border:1px solid #1D4429; padding:4px; min-width:50px; text-align:center;">
| |
| {{{level3|Lv}}}
| |
| </div>
| |
| <div style="flex:1;">
| |
| {{{col3|Spell Name}}}
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| | |
| <!-- Column 4 -->
| |
| <div style="flex:1; min-width:200px; border:1px solid #1D4429; background:none; padding:6px;">
| |
| | |
| <div style="display:flex; gap:6px; align-items:center; margin-bottom:6px;">
| |
| <div style="border:1px solid #1D4429; padding:4px; min-width:50px; text-align:center;">
| |
| {{{level4|Lv}}}
| |
| </div>
| |
| <div style="flex:1;">
| |
| {{{col4|Spell Name}}}
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| | |
| <!-- Column 5 -->
| |
| <div style="flex:1; min-width:200px; border:1px solid #1D4429; background:none; padding:6px;">
| |
| <div class="spell-col">
| |
| <div style="display:flex; gap:6px; align-items:center; margin-bottom:6px;">
| |
| <div style="border:1px solid #1D4429; padding:4px; min-width:50px; text-align:center;">
| |
| {{{level5|Lv}}}
| |
| </div>
| |
| <div style="flex:1;">
| |
| {{{col5|Spell Name}}}
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| | |
| </div>
| |
| </div> | | </div> |
| | </includeonly> |
