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/Classtest: Difference between revisions

From SpiritVale Wiki
No edit summary
No edit summary
Line 9: Line 9:
'''Class Template'''
'''Class Template'''
|-
|-
| style="padding:15px; line-height:1.6; font-size:100%%;" |
| style="padding:15px; line-height:1.6; font-size:100%;" |


<!-- Description and Class Info -->
<div style="display:flex; gap:20px; align-items:flex-start; margin-top:20px; font-size:100%;">
<div style="display:flex; gap:20px; align-items:flex-start; margin-top:20px; font-size:100%%;">


<div style="flex:2; line-height:1.6;">
<div style="flex:2; line-height:1.6;">
Line 20: Line 19:


<div style="flex:1; align-self:flex-start;">
<div style="flex:1; align-self:flex-start;">
{| class="infobox" style="width:100%; font-size:100%%; border:2px solid #5a4e7c; background:#f0f2f8; border-radius:12px; box-shadow:0 2px 4px rgba(0,0,0,0.2);"
{| class="infobox" style="width:100%; font-size:100%; border:2px solid #5a4e7c; background:#f0f2f8; border-radius:12px; box-shadow:0 2px 4px rgba(0,0,0,0.2);"
|-
|-
! style="background:linear-gradient(180deg,#7a6fb0,#5a4e7c); color:white; text-align:center; padding:8px; font-size:125%; border-top-left-radius:10px; border-top-right-radius:10px;" |
! style="background:linear-gradient(180deg,#7a6fb0,#5a4e7c); color:white; text-align:center; padding:8px; font-size:125%; border-top-left-radius:10px; border-top-right-radius:10px;" |
'''Class Information'''
'''Class Information'''
|-
|-
| style="padding:12px; text-align:left; line-height:1.7; font-size:100%%;" |
| style="padding:12px; text-align:left; line-height:1.7; font-size:100%;" |
{| class="infobox" style="width:100%; font-size:100%%; border:1px solid #ccc; background:#ffffff; border-radius:10px; padding:6px;"
{| class="infobox" style="width:100%; font-size:100%; border:1px solid #ccc; background:#ffffff; border-radius:10px; padding:6px;"
|-
|-
| style="padding:6px; font-weight:bold;" | Role
| style="padding:6px; font-weight:bold;" | Role
Line 109: Line 108:




<!-- Advanced Classes Section -->
 
{| class="infobox" style="width:100%; font-size:100%%; border:2px solid #5a4e7c; background:#f0f2f8; border-radius:12px; box-shadow:0 2px 4px rgba(0,0,0,0.25); margin-top:20px; padding:12px;"
{| class="infobox" style="width:100%; font-size:100%; border:2px solid #5a4e7c; background:#f0f2f8; border-radius:12px; box-shadow:0 2px 4px rgba(0,0,0,0.2);"
|-
|-
! style="background:linear-gradient(180deg,#7a6fb0,#5a4e7c); color:white; text-align:center; padding:8px; font-size:125%; border-top-left-radius:10px; border-top-right-radius:10px;" |
! style="background:linear-gradient(180deg,#7a6fb0,#5a4e7c); color:white; text-align:center; padding:8px; font-size:125%; border-top-left-radius:10px; border-top-right-radius:10px;" |
Line 117: Line 116:
|
|


<div style="display:flex; justify-content:space-between; gap:20px; padding:12px; font-size:100%%;">
<div style="display:flex; justify-content:space-between; gap:20px; padding:12px; font-size:100%;">
 


<!-- Nested Advanced Class 1 -->
{| class="infobox" style="flex:1; font-size:100%; border:2px solid #5a4e7c; background:#f0f2f8; border-radius:12px; box-shadow:0 2px 4px rgba(0,0,0,0.25); padding:8px;"
{| class="infobox" style="flex:1; font-size:100%%; border:2px solid #5a4e7c; background:#f0f2f8; border-radius:12px; box-shadow:0 2px 4px rgba(0,0,0,0.25); padding:8px;"
|-
|-
! colspan="2" style="background:linear-gradient(180deg,#7a6fb0,#5a4e7c); color:white; text-align:center; padding:8px; font-size:125%; border-top-left-radius:10px; border-top-right-radius:10px;" |
! colspan="2" style="background:linear-gradient(180deg,#7a6fb0,#5a4e7c); color:white; text-align:center; padding:8px; font-size:125%; border-top-left-radius:10px; border-top-right-radius:10px;" |
Line 132: Line 131:
| style="background:#ffffff;" | Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
| style="background:#ffffff;" | Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|}
|}
<!-- End Nested Advanced Class 1 -->


<!-- Nested Advanced Class 2 -->
 
{| class="infobox" style="flex:1; font-size:100%%; border:2px solid #5a4e7c; background:#f0f2f8; border-radius:12px; box-shadow:0 2px 4px rgba(0,0,0,0.25); padding:8px;"
 
{| class="infobox" style="flex:1; font-size:100%; border:2px solid #5a4e7c; background:#f0f2f8; border-radius:12px; box-shadow:0 2px 4px rgba(0,0,0,0.25); padding:8px;"
|-
|-
! colspan="2" style="background:linear-gradient(180deg,#7a6fb0,#5a4e7c); color:white; text-align:center; padding:8px; font-size:125%; border-top-left-radius:10px; border-top-right-radius:10px;" |
! colspan="2" style="background:linear-gradient(180deg,#7a6fb0,#5a4e7c); color:white; text-align:center; padding:8px; font-size:125%; border-top-left-radius:10px; border-top-right-radius:10px;" |
Line 147: Line 146:
| style="background:#ffffff;" | Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
| style="background:#ffffff;" | Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|}
|}
<!-- End Nested Advanced Class 2 -->
 


</div>
</div>
|}
|}


<!-- Advice & Guides Section -->
 
{| class="infobox" style="width:100%; font-size:100%%; border:2px solid #5a4e7c; background:#ffffff; border-radius:12px; box-shadow:0 1px 3px rgba(0,0,0,0.2); margin-top:20px; padding:12px;"
{| class="infobox" style="width:100%; font-size:100%; border:2px solid #5a4e7c; background:#f0f2f8; border-radius:12px; box-shadow:0 2px 4px rgba(0,0,0,0.2);"
|-
|-
! style="background:linear-gradient(180deg,#7a6fb0,#5a4e7c); color:white; padding:8px; text-align:center; font-size:125%; border-top-left-radius:10px; border-top-right-radius:10px;" |
! style="background:linear-gradient(180deg,#7a6fb0,#5a4e7c); color:white; text-align:center; padding:8px; font-size:125%; border-top-left-radius:10px; border-top-right-radius:10px;" |
'''Advice & Guides'''
'''Advice & Guides'''
|-
|-