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 edit
VisualWikitext
m Reverted edits by Laniatus (talk) to last revision by 31.223.64.215
Tags: Rollback Reverted
No edit summary
 
(2 intermediate revisions by the same user not shown)
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 HERO</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>


|-
|-
|}<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);">
{| style="width: 100%; border-spacing: 15px; border: none; padding: 15px; background: #222222;"
|-
<!-- PETRUN -->
| style="width: 25%; vertical-align: top;" |
<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;">DORHAN</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 in Melee 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;">Dorhan Abilities</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;">Dorhan Armors</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;">Dorhan Weapons</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;">Dorhan Helmets</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>


<!-- 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;">Mage Abilities</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;">Mage Armors</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;">Mage Weapons</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 Helmets</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>


<!-- 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 Dark</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;">Petrun Abilities</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;">Petrun Armors</span>]]
[[File:Isteni_Vért.png|28x28px|link=Shaman/armour]] [[Shaman/armour|<span style="color: #e0e0e0; margin-left: 10px; font-weight: 500;">Mage Armors</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;">Petrun Weapons</span>]]
[[File:Szörnymester_bot.png|28x28px|link=Shaman/weapons]] [[Shaman/weapons|<span style="color: #e0e0e0; margin-left: 10px; font-weight: 500;">Mage Weapons</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;">Petrun Helmets</span>]]
[[File:Naga_sisak.png|28x28px|link=Shaman/helmet]] [[Shaman/helmet|<span style="color: #e0e0e0; margin-left: 10px; font-weight: 500;">Mage's 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 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>


<!-- 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;">Skogr Abilities</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;">Skogr Armors</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;">Skogr Weapons</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;">Skogr Helmets</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 227: 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>
</div>
</div>
 
</div>
|}
|}
|}

Latest revision as of 11:16, 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

Mage Armors

Mage Weapons

Mage's Helmets

"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=4204"
Last modified
This page was last edited on 17 May 2025, at 11:16.
Copyright
Content is available under Laniatus LLC unless otherwise noted.