Toggle search
Toggle menu
568
1.4K
13
4.2K
PlayM2M Wiki
Toggle preferences menu
Toggle personal menu
Not logged in
Your IP address will be publicly visible if you make any edits.

Template:M2MClasses: Difference between revisions

Template page
More actions
← Older editNewer edit →
VisualWikitext
No edit summary
Tag: Manual revert
New design has been applied
Line 1: Line 1:
{| class="modern-char-select" style="width: 100%; max-width: 1800px; margin: 0 auto; background: #030712; border-radius: 32px; overflow: hidden; border: 1px solid rgba(255,255,255,0.03);"
{| class="modern-char-select" style="width: 100%; max-width: 1800px; margin: 0 auto; background: #222222; border-radius: 16px; overflow: hidden; border: 1px solid #f5a742; box-shadow: 0 10px 25px rgba(0,0,0,0.3);"


! colspan="4" style="padding: 50px 20px; background: linear-gradient(to right, rgba(15,23,42,0.9), rgba(23,37,84,0.9)); border: none; position: relative;" |
! colspan="4" style="padding: 25px 20px; background: #ff9c00; color: #222222; border: none; position: relative;" |
<div style="font-family: 'Inter', -apple-system, sans-serif; text-align: center;">
<div style="font-family: 'Inter', -apple-system, sans-serif; text-align: center;">
<div style="font-size: 3.5rem; font-weight: 900; background: linear-gradient(to right, #818CF8, #C084FC, #F472B6); -webkit-background-clip: text; color: transparent; letter-spacing: -1px;">CHOOSE YOUR LEGEND</div>
<div style="font-size: 2.8rem; font-weight: 800; color: #222222; letter-spacing: -1px;">CHOOSE YOUR CLASS</div>
<div style="color: #64748B; margin-top: 15px; font-size: 1.2rem; font-weight: 500;">Your path to glory begins here</div>
<div style="color: #2c2c2c; margin-top: 10px; font-size: 1.1rem; font-weight: 500;">Select your path to glory</div>
</div>
</div>


|-
|-
{| style="width: 100%; border-spacing: 20px; border: none; padding: 20px; background: #030712;"
{| style="width: 100%; border-spacing: 15px; border: none; padding: 15px; background: #222222;"
|-
|-
<!-- PETRUN -->
| style="width: 25%; vertical-align: top;" |
| style="width: 25%; vertical-align: top;" |
<div class="char-card warrior" style="background: #0F172A; border-radius: 24px; overflow: hidden; border: 1px solid rgba(255,255,255,0.05); transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);">
<div class="char-card petrun" style="background: #2c2c2c; border-radius: 16px; overflow: hidden; border: 1px solid #ff9c00; transition: all 0.3s ease;">
<div style="position: relative;">
<div style="position: relative;">
<div class="card-bg" style="background: linear-gradient(45deg, #991B1B, #DC2626); height: 120px; position: relative; overflow: hidden;">
<div class="card-bg" style="background: #ff9c00; height: 80px; position: relative; overflow: hidden;">
     <div style="position: absolute; width: 100%; height: 100%; background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjAiIGhlaWdodD0iNjAiIHZpZXdCb3g9IjAgMCA2MCA2MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0zNiAxOGMzLjMxIDAgNiAyLjY5IDYgNnMtMi42OSA2LTYgNi02LTIuNjktNi02IDIuNjktNiA2LTZ6TTI0IDQ4YzYuNjMgMCAxMi01LjM3IDEyLTEycy01LjM3LTEyLTEyLTEyLTEyIDUuMzctMTIgMTIgNS4zNyAxMiAxMiAxMnoiIGZpbGw9IiNmZmYiIGZpbGwtb3BhY2l0eT0iLjA1Ii8+PC9nPjwvc3ZnPg==);">
     <div style="position: absolute; width: 100%; height: 100%;">
     </div>
     </div>
</div>
</div>


<div style="margin-top: -60px; position: relative; z-index: 2; text-align: center;">
<div style="margin-top: -50px; position: relative; z-index: 2; text-align: center;">
[[File:warrior_male.png|130x130px|class="char-img male" style="filter: drop-shadow(0 8px 16px rgba(0,0,0,0.4));"]]
[[File:Petrun_male.png|110x110px|class="char-img male" style="filter: drop-shadow(0 5px 10px rgba(0,0,0,0.4));"]]
[[File:warrior_female.png|130x130px|class="char-img female" style="filter: drop-shadow(0 8px 16px rgba(0,0,0,0.4));"]]
[[File:Petrun_female.png|110x110px|class="char-img female" style="filter: drop-shadow(0 5px 10px rgba(0,0,0,0.4));"]]
</div>
</div>
</div>
</div>


<div style="padding: 25px;">
<div style="padding: 20px;">
<div style="text-align: center;">
<div style="text-align: center;">
<div style="font-size: 1.8rem; font-weight: 800; color: #F87171;">WARRIOR</div>
<div style="font-size: 1.6rem; font-weight: 700; color: #ff9c00;">PETRUN</div>
<div style="color: #9CA3AF; font-size: 0.9rem; margin-top: 5px;">Master of Combat</div>
<div style="color: #e0e0e0; font-size: 0.9rem; margin-top: 5px;">Hunter of Shadows</div>
</div>
</div>


<div class="stats-grid" style="display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin: 20px 0; background: #1E293B; padding: 15px; border-radius: 12px;">
<div class="stats-grid" style="display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin: 15px 0; background: #1a1a1a; padding: 12px; border-radius: 8px; border: 1px solid #444444;">
<div style="text-align: center;">
<div style="text-align: center;">
<div style="color: #F87171; font-size: 1.2rem; font-weight: 700;">95</div>
<div style="color: #ff9c00; font-size: 1.1rem; font-weight: 700;">90</div>
<div style="color: #9CA3AF; font-size: 0.8rem;">Attack</div>
<div style="color: #e0e0e0; font-size: 0.8rem;">Agility</div>
</div>
</div>
<div style="text-align: center;">
<div style="text-align: center;">
<div style="color: #60A5FA; font-size: 1.2rem; font-weight: 700;">85</div>
<div style="color: #ff9c00; font-size: 1.1rem; font-weight: 700;">85</div>
<div style="color: #9CA3AF; font-size: 0.8rem;">Defense</div>
<div style="color: #e0e0e0; font-size: 0.8rem;">Precision</div>
</div>
</div>
<div style="text-align: center;">
<div style="text-align: center;">
<div style="color: #34D399; font-size: 1.2rem; font-weight: 700;">75</div>
<div style="color: #ff9c00; font-size: 1.1rem; font-weight: 700;">80</div>
<div style="color: #9CA3AF; font-size: 0.8rem;">Agility</div>
<div style="color: #e0e0e0; font-size: 0.8rem;">Stealth</div>
</div>
</div>
</div>
</div>


<div class="skills-list">
<div class="skills-list">
<div class="skill-item" style="display: flex; align-items: center; padding: 12px; background: rgba(248,113,113,0.1); border-radius: 12px; margin: 8px 0; transition: all 0.3s ease;">
<div class="skill-item" style="display: flex; align-items: center; padding: 10px; background: #1a1a1a; border-radius: 8px; margin: 7px 0; transition: all 0.3s ease; border-left: 3px solid #ff9c00;">
[[File:WarriSkillTree.png|32x32px|link=Warrior_abilites]] [[Warrior_abilites|<span style="color: #F87171; margin-left: 12px; font-weight: 500;">Combat Mastery</span>]]
[[File:Lángfoszlány2.png|28x28px|link=Petrun_abilites]] [[Petrun_abilites|<span style="color: #e0e0e0; margin-left: 10px; font-weight: 500;">Petrun Abilities</span>]]
</div>
</div>
<div class="skill-item" style="display: flex; align-items: center; padding: 12px; background: rgba(248,113,113,0.1); border-radius: 12px; margin: 8px 0; transition: all 0.3s ease;">
<div class="skill-item" style="display: flex; align-items: center; padding: 10px; background: #1a1a1a; border-radius: 8px; margin: 7px 0; transition: all 0.3s ease; border-left: 3px solid #ff9c00;">
[[File:WarriorArmour.png|32x32px|link=Harcos_Vértek]] [[Harcos_Vértek|<span style="color: #F87171; margin-left: 12px; font-weight: 500;">Battle Armor</span>]]
[[File:Smaragd_vert.png|30x30px|link=Petrun_vértek]] [[Petrun_vértek|<span style="color: #e0e0e0; margin-left: 10px; font-weight: 500;">Petrun Armors</span>]]
</div>
</div>
<div class="skill-item" style="display: flex; align-items: center; padding: 12px; background: rgba(248,113,113,0.1); border-radius: 12px; margin: 8px 0; transition: all 0.3s ease;">
<div class="skill-item" style="display: flex; align-items: center; padding: 10px; background: #1a1a1a; border-radius: 8px; margin: 7px 0; transition: all 0.3s ease; border-left: 3px solid #ff9c00;">
[[File:WarriorBlade.png|32x32px|link=WarriorWeapons]] [[WarriorWeapons|<span style="color: #F87171; margin-left: 12px; font-weight: 500;">War Arsenal</span>]]
[[File:Petrun_szörnynagymester_fegyver.png|28x28px|link=Petrun_fegyverek]] [[Petrun_fegyverek|<span style="color: #e0e0e0; margin-left: 10px; font-weight: 500;">Petrun Swords</span>]]
</div>
</div>
<div class="skill-item" style="display: flex; align-items: center; padding: 12px; background: rgba(248,113,113,0.1); border-radius: 12px; margin: 8px 0; transition: all 0.3s ease;">
<div class="skill-item" style="display: flex; align-items: center; padding: 10px; background: #1a1a1a; border-radius: 8px; margin: 7px 0; transition: all 0.3s ease; border-left: 3px solid #ff9c00;">
[[File:WarriorHelm.png|32x32px|link=Harcos/Sisakok]] [[Harcos/Sisakok|<span style="color: #F87171; margin-left: 12px; font-weight: 500;">Battle Helms</span>]]
[[File:Megaldott_sisak.png|28x28px|link=Petrun/Sisakok]] [[Petrun/Sisakok|<span style="color: #e0e0e0; margin-left: 10px; font-weight: 500;">Petrun Helmets</span>]]
</div>
</div>
</div>
</div>
</div>
</div>


<div class="char-description" style="margin-top: 20px; padding: 15px; background: #1E293B; border-radius: 12px; color: #9CA3AF; font-size: 0.9rem; line-height: 1.5;">
<div class="char-description" style="margin-top: 15px; padding: 12px; background: #1a1a1a; border-radius: 8px; color: #e0e0e0; font-size: 0.9rem; line-height: 1.4; border: 1px solid #444444;">
"Masters of warfare, dominating the battlefield with unmatched strength and tactical prowess."
"Masters of the wilderness, striking with deadly precision from the shadows of nature."
</div>
</div>
</div>
</div>
</div>
</div>


<!-- WARRIOR -->
| style="width: 25%; vertical-align: top;" |
| style="width: 25%; vertical-align: top;" |
<div class="char-card mage" style="background: #0F172A; border-radius: 24px; overflow: hidden; border: 1px solid rgba(255,255,255,0.05); transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);">
<div class="char-card warrior" style="background: #2c2c2c; border-radius: 16px; overflow: hidden; border: 1px solid #ff9c00; transition: all 0.3s ease;">
<div style="position: relative;">
<div style="position: relative;">
<div class="card-bg" style="background: linear-gradient(45deg, #6D28D9, #8B5CF6); height: 120px; position: relative; overflow: hidden;">
<div class="card-bg" style="background: #ff9c00; height: 80px; position: relative; overflow: hidden;">
     <div style="position: absolute; width: 100%; height: 100%; background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjAiIGhlaWdodD0iNjAiIHZpZXdCb3g9IjAgMCA2MCA2MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0zNiAxOGMzLjMxIDAgNiAyLjY5IDYgNnMtMi42OSA2LTYgNi02LTIuNjktNi02IDIuNjktNiA2LTZ6TTI0IDQ4YzYuNjMgMCAxMi01LjM3IDEyLTEycy01LjM3LTEyLTEyLTEyLTEyIDUuMzctMTIgMTIgNS4zNyAxMiAxMiAxMnoiIGZpbGw9IiNmZmYiIGZpbGwtb3BhY2l0eT0iLjA1Ii8+PC9nPjwvc3ZnPg==);">
     <div style="position: absolute; width: 100%; height: 100%;">
     </div>
     </div>
</div>
</div>


<div style="margin-top: -60px; position: relative; z-index: 2; text-align: center;">
<div style="margin-top: -50px; position: relative; z-index: 2; text-align: center;">
[[File:wizard_male.png|130x130px|class="char-img male" style="filter: drop-shadow(0 8px 16px rgba(0,0,0,0.4));"]]
[[File:Warrior_male.png|110x110px|class="char-img male" style="filter: drop-shadow(0 5px 10px rgba(0,0,0,0.4));"]]
[[File:wizard_female.png|130x130px|class="char-img female" style="filter: drop-shadow(0 8px 16px rgba(0,0,0,0.4));"]]
[[File:Warrior_female.png|110x110px|class="char-img female" style="filter: drop-shadow(0 5px 10px rgba(0,0,0,0.4));"]]
</div>
</div>
</div>
</div>


<div style="padding: 25px;">
<div style="padding: 20px;">
<div style="text-align: center;">
<div style="text-align: center;">
<div style="font-size: 1.8rem; font-weight: 800; color: #A78BFA;">MAGE</div>
<div style="font-size: 1.6rem; font-weight: 700; color: #ff9c00;">DORHAN</div>
<div style="color: #9CA3AF; font-size: 0.9rem; margin-top: 5px;">Master of Arcane</div>
<div style="color: #e0e0e0; font-size: 0.9rem; margin-top: 5px;">Master of Combat</div>
</div>
</div>


<div class="stats-grid" style="display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin: 20px 0; background: #1E293B; padding: 15px; border-radius: 12px;">
<div class="stats-grid" style="display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin: 15px 0; background: #1a1a1a; padding: 12px; border-radius: 8px; border: 1px solid #444444;">
<div style="text-align: center;">
<div style="text-align: center;">
<div style="color: #A78BFA; font-size: 1.2rem; font-weight: 700;">95</div>
<div style="color: #ff9c00; font-size: 1.1rem; font-weight: 700;">95</div>
<div style="color: #9CA3AF; font-size: 0.8rem;">Magic</div>
<div style="color: #e0e0e0; font-size: 0.8rem;">Attack</div>
</div>
</div>
<div style="text-align: center;">
<div style="text-align: center;">
<div style="color: #60A5FA; font-size: 1.2rem; font-weight: 700;">75</div>
<div style="color: #ff9c00; font-size: 1.1rem; font-weight: 700;">85</div>
<div style="color: #9CA3AF; font-size: 0.8rem;">Defense</div>
<div style="color: #e0e0e0; font-size: 0.8rem;">Defense</div>
</div>
</div>
<div style="text-align: center;">
<div style="text-align: center;">
<div style="color: #34D399; font-size: 1.2rem; font-weight: 700;">85</div>
<div style="color: #ff9c00; font-size: 1.1rem; font-weight: 700;">75</div>
<div style="color: #9CA3AF; font-size: 0.8rem;">Wisdom</div>
<div style="color: #e0e0e0; font-size: 0.8rem;">Agility</div>
</div>
</div>
</div>
</div>


<div class="skills-list">
<div class="skills-list">
<div class="skill-item" style="display: flex; align-items: center; padding: 12px; background: rgba(167,139,250,0.1); border-radius: 12px; margin: 8px 0; transition: all 0.3s ease;">
<div class="skill-item" style="display: flex; align-items: center; padding: 10px; background: #1a1a1a; border-radius: 8px; margin: 7px 0; transition: all 0.3s ease; border-left: 3px solid #ff9c00;">
[[File:WizardSkillTree.png|32x32px|link=Wizard_abilites]] [[Wizard_abilites|<span style="color: #A78BFA; margin-left: 12px; font-weight: 500;">Arcane Mastery</span>]]
[[File:Intenzív_csapás2.png|28x28px|link=Warrior_abilites]] [[Warrior_abilites|<span style="color: #e0e0e0; margin-left: 10px; font-weight: 500;">Dorhan Abilities</span>]]
</div>
</div>
<div class="skill-item" style="display: flex; align-items: center; padding: 12px; background: rgba(167,139,250,0.1); border-radius: 12px; margin: 8px 0; transition: all 0.3s ease;">
<div class="skill-item" style="display: flex; align-items: center; padding: 10px; background: #1a1a1a; border-radius: 8px; margin: 7px 0; transition: all 0.3s ease; border-left: 3px solid #ff9c00;">
[[File:WarriorArmour.png|32x32px|link=Sámán_vértek]] [[Sámán_vértek|<span style="color: #A78BFA; margin-left: 12px; font-weight: 500;">Mystic Robes</span>]]
[[File:Light_armor_x2.png|28x28px|link=Harcos_Vértek]] [[Harcos_Vértek|<span style="color: #e0e0e0; margin-left: 10px; font-weight: 500;">Dorhan Armors</span>]]
</div>
</div>
<div class="skill-item" style="display: flex; align-items: center; padding: 12px; background: rgba(167,139,250,0.1); border-radius: 12px; margin: 8px 0; transition: all 0.3s ease;">
<div class="skill-item" style="display: flex; align-items: center; padding: 10px; background: #1a1a1a; border-radius: 8px; margin: 7px 0; transition: all 0.3s ease; border-left: 3px solid #ff9c00;">
[[File:WizardWeapons.png|32x32px|link=WizardWeapons]] [[WizardWeapons|<span style="color: #A78BFA; margin-left: 12px; font-weight: 500;">Arcane Arts</span>]]
[[File:Misztikus_pallos.png|28x28px|link=WarriorWeapons]] [[WarriorWeapons|<span style="color: #e0e0e0; margin-left: 10px; font-weight: 500;">Dorhan Swords</span>]]
</div>
</div>
<div class="skill-item" style="display: flex; align-items: center; padding: 12px; background: rgba(167,139,250,0.1); border-radius: 12px; margin: 8px 0; transition: all 0.3s ease;">
<div class="skill-item" style="display: flex; align-items: center; padding: 10px; background: #1a1a1a; border-radius: 8px; margin: 7px 0; transition: all 0.3s ease; border-left: 3px solid #ff9c00;">
[[File:WizardHelmets.png|32x32px|link=Sámán/Sisakok]] [[Sámán/Sisakok|<span style="color: #A78BFA; margin-left: 12px; font-weight: 500;">Mage's Crown</span>]]
[[File:Isteni_Harcos_Sisak.png|28x28px|link=Harcos/Sisakok]] [[Harcos/Sisakok|<span style="color: #e0e0e0; margin-left: 10px; font-weight: 500;">Dorhan Helmets</span>]]
</div>
</div>
</div>
</div>
</div>
</div>


<div class="char-description" style="margin-top: 20px; padding: 15px; background: #1E293B; border-radius: 12px; color: #9CA3AF; font-size: 0.9rem; line-height: 1.5;">
<div class="char-description" style="margin-top: 15px; padding: 12px; background: #1a1a1a; border-radius: 8px; color: #e0e0e0; font-size: 0.9rem; line-height: 1.4; border: 1px solid #444444;">
"Wielders of ancient magic, bending reality to their will with unmatched arcane power."
"Masters of warfare, dominating the battlefield with unmatched strength and tactical prowess."
</div>
</div>
</div>
</div>
</div>
</div>


<!-- MAGE -->
| style="width: 25%; vertical-align: top;" |
| style="width: 25%; vertical-align: top;" |
<div class="char-card petrun" style="background: #0F172A; border-radius: 24px; overflow: hidden; border: 1px solid rgba(255,255,255,0.05); transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);">
<div class="char-card mage" style="background: #2c2c2c; border-radius: 16px; overflow: hidden; border: 1px solid #ff9c00; transition: all 0.3s ease;">
<div style="position: relative;">
<div style="position: relative;">
<div class="card-bg" style="background: linear-gradient(45deg, #065F46, #059669); height: 120px; position: relative; overflow: hidden;">
<div class="card-bg" style="background: #ff9c00; height: 80px; position: relative; overflow: hidden;">
     <div style="position: absolute; width: 100%; height: 100%; background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjAiIGhlaWdodD0iNjAiIHZpZXdCb3g9IjAgMCA2MCA2MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0zNiAxOGMzLjMxIDAgNiAyLjY5IDYgNnMtMi42OSA2LTYgNi02LTIuNjktNi02IDIuNjktNiA2LTZ6TTI0IDQ4YzYuNjMgMCAxMi01LjM3IDEyLTEycy01LjM3LTEyLTEyLTEyLTEy5LjM3LTEyLTEyIDUuMzcgMTIgMTIgMTJ6IiBmaWxsPSIjZmZmIiBmaWxsLW9wYWNpdHk9Ii4wNSIvPjwvZz48L3N2Zz4=);">
     <div style="position: absolute; width: 100%; height: 100%;">
     </div>
     </div>
</div>
</div>


<div style="margin-top: -60px; position: relative; z-index: 2; text-align: center;">
<div style="margin-top: -50px; position: relative; z-index: 2; text-align: center;">
[[File:Petrun_male.png|130x130px|class="char-img male" style="filter: drop-shadow(0 8px 16px rgba(0,0,0,0.4));"]]
[[File:Wizard_male.png|110x110px|class="char-img male" style="filter: drop-shadow(0 5px 10px rgba(0,0,0,0.4));"]]
[[File:Petrun_female.png|130x130px|class="char-img female" style="filter: drop-shadow(0 8px 16px rgba(0,0,0,0.4));"]]
[[File:Wizard_female.png|110x110px|class="char-img female" style="filter: drop-shadow(0 5px 10px rgba(0,0,0,0.4));"]]
</div>
</div>
</div>
</div>


<div style="padding: 25px;">
<div style="padding: 20px;">
<div style="text-align: center;">
<div style="text-align: center;">
<div style="font-size: 1.8rem; font-weight: 800; color: #10B981;">PETRUN</div>
<div style="font-size: 1.6rem; font-weight: 700; color: #ff9c00;">MAGE</div>
<div style="color: #9CA3AF; font-size: 0.9rem; margin-top: 5px;">Hunter of Shadows</div>
<div style="color: #e0e0e0; font-size: 0.9rem; margin-top: 5px;">Master of Arcane</div>
</div>
</div>


<div class="stats-grid" style="display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin: 20px 0; background: #1E293B; padding: 15px; border-radius: 12px;">
<div class="stats-grid" style="display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin: 15px 0; background: #1a1a1a; padding: 12px; border-radius: 8px; border: 1px solid #444444;">
<div style="text-align: center;">
<div style="text-align: center;">
<div style="color: #10B981; font-size: 1.2rem; font-weight: 700;">90</div>
<div style="color: #ff9c00; font-size: 1.1rem; font-weight: 700;">95</div>
<div style="color: #9CA3AF; font-size: 0.8rem;">Agility</div>
<div style="color: #e0e0e0; font-size: 0.8rem;">Magic</div>
</div>
</div>
<div style="text-align: center;">
<div style="text-align: center;">
<div style="color: #60A5FA; font-size: 1.2rem; font-weight: 700;">85</div>
<div style="color: #ff9c00; font-size: 1.1rem; font-weight: 700;">75</div>
<div style="color: #9CA3AF; font-size: 0.8rem;">Precision</div>
<div style="color: #e0e0e0; font-size: 0.8rem;">Defense</div>
</div>
</div>
<div style="text-align: center;">
<div style="text-align: center;">
<div style="color: #34D399; font-size: 1.2rem; font-weight: 700;">80</div>
<div style="color: #ff9c00; font-size: 1.1rem; font-weight: 700;">85</div>
<div style="color: #9CA3AF; font-size: 0.8rem;">Stealth</div>
<div style="color: #e0e0e0; font-size: 0.8rem;">Wisdom</div>
</div>
</div>
</div>
</div>


<div class="skills-list">
<div class="skills-list">
<div class="skill-item" style="display: flex; align-items: center; padding: 12px; background: rgba(16,185,129,0.1); border-radius: 12px; margin: 8px 0; transition: all 0.3s ease;">
<div class="skill-item" style="display: flex; align-items: center; padding: 10px; background: #1a1a1a; border-radius: 8px; margin: 7px 0; transition: all 0.3s ease; border-left: 3px solid #ff9c00;">
[[File:PetrunSkillTree.png|32x32px|link=Petrun_abilites]] [[Petrun_abilites|<span style="color: #10B981; margin-left: 12px; font-weight: 500;">Hunter Arts</span>]]
[[File:Villámereje3.png|28x28px|link=Wizard_abilites]] [[Wizard_abilites|<span style="color: #e0e0e0; margin-left: 10px; font-weight: 500;">Mage Abilities</span>]]
</div>
</div>
<div class="skill-item" style="display: flex; align-items: center; padding: 12px; background: rgba(16,185,129,0.1); border-radius: 12px; margin: 8px 0; transition: all 0.3s ease;">
<div class="skill-item" style="display: flex; align-items: center; padding: 10px; background: #1a1a1a; border-radius: 8px; margin: 7px 0; transition: all 0.3s ease; border-left: 3px solid #ff9c00;">
[[File:WarriorArmour.png|32x32px|link=Petrun_vértek]] [[Petrun_vértek|<span style="color: #10B981; margin-left: 12px; font-weight: 500;">Shadow Gear</span>]]
[[File:Isteni_Vért.png|28x28px|link=Shaman/armour]] [[Shaman/armour|<span style="color: #e0e0e0; margin-left: 10px; font-weight: 500;">Mystic Robes</span>]]
</div>
</div>
<div class="skill-item" style="display: flex; align-items: center; padding: 12px; background: rgba(16,185,129,0.1); border-radius: 12px; margin: 8px 0; transition: all 0.3s ease;">
<div class="skill-item" style="display: flex; align-items: center; padding: 10px; background: #1a1a1a; border-radius: 8px; margin: 7px 0; transition: all 0.3s ease; border-left: 3px solid #ff9c00;">
[[File:PetrunBlade.png|32x32px|link=Petrun_fegyverek]] [[Petrun_fegyverek|<span style="color: #10B981; margin-left: 12px; font-weight: 500;">Hunter's Arsenal</span>]]
[[File:Szörnymester_bot.png|28x28px|link=Shaman/weapons]] [[Shaman/weapons|<span style="color: #e0e0e0; margin-left: 10px; font-weight: 500;">Arcane Arts</span>]]
</div>
</div>
<div class="skill-item" style="display: flex; align-items: center; padding: 12px; background: rgba(16,185,129,0.1); border-radius: 12px; margin: 8px 0; transition: all 0.3s ease;">
<div class="skill-item" style="display: flex; align-items: center; padding: 10px; background: #1a1a1a; border-radius: 8px; margin: 7px 0; transition: all 0.3s ease; border-left: 3px solid #ff9c00;">
[[File:PetrunHelmet.png|32x32px|link=Petrun/Sisakok]] [[Petrun/Sisakok|<span style="color: #10B981; margin-left: 12px; font-weight: 500;">Scout's Hood</span>]]
[[File:Naga_sisak.png|28x28px|link=Shaman/helmet]] [[Shaman/helmet|<span style="color: #e0e0e0; margin-left: 10px; font-weight: 500;">Mage's Crown</span>]]
</div>
</div>
</div>
</div>
</div>
</div>


<div class="char-description" style="margin-top: 20px; padding: 15px; background: #1E293B; border-radius: 12px; color: #9CA3AF; font-size: 0.9rem; line-height: 1.5;">
<div class="char-description" style="margin-top: 15px; padding: 12px; background: #1a1a1a; border-radius: 8px; color: #e0e0e0; font-size: 0.9rem; line-height: 1.4; border: 1px solid #444444;">
"Masters of the wilderness, striking with deadly precision from the shadows of nature."
"Wielders of ancient magic, bending reality to their will with unmatched arcane power."
</div>
</div>
</div>
</div>
</div>
</div>


<!-- SKOGR -->
| style="width: 25%; vertical-align: top;" |
| style="width: 25%; vertical-align: top;" |
<div class="char-card assassin" style="background: #0F172A; border-radius: 24px; overflow: hidden; border: 1px solid rgba(255,255,255,0.05); transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);">
<div class="char-card assassin" style="background: #2c2c2c; border-radius: 16px; overflow: hidden; border: 1px solid #ff9c00; transition: all 0.3s ease;">
<div style="position: relative;">
<div style="position: relative;">
<div class="card-bg" style="background: linear-gradient(45deg, #1E40AF, #3B82F6); height: 120px; position: relative; overflow: hidden;">
<div class="card-bg" style="background: #ff9c00; height: 80px; position: relative; overflow: hidden;">
     <div style="position: absolute; width: 100%; height: 100%; background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjAiIGhlaWdodD0iNjAiIHZpZXdCb3g9IjAgMCA2MCA2MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0zNiAxOGMzLjMxIDAgNiAyLjY5IDYgNnMtMi42OSA2LTYgNi02LTIuNjktNi02IDIuNjktNiA2LTZ6TTI0IDQ4YzYuNjMgMCAxMi01LjM3IDEyLTEycy01LjM3LTEyLTEyLTEyLTEyIDUuMzctMTIgMTIgNS4zNyAxMiAxMiAxMnoiIGZpbGw9IiNmZmYiIGZpbGwtb3BhY2l0eT0iLjA1Ii8+PC9nPjwvc3ZnPg==);">
     <div style="position: absolute; width: 100%; height: 100%;">
     </div>
     </div>
</div>
</div>


<div style="margin-top: -60px; position: relative; z-index: 2; text-align: center;">
<div style="margin-top: -50px; position: relative; z-index: 2; text-align: center;">
[[File:assassin_male.png|130x130px|class="char-img male" style="filter: drop-shadow(0 8px 16px rgba(0,0,0,0.4));"]]
[[File:Assassin_male.png|110x110px|class="char-img male" style="filter: drop-shadow(0 5px 10px rgba(0,0,0,0.4));"]]
[[File:assassin_female.png|130x130px|class="char-img female" style="filter: drop-shadow(0 8px 16px rgba(0,0,0,0.4));"]]
[[File:Assassin_female.png|110x110px|class="char-img female" style="filter: drop-shadow(0 5px 10px rgba(0,0,0,0.4));"]]
</div>
</div>
</div>
</div>


<div style="padding: 25px;">
<div style="padding: 20px;">
<div style="text-align: center;">
<div style="text-align: center;">
<div style="font-size: 1.8rem; font-weight: 800; color: #3B82F6;">SKOGR</div>
<div style="font-size: 1.6rem; font-weight: 700; color: #ff9c00;">SKOGR</div>
<div style="color: #9CA3AF; font-size: 0.9rem; margin-top: 5px;">Master Assassin</div>
<div style="color: #e0e0e0; font-size: 0.9rem; margin-top: 5px;">Master Assassin</div>
</div>
</div>


<div class="stats-grid" style="display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin: 20px 0; background: #1E293B; padding: 15px; border-radius: 12px;">
<div class="stats-grid" style="display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin: 15px 0; background: #1a1a1a; padding: 12px; border-radius: 8px; border: 1px solid #444444;">
<div style="text-align: center;">
<div style="text-align: center;">
<div style="color: #3B82F6; font-size: 1.2rem; font-weight: 700;">95</div>
<div style="color: #ff9c00; font-size: 1.1rem; font-weight: 700;">95</div>
<div style="color: #9CA3AF; font-size: 0.8rem;">Stealth</div>
<div style="color: #e0e0e0; font-size: 0.8rem;">Stealth</div>
</div>
</div>
<div style="text-align: center;">
<div style="text-align: center;">
<div style="color: #60A5FA; font-size: 1.2rem; font-weight: 700;">90</div>
<div style="color: #ff9c00; font-size: 1.1rem; font-weight: 700;">90</div>
<div style="color: #9CA3AF; font-size: 0.8rem;">Agility</div>
<div style="color: #e0e0e0; font-size: 0.8rem;">Agility</div>
</div>
</div>
<div style="text-align: center;">
<div style="text-align: center;">
<div style="color: #34D399; font-size: 1.2rem; font-weight: 700;">85</div>
<div style="color: #ff9c00; font-size: 1.1rem; font-weight: 700;">85</div>
<div style="color: #9CA3AF; font-size: 0.8rem;">Critical</div>
<div style="color: #e0e0e0; font-size: 0.8rem;">Critical</div>
</div>
</div>
</div>
</div>


<div class="skills-list">
<div class="skills-list">
<div class="skill-item" style="display: flex; align-items: center; padding: 12px; background: rgba(59,130,246,0.1); border-radius: 12px; margin: 8px 0; transition: all 0.3s ease;">
<div class="skill-item" style="display: flex; align-items: center; padding: 10px; background: #1a1a1a; border-radius: 8px; margin: 7px 0; transition: all 0.3s ease; border-left: 3px solid #ff9c00;">
[[File:AssassinSkillTree.png|32x32px|link=Assassin_abilites]] [[Assassin_abilites|<span style="color: #3B82F6; margin-left: 12px; font-weight: 500;">Shadow Arts</span>]]
[[File:Méreg_vihar2.png|28x28px|link=Assassin_abilites]] [[Assassin_abilites|<span style="color: #e0e0e0; margin-left: 10px; font-weight: 500;">Skogr Abilities</span>]]
</div>
</div>
<div class="skill-item" style="display: flex; align-items: center; padding: 12px; background: rgba(59,130,246,0.1); border-radius: 12px; margin: 8px 0; transition: all 0.3s ease;">
<div class="skill-item" style="display: flex; align-items: center; padding: 10px; background: #1a1a1a; border-radius: 8px; margin: 7px 0; transition: all 0.3s ease; border-left: 3px solid #ff9c00;">
[[File:WarriorArmour.png|32x32px|link=Ninja_vértek]] [[Ninja_vértek|<span style="color: #3B82F6; margin-left: 12px; font-weight: 500;">Night Armor</span>]]
[[File:Ninja_nagymester_vért.png|28x28px|link=Ninja_vértek]] [[Ninja_vértek|<span style="color: #e0e0e0; margin-left: 10px; font-weight: 500;">Skogr Armors</span>]]
</div>
</div>
<div class="skill-item" style="display: flex; align-items: center; padding: 12px; background: rgba(59,130,246,0.1); border-radius: 12px; margin: 8px 0; transition: all 0.3s ease;">
<div class="skill-item" style="display: flex; align-items: center; padding: 10px; background: #1a1a1a; border-radius: 8px; margin: 7px 0; transition: all 0.3s ease; border-left: 3px solid #ff9c00;">
[[File:AssassinWeapon.png|32x32px|link=AssassinWeapons]] [[AssassinWeapons|<span style="color: #3B82F6; margin-left: 12px; font-weight: 500;">Deadly Arts</span>]]
[[File:Smaragd_íj.png|28x28px|link=AssassinWeapons]] [[AssassinWeapons|<span style="color: #e0e0e0; margin-left: 10px; font-weight: 500;">Skogr Weapons</span>]]
</div>
</div>
<div class="skill-item" style="display: flex; align-items: center; padding: 12px; background: rgba(59,130,246,0.1); border-radius: 12px; margin: 8px 0; transition: all 0.3s ease;">
<div class="skill-item" style="display: flex; align-items: center; padding: 10px; background: #1a1a1a; border-radius: 8px; margin: 7px 0; transition: all 0.3s ease; border-left: 3px solid #ff9c00;">
[[File:AssassinHelmet.png|32x32px|link=Ninja/Sisakok]] [[Ninja/Sisakok|<span style="color: #3B82F6; margin-left: 12px; font-weight: 500;">Shadow Mask</span>]]
[[File:Harag_sisak.png|28x28px|link=Ninja/Sisakok]] [[Ninja/Sisakok|<span style="color: #e0e0e0; margin-left: 10px; font-weight: 500;">Skogr Helmets</span>]]
</div>
</div>


Line 233: Line 237:
</div>
</div>


<div class="char-description" style="margin-top: 20px; padding: 15px; background: #1E293B; border-radius: 12px; color: #9CA3AF; font-size: 0.9rem; line-height: 1.5;">
<div class="char-description" style="margin-top: 15px; padding: 12px; background: #1a1a1a; border-radius: 8px; color: #e0e0e0; font-size: 0.9rem; line-height: 1.4; border: 1px solid #444444;">
"Silent dealers of death, these shadow warriors excel in stealth and precision strikes."
"Silent dealers of death, these shadow warriors excel in stealth and precision strikes."
</div>
</div>

Revision as of 11:14, 17 May 2025

CHOOSE YOUR CLASS
Select your path to glory

PETRUN
Hunter of Shadows
90
Agility
85
Precision
80
Stealth

Petrun Abilities

Petrun Armors

Petrun Swords

Petrun Helmets

"Masters of the wilderness, striking with deadly precision from the shadows of nature."

DORHAN
Master of Combat
95
Attack
85
Defense
75
Agility

Dorhan Abilities

Dorhan Armors

Dorhan Swords

Dorhan Helmets

"Masters of warfare, dominating the battlefield with unmatched strength and tactical prowess."

MAGE
Master of Arcane
95
Magic
75
Defense
85
Wisdom

Mage Abilities

Mystic Robes

Arcane Arts

Mage's Crown

"Wielders of ancient magic, bending reality to their will with unmatched arcane power."

SKOGR
Master Assassin
95
Stealth
90
Agility
85
Critical

Skogr Abilities

Skogr Armors

Skogr Weapons

Skogr Helmets

"Silent dealers of death, these shadow warriors excel in stealth and precision strikes."

Retrieved from "https://wiki.playm2m.com/index.php?title=Template:M2MClasses&oldid=4203"
Last modified
This page was last edited on 17 May 2025, at 11:14.
Copyright
Content is available under Laniatus LLC unless otherwise noted.