|
|
| Line 87: |
Line 87: |
| |} | | |} |
|
| |
|
| | |- |
| ! | '''Skills''' | | ! | '''Skills''' |
| |- | | |- |
| | | | | |
|
| |
| <!-- ========= DESKTOP / TABLET (wide) ========= -->
| |
| <div class="nomobile">
| |
| {| class="infobox custom-table" style="width:100%; text-align:center;" | | {| class="infobox custom-table" style="width:100%; text-align:center;" |
| |- | | |- |
| Line 151: |
Line 149: |
| | {{#if:{{{SkillImage24|}}}|[[File:{{{SkillImage24}}}|50px]]}}<br />{{{SkillDescription24}}} | | | {{#if:{{{SkillImage24|}}}|[[File:{{{SkillImage24}}}|50px]]}}<br />{{{SkillDescription24}}} |
| |} | | |} |
| </div>
| |
|
| |
| <!-- ========= MOBILE (stacked / 2-column) ========= -->
| |
| <div class="mobileonly">
| |
| {| class="infobox custom-table" style="width:100%; text-align:center;"
| |
| |-
| |
| | colspan="2" | {{{Skill1}}} • {{{Skill2}}}
| |
| |-
| |
| | {{#if:{{{SkillImage1|}}}|[[File:{{{SkillImage1}}}|50px]]}}<br />{{{SkillDescription1}}}
| |
| | {{#if:{{{SkillImage2|}}}|[[File:{{{SkillImage2}}}|50px]]}}<br />{{{SkillDescription2}}}
| |
| |-
| |
| | colspan="2" | {{{Skill3}}} • {{{Skill4}}}
| |
| |-
| |
| | {{#if:{{{SkillImage3|}}}|[[File:{{{SkillImage3}}}|50px]]}}<br />{{{SkillDescription3}}}
| |
| | {{#if:{{{SkillImage4|}}}|[[File:{{{SkillImage4}}}|50px]]}}<br />{{{SkillDescription4}}}
| |
| |-
| |
| | colspan="2" | {{{Skill5}}} • {{{Skill6}}}
| |
| |-
| |
| | {{#if:{{{SkillImage5|}}}|[[File:{{{SkillImage5}}}|50px]]}}<br />{{{SkillDescription5}}}
| |
| | {{#if:{{{SkillImage6|}}}|[[File:{{{SkillImage6}}}|50px]]}}<br />{{{SkillDescription6}}}
| |
| |-
| |
| | colspan="2" | {{{Skill7}}} • {{{Skill8}}}
| |
| |-
| |
| | {{#if:{{{SkillImage7|}}}|[[File:{{{SkillImage7}}}|50px]]}}<br />{{{SkillDescription7}}}
| |
| | {{#if:{{{SkillImage8|}}}|[[File:{{{SkillImage8}}}|50px]]}}<br />{{{SkillDescription8}}}
| |
| |-
| |
| | colspan="2" | {{{Skill9}}} • {{{Skill10}}}
| |
| |-
| |
| | {{#if:{{{SkillImage9|}}}|[[File:{{{SkillImage9}}}|50px]]}}<br />{{{SkillDescription9}}}
| |
| | {{#if:{{{SkillImage10|}}}|[[File:{{{SkillImage10}}}|50px]]}}<br />{{{SkillDescription10}}}
| |
| |-
| |
| | colspan="2" | {{{Skill11}}} • {{{Skill12}}}
| |
| |-
| |
| | {{#if:{{{SkillImage11|}}}|[[File:{{{SkillImage11}}}|50px]]}}<br />{{{SkillDescription11}}}
| |
| | {{#if:{{{SkillImage12|}}}|[[File:{{{SkillImage12}}}|50px]]}}<br />{{{SkillDescription12}}}
| |
| |-
| |
| | colspan="2" | {{{Skill13}}} • {{{Skill14}}}
| |
| |-
| |
| | {{#if:{{{SkillImage13|}}}|[[File:{{{SkillImage13}}}|50px]]}}<br />{{{SkillDescription13}}}
| |
| | {{#if:{{{SkillImage14|}}}|[[File:{{{SkillImage14}}}|50px]]}}<br />{{{SkillDescription14}}}
| |
| |-
| |
| | colspan="2" | {{{Skill15}}} • {{{Skill16}}}
| |
| |-
| |
| | {{#if:{{{SkillImage15|}}}|[[File:{{{SkillImage15}}}|50px]]}}<br />{{{SkillDescription15}}}
| |
| | {{#if:{{{SkillImage16|}}}|[[File:{{{SkillImage16}}}|50px]]}}<br />{{{SkillDescription16}}}
| |
| |-
| |
| | colspan="2" | {{{Skill17}}} • {{{Skill18}}}
| |
| |-
| |
| | {{#if:{{{SkillImage17|}}}|[[File:{{{SkillImage17}}}|50px]]}}<br />{{{SkillDescription17}}}
| |
| | {{#if:{{{SkillImage18|}}}|[[File:{{{SkillImage18}}}|50px]]}}<br />{{{SkillDescription18}}}
| |
| |-
| |
| | colspan="2" | {{{Skill19}}} • {{{Skill20}}}
| |
| |-
| |
| | {{#if:{{{SkillImage19|}}}|[[File:{{{SkillImage19}}}|50px]]}}<br />{{{SkillDescription19}}}
| |
| | {{#if:{{{SkillImage20|}}}|[[File:{{{SkillImage20}}}|50px]]}}<br />{{{SkillDescription20}}}
| |
| |-
| |
| | colspan="2" | {{{Skill21}}} • {{{Skill22}}}
| |
| |-
| |
| | {{#if:{{{SkillImage21|}}}|[[File:{{{SkillImage21}}}|50px]]}}<br />{{{SkillDescription21}}}
| |
| | {{#if:{{{SkillImage22|}}}|[[File:{{{SkillImage22}}}|50px]]}}<br />{{{SkillDescription22}}}
| |
| |-
| |
| | colspan="2" | {{{Skill23}}} • {{{Skill24}}}
| |
| |-
| |
| | {{#if:{{{SkillImage23|}}}|[[File:{{{SkillImage23}}}|50px]]}}<br />{{{SkillDescription23}}}
| |
| | {{#if:{{{SkillImage24|}}}|[[File:{{{SkillImage24}}}|50px]]}}<br />{{{SkillDescription24}}}
| |
| |}
| |
| </div>
| |
|
| |
|
| |
| |- | | |- |
| ! | '''Advanced Classes''' | | ! | '''Advanced Classes''' |
| |- | | |- |
| | | | | |
| | | <div style="display:flex; gap:20px;"> |
| <!-- ========= DESKTOP / TABLET (side-by-side) ========= -->
| |
| <div class="nomobile" style="display:flex; gap:20px;"> | |
| <div style="flex:1;"> | | <div style="flex:1;"> |
| {| class="infobox custom-table" | | {| class="infobox custom-table" |
| Line 252: |
Line 179: |
| </div> | | </div> |
| </div> | | </div> |
|
| |
| <!-- ========= MOBILE (stacked cards) ========= -->
| |
| <div class="mobileonly">
| |
| {| class="infobox custom-table"
| |
| |-
| |
| ! colspan="2" | '''{{{AdvancedClass1}}}'''<br />[[File:{{{AdvancedClassImage1}}}|100px]]
| |
| |-
| |
| | style="border-right:1px solid #555;" | Role
| |
| | {{{AdvancedClassRole1}}}
| |
| |-
| |
| | style="border-right:1px solid #555;" | Description
| |
| | {{{AdvancedClassDescription1}}}
| |
| |}
| |
| {| class="infobox custom-table"
| |
| |-
| |
| ! colspan="2" | '''{{{AdvancedClass2}}}'''<br />[[File:{{{AdvancedClassImage2}}}|100px]]
| |
| |-
| |
| | style="border-right:1px solid #555;" | Role
| |
| | {{{AdvancedClassRole2}}}
| |
| |-
| |
| | style="border-right:1px solid #555;" | Description
| |
| | {{{AdvancedClassDescription2}}}
| |
| |}
| |
| </div>
| |
|
| |
| |- | | |- |
| ! | '''Advice & Guides''' | | ! | '''Advice & Guides''' |
Used as a base template for other boxes. Rows must be manually added or removed.
|
Player
|
| Character
|
Eviand
|
| Class
|
Acolyte
|
| Role
|
Support
|
This one is much more appropriate, and feels a lot easier to use. Will be for classes only.
{| class="infobox custom-table"
|-
! colspan="2" |
'''Class Overview'''<br />
|-
| style="border-right:1px solid #555;" | Role
| {{{Role}}}
|-
| style="border-right:1px solid #555;" | Primary Stats
| {{{Stats}}}
|-
| style="border-right:1px solid #555;" | Weapons
| {{{Weapons}}}
|}
Had fun creating this for testing, but will instead use a simpler template.
|
{{{Class}}}
|
| {{{ClassDescription}}}
|
| Class Information
|
| Class Information
|
| Role
|
{{{Role}}}
|
| Primary Stats
|
{{{Stats}}}
|
| Weapon Type(s)
|
{{{Weapons}}}
|
|
| Skills
|
| {{{Skill1}}}
|
{{{Skill2}}}
|
{{{Skill3}}}
|
{{{Skill4}}}
|
{{{Skill5}}}
|
{{{Skill6}}}
|
{{{SkillDescription1}}}
|
{{{SkillDescription2}}}
|
{{{SkillDescription3}}}
|
{{{SkillDescription4}}}
|
{{{SkillDescription5}}}
|
{{{SkillDescription6}}}
|
| {{{Skill7}}}
|
{{{Skill8}}}
|
{{{Skill9}}}
|
{{{Skill10}}}
|
{{{Skill11}}}
|
{{{Skill12}}}
|
{{{SkillDescription7}}}
|
{{{SkillDescription8}}}
|
{{{SkillDescription9}}}
|
{{{SkillDescription10}}}
|
{{{SkillDescription11}}}
|
{{{SkillDescription12}}}
|
| {{{Skill13}}}
|
{{{Skill14}}}
|
{{{Skill15}}}
|
{{{Skill16}}}
|
{{{Skill17}}}
|
{{{Skill18}}}
|
{{{SkillDescription13}}}
|
{{{SkillDescription14}}}
|
{{{SkillDescription15}}}
|
{{{SkillDescription16}}}
|
{{{SkillDescription17}}}
|
{{{SkillDescription18}}}
|
| {{{Skill19}}}
|
{{{Skill20}}}
|
{{{Skill21}}}
|
{{{Skill22}}}
|
{{{Skill23}}}
|
{{{Skill24}}}
|
{{{SkillDescription19}}}
|
{{{SkillDescription20}}}
|
{{{SkillDescription21}}}
|
{{{SkillDescription22}}}
|
{{{SkillDescription23}}}
|
{{{SkillDescription24}}}
|
|
| Advanced Classes
|
{{{AdvancedClass1}}}
[[File:{{{AdvancedClassImage1}}}|100px]]
|
| Role
|
{{{AdvancedClassRole1}}}
|
| Description
|
{{{AdvancedClassDescription1}}}
|
{{{AdvancedClass2}}}
[[File:{{{AdvancedClassImage2}}}|100px]]
|
| Role
|
{{{AdvancedClassRole2}}}
|
| Description
|
{{{AdvancedClassDescription2}}}
|
|
| Advice & Guides
|
|
|
Had this super fun template idea, but I couldn't get it to work on mobile. Going to shelve it for now as it might be useful for later.
|
{{{BoxName}}}
-
-
-
-
-
-
-
|
