Toggle menu
Toggle preferences menu
Toggle personal menu
Not logged in
Your IP address will be publicly visible if you make any edits.

Join the Playtest on Steam Now: SpiritVale

User:Eviand/Mainpagetest: Difference between revisions

From SpiritVale Wiki
No edit summary
No edit summary
Line 65: Line 65:
<br>
<br>


<div style="max-width:75%; margin:0 auto; border:2px solid #5a4e7c; background:#f0f2f8; border-radius:10px; box-shadow:0 2px 6px rgba(0,0,0,0.25); padding:0; word-wrap:break-word; overflow-wrap:break-word;">
<div style="max-width:70%; margin:0 auto; border:2px solid #5a4e7c; background:#f0f2f8; border-radius:10px; box-shadow:0 2px 6px rgba(0,0,0,0.25); padding:0; word-wrap:break-word; overflow-wrap:break-word;">
 
<div style="background:#f0f2f8; color:white; text-align:center; padding:2px 2px; border-radius:8px; word-wrap:break-word; overflow-wrap:break-word;">
<div style="background:#f0f2f8; color:white; text-align:center; padding:2px 2px; border-radius:8px; word-wrap:break-word; overflow-wrap:break-word;">
 
<div style="background:linear-gradient(180deg,#7a6fb0,#5a4e7c); color:white; text-align:center; padding:5px 5px; border-radius:8px; word-wrap:break-word; overflow-wrap:break-word; font-size:200%;">'''Game Systems'''</div>
<div style="background:linear-gradient(180deg,#7a6fb0,#5a4e7c); color:white; text-align:center; padding:5px 5px; border-radius:8px; word-wrap:break-word; overflow-wrap:break-word; font-size:200%;">
'''Game Systems'''
</div>
 
<div style="padding:1px; display:grid; grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); gap:5px; text-align:center; font-size:115%;">
 
<div style="padding:1px;">
[[File:CharacterIcon.png|70px|link=Character]]<br />
[[Attributes]]
</div>
 
<div style="padding:1px;">
[[File:Classes.png|70px|link=Classes]]<br />
[[Classes]]
</div>
</div>
 
<table style="width:100%; border-collapse:separate; border-spacing:0; background:#f7f7fa; font-size:105%;">
<div style="padding:1px;">
<tr style="background:#f0f2f8;">
[[File:NeutralIcon.png|70px|link=Elements]]<br />
<th colspan="4" style="padding:8px; text-align:center; border-bottom:2px solid #5a4e7c;">Game Systems</th>
[[Elements]]
</tr>
<tr>
<td style="width:25%; padding:10px; text-align:center; border-right:2px solid #5a4e7c; border-bottom:1px solid #ccc;">[[File:CharacterIcon.png|70px|link=Character]]<br />[[Attributes]]</td>
<td style="width:25%; padding:10px; text-align:center; border-right:2px solid #5a4e7c; border-bottom:1px solid #ccc;">[[File:Classes.png|70px|link=Classes]]<br />[[Classes]]</td>
<td style="width:25%; padding:10px; text-align:center; border-right:2px solid #5a4e7c; border-bottom:1px solid #ccc;">[[File:NeutralIcon.png|70px|link=Elements]]<br />[[Elements]]</td>
<td style="width:25%; padding:10px; text-align:center; border-bottom:1px solid #ccc;">[[File:Refinement.png|70px|link=Refinement]]<br />[[Refinement]]</td>
</tr>
<tr>
<td style="padding:10px; text-align:center; border-right:2px solid #5a4e7c; border-bottom:1px solid #ccc;">[[File:CardIcon.webp|70px|link=Card]]<br />[[Card]]</td>
<td style="padding:10px; text-align:center; border-right:2px solid #5a4e7c; border-bottom:1px solid #ccc;">[[File:StorageIcon.png|70px|link=Storage]]<br />[[Storage]]</td>
<td style="padding:10px; text-align:center; border-right:2px solid #5a4e7c; border-bottom:1px solid #ccc;">[[File:CraftingIcon.webp|70px|link=Crafting]]<br />[[Crafting]]</td>
<td style="padding:10px; text-align:center; border-bottom:1px solid #ccc;">[[File:NPCIcon.png|70px|link=NPC]]<br />[[Non-Player Character]]</td>
</tr>
<tr>
<td style="padding:10px; text-align:center; border-right:2px solid #5a4e7c;">[[File:Map_Icon.png|70px|link=Maps]]<br />[[Maps]]</td>
<td style="padding:10px; text-align:center; border-right:2px solid #5a4e7c;">[[File:WaypointsIcon.png|70px|link=Waypoints]]<br />[[Waypoints]]</td>
<td style="padding:10px; text-align:center; border-right:2px solid #5a4e7c;">[[File:BossMonsterIcon.webp|70px|link=Boss Monsters]]<br />[[Boss Monsters]]</td>
<td style="padding:10px; text-align:center;"></td>
</tr>
</table>
</div>
</div>


<div style="padding:1px;">
[[File:Refinement.png|70px|link=Refinement]]<br />
[[Refinement]]
</div>


<div style="padding:1px;">
<div style="max-width:60%; margin:0 auto; border:2px solid #5a4e7c; background:#f0f2f8; border-radius:10px; box-shadow:0 2px 6px rgba(0,0,0,0.25); padding:0; word-wrap:break-word; overflow-wrap:break-word;">
[[File:CardIcon.webp|70px|link=Card]]<br />
[[Card]]
</div>
 
<div style="padding:1px;">
[[File:StorageIcon.png|70px|link=Storage]]<br />
[[Storage]]
</div>
 
<div style="padding:1px;">
[[File:CraftingIcon.webp|70px|link=Crafting]]<br />
[[Crafting]]
</div>
 
<div style="padding:1px;">
[[File:NPCIcon.png|70px|link=NPC]]<br />
[[Non-Player Character]]
</div>
 
<div style="padding:1px;">
[[File:Map_Icon.png|70px|link=Maps]]<br />
[[Maps]]
</div>
 
<div style="padding:1px;">
[[File:WaypointsIcon.png|60px|link=Waypoints]]<br />
[[Waypoints]]
</div>
 
<div style="padding:1px;">
[[File:BossMonsterIcon.webp|70px|link=Boss Monsters]]<br />
[[Boss Monsters]]
</div>
 
</div>
</div>
</div>
<br>
 
<div style="max-width:75%; margin:0 auto; border:2px solid #5a4e7c; background:#f0f2f8; border-radius:10px; box-shadow:0 2px 6px rgba(0,0,0,0.25); padding:0; word-wrap:break-word; overflow-wrap:break-word;">


<div style="background:#f0f2f8; color:white; text-align:center; padding:2px 2px; border-radius:8px; word-wrap:break-word; overflow-wrap:break-word;">
<div style="background:#f0f2f8; color:white; text-align:center; padding:2px 2px; border-radius:8px; word-wrap:break-word; overflow-wrap:break-word;">


<div style="background:linear-gradient(180deg,#7a6fb0,#5a4e7c); color:white; text-align:center; padding:5px 5px; border-radius:8px; word-wrap:break-word; overflow-wrap:break-word; font-size:200%;">
<div style="background:linear-gradient(180deg,#7a6fb0,#5a4e7c); color:white; text-align:center; padding:5px 5px; border-radius:8px; word-wrap:break-word; overflow-wrap:break-word; font-size:200%;">
'''Classes'''
'''Classes'''</div>
</div>
 
<div style="padding:1px; display:grid; grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); gap:5px; text-align:center; font-size:115%;">
 
<div style="padding:1px;">
[[File:WarriorIcon.webp|80px|link=Warrior]]<br />
[[Warrior]]
</div>
 
<div style="padding:1px;">
[[File:KnightIcon.webp|80px|link=Knight]]<br />
[[Knight]]
</div>
 
<div style="padding:1px;">
[[File:MageIcon.webp|80px|link=Mage]]<br />
[[Mage]]
</div>
 
<div style="padding:1px;">
[[File:RogueIcon.webp|80px|link=Rogue]]<br />
[[Rogue]]
</div>
 
<div style="padding:1px;">
[[File:ScoutIcon.webp|80px|link=Scout]]<br />
[[Scout]]
</div>
</div>


<div style="padding:1px;">
<table style="width:100%; border-collapse:separate; border-spacing:0; background:#f7f7fa; font-size:105%;">
[[File:AcolyteIcon.webp|80px|link=Acolyte]]<br />
<tr style="background:#f0f2f8;">
[[Acolyte]]
<th style="width:28%; padding:8px; text-align:center; border-bottom:2px solid #5a4e7c; border-right:2px solid #5a4e7c;">Base Class</th>
</div>
<th style="padding:8px; text-align:center; border-bottom:2px solid #5a4e7c;">Advanced 1</th>
 
<th style="padding:8px; text-align:center; border-bottom:2px solid #5a4e7c;">Advanced 2</th>
<div style="padding:1px;">
<th style="padding:8px; text-align:center; border-bottom:2px solid #5a4e7c;">Advanced 3</th>
[[File:SummonerIcon.webp|80px|link=Summoner]]<br />
</tr>
[[Summoner]]
<tr>
</div>
<td style="padding:10px; text-align:center; border-right:2px solid #5a4e7c; border-bottom:1px solid #ccc;">[[File:WarriorIcon.webp|80px|link=Warrior]]<br />[[Warrior]]</td>
 
<td style="text-align:center; border-bottom:1px solid #ccc;"></td>
</div>
<td style="text-align:center; border-bottom:1px solid #ccc;"></td>
</div>
<td style="text-align:center; border-bottom:1px solid #ccc;"></td>
</tr>
<tr>
<td style="padding:10px; text-align:center; border-right:2px solid #5a4e7c; border-bottom:1px solid #ccc;">[[File:KnightIcon.webp|80px|link=Knight]]<br />[[Knight]]</td>
<td style="text-align:center; border-bottom:1px solid #ccc;"></td>
<td style="text-align:center; border-bottom:1px solid #ccc;"></td>
<td style="text-align:center; border-bottom:1px solid #ccc;"></td>
</tr>
<tr>
<td style="padding:10px; text-align:center; border-right:2px solid #5a4e7c; border-bottom:1px solid #ccc;">[[File:MageIcon.webp|80px|link=Mage]]<br />[[Mage]]</td>
<td style="text-align:center; border-bottom:1px solid #ccc;">[[File:Meteor.png|80px|link=Wizard]]<br />[[Wizard]]</td>
<td style="text-align:center; border-bottom:1px solid #ccc;"></td>
<td style="text-align:center; border-bottom:1px solid #ccc;"></td>
</tr>
<tr>
<td style="padding:10px; text-align:center; border-right:2px solid #5a4e7c; border-bottom:1px solid #ccc;">[[File:RogueIcon.webp|80px|link=Rogue]]<br />[[Rogue]]</td>
<td style="text-align:center; border-bottom:1px solid #ccc;"></td>
<td style="text-align:center; border-bottom:1px solid #ccc;"></td>
<td style="text-align:center; border-bottom:1px solid #ccc;"></td>
</tr>
<tr>
<td style="padding:10px; text-align:center; border-right:2px solid #5a4e7c; border-bottom:1px solid #ccc;">[[File:ScoutIcon.webp|80px|link=Scout]]<br />[[Scout]]</td>
<td style="text-align:center; border-bottom:1px solid #ccc;"></td>
<td style="text-align:center; border-bottom:1px solid #ccc;"></td>
<td style="text-align:center; border-bottom:1px solid #ccc;"></td>
</tr>
<tr>
<td style="padding:10px; text-align:center; border-right:2px solid #5a4e7c; border-bottom:1px solid #ccc;">[[File:AcolyteIcon.webp|80px|link=Acolyte]]<br />[[Acolyte]]</td>
<td style="text-align:center; border-bottom:1px solid #ccc;"></td>
<td style="text-align:center; border-bottom:1px solid #ccc;"></td>
<td style="text-align:center; border-bottom:1px solid #ccc;"></td>
</tr>
<tr>
<td style="padding:10px; text-align:center; border-right:2px solid #5a4e7c;">[[File:SummonerIcon.webp|80px|link=Summoner]]<br />[[Summoner]]</td>
<td style="text-align:center;"></td>
<td style="text-align:center;"></td>
<td style="text-align:center;"></td>
</tr>
</table>
</div>
</div>