Template:M2MClasses: Difference between revisions
Template page
More actions
No edit summary |
No edit summary |
||
| Line 1: | Line 1: | ||
{| class="mw-collapsible wikitable | {| class="mw-collapsible wikitable class-selection-screen" style="width: 100%; background: radial-gradient(circle at 50% 50%, #040812 0%, #0A1428 100%); margin: 2em auto; border: none; border-radius: 30px; box-shadow: 0 15px 50px rgba(0,0,0,0.4), inset 0 0 150px rgba(0,149,255,0.15); max-width: 1800px; position: relative; overflow: hidden;" | ||
! colspan="4" style="background: linear-gradient( | |||
<div style=" | ! colspan="4" style="background: linear-gradient(135deg, rgba(10,20,40,0.95) 0%, rgba(20,40,80,0.95) 100%); color: white; text-align: center; padding: 50px 20px; border-radius: 30px 30px 0 0; border: none; position: relative;" | | ||
<div class="title-container" style="position: relative; z-index: 2;"> | |||
<div style="font-size: 3em; font-weight: 800; text-transform: uppercase; letter-spacing: 6px; text-shadow: 0 0 15px rgba(0,123,255,0.6), 0 0 30px rgba(0,123,255,0.4); margin-bottom: 20px; font-family: 'Cinzel', serif;"> | |||
⚔️ Legendary Heroes ⚔️ | |||
</div> | |||
<div style="font-size: 1.4em; color: #A0C4FF; font-style: italic; font-family: 'Cormorant Garamond', serif; text-shadow: 1px 1px 3px rgba(0,0,0,0.6);">Choose Your Champion and Forge Your Legacy</div> | |||
</div> | |||
|- | |- | ||
| style="width: 25%; padding: | | style="width: 25%; padding: 35px; vertical-align: top; background: linear-gradient(180deg, rgba(231,76,60,0.08) 0%, rgba(192,57,43,0.15) 100%); border: 2px solid rgba(231,76,60,0.3); position: relative; transition: all 0.3s ease;" class="warrior-cell" | | ||
{| style="width: 100%; border: none; background: transparent;" | {| style="width: 100%; border: none; background: transparent; position: relative;" | ||
! colspan="2" style="text-align: center; background: linear-gradient( | ! colspan="2" style="text-align: center; background: linear-gradient(135deg, #8B0000 0%, #CF0000 100%); color: white; border-radius: 25px; padding: 30px; margin-bottom: 30px; position: relative; overflow: hidden;" class="class-header warrior-header" | | ||
<div style="font-size: 2em; font-weight: 700; text-transform: uppercase; text-shadow: 0 0 15px rgba(255,0,0,0.6); letter-spacing: 3px;">[[Warrior|⚔️ Dorhan]]</div> | |||
<div style="font-size: 1.2em; margin-top: 8px; color: #FFB6B6;">Guardian of the Realm</div> | |||
<div class="power-level" style="margin-top: 15px;"> | |||
<span style="display: inline-block; width: 15px; height: 15px; background: #FF6B6B; border-radius: 50%; margin: 0 3px; box-shadow: 0 0 10px #FF6B6B;"></span> | |||
<span style="display: inline-block; width: 15px; height: 15px; background: #FF6B6B; border-radius: 50%; margin: 0 3px; box-shadow: 0 0 10px #FF6B6B;"></span> | |||
<span style="display: inline-block; width: 15px; height: 15px; background: #FF6B6B; border-radius: 50%; margin: 0 3px; box-shadow: 0 0 10px #FF6B6B;"></span> | |||
<span style="display: inline-block; width: 15px; height: 15px; background: #FF6B6B; border-radius: 50%; margin: 0 3px; box-shadow: 0 0 10px #FF6B6B;"></span> | |||
</div> | |||
|- | |- | ||
| colspan="2" style="text-align: center; padding: | | colspan="2" style="text-align: center; padding: 35px; background: radial-gradient(circle at center, rgba(139,0,0,0.25) 0%, rgba(0,0,0,0.4) 100%); border-radius: 25px; margin: 15px 0 30px 0; box-shadow: inset 0 0 40px rgba(0,0,0,0.5); position: relative;" class="character-frame warrior-frame" | | ||
[[File:warrior_male.png| | <div class="character-spotlight warrior-spotlight"> | ||
[[File:warrior_female.png| | [[File:warrior_male.png|120x120px|link=Warrior|class="char-image male warrior-male"]] | ||
[[File:warrior_female.png|120x120px|link=Warrior|class="char-image female warrior-female"]] | |||
<div class="char-glow warrior-glow"></div> | |||
</div> | |||
<div class="class-stats" style="margin-top: 20px; color: #FFB6B6; text-align: center;"> | |||
<div style="font-size: 1.1em; margin-bottom: 10px;">Class Attributes</div> | |||
<div style="display: flex; justify-content: center; gap: 20px; font-size: 0.9em;"> | |||
<div>Strength ⚔️⚔️⚔️⚔️⚔️</div> | |||
<div>Defense 🛡️🛡️🛡️🛡️</div> | |||
<div>Magic ✨✨</div> | |||
</div> | |||
</div> | |||
|- | |- | ||
| style="text-align: center; padding: | | style="text-align: center; padding: 18px;" | [[File:WarriSkillTree.png|60x60px|link=Warrior_abilites|class="ability-icon warrior-ability"]] | ||
| style="text-align: left; padding: | | style="text-align: left; padding: 18px;" | [[Warrior_abilites|<span class="ability-text warrior-text">Combat Mastery</span>]] | ||
|- | |- | ||
| style="text-align: center; padding: | | style="text-align: center; padding: 18px;" | [[File:WarriorArmour.png|60x60px|link=Harcos_Vértek|class="ability-icon warrior-ability"]] | ||
| style="text-align: left; padding: | | style="text-align: left; padding: 18px;" | [[Harcos_Vértek|<span class="ability-text warrior-text">Legendary Armor</span>]] | ||
|- | |- | ||
| style="text-align: center; padding: | | style="text-align: center; padding: 18px;" | [[File:WarriorBlade.png|60x60px|link=WarriorWeapons|class="ability-icon warrior-ability"]] | ||
| style="text-align: left; padding: | | style="text-align: left; padding: 18px;" | [[WarriorWeapons|<span class="ability-text warrior-text">Arsenal of War</span>]] | ||
|- | |- | ||
| style="text-align: center; padding: | | style="text-align: center; padding: 18px;" | [[File:WarriorHelm.png|60x60px|link=Harcos/Sisakok|class="ability-icon warrior-ability"]] | ||
| style="text-align: left; padding: | | style="text-align: left; padding: 18px;" | [[Harcos/Sisakok|<span class="ability-text warrior-text">Battle Helms</span>]] | ||
|- | |||
| colspan="2" style="text-align: center; padding: 20px;" | | |||
<div class="class-description" style="color: #FFB6B6; font-style: italic; font-size: 0.9em; line-height: 1.6;"> | |||
"Masters of combat, Dorhan warriors stand as the ultimate defenders of the realm. Their unmatched prowess in battle and indomitable spirit make them legendary heroes." | |||
</div> | |||
|} | |} | ||
| style="width: 25%; padding: | | style="width: 25%; padding: 35px; vertical-align: top; background: linear-gradient(180deg, rgba(155,89,182,0.08) 0%, rgba(142,68,173,0.15) 100%); border: 2px solid rgba(155,89,182,0.3); position: relative; transition: all 0.3s ease;" class="wizard-cell" | | ||
{| style="width: 100%; border: none; background: transparent;" | {| style="width: 100%; border: none; background: transparent; position: relative;" | ||
! colspan="2" style="text-align: center; background: linear-gradient( | ! colspan="2" style="text-align: center; background: linear-gradient(135deg, #4A148C 0%, #7B1FA2 100%); color: white; border-radius: 25px; padding: 30px; margin-bottom: 30px; position: relative; overflow: hidden;" class="class-header wizard-header" | | ||
<div style="font-size: 2em; font-weight: 700; text-transform: uppercase; text-shadow: 0 0 15px rgba(186,104,200,0.6); letter-spacing: 3px;">[[Wizard|🔮 Mage]]</div> | |||
<div style="font-size: 1.2em; margin-top: 8px; color: #E1BEE7;">Master of Arcane Arts</div> | |||
<div class="power-level" style="margin-top: 15px;"> | |||
<span style="display: inline-block; width: 15px; height: 15px; background: #BA68C8; border-radius: 50%; margin: 0 3px; box-shadow: 0 0 10px #BA68C8;"></span> | |||
<span style="display: inline-block; width: 15px; height: 15px; background: #BA68C8; border-radius: 50%; margin: 0 3px; box-shadow: 0 0 10px #BA68C8;"></span> | |||
<span style="display: inline-block; width: 15px; height: 15px; background: #BA68C8; border-radius: 50%; margin: 0 3px; box-shadow: 0 0 10px #BA68C8;"></span> | |||
<span style="display: inline-block; width: 15px; height: 15px; background: #BA68C8; border-radius: 50%; margin: 0 3px; box-shadow: 0 0 10px #BA68C8;"></span> | |||
<span style="display: inline-block; width: 15px; height: 15px; background: #BA68C8; border-radius: 50%; margin: 0 3px; box-shadow: 0 0 10px #BA68C8;"></span> | |||
</div> | |||
|- | |- | ||
| colspan="2" style="text-align: center; padding: | | colspan="2" style="text-align: center; padding: 35px; background: radial-gradient(circle at center, rgba(74,20,140,0.25) 0%, rgba(0,0,0,0.4) 100%); border-radius: 25px; margin: 15px 0 30px 0; box-shadow: inset 0 0 40px rgba(0,0,0,0.5); position: relative;" class="character-frame wizard-frame" | | ||
[[File:wizard_male.png| | <div class="character-spotlight wizard-spotlight"> | ||
[[File:wizard_female.png| | [[File:wizard_male.png|120x120px|link=Wizard|class="char-image male wizard-male"]] | ||
[[File:wizard_female.png|120x120px|link=Wizard|class="char-image female wizard-female"]] | |||
<div class="char-glow wizard-glow"></div> | |||
</div> | |||
<div class="class-stats" style="margin-top: 20px; color: #E1BEE7; text-align: center;"> | |||
<div style="font-size: 1.1em; margin-bottom: 10px;">Class Attributes</div> | |||
<div style="display: flex; justify-content: center; gap: 20px; font-size: 0.9em;"> | |||
<div>Magic ✨✨✨✨✨</div> | |||
<div>Wisdom 📚📚📚📚</div> | |||
<div>Defense 🛡️🛡️</div> | |||
</div> | |||
</div> | |||
|- | |- | ||
| style="text-align: center; padding: | | style="text-align: center; padding: 18px;" | [[File:WizardSkillTree.png|60x60px|link=Wizard_abilites|class="ability-icon wizard-ability"]] | ||
| style="text-align: left; padding: | | style="text-align: left; padding: 18px;" | [[Wizard_abilites|<span class="ability-text wizard-text">Arcane Mastery</span>]] | ||
|- | |- | ||
| style="text-align: center; padding: | | style="text-align: center; padding: 18px;" | [[File:WarriorArmour.png|60x60px|link=Sámán_vértek|class="ability-icon wizard-ability"]] | ||
| style="text-align: left; padding: | | style="text-align: left; padding: 18px;" | [[Sámán_vértek|<span class="ability-text wizard-text">Mystic Robes</span>]] | ||
|- | |- | ||
| style="text-align: center; padding: | | style="text-align: center; padding: 18px;" | [[File:WizardWeapons.png|60x60px|link=WizardWeapons|class="ability-icon wizard-ability"]] | ||
| style="text-align: left; padding: | | style="text-align: left; padding: 18px;" | [[WizardWeapons|<span class="ability-text wizard-text">Arcane Artifacts</span>]] | ||
|- | |- | ||
| style="text-align: center; padding: | | style="text-align: center; padding: 18px;" | [[File:WizardHelmets.png|60x60px|link=Sámán/Sisakok|class="ability-icon wizard-ability"]] | ||
| style="text-align: left; padding: | | style="text-align: left; padding: 18px;" | [[Sámán/Sisakok|<span class="ability-text wizard-text">Sorcerer's Crown</span>]] | ||
|- | |||
| colspan="2" style="text-align: center; padding: 20px;" | | |||
<div class="class-description" style="color: #E1BEE7; font-style: italic; font-size: 0.9em; line-height: 1.6;"> | |||
"Wielders of ancient magic, the Mages bend reality to their will. Their mastery over arcane forces makes them feared and respected throughout the realm." | |||
</div> | |||
|} | |} | ||
| style="width: 25%; padding: 35px; vertical-align: top; background: linear-gradient(180deg, rgba(46,204,113,0.08) 0%, rgba(39,174,96,0.15) 100%); border: 2px solid rgba(46,204,113,0.3); position: relative; transition: all 0.3s ease;" class="petrun-cell" | | |||
| style="width: 25%; padding: | {| style="width: 100%; border: none; background: transparent; position: relative;" | ||
{| style="width: 100%; border: none; background: transparent;" | ! colspan="2" style="text-align: center; background: linear-gradient(135deg, #27ae60 0%, #2ecc71 100%); color: white; border-radius: 25px; padding: 30px; margin-bottom: 30px; position: relative; overflow: hidden;" class="class-header petrun-header" | | ||
! colspan="2" style="text-align: center; background: linear-gradient( | <div style="font-size: 2em; font-weight: 700; text-transform: uppercase; text-shadow: 0 0 15px rgba(46,204,113,0.6); letter-spacing: 3px;">[[Petrun|🏹 Petrun]]</div> | ||
<div style="font-size: 1.2em; margin-top: 8px; color: #A7F3D0;">Hunter of the Wilds</div> | |||
<div class="power-level" style="margin-top: 15px;"> | |||
<span style="display: inline-block; width: 15px; height: 15px; background: #2ECC71; border-radius: 50%; margin: 0 3px; box-shadow: 0 0 10px #2ECC71;"></span> | |||
<span style="display: inline-block; width: 15px; height: 15px; background: #2ECC71; border-radius: 50%; margin: 0 3px; box-shadow: 0 0 10px #2ECC71;"></span> | |||
<span style="display: inline-block; width: 15px; height: 15px; background: #2ECC71; border-radius: 50%; margin: 0 3px; box-shadow: 0 0 10px #2ECC71;"></span> | |||
<span style="display: inline-block; width: 15px; height: 15px; background: #2ECC71; border-radius: 50%; margin: 0 3px; box-shadow: 0 0 10px #2ECC71;"></span> | |||
</div> | |||
|- | |||
| colspan="2" style="text-align: center; padding: 35px; background: radial-gradient(circle at center, rgba(46,204,113,0.25) 0%, rgba(0,0,0,0.4) 100%); border-radius: 25px; margin: 15px 0 30px 0; box-shadow: inset 0 0 40px rgba(0,0,0,0.5); position: relative;" class="character-frame petrun-frame" | | |||
<div class="character-spotlight petrun-spotlight"> | |||
[[File:Petrun_male.png|120x120px|link=Petrun|class="char-image male petrun-male"]] | |||
[[File:Petrun_female.png|120x120px|link=Petrun|class="char-image female petrun-female"]] | |||
<div class="char-glow petrun-glow"></div> | |||
</div> | |||
<div class="class-stats" style="margin-top: 20px; color: #A7F3D0; text-align: center;"> | |||
<div style="font-size: 1.1em; margin-bottom: 10px;">Class Attributes</div> | |||
<div style="display: flex; justify-content: center; gap: 20px; font-size: 0.9em;"> | |||
<div>Agility 🏃♂️🏃♂️🏃♂️🏃♂️🏃♂️</div> | |||
<div>Accuracy 🎯🎯🎯🎯</div> | |||
<div>Stealth 👻👻👻</div> | |||
</div> | |||
</div> | |||
|- | |- | ||
| | | style="text-align: center; padding: 18px;" | [[File:PetrunSkillTree.png|60x60px|link=Petrun_abilites|class="ability-icon petrun-ability"]] | ||
[[File: | | style="text-align: left; padding: 18px;" | [[Petrun_abilites|<span class="ability-text petrun-text">Ranger Arts</span>]] | ||
[[ | |||
|- | |- | ||
| style="text-align: center; padding: | | style="text-align: center; padding: 18px;" | [[File:WarriorArmour.png|60x60px|link=Petrun_vértek|class="ability-icon petrun-ability"]] | ||
| style="text-align: left; padding: | | style="text-align: left; padding: 18px;" | [[Petrun_vértek|<span class="ability-text petrun-text">Hunter's Gear</span>]] | ||
|- | |- | ||
| style="text-align: center; padding: | | style="text-align: center; padding: 18px;" | [[File:PetrunBlade.png|60x60px|link=Petrun_fegyverek|class="ability-icon petrun-ability"]] | ||
| style="text-align: left; padding: | | style="text-align: left; padding: 18px;" | [[Petrun_fegyverek|<span class="ability-text petrun-text">Ranger's Arsenal</span>]] | ||
|- | |- | ||
| style="text-align: center; padding: | | style="text-align: center; padding: 18px;" | [[File:PetrunHelmet.png|60x60px|link=Petrun/Sisakok|class="ability-icon petrun-ability"]] | ||
| style="text-align: left; padding: | | style="text-align: left; padding: 18px;" | [[Petrun/Sisakok|<span class="ability-text petrun-text">Scout's Hood</span>]] | ||
|- | |- | ||
| style="text-align: center; padding: | | colspan="2" style="text-align: center; padding: 20px;" | | ||
<div class="class-description" style="color: #A7F3D0; font-style: italic; font-size: 0.9em; line-height: 1.6;"> | |||
“Lords of darkness, the Petruns strike from the shadows with deadly precision. Their connection to ancient magic makes them death itself.” | |||
</div> | |||
|} | |} | ||
| style="width: 25%; padding: 35px; vertical-align: top; background: linear-gradient(180deg, rgba(52,152,219,0.08) 0%, rgba(41,128,185,0.15) 100%); border: 2px solid rgba(52,152,219,0.3); position: relative; transition: all 0.3s ease;" class="assassin-cell" | | |||
| style="width: 25%; padding: | {| style="width: 100%; border: none; background: transparent; position: relative;" | ||
{| style="width: 100%; border: none; background: transparent;" | ! colspan="2" style="text-align: center; background: linear-gradient(135deg, #2980b9 0%, #3498db 100%); color: white; border-radius: 25px; padding: 30px; margin-bottom: 30px; position: relative; overflow: hidden;" class="class-header assassin-header" | | ||
! colspan="2" style="text-align: center; background: linear-gradient( | <div style="font-size: 2em; font-weight: 700; text-transform: uppercase; text-shadow: 0 0 15px rgba(52,152,219,0.6); letter-spacing: 3px;">[[Assassin|🗡️ Skogr]]</div> | ||
<div style="font-size: 1.2em; margin-top: 8px; color: #BDE0FF;">Shadow Walker</div> | |||
<div class="power-level" style="margin-top: 15px;"> | |||
<span style="display: inline-block; width: 15px; height: 15px; background: #3498DB; border-radius: 50%; margin: 0 3px; box-shadow: 0 0 10px #3498DB;"></span> | |||
<span style="display: inline-block; width: 15px; height: 15px; background: #3498DB; border-radius: 50%; margin: 0 3px; box-shadow: 0 0 10px #3498DB;"></span> | |||
<span style="display: inline-block; width: 15px; height: 15px; background: #3498DB; border-radius: 50%; margin: 0 3px; box-shadow: 0 0 10px #3498DB;"></span> | |||
<span style="display: inline-block; width: 15px; height: 15px; background: #3498DB; border-radius: 50%; margin: 0 3px; box-shadow: 0 0 10px #3498DB;"></span> | |||
<span style="display: inline-block; width: 15px; height: 15px; background: #3498DB; border-radius: 50%; margin: 0 3px; box-shadow: 0 0 10px #3498DB;"></span> | |||
</div> | |||
|- | |||
| colspan="2" style="text-align: center; padding: 35px; background: radial-gradient(circle at center, rgba(52,152,219,0.25) 0%, rgba(0,0,0,0.4) 100%); border-radius: 25px; margin: 15px 0 30px 0; box-shadow: inset 0 0 40px rgba(0,0,0,0.5); position: relative;" class="character-frame assassin-frame" | | |||
<div class="character-spotlight assassin-spotlight"> | |||
[[File:assassin_male.png|120x120px|link=Assassin|class="char-image male assassin-male"]] | |||
[[File:assassin_female.png|120x120px|link=Assassin|class="char-image female assassin-female"]] | |||
<div class="char-glow assassin-glow"></div> | |||
</div> | |||
<div class="class-stats" style="margin-top: 20px; color: #BDE0FF; text-align: center;"> | |||
<div style="font-size: 1.1em; margin-bottom: 10px;">Class Attributes</div> | |||
<div style="display: flex; justify-content: center; gap: 20px; font-size: 0.9em;"> | |||
<div>Stealth 👻👻👻👻👻</div> | |||
<div>Speed ⚡⚡⚡⚡</div> | |||
<div>Critical 🎯🎯🎯🎯</div> | |||
</div> | |||
</div> | |||
|- | |- | ||
| | | style="text-align: center; padding: 18px;" | [[File:AssassinSkillTree.png|60x60px|link=Assassin_abilites|class="ability-icon assassin-ability"]] | ||
[[File: | | style="text-align: left; padding: 18px;" | [[Assassin_abilites|<span class="ability-text assassin-text">Shadow Arts</span>]] | ||
[[ | |||
|- | |- | ||
| style="text-align: center; padding: | | style="text-align: center; padding: 18px;" | [[File:WarriorArmour.png|60x60px|link=Ninja_vértek|class="ability-icon assassin-ability"]] | ||
| style="text-align: left; padding: | | style="text-align: left; padding: 18px;" | [[Ninja_vértek|<span class="ability-text assassin-text">Shadow Gear</span>]] | ||
|- | |- | ||
| style="text-align: center; padding: | | style="text-align: center; padding: 18px;" | [[File:AssassinWeapon.png|60x60px|link=AssassinWeapons|class="ability-icon assassin-ability"]] | ||
| style="text-align: left; padding: | | style="text-align: left; padding: 18px;" | [[AssassinWeapons|<span class="ability-text assassin-text">Lethal Arsenal</span>]] | ||
|- | |- | ||
| style="text-align: center; padding: | | style="text-align: center; padding: 18px;" | [[File:AssassinHelmet.png|60x60px|link=Ninja/Sisakok|class="ability-icon assassin-ability"]] | ||
| style="text-align: left; padding: | | style="text-align: left; padding: 18px;" | [[Ninja/Sisakok|<span class="ability-text assassin-text">Shadow Mask</span>]] | ||
|- | |- | ||
| style="text-align: center; padding: | | colspan="2" style="text-align: center; padding: 20px;" | | ||
<div class="class-description" style="color: #BDE0FF; font-style: italic; font-size: 0.9em; line-height: 1.6;"> | |||
"Masters of stealth and precision, Skogr assassins strike from the shadows with deadly accuracy. Their legendary skills in the art of assassination make them feared throughout the realm." | |||
</div> | |||
|} | |} | ||
|} | |} | ||
<noinclude> | <noinclude> | ||
[[Category:Template|{{PAGENAME}}]] | [[Category:Template|{{PAGENAME}}]] | ||
[[Category:Template/Main Page|{{PAGENAME}}]] | [[Category:Template/Main Page|{{PAGENAME}}]] | ||
</noinclude> | </noinclude> | ||







