User:Eviand/Mainpagetest: Difference between revisions
From SpiritVale Wiki
More actions
No edit summary |
No edit summary |
||
| Line 65: | Line 65: | ||
<br> | <br> | ||
<div style="max-width: | <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> | </div> | ||
<table style="width:100%; border-collapse:separate; border-spacing:0; background:#f7f7fa; font-size:105%;"> | |||
< | <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> | ||
[[ | </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="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;"> | |||
<div style="max-width: | |||
<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> | </div> | ||
< | <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> | ||
</ | <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> | |||
< | <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> | ||
</ | <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> | |||
</ | <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: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> | ||