More actions
Created page with "ben uses this for theme testing dont delete yet pls <!-- BOX 1: GREEN (Farming Theme) --> <div style=" background: rgba(30, 60, 30, 0.85); border-radius: 8px; padding: 16px; margin: 20px 0; box-shadow: 0 4px 8px rgba(0,0,0,0.3); border-left: 4px solid #4CAF50; color: #E0FFE0; "> <h3 style="color: #A5D6A7; margin-top: 0; border-bottom: 1px solid #2E7D32; padding-bottom: 8px;"> ๐ฑ Farming Configuration </h3> <p><strong>Compost Type:</stro..." ย |
No edit summary ย |
||
Line 414: | Line 414: | ||
<!-- 23. Woodcutting --> | <!-- 23. Woodcutting --> | ||
<div style="background: rgba(15,40,15,0.85); border-radius:8px; padding:16px; margin:20px 0; box-shadow:0 4px 8px rgba(0,0,0,0.3); border-left:4px solid #2E8B57; color:#E8F5E9; width:300px; height:120px; display:inline-block; vertical-align:top;"> | <div style="background: rgba(15,40,15,0.85); border-radius:8px; padding:16px; margin:20px 0; box-shadow:0 4px 8px rgba(0,0,0,0.3); border-left:4px solid #2E8B57; color:#E8F5E9; width:300px; height:120px; display:inline-block; vertical-align:top;"> | ||
<h3 style="color:#A5D6A7; margin-top:0; border-bottom:1px solid #1B5E20; padding-bottom:8px"> | <h3 style="color:#A5D6A7; margin-top:0; border-bottom:1px solid #1B5E20; padding-bottom:8px">๐ฒ Woodcutting</h3> | ||
<p><strong>Tree:</strong> Redwoods</p> | <p><strong>Tree:</strong> Redwoods</p> | ||
<p><strong>Axe:</strong> Dragon</p> | <p><strong>Axe:</strong> Dragon</p> | ||
</div> | |||
<!-- 1. Attack --> | |||
<div style="background: rgba(100, 10, 20, 0.85); border-radius:8px; padding:16px; margin:20px 0; box-shadow:0 4px 8px rgba(0,0,0,0.3); border-left:4px solid #8B0000; color:#FFD7D7; width:300px; height:120px; display:inline-block; vertical-align:top;"> | |||
<h3 style="color:#FF9999; margin-top:0; border-bottom:1px solid #660000; padding-bottom:8px">โ๏ธ Attack</h3> | |||
<p><strong>Style:</strong> <span style="color:#FFAAAA">Aggressive</span></p> | |||
<p><strong>Weapon:</strong> Abyssal whip</p> | |||
</div> | |||
<!-- 2. Strength --> | |||
<div style="background: rgba(120, 10, 0, 0.85); border-radius:8px; padding:16px; margin:20px 0; box-shadow:0 4px 8px rgba(0,0,0,0.3); border-left:4px solid #CC0000; color:#FFE5E0; width:300px; height:120px; display:inline-block; vertical-align:top;"> | |||
<h3 style="color:#FF8080; margin-top:0; border-bottom:1px solid #990000; padding-bottom:8px">๐ช Strength</h3> | |||
<p><strong>Style:</strong> <span style="color:#FF9999">Berserker</span></p> | |||
<p><strong>Weapon:</strong> Dragon scimitar</p> | |||
</div> | |||
<!-- 3. Defence --> | |||
<div style="background: rgba(20, 60, 120, 0.85); border-radius:8px; padding:16px; margin:20px 0; box-shadow:0 4px 8px rgba(0,0,0,0.3); border-left:4px solid #1E90FF; color:#E0F0FF; width:300px; height:120px; display:inline-block; vertical-align:top;"> | |||
<h3 style="color:#99CCFF; margin-top:0; border-bottom:1px solid #0066CC; padding-bottom:8px">๐ก๏ธ Defence</h3> | |||
<p><strong>Style:</strong> <span style="color:#B3D9FF">Defensive</span></p> | |||
<p><strong>Armor:</strong> Barrows</p> | |||
</div> | |||
<!-- 4. Ranged --> | |||
<div style="background: rgba(60, 100, 30, 0.85); border-radius:8px; padding:16px; margin:20px 0; box-shadow:0 4px 8px rgba(0,0,0,0.3); border-left:4px solid #6B8E23; color:#F0FFE0; width:300px; height:120px; display:inline-block; vertical-align:top;"> | |||
<h3 style="color:#CCFF99; margin-top:0; border-bottom:1px solid #556B2F; padding-bottom:8px">๐น Ranged</h3> | |||
<p><strong>Weapon:</strong> <span style="color:#B3FF66">Rune crossbow</span></p> | |||
<p><strong>Ammo:</strong> Broad bolts</p> | |||
</div> | |||
<!-- 5. Prayer (Darkened Version) --> | |||
<div style="background: rgba(210, 210, 100, 0.85); border-radius:8px; padding:16px; margin:20px 0; box-shadow:0 4px 8px rgba(0,0,0,0.3); border-left:4px solid #FFD700; color:#333300; width:300px; height:120px; display:inline-block; vertical-align:top;"> | |||
<h3 style="color:#FFEE99; margin-top:0; border-bottom:1px solid #CCAA00; padding-bottom:8px">๐ Prayer</h3> | |||
<p><strong>Method:</strong> <span style="color:#FFDD55">Chaos Altar</span></p> | |||
<p><strong>Bones:</strong> Dragon</p> | |||
</div> | |||
<!-- 6. Magic --> | |||
<div style="background: rgba(80, 60, 180, 0.85); border-radius:8px; padding:16px; margin:20px 0; box-shadow:0 4px 8px rgba(0,0,0,0.3); border-left:4px solid #9370DB; color:#F0E8FF; width:300px; height:120px; display:inline-block; vertical-align:top;"> | |||
<h3 style="color:#CCBBFF; margin-top:0; border-bottom:1px solid #6A5ACD; padding-bottom:8px">๐ฎ Magic</h3> | |||
<p><strong>Spell:</strong> <span style="color:#B399FF">High Alchemy</span></p> | |||
<p><strong>Staff:</strong> Ancient</p> | |||
</div> | |||
<!-- 7. Runecrafting --> | |||
<div style="background: rgba(100, 100, 200, 0.85); border-radius:8px; padding:16px; margin:20px 0; box-shadow:0 4px 8px rgba(0,0,0,0.3); border-left:4px solid #4169E1; color:#E0E8FF; width:300px; height:120px; display:inline-block; vertical-align:top;"> | |||
<h3 style="color:#AAB9FF; margin-top:0; border-bottom:1px solid #000080; padding-bottom:8px">๐ Runecrafting</h3> | |||
<p><strong>Altar:</strong> <span style="color:#8F9FFF">Nature</span></p> | |||
<p><strong>Route:</strong> Abyss</p> | |||
</div> | |||
<!-- 8. Construction --> | |||
<div style="background: rgba(150, 100, 50, 0.85); border-radius:8px; padding:16px; margin:20px 0; box-shadow:0 4px 8px rgba(0,0,0,0.3); border-left:4px solid #D2B48C; color:#FFF5E6; width:300px; height:120px; display:inline-block; vertical-align:top;"> | |||
<h3 style="color:#FFE4C4; margin-top:0; border-bottom:1px solid #A08060; padding-bottom:8px">๐ Construction</h3> | |||
<p><strong>Method:</strong> <span style="color:#FFD8A8">Mahogany Tables</span></p> | |||
<p><strong>Servant:</strong> Enabled</p> | |||
</div> | |||
<!-- 9. Hitpoints --> | |||
<div style="background: rgba(200, 20, 20, 0.85); border-radius:8px; padding:16px; margin:20px 0; box-shadow:0 4px 8px rgba(0,0,0,0.3); border-left:4px solid #FF4500; color:#FFE5E0; width:300px; height:120px; display:inline-block; vertical-align:top;"> | |||
<h3 style="color:#FF9999; margin-top:0; border-bottom:1px solid #CC0000; padding-bottom:8px">โค๏ธ Hitpoints</h3> | |||
<p><strong>Food:</strong> <span style="color:#FF8080">Sharks</span></p> | |||
<p><strong>Threshold:</strong> 50% HP</p> | |||
</div> | |||
<!-- 10. Agility --> | |||
<div style="background: rgba(0, 150, 150, 0.85); border-radius:8px; padding:16px; margin:20px 0; box-shadow:0 4px 8px rgba(0,0,0,0.3); border-left:4px solid #008B8B; color:#E0FFFF; width:300px; height:120px; display:inline-block; vertical-align:top;"> | |||
<h3 style="color:#99FFFF; margin-top:0; border-bottom:1px solid #006666; padding-bottom:8px">๐ Agility</h3> | |||
<p><strong>Course:</strong> <span style="color:#66FFFF">Ardougne</span></p> | |||
<p><strong>Stamina:</strong> Enabled</p> | |||
</div> | |||
<!-- 11. Herblore --> | |||
<div style="background: rgba(50, 150, 50, 0.85); border-radius:8px; padding:16px; margin:20px 0; box-shadow:0 4px 8px rgba(0,0,0,0.3); border-left:4px solid #2E8B57; color:#E8FFE8; width:300px; height:120px; display:inline-block; vertical-align:top;"> | |||
<h3 style="color:#99FF99; margin-top:0; border-bottom:1px solid #006400; padding-bottom:8px">๐งช Herblore</h3> | |||
<p><strong>Potion:</strong> <span style="color:#77EE77">Prayer</span></p> | |||
<p><strong>Cleaning:</strong> Enabled</p> | |||
</div> | |||
<!-- 12. Thieving --> | |||
<div style="background: rgba(100, 50, 150, 0.85); border-radius:8px; padding:16px; margin:20px 0; box-shadow:0 4px 8px rgba(0,0,0,0.3); border-left:4px solid #9932CC; color:#F5E8FF; width:300px; height:120px; display:inline-block; vertical-align:top;"> | |||
<h3 style="color:#D4AAFF; margin-top:0; border-bottom:1px solid #800080; padding-bottom:8px">๐ค Thieving</h3> | |||
<p><strong>Target:</strong> <span style="color:#C28CFF">Ardy Knights</span></p> | |||
<p><strong>Food:</strong> Wine</p> | |||
</div> | |||
<!-- 13. Crafting --> | |||
<div style="background: rgba(200, 150, 0, 0.85); border-radius:8px; padding:16px; margin:20px 0; box-shadow:0 4px 8px rgba(0,0,0,0.3); border-left:4px solid #DAA520; color:#FFFFE0; width:300px; height:120px; display:inline-block; vertical-align:top;"> | |||
<h3 style="color:#FFEE99; margin-top:0; border-bottom:1px solid #B8860B; padding-bottom:8px">๐ Crafting</h3> | |||
<p><strong>Activity:</strong> <span style="color:#FFDD55">Gem Cutting</span></p> | |||
<p><strong>Gem:</strong> Ruby</p> | |||
</div> | |||
<!-- 14. Fletching --> | |||
<div style="background: rgba(150, 100, 0, 0.85); border-radius:8px; padding:16px; margin:20px 0; box-shadow:0 4px 8px rgba(0,0,0,0.3); border-left:4px solid #CD853F; color:#FFF5E6; width:300px; height:120px; display:inline-block; vertical-align:top;"> | |||
<h3 style="color:#FFD8A8; margin-top:0; border-bottom:1px solid #A0522D; padding-bottom:8px">๐น Fletching</h3> | |||
<p><strong>Activity:</strong> <span style="color:#FFC080">Broad Arrows</span></p> | |||
<p><strong>Banking:</strong> Seers</p> | |||
</div> | |||
<!-- 15. Slayer --> | |||
<div style="background: rgba(80, 0, 80, 0.85); border-radius:8px; padding:16px; margin:20px 0; box-shadow:0 4px 8px rgba(0,0,0,0.3); border-left:4px solid #800080; color:#FFE8FF; width:300px; height:120px; display:inline-block; vertical-align:top;"> | |||
<h3 style="color:#FF99FF; margin-top:0; border-bottom:1px solid #660066; padding-bottom:8px">โ ๏ธ Slayer</h3> | |||
<p><strong>Master:</strong> <span style="color:#EE77EE">Duradel</span></p> | |||
<p><strong>Block List:</strong> Bronze Dragons</p> | |||
</div> | |||
<!-- 16. Hunter --> | |||
<div style="background: rgba(100, 150, 50, 0.85); border-radius:8px; padding:16px; margin:20px 0; box-shadow:0 4px 8px rgba(0,0,0,0.3); border-left:4px solid #6B8E23; color:#F5FFE8; width:300px; height:120px; display:inline-block; vertical-align:top;"> | |||
<h3 style="color:#CCFF99; margin-top:0; border-bottom:1px solid #556B2F; padding-bottom:8px">๐ฆ Hunter</h3> | |||
<p><strong>Trap:</strong> <span style="color:#BBEE88">Red Chins</span></p> | |||
<p><strong>Location:</strong> Hunting Grounds</p> | |||
</div> | |||
<!-- 17. Mining --> | |||
<div style="background: rgba(100, 100, 100, 0.85); border-radius:8px; padding:16px; margin:20px 0; box-shadow:0 4px 8px rgba(0,0,0,0.3); border-left:4px solid #696969; color:#F0F0F0; width:300px; height:120px; display:inline-block; vertical-align:top;"> | |||
<h3 style="color:#DDDDDD; margin-top:0; border-bottom:1px solid #505050; padding-bottom:8px">โ๏ธ Mining</h3> | |||
<p><strong>Rock:</strong> <span style="color:#CCCCCC">Motherlode</span></p> | |||
<p><strong>Pickaxe:</strong> Rune</p> | |||
</div> | |||
<!-- 18. Smithing --> | |||
<div style="background: rgba(150, 100, 50, 0.85); border-radius:8px; padding:16px; margin:20px 0; box-shadow:0 4px 8px rgba(0,0,0,0.3); border-left:4px solid #A0522D; color:#FFF0E5; width:300px; height:120px; display:inline-block; vertical-align:top;"> | |||
<h3 style="color:#FFD8B3; margin-top:0; border-bottom:1px solid #804000; padding-bottom:8px">โ๏ธ Smithing</h3> | |||
<p><strong>Method:</strong> <span style="color:#FFC080">Blast Furnace</span></p> | |||
<p><strong>Bar:</strong> Mithril</p> | |||
</div> | |||
<!-- 19. Fishing --> | |||
<div style="background: rgba(30, 100, 150, 0.85); border-radius:8px; padding:16px; margin:20px 0; box-shadow:0 4px 8px rgba(0,0,0,0.3); border-left:4px solid #4682B4; color:#E0F0FF; width:300px; height:120px; display:inline-block; vertical-align:top;"> | |||
<h3 style="color:#99CCFF; margin-top:0; border-bottom:1px solid #1E4B6B; padding-bottom:8px">๐ฃ Fishing</h3> | |||
<p><strong>Method:</strong> <span style="color:#77BBEE">Barbarian</span></p> | |||
<p><strong>Spot:</strong> Otto's Grotto</p> | |||
</div> | |||
<!-- 20. Cooking --> | |||
<div style="background: rgba(200, 50, 50, 0.85); border-radius:8px; padding:16px; margin:20px 0; box-shadow:0 4px 8px rgba(0,0,0,0.3); border-left:4px solid #DC143C; color:#FFE8E8; width:300px; height:120px; display:inline-block; vertical-align:top;"> | |||
<h3 style="color:#FFAAAA; margin-top:0; border-bottom:1px solid #B22222; padding-bottom:8px">๐ Cooking</h3> | |||
<p><strong>Food:</strong> <span style="color:#FF8888">Sharks</span></p> | |||
<p><strong>Location:</strong> Rogues' Den</p> | |||
</div> | |||
<!-- 21. Firemaking --> | |||
<div style="background: rgba(200, 100, 0, 0.85); border-radius:8px; padding:16px; margin:20px 0; box-shadow:0 4px 8px rgba(0,0,0,0.3); border-left:4px solid #FF8C00; color:#FFF0E0; width:300px; height:120px; display:inline-block; vertical-align:top;"> | |||
<h3 style="color:#FFCC99; margin-top:0; border-bottom:1px solid #CC6600; padding-bottom:8px">๐ฅ Firemaking</h3> | |||
<p><strong>Method:</strong> <span style="color:#FFBB77">Wintertodt</span></p> | |||
<p><strong>Food:</strong> 10-20 HP</p> | |||
</div> | |||
<!-- 22. Woodcutting --> | |||
<div style="background: rgba(100, 70, 20, 0.85); border-radius:8px; padding:16px; margin:20px 0; box-shadow:0 4px 8px rgba(0,0,0,0.3); border-left:4px solid #8B4513; color:#FFF5E6; width:300px; height:120px; display:inline-block; vertical-align:top;"> | |||
<h3 style="color:#FFD8A8; margin-top:0; border-bottom:1px solid #5D2E00; padding-bottom:8px">๐ชต Woodcutting</h3> | |||
<p><strong>Tree:</strong> <span style="color:#FFC080">Redwoods</span></p> | |||
<p><strong>Axe:</strong> Dragon</p> | |||
</div> | |||
<!-- 23. Farming --> | |||
<div style="background: rgba(50, 150, 50, 0.85); border-radius:8px; padding:16px; margin:20px 0; box-shadow:0 4px 8px rgba(0,0,0,0.3); border-left:4px solid #32CD32; color:#E8FFE8; width:300px; height:120px; display:inline-block; vertical-align:top;"> | |||
<h3 style="color:#99FF99; margin-top:0; border-bottom:1px solid #008000; padding-bottom:8px">๐ฑ Farming</h3> | |||
<p><strong>Patches:</strong> <span style="color:#77EE77">Herb > Tree</span></p> | |||
<p><strong>Compost:</strong> Ultracompost</p> | |||
</div> | |||
<!-- 1. Attack --> | |||
<div style=" | |||
ย ย background: linear-gradient(135deg, rgba(140,20,30,0.9) 0%, rgba(100,10,20,0.95) 100%); | |||
ย ย border-radius: 10px; | |||
ย ย padding: 18px; | |||
ย ย margin: 15px; | |||
ย ย box-shadow: 0 5px 15px rgba(0,0,0,0.2), inset 0 1px 1px rgba(255,255,255,0.1); | |||
ย ย border-left: 5px solid #8B0000; | |||
ย ย color: #FFE5E5; | |||
ย ย width: 280px; | |||
ย ย height: 130px; | |||
ย ย display: inline-block; | |||
ย ย vertical-align: top; | |||
ย ย font-family: 'Arial', sans-serif; | |||
ย ย position: relative; | |||
ย ย overflow: hidden; | |||
ย ย transition: all 0.3s ease; | |||
ย ย cursor: pointer; | |||
" onmouseover="this.style.transform='translateY(-5px)'; this.style.boxShadow='0 8px 20px rgba(0,0,0,0.3)'" | |||
onmouseout="this.style.transform=''; this.style.boxShadow='0 5px 15px rgba(0,0,0,0.2), inset 0 1px 1px rgba(255,255,255,0.1)'"> | |||
<h3 style="color:#FFAAAA; margin:0 0 12px 0; padding-bottom:8px; border-bottom:1px solid rgba(255,255,255,0.2); text-shadow: 0 1px 2px rgba(0,0,0,0.5);"> | |||
ย ย โ๏ธ Attack | |||
</h3> | |||
<p style="margin:6px 0;"><strong>Style:</strong> <span style="color:#FFCCCC">Aggressive</span></p> | |||
<p style="margin:6px 0;"><strong>Weapon:</strong> Abyssal whip</p> | |||
</div> | |||
<!-- 2. Strength --> | |||
<div style=" | |||
ย ย background: linear-gradient(135deg, rgba(180,30,0,0.9) 0%, rgba(140,20,0,0.95) 100%); | |||
ย ย border-radius: 10px; | |||
ย ย padding: 18px; | |||
ย ย margin: 15px; | |||
ย ย box-shadow: 0 5px 15px rgba(0,0,0,0.2), inset 0 1px 1px rgba(255,255,255,0.1); | |||
ย ย border-left: 5px solid #CC0000; | |||
ย ย color: #FFE8E5; | |||
ย ย width: 280px; | |||
ย ย height: 130px; | |||
ย ย display: inline-block; | |||
ย ย vertical-align: top; | |||
ย ย font-family: 'Arial', sans-serif; | |||
ย ย transition: all 0.3s ease; | |||
ย ย cursor: pointer; | |||
" onmouseover="this.style.transform='translateY(-5px)'; this.style.boxShadow='0 8px 20px rgba(0,0,0,0.3)'" | |||
onmouseout="this.style.transform=''; this.style.boxShadow='0 5px 15px rgba(0,0,0,0.2), inset 0 1px 1px rgba(255,255,255,0.1)'"> | |||
<h3 style="color:#FFBBBB; margin:0 0 12px 0; padding-bottom:8px; border-bottom:1px solid rgba(255,255,255,0.2); text-shadow: 0 1px 2px rgba(0,0,0,0.5);"> | |||
ย ย ๐ช Strength | |||
</h3> | |||
<p style="margin:6px 0;"><strong>Style:</strong> <span style="color:#FFDDDD">Berserker</span></p> | |||
<p style="margin:6px 0;"><strong>Weapon:</strong> Dragon scimitar</p> | |||
</div> | |||
<!-- 3. Defence --> | |||
<div style=" | |||
ย ย background: linear-gradient(135deg, rgba(30,80,160,0.9) 0%, rgba(20,60,120,0.95) 100%); | |||
ย ย border-radius: 10px; | |||
ย ย padding: 18px; | |||
ย ย margin: 15px; | |||
ย ย box-shadow: 0 5px 15px rgba(0,0,0,0.2), inset 0 1px 1px rgba(255,255,255,0.1); | |||
ย ย border-left: 5px solid #1E90FF; | |||
ย ย color: #F0F8FF; | |||
ย ย width: 280px; | |||
ย ย height: 130px; | |||
ย ย display: inline-block; | |||
ย ย vertical-align: top; | |||
ย ย font-family: 'Arial', sans-serif; | |||
ย ย transition: all 0.3s ease; | |||
ย ย cursor: pointer; | |||
" onmouseover="this.style.transform='translateY(-5px)'; this.style.boxShadow='0 8px 20px rgba(0,0,0,0.3)'" | |||
onmouseout="this.style.transform=''; this.style.boxShadow='0 5px 15px rgba(0,0,0,0.2), inset 0 1px 1px rgba(255,255,255,0.1)'"> | |||
<h3 style="color:#CCEEFF; margin:0 0 12px 0; padding-bottom:8px; border-bottom:1px solid rgba(255,255,255,0.2); text-shadow: 0 1px 2px rgba(0,0,0,0.5);"> | |||
ย ย ๐ก๏ธ Defence | |||
</h3> | |||
<p style="margin:6px 0;"><strong>Style:</strong> <span style="color:#DDF7FF">Defensive</span></p> | |||
<p style="margin:6px 0;"><strong>Armor:</strong> Barrows</p> | |||
</div> | |||
<!-- 4. Ranged --> | |||
<div style=" | |||
ย ย background: linear-gradient(135deg, rgba(80,130,50,0.9) 0%, rgba(60,100,30,0.95) 100%); | |||
ย ย border-radius: 10px; | |||
ย ย padding: 18px; | |||
ย ย margin: 15px; | |||
ย ย box-shadow: 0 5px 15px rgba(0,0,0,0.2), inset 0 1px 1px rgba(255,255,255,0.1); | |||
ย ย border-left: 5px solid #6B8E23; | |||
ย ย color: #F5FFE0; | |||
ย ย width: 280px; | |||
ย ย height: 130px; | |||
ย ย display: inline-block; | |||
ย ย vertical-align: top; | |||
ย ย font-family: 'Arial', sans-serif; | |||
ย ย transition: all 0.3s ease; | |||
ย ย cursor: pointer; | |||
" onmouseover="this.style.transform='translateY(-5px)'; this.style.boxShadow='0 8px 20px rgba(0,0,0,0.3)'" | |||
onmouseout="this.style.transform=''; this.style.boxShadow='0 5px 15px rgba(0,0,0,0.2), inset 0 1px 1px rgba(255,255,255,0.1)'"> | |||
<h3 style="color:#DDFFAA; margin:0 0 12px 0; padding-bottom:8px; border-bottom:1px solid rgba(255,255,255,0.2); text-shadow: 0 1px 2px rgba(0,0,0,0.5);"> | |||
ย ย ๐น Ranged | |||
</h3> | |||
<p style="margin:6px 0;"><strong>Weapon:</strong> <span style="color:#CCFF88">Rune crossbow</span></p> | |||
<p style="margin:6px 0;"><strong>Ammo:</strong> Broad bolts</p> | |||
</div> | |||
<!-- 5. Prayer --> | |||
<div style=" | |||
ย ย background: linear-gradient(135deg, rgba(220,220,120,0.9) 0%, rgba(200,200,80,0.95) 100%); | |||
ย ย border-radius: 10px; | |||
ย ย padding: 18px; | |||
ย ย margin: 15px; | |||
ย ย box-shadow: 0 5px 15px rgba(0,0,0,0.2), inset 0 1px 1px rgba(255,255,255,0.1); | |||
ย ย border-left: 5px solid #FFD700; | |||
ย ย color: #443300; | |||
ย ย width: 280px; | |||
ย ย height: 130px; | |||
ย ย display: inline-block; | |||
ย ย vertical-align: top; | |||
ย ย font-family: 'Arial', sans-serif; | |||
ย ย transition: all 0.3s ease; | |||
ย ย cursor: pointer; | |||
" onmouseover="this.style.transform='translateY(-5px)'; this.style.boxShadow='0 8px 20px rgba(0,0,0,0.3)'" | |||
onmouseout="this.style.transform=''; this.style.boxShadow='0 5px 15px rgba(0,0,0,0.2), inset 0 1px 1px rgba(255,255,255,0.1)'"> | |||
<h3 style="color:#FFEE88; margin:0 0 12px 0; padding-bottom:8px; border-bottom:1px solid rgba(0,0,0,0.2); text-shadow: 0 1px 2px rgba(255,255,255,0.3);"> | |||
ย ย ๐ Prayer | |||
</h3> | |||
<p style="margin:6px 0;"><strong>Method:</strong> <span style="color:#FFDD55">Chaos Altar</span></p> | |||
<p style="margin:6px 0;"><strong>Bones:</strong> Dragon</p> | |||
</div> | |||
<!-- 6. Magic --> | |||
<div style=" | |||
ย ย background: linear-gradient(135deg, rgba(100,80,200,0.9) 0%, rgba(80,60,180,0.95) 100%); | |||
ย ย border-radius: 10px; | |||
ย ย padding: 18px; | |||
ย ย margin: 15px; | |||
ย ย box-shadow: 0 5px 15px rgba(0,0,0,0.2), inset 0 1px 1px rgba(255,255,255,0.1); | |||
ย ย border-left: 5px solid #9370DB; | |||
ย ย color: #F5F0FF; | |||
ย ย width: 280px; | |||
ย ย height: 130px; | |||
ย ย display: inline-block; | |||
ย ย vertical-align: top; | |||
ย ย font-family: 'Arial', sans-serif; | |||
ย ย transition: all 0.3s ease; | |||
ย ย cursor: pointer; | |||
" onmouseover="this.style.transform='translateY(-5px)'; this.style.boxShadow='0 8px 20px rgba(0,0,0,0.3)'" | |||
onmouseout="this.style.transform=''; this.style.boxShadow='0 5px 15px rgba(0,0,0,0.2), inset 0 1px 1px rgba(255,255,255,0.1)'"> | |||
<h3 style="color:#DDCCFF; margin:0 0 12px 0; padding-bottom:8px; border-bottom:1px solid rgba(255,255,255,0.2); text-shadow: 0 1px 2px rgba(0,0,0,0.5);"> | |||
ย ย ๐ฎ Magic | |||
</h3> | |||
<p style="margin:6px 0;"><strong>Spell:</strong> <span style="color:#CCBBFF">High Alchemy</span></p> | |||
<p style="margin:6px 0;"><strong>Staff:</strong> Ancient</p> | |||
</div> | |||
<!-- 7. Runecrafting --> | |||
<div style=" | |||
ย ย background: linear-gradient(135deg, rgba(120,120,220,0.9) 0%, rgba(100,100,200,0.95) 100%); | |||
ย ย border-radius: 10px; | |||
ย ย padding: 18px; | |||
ย ย margin: 15px; | |||
ย ย box-shadow: 0 5px 15px rgba(0,0,0,0.2), inset 0 1px 1px rgba(255,255,255,0.1); | |||
ย ย border-left: 5px solid #4169E1; | |||
ย ย color: #F0F5FF; | |||
ย ย width: 280px; | |||
ย ย height: 130px; | |||
ย ย display: inline-block; | |||
ย ย vertical-align: top; | |||
ย ย font-family: 'Arial', sans-serif; | |||
ย ย transition: all 0.3s ease; | |||
ย ย cursor: pointer; | |||
" onmouseover="this.style.transform='translateY(-5px)'; this.style.boxShadow='0 8px 20px rgba(0,0,0,0.3)'" | |||
onmouseout="this.style.transform=''; this.style.boxShadow='0 5px 15px rgba(0,0,0,0.2), inset 0 1px 1px rgba(255,255,255,0.1)'"> | |||
<h3 style="color:#BBCCFF; margin:0 0 12px 0; padding-bottom:8px; border-bottom:1px solid rgba(255,255,255,0.2); text-shadow: 0 1px 2px rgba(0,0,0,0.5);"> | |||
ย ย ๐ Runecrafting | |||
</h3> | |||
<p style="margin:6px 0;"><strong>Altar:</strong> <span style="color:#AABBFF">Nature</span></p> | |||
<p style="margin:6px 0;"><strong>Route:</strong> Abyss</p> | |||
</div> | |||
<!-- 8. Construction --> | |||
<div style=" | |||
ย ย background: linear-gradient(135deg, rgba(180,130,80,0.9) 0%, rgba(150,100,50,0.95) 100%); | |||
ย ย border-radius: 10px; | |||
ย ย padding: 18px; | |||
ย ย margin: 15px; | |||
ย ย box-shadow: 0 5px 15px rgba(0,0,0,0.2), inset 0 1px 1px rgba(255,255,255,0.1); | |||
ย ย border-left: 5px solid #D2B48C; | |||
ย ย color: #FFF9F0; | |||
ย ย width: 280px; | |||
ย ย height: 130px; | |||
ย ย display: inline-block; | |||
ย ย vertical-align: top; | |||
ย ย font-family: 'Arial', sans-serif; | |||
ย ย transition: all 0.3s ease; | |||
ย ย cursor: pointer; | |||
" onmouseover="this.style.transform='translateY(-5px)'; this.style.boxShadow='0 8px 20px rgba(0,0,0,0.3)'" | |||
onmouseout="this.style.transform=''; this.style.boxShadow='0 5px 15px rgba(0,0,0,0.2), inset 0 1px 1px rgba(255,255,255,0.1)'"> | |||
<h3 style="color:#FFE8CC; margin:0 0 12px 0; padding-bottom:8px; border-bottom:1px solid rgba(255,255,255,0.2); text-shadow: 0 1px 2px rgba(0,0,0,0.5);"> | |||
ย ย ๐ Construction | |||
</h3> | |||
<p style="margin:6px 0;"><strong>Method:</strong> <span style="color:#FFD8A8">Mahogany Tables</span></p> | |||
<p style="margin:6px 0;"><strong>Servant:</strong> Enabled</p> | |||
</div> | |||
<!-- 9. Hitpoints --> | |||
<div style=" | |||
ย ย background: linear-gradient(135deg, rgba(220,50,50,0.9) 0%, rgba(200,20,20,0.95) 100%); | |||
ย ย border-radius: 10px; | |||
ย ย padding: 18px; | |||
ย ย margin: 15px; | |||
ย ย box-shadow: 0 5px 15px rgba(0,0,0,0.2), inset 0 1px 1px rgba(255,255,255,0.1); | |||
ย ย border-left: 5px solid #FF4500; | |||
ย ย color: #FFEEEE; | |||
ย ย width: 280px; | |||
ย ย height: 130px; | |||
ย ย display: inline-block; | |||
ย ย vertical-align: top; | |||
ย ย font-family: 'Arial', sans-serif; | |||
ย ย transition: all 0.3s ease; | |||
ย ย cursor: pointer; | |||
" onmouseover="this.style.transform='translateY(-5px)'; this.style.boxShadow='0 8px 20px rgba(0,0,0,0.3)'" | |||
onmouseout="this.style.transform=''; this.style.boxShadow='0 5px 15px rgba(0,0,0,0.2), inset 0 1px 1px rgba(255,255,255,0.1)'"> | |||
<h3 style="color:#FFBBBB; margin:0 0 12px 0; padding-bottom:8px; border-bottom:1px solid rgba(255,255,255,0.2); text-shadow: 0 1px 2px rgba(0,0,0,0.5);"> | |||
ย ย โค๏ธ Hitpoints | |||
</h3> | |||
<p style="margin:6px 0;"><strong>Food:</strong> <span style="color:#FF9999">Sharks</span></p> | |||
<p style="margin:6px 0;"><strong>Threshold:</strong> 50% HP</p> | |||
</div> | |||
<!-- 10. Agility --> | |||
<div style=" | |||
ย ย background: linear-gradient(135deg, rgba(20,180,180,0.9) 0%, rgba(0,150,150,0.95) 100%); | |||
ย ย border-radius: 10px; | |||
ย ย padding: 18px; | |||
ย ย margin: 15px; | |||
ย ย box-shadow: 0 5px 15px rgba(0,0,0,0.2), inset 0 1px 1px rgba(255,255,255,0.1); | |||
ย ย border-left: 5px solid #008B8B; | |||
ย ย color: #F0FFFF; | |||
ย ย width: 280px; | |||
ย ย height: 130px; | |||
ย ย display: inline-block; | |||
ย ย vertical-align: top; | |||
ย ย font-family: 'Arial', sans-serif; | |||
ย ย transition: all 0.3s ease; | |||
ย ย cursor: pointer; | |||
" onmouseover="this.style.transform='translateY(-5px)'; this.style.boxShadow='0 8px 20px rgba(0,0,0,0.3)'" | |||
onmouseout="this.style.transform=''; this.style.boxShadow='0 5px 15px rgba(0,0,0,0.2), inset 0 1px 1px rgba(255,255,255,0.1)'"> | |||
<h3 style="color:#AAFFFF; margin:0 0 12px 0; padding-bottom:8px; border-bottom:1px solid rgba(255,255,255,0.2); text-shadow: 0 1px 2px rgba(0,0,0,0.5);"> | |||
ย ย ๐ Agility | |||
</h3> | |||
<p style="margin:6px 0;"><strong>Course:</strong> <span style="color:#88FFFF">Ardougne</span></p> | |||
<p style="margin:6px 0;"><strong>Stamina:</strong> Enabled</p> | |||
</div> | |||
<!-- 11. Herblore --> | |||
<div style=" | |||
ย ย background: linear-gradient(135deg, rgba(70,180,70,0.9) 0%, rgba(50,150,50,0.95) 100%); | |||
ย ย border-radius: 10px; | |||
ย ย padding: 18px; | |||
ย ย margin: 15px; | |||
ย ย box-shadow: 0 5px 15px rgba(0,0,0,0.2), inset 0 1px 1px rgba(255,255,255,0.1); | |||
ย ย border-left: 5px solid #2E8B57; | |||
ย ย color: #F0FFF0; | |||
ย ย width: 280px; | |||
ย ย height: 130px; | |||
ย ย display: inline-block; | |||
ย ย vertical-align: top; | |||
ย ย font-family: 'Arial', sans-serif; | |||
ย ย transition: all 0.3s ease; | |||
ย ย cursor: pointer; | |||
" onmouseover="this.style.transform='translateY(-5px)'; this.style.boxShadow='0 8px 20px rgba(0,0,0,0.3)'" | |||
onmouseout="this.style.transform=''; this.style.boxShadow='0 5px 15px rgba(0,0,0,0.2), inset 0 1px 1px rgba(255,255,255,0.1)'"> | |||
<h3 style="color:#BBFFBB; margin:0 0 12px 0; padding-bottom:8px; border-bottom:1px solid rgba(255,255,255,0.2); text-shadow: 0 1px 2px rgba(0,0,0,0.5);"> | |||
ย ย ๐งช Herblore | |||
</h3> | |||
<p style="margin:6px 0;"><strong>Potion:</strong> <span style="color:#99EE99">Prayer</span></p> | |||
<p style="margin:6px 0;"><strong>Cleaning:</strong> Enabled</p> | |||
</div> | |||
<!-- 12. Thieving --> | |||
<div style=" | |||
ย ย background: linear-gradient(135deg, rgba(130,70,180,0.9) 0%, rgba(100,50,150,0.95) 100%); | |||
ย ย border-radius: 10px; | |||
ย ย padding: 18px; | |||
ย ย margin: 15px; | |||
ย ย box-shadow: 0 5px 15px rgba(0,0,0,0.2), inset 0 1px 1px rgba(255,255,255,0.1); | |||
ย ย border-left: 5px solid #9932CC; | |||
ย ย color: #F8F0FF; | |||
ย ย width: 280px; | |||
ย ย height: 130px; | |||
ย ย display: inline-block; | |||
ย ย vertical-align: top; | |||
ย ย font-family: 'Arial', sans-serif; | |||
ย ย transition: all 0.3s ease; | |||
ย ย cursor: pointer; | |||
" onmouseover="this.style.transform='translateY(-5px)'; this.style.boxShadow='0 8px 20px rgba(0,0,0,0.3)'" | |||
onmouseout="this.style.transform=''; this.style.boxShadow='0 5px 15px rgba(0,0,0,0.2), inset 0 1px 1px rgba(255,255,255,0.1)'"> | |||
<h3 style="color:#EECCFF; margin:0 0 12px 0; padding-bottom:8px; border-bottom:1px solid rgba(255,255,255,0.2); text-shadow: 0 1px 2px rgba(0,0,0,0.5);"> | |||
ย ย ๐ค Thieving | |||
</h3> | |||
<p style="margin:6px 0;"><strong>Target:</strong> <span style="color:#DDBBFF">Ardy Knights</span></p> | |||
<p style="margin:6px 0;"><strong>Food:</strong> Wine</p> | |||
</div> | |||
<!-- 13. Crafting --> | |||
<div style=" | |||
ย ย background: linear-gradient(135deg, rgba(220,170,50,0.9) 0%, rgba(200,150,0,0.95) 100%); | |||
ย ย border-radius: 10px; | |||
ย ย padding: 18px; | |||
ย ย margin: 15px; | |||
ย ย box-shadow: 0 5px 15px rgba(0,0,0,0.2), inset 0 1px 1px rgba(255,255,255,0.1); | |||
ย ย border-left: 5px solid #DAA520; | |||
ย ย color: #FFFDF0; | |||
ย ย width: 280px; | |||
ย ย height: 130px; | |||
ย ย display: inline-block; | |||
ย ย vertical-align: top; | |||
ย ย font-family: 'Arial', sans-serif; | |||
ย ย transition: all 0.3s ease; | |||
ย ย cursor: pointer; | |||
" onmouseover="this.style.transform='translateY(-5px)'; this.style.boxShadow='0 8px 20px rgba(0,0,0,0.3)'" | |||
onmouseout="this.style.transform=''; this.style.boxShadow='0 5px 15px rgba(0,0,0,0.2), inset 0 1px 1px rgba(255,255,255,0.1)'"> | |||
<h3 style="color:#FFEEAA; margin:0 0 12px 0; padding-bottom:8px; border-bottom:1px solid rgba(255,255,255,0.2); text-shadow: 0 1px 2px rgba(0,0,0,0.5);"> | |||
ย ย ๐ Crafting | |||
</h3> | |||
<p style="margin:6px 0;"><strong>Activity:</strong> <span style="color:#FFDD77">Gem Cutting</span></p> | |||
<p style="margin:6px 0;"><strong>Gem:</strong> Ruby</p> | |||
</div> | |||
<!-- 14. Fletching --> | |||
<div style=" | |||
ย ย background: linear-gradient(135deg, rgba(180,130,50,0.9) 0%, rgba(150,100,0,0.95) 100%); | |||
ย ย border-radius: 10px; | |||
ย ย padding: 18px; | |||
ย ย margin: 15px; | |||
ย ย box-shadow: 0 5px 15px rgba(0,0,0,0.2), inset 0 1px 1px rgba(255,255,255,0.1); | |||
ย ย border-left: 5px solid #CD853F; | |||
ย ย color: #FFF9F0; | |||
ย ย width: 280px; | |||
ย ย height: 130px; | |||
ย ย display: inline-block; | |||
ย ย vertical-align: top; | |||
ย ย font-family: 'Arial', sans-serif; | |||
ย ย transition: all 0.3s ease; | |||
ย ย cursor: pointer; | |||
" onmouseover="this.style.transform='translateY(-5px)'; this.style.boxShadow='0 8px 20px rgba(0,0,0,0.3)'" | |||
onmouseout="this.style.transform=''; this.style.boxShadow='0 5px 15px rgba(0,0,0,0.2), inset 0 1px 1px rgba(255,255,255,0.1)'"> | |||
<h3 style="color:#FFE8BB; margin:0 0 12px 0; padding-bottom:8px; border-bottom:1px solid rgba(255,255,255,0.2); text-shadow: 0 1px 2px rgba(0,0,0,0.5);"> | |||
ย ย ๐น Fletching | |||
</h3> | |||
<p style="margin:6px 0;"><strong>Activity:</strong> <span style="color:#FFD899">Broad Arrows</span></p> | |||
<p style="margin:6px 0;"><strong>Banking:</strong> Seers</p> | |||
</div> | |||
<!-- 15. Slayer --> | |||
<div style=" | |||
ย ย background: linear-gradient(135deg, rgba(110,20,110,0.9) 0%, rgba(80,0,80,0.95) 100%); | |||
ย ย border-radius: 10px; | |||
ย ย padding: 18px; | |||
ย ย margin: 15px; | |||
ย ย box-shadow: 0 5px 15px rgba(0,0,0,0.2), inset 0 1px 1px rgba(255,255,255,0.1); | |||
ย ย border-left: 5px solid #800080; | |||
ย ย color: #FFEEFF; | |||
ย ย width: 280px; | |||
ย ย height: 130px; | |||
ย ย display: inline-block; | |||
ย ย vertical-align: top; | |||
ย ย font-family: 'Arial', sans-serif; | |||
ย ย transition: all 0.3s ease; | |||
ย ย cursor: pointer; | |||
" onmouseover="this.style.transform='translateY(-5px)'; this.style.boxShadow='0 8px 20px rgba(0,0,0,0.3)'" | |||
onmouseout="this.style.transform=''; this.style.boxShadow='0 5px 15px rgba(0,0,0,0.2), inset 0 1px 1px rgba(255,255,255,0.1)'"> | |||
<h3 style="color:#FFBBFF; margin:0 0 12px 0; padding-bottom:8px; border-bottom:1px solid rgba(255,255,255,0.2); text-shadow: 0 1px 2px rgba(0,0,0,0.5);"> | |||
ย ย โ ๏ธ Slayer | |||
</h3> | |||
<p style="margin:6px 0;"><strong>Master:</strong> <span style="color:#EE99EE">Duradel</span></p> | |||
<p style="margin:6px 0;"><strong>Block List:</strong> Bronze Dragons</p> | |||
</div> | |||
<!-- 16. Hunter --> | |||
<div style=" | |||
ย ย background: linear-gradient(135deg, rgba(130,180,80,0.9) 0%, rgba(100,150,50,0.95) 100%); | |||
ย ย border-radius: 10px; | |||
ย ย padding: 18px; | |||
ย ย margin: 15px; | |||
ย ย box-shadow: 0 5px 15px rgba(0,0,0,0.2), inset 0 1px 1px rgba(255,255,255,0.1); | |||
ย ย border-left: 5px solid #6B8E23; | |||
ย ย color: #F8FFEE; | |||
ย ย width: 280px; | |||
ย ย height: 130px; | |||
ย ย display: inline-block; | |||
ย ย vertical-align: top; | |||
ย ย font-family: 'Arial', sans-serif; | |||
ย ย transition: all 0.3s ease; | |||
ย ย cursor: pointer; | |||
" onmouseover="this.style.transform='translateY(-5px)'; this.style.boxShadow='0 8px 20px rgba(0,0,0,0.3)'" | |||
onmouseout="this.style.transform=''; this.style.boxShadow='0 5px 15px rgba(0,0,0,0.2), inset 0 1px 1px rgba(255,255,255,0.1)'"> | |||
<h3 style="color:#DDFFBB; margin:0 0 12px 0; padding-bottom:8px; border-bottom:1px solid rgba(255,255,255,0.2); text-shadow: 0 1px 2px rgba(0,0,0,0.5);"> | |||
ย ย ๐ฆ Hunter | |||
</h3> | |||
<p style="margin:6px 0;"><strong>Trap:</strong> <span style="color:#CCEE99">Red Chins</span></p> | |||
<p style="margin:6px 0;"><strong>Location:</strong> Hunting Grounds</p> | |||
</div> | |||
<!-- 17. Mining --> | |||
<div style=" | |||
ย ย background: linear-gradient(135deg, rgba(130,130,130,0.9) 0%, rgba(100,100,100,0.95) 100%); | |||
ย ย border-radius: 10px; | |||
ย ย padding: 18px; | |||
ย ย margin: 15px; | |||
ย ย box-shadow: 0 5px 15px rgba(0,0,0,0.2), inset 0 1px 1px rgba(255,255,255,0.1); | |||
ย ย border-left: 5px solid #696969; | |||
ย ย color: #F5F5F5; | |||
ย ย width: 280px; | |||
ย ย height: 130px; | |||
ย ย display: inline-block; | |||
ย ย vertical-align: top; | |||
ย ย font-family: 'Arial', sans-serif; | |||
ย ย transition: all 0.3s ease; | |||
ย ย cursor: pointer; | |||
" onmouseover="this.style.transform='translateY(-5px)'; this.style.boxShadow='0 8px 20px rgba(0,0,0,0.3)'" | |||
onmouseout="this.style.transform=''; this.style.boxShadow='0 5px 15px rgba(0,0,0,0.2), inset 0 1px 1px rgba(255,255,255,0.1)'"> | |||
<h3 style="color:#EEEEEE; margin:0 0 12px 0; padding-bottom:8px; border-bottom:1px solid rgba(255,255,255,0.2); text-shadow: 0 1px 2px rgba(0,0,0,0.5);"> | |||
ย ย โ๏ธ Mining | |||
</h3> | |||
<p style="margin:6px 0;"><strong>Rock:</strong> <span style="color:#DDDDDD">Motherlode</span></p> | |||
<p style="margin:6px 0;"><strong>Pickaxe:</strong> Rune</p> | |||
</div> | |||
<!-- 18. Smithing --> | |||
<div style=" | |||
ย ย background: linear-gradient(135deg, rgba(180,120,70,0.9) 0%, rgba(150,100,50,0.95) 100%); | |||
ย ย border-radius: 10px; | |||
ย ย padding: 18px; | |||
ย ย margin: 15px; | |||
ย ย box-shadow: 0 5px 15px rgba(0,0,0,0.2), inset 0 1px 1px rgba(255,255,255,0.1); | |||
ย ย border-left: 5px solid #A0522D; | |||
ย ย color: #FFF5EE; | |||
ย ย width: 280px; | |||
ย ย height: 130px; | |||
ย ย display: inline-block; | |||
ย ย vertical-align: top; | |||
ย ย font-family: 'Arial', sans-serif; | |||
ย ย transition: all 0.3s ease; | |||
ย ย cursor: pointer; | |||
" onmouseover="this.style.transform='translateY(-5px)'; this.style.boxShadow='0 8px 20px rgba(0,0,0,0.3)'" | |||
onmouseout="this.style.transform=''; this.style.boxShadow='0 5px 15px rgba(0,0,0,0.2), inset 0 1px 1px rgba(255,255,255,0.1)'"> | |||
<h3 style="color:#FFE0CC; margin:0 0 12px 0; padding-bottom:8px; border-bottom:1px solid rgba(255,255,255,0.2); text-shadow: 0 1px 2px rgba(0,0,0,0.5);"> | |||
ย ย โ๏ธ Smithing | |||
</h3> | |||
<p style="margin:6px 0;"><strong>Method:</strong> <span style="color:#FFCC99">Blast Furnace</span></p> | |||
<p style="margin:6px 0;"><strong>Bar:</strong> Mithril</p> | |||
</div> | |||
<!-- 19. Fishing --> | |||
<div style=" | |||
ย ย background: linear-gradient(135deg, rgba(50,130,180,0.9) 0%, rgba(30,100,150,0.95) 100%); | |||
ย ย border-radius: 10px; | |||
ย ย padding: 18px; | |||
ย ย margin: 15px; | |||
ย ย box-shadow: 0 5px 15px rgba(0,0,0,0.2), inset 0 1px 1px rgba(255,255,255,0.1); | |||
ย ย border-left: 5px solid #4682B4; | |||
ย ย color: #F0F8FF; | |||
ย ย width: 280px; | |||
ย ย height: 130px; | |||
ย ย display: inline-block; | |||
ย ย vertical-align: top; | |||
ย ย font-family: 'Arial', sans-serif; | |||
ย ย transition: all 0.3s ease; | |||
ย ย cursor: pointer; | |||
" onmouseover="this.style.transform='translateY(-5px)'; this.style.boxShadow='0 8px 20px rgba(0,0,0,0.3)'" | |||
onmouseout="this.style.transform=''; this.style.boxShadow='0 5px 15px rgba(0,0,0,0.2), inset 0 1px 1px rgba(255,255,255,0.1)'"> | |||
<h3 style="color:#CCEEFF; margin:0 0 12px 0; padding-bottom:8px; border-bottom:1px solid rgba(255,255,255,0.2); text-shadow: 0 1px 2px rgba(0,0,0,0.5);"> | |||
ย ย ๐ฃ Fishing | |||
</h3> | |||
<p style="margin:6px 0;"><strong>Method:</strong> <span style="color:#AADDEE">Barbarian</span></p> | |||
<p style="margin:6px 0;"><strong>Spot:</strong> Otto's Grotto</p> | |||
</div> | |||
<!-- 20. Cooking --> | |||
<div style=" | |||
ย ย background: linear-gradient(135deg, rgba(230,80,80,0.9) 0%, rgba(200,50,50,0.95) 100%); | |||
ย ย border-radius: 10px; | |||
ย ย padding: 18px; | |||
ย ย margin: 15px; | |||
ย ย box-shadow: 0 5px 15px rgba(0,0,0,0.2), inset 0 1px 1px rgba(255,255,255,0.1); | |||
ย ย border-left: 5px solid #DC143C; | |||
ย ย color: #FFEEEE; | |||
ย ย width: 280px; | |||
ย ย height: 130px; | |||
ย ย display: inline-block; | |||
ย ย vertical-align: top; | |||
ย ย font-family: 'Arial', sans-serif; | |||
ย ย transition: all 0.3s ease; | |||
ย ย cursor: pointer; | |||
" onmouseover="this.style.transform='translateY(-5px)'; this.style.boxShadow='0 8px 20px rgba(0,0,0,0.3)'" | |||
onmouseout="this.style.transform=''; this.style.boxShadow='0 5px 15px rgba(0,0,0,0.2), inset 0 1px 1px rgba(255,255,255,0.1)'"> | |||
<h3 style="color:#FFCCCC; margin:0 0 12px 0; padding-bottom:8px; border-bottom:1px solid rgba(255,255,255,0.2); text-shadow: 0 1px 2px rgba(0,0,0,0.5);"> | |||
ย ย ๐ Cooking | |||
</h3> | |||
<p style="margin:6px 0;"><strong>Food:</strong> <span style="color:#FFAAAA">Sharks</span></p> | |||
<p style="margin:6px 0;"><strong>Location:</strong> Rogues' Den</p> | |||
</div> | |||
<!-- 21. Firemaking --> | |||
<div style=" | |||
ย ย background: linear-gradient(135deg, rgba(230,130,50,0.9) 0%, rgba(200,100,0,0.95) 100%); | |||
ย ย border-radius: 10px; | |||
ย ย padding: 18px; | |||
ย ย margin: 15px; | |||
ย ย box-shadow: 0 5px 15px rgba(0,0,0,0.2), inset 0 1px 1px rgba(255,255,255,0.1); | |||
ย ย border-left: 5px solid #FF8C00; | |||
ย ย color: #FFF5EE; | |||
ย ย width: 280px; | |||
ย ย height: 130px; | |||
ย ย display: inline-block; | |||
ย ย vertical-align: top; | |||
ย ย font-family: 'Arial', sans-serif; | |||
ย ย transition: all 0.3s ease; | |||
ย ย cursor: pointer; | |||
" onmouseover="this.style.transform='translateY(-5px)'; this.style.boxShadow='0 8px 20px rgba(0,0,0,0.3)'" | |||
onmouseout="this.style.transform=''; this.style.boxShadow='0 5px 15px rgba(0,0,0,0.2), inset 0 1px 1px rgba(255,255,255,0.1)'"> | |||
<h3 style="color:#FFD8AA; margin:0 0 12px 0; padding-bottom:8px; border-bottom:1px solid rgba(255,255,255,0.2); text-shadow: 0 1px 2px rgba(0,0,0,0.5);"> | |||
ย ย ๐ฅ Firemaking | |||
</h3> | |||
<p style="margin:6px 0;"><strong>Method:</strong> <span style="color:#FFBB77">Wintertodt</span></p> | |||
<p style="margin:6px 0;"><strong>Food:</strong> 10-20 HP</p> | |||
</div> | |||
<!-- 22. Woodcutting --> | |||
<div style=" | |||
ย ย background: linear-gradient(135deg, rgba(130,90,40,0.9) 0%, rgba(100,70,20,0.95) 100%); | |||
ย ย border-radius: 10px; | |||
ย ย padding: 18px; | |||
ย ย margin: 15px; | |||
ย ย box-shadow: 0 5px 15px rgba(0,0,0,0.2), inset 0 1px 1px rgba(255,255,255,0.1); | |||
ย ย border-left: 5px solid #8B4513; | |||
ย ย color: #FFF9F0; | |||
ย ย width: 280px; | |||
ย ย height: 130px; | |||
ย ย display: inline-block; | |||
ย ย vertical-align: top; | |||
ย ย font-family: 'Arial', sans-serif; | |||
ย ย transition: all 0.3s ease; | |||
ย ย cursor: pointer; | |||
" onmouseover="this.style.transform='translateY(-5px)'; this.style.boxShadow='0 8px 20px rgba(0,0,0,0.3)'" | |||
onmouseout="this.style.transform=''; this.style.boxShadow='0 5px 15px rgba(0,0,0,0.2), inset 0 1px 1px rgba(255,255,255,0.1)'"> | |||
<h3 style="color:#FFE0BB; margin:0 0 12px 0; padding-bottom:8px; border-bottom:1px solid rgba(255,255,255,0.2); text-shadow: 0 1px 2px rgba(0,0,0,0.5);"> | |||
ย ย ๐ชต Woodcutting | |||
</h3> | |||
<p style="margin:6px 0;"><strong>Tree:</strong> <span style="color:#FFCC88">Redwoods</span></p> | |||
<p style="margin:6px 0;"><strong>Axe:</strong> Dragon</p> | |||
</div> | |||
<!-- 23. Farming --> | |||
<div style=" | |||
ย ย background: linear-gradient(135deg, rgba(80,200,80,0.9) 0%, rgba(50,150,50,0.95) 100%); | |||
ย ย border-radius: 10px; | |||
ย ย padding: 18px; | |||
ย ย margin: 15px; | |||
ย ย box-shadow: 0 5px 15px rgba(0,0,0,0.2), inset 0 1px 1px rgba(255,255,255,0.1); | |||
ย ย border-left: 5px solid #32CD32; | |||
ย ย color: #F0FFF0; | |||
ย ย width: 280px; | |||
ย ย height: 130px; | |||
ย ย display: inline-block; | |||
ย ย vertical-align: top; | |||
ย ย font-family: 'Arial', sans-serif; | |||
ย ย transition: all 0.3s ease; | |||
ย ย cursor: pointer; | |||
" onmouseover="this.style.transform='translateY(-5px)'; this.style.boxShadow='0 8px 20px rgba(0,0,0,0.3)'" | |||
onmouseout="this.style.transform=''; this.style.boxShadow='0 5px 15px rgba(0,0,0,0.2), inset 0 1px 1px rgba(255,255,255,0.1)'"> | |||
<h3 style="color:#CCFFCC; margin:0 0 12px 0; padding-bottom:8px; border-bottom:1px solid rgba(255,255,255,0.2); text-shadow: 0 1px 2px rgba(0,0,0,0.5);"> | |||
ย ย ๐ฑ Farming | |||
</h3> | |||
<p style="margin:6px 0;"><strong>Patches:</strong> <span style="color:#99EE99">Herb > Tree</span></p> | |||
<p style="margin:6px 0;"><strong>Compost:</strong> Ultracompost</p> | |||
</div> | |||
<!-- 1. Attack --> | |||
<div style=" | |||
ย ย background: linear-gradient(135deg, rgba(140,20,30,0.9) 0%, rgba(100,10,20,0.95) 100%); | |||
ย ย border-radius: 10px; | |||
ย ย padding: 18px; | |||
ย ย margin: 15px; | |||
ย ย box-shadow: 0 5px 15px rgba(0,0,0,0.2), inset 0 1px 1px rgba(255,255,255,0.1); | |||
ย ย border-left: 5px solid #8B0000; | |||
ย ย color: #FFE5E5; | |||
ย ย width: 280px; | |||
ย ย height: 130px; | |||
ย ย display: inline-block; | |||
ย ย vertical-align: top; | |||
ย ย font-family: 'Arial', sans-serif; | |||
ย ย position: relative; | |||
ย ย overflow: hidden; | |||
ย ย transition: all 0.3s ease; | |||
ย ย cursor: pointer; | |||
" onmouseover="this.style.transform='translateY(-5px)'; this.style.boxShadow='0 8px 20px rgba(0,0,0,0.3)'; this.style.background='linear-gradient(135deg, rgba(160,30,40,0.9) 0%, rgba(120,20,30,0.95) 100%)'" | |||
onmouseout="this.style.transform=''; this.style.boxShadow='0 5px 15px rgba(0,0,0,0.2), inset 0 1px 1px rgba(255,255,255,0.1)'; this.style.background='linear-gradient(135deg, rgba(140,20,30,0.9) 0%, rgba(100,10,20,0.95) 100%)'"> | |||
<h3 style="color:#FFAAAA; margin:0 0 12px 0; padding-bottom:8px; border-bottom:1px solid rgba(255,255,255,0.2); text-shadow: 0 1px 2px rgba(0,0,0,0.5);"> | |||
ย ย โ๏ธ Attack | |||
</h3> | |||
<p style="margin:6px 0;"><strong>Style:</strong> <span style="color:#FFCCCC">Aggressive</span></p> | |||
<p style="margin:6px 0;"><strong>Weapon:</strong> Abyssal whip</p> | |||
</div> | |||
<!-- 2. Strength --> | |||
<div style=" | |||
ย ย background: linear-gradient(135deg, rgba(180,30,0,0.9) 0%, rgba(140,20,0,0.95) 100%); | |||
ย ย border-radius: 10px; | |||
ย ย padding: 18px; | |||
ย ย margin: 15px; | |||
ย ย box-shadow: 0 5px 15px rgba(0,0,0,0.2), inset 0 1px 1px rgba(255,255,255,0.1); | |||
ย ย border-left: 5px solid #CC0000; | |||
ย ย color: #FFE8E5; | |||
ย ย width: 280px; | |||
ย ย height: 130px; | |||
ย ย display: inline-block; | |||
ย ย vertical-align: top; | |||
ย ย font-family: 'Arial', sans-serif; | |||
ย ย transition: all 0.3s ease; | |||
ย ย cursor: pointer; | |||
" onmouseover="this.style.transform='translateY(-5px)'; this.style.boxShadow='0 8px 20px rgba(0,0,0,0.3)'; this.style.background='linear-gradient(135deg, rgba(200,40,10,0.9) 0%, rgba(160,30,10,0.95) 100%)'" | |||
onmouseout="this.style.transform=''; this.style.boxShadow='0 5px 15px rgba(0,0,0,0.2), inset 0 1px 1px rgba(255,255,255,0.1)'; this.style.background='linear-gradient(135deg, rgba(180,30,0,0.9) 0%, rgba(140,20,0,0.95) 100%)'"> | |||
<h3 style="color:#FFBBBB; margin:0 0 12px 0; padding-bottom:8px; border-bottom:1px solid rgba(255,255,255,0.2); text-shadow: 0 1px 2px rgba(0,0,0,0.5);"> | |||
ย ย ๐ช Strength | |||
</h3> | |||
<p style="margin:6px 0;"><strong>Style:</strong> <span style="color:#FFDDDD">Berserker</span></p> | |||
<p style="margin:6px 0;"><strong>Weapon:</strong> Dragon scimitar</p> | |||
</div> | |||
<!-- 3. Defence --> | |||
<div style=" | |||
ย ย background: linear-gradient(135deg, rgba(30,80,160,0.9) 0%, rgba(20,60,120,0.95) 100%); | |||
ย ย border-radius: 10px; | |||
ย ย padding: 18px; | |||
ย ย margin: 15px; | |||
ย ย box-shadow: 0 5px 15px rgba(0,0,0,0.2), inset 0 1px 1px rgba(255,255,255,0.1); | |||
ย ย border-left: 5px solid #1E90FF; | |||
ย ย color: #F0F8FF; | |||
ย ย width: 280px; | |||
ย ย height: 130px; | |||
ย ย display: inline-block; | |||
ย ย vertical-align: top; | |||
ย ย font-family: 'Arial', sans-serif; | |||
ย ย transition: all 0.3s ease; | |||
ย ย cursor: pointer; | |||
" onmouseover="this.style.transform='translateY(-5px)'; this.style.boxShadow='0 8px 20px rgba(0,0,0,0.3)'; this.style.background='linear-gradient(135deg, rgba(40,100,190,0.9) 0%, rgba(30,80,150,0.95) 100%)'" | |||
onmouseout="this.style.transform=''; this.style.boxShadow='0 5px 15px rgba(0,0,0,0.2), inset 0 1px 1px rgba(255,255,255,0.1)'; this.style.background='linear-gradient(135deg, rgba(30,80,160,0.9) 0%, rgba(20,60,120,0.95) 100%)'"> | |||
<h3 style="color:#CCEEFF; margin:0 0 12px 0; padding-bottom:8px; border-bottom:1px solid rgba(255,255,255,0.2); text-shadow: 0 1px 2px rgba(0,0,0,0.5);"> | |||
ย ย ๐ก๏ธ Defence | |||
</h3> | |||
<p style="margin:6px 0;"><strong>Style:</strong> <span style="color:#DDF7FF">Defensive</span></p> | |||
<p style="margin:6px 0;"><strong>Armor:</strong> Barrows</p> | |||
</div> | |||
<!-- 4. Ranged --> | |||
<div style=" | |||
ย ย background: linear-gradient(135deg, rgba(80,130,50,0.9) 0%, rgba(60,100,30,0.95) 100%); | |||
ย ย border-radius: 10px; | |||
ย ย padding: 18px; | |||
ย ย margin: 15px; | |||
ย ย box-shadow: 0 5px 15px rgba(0,0,0,0.2), inset 0 1px 1px rgba(255,255,255,0.1); | |||
ย ย border-left: 5px solid #6B8E23; | |||
ย ย color: #F5FFE0; | |||
ย ย width: 280px; | |||
ย ย height: 130px; | |||
ย ย display: inline-block; | |||
ย ย vertical-align: top; | |||
ย ย font-family: 'Arial', sans-serif; | |||
ย ย transition: all 0.3s ease; | |||
ย ย cursor: pointer; | |||
" onmouseover="this.style.transform='translateY(-5px)'; this.style.boxShadow='0 8px 20px rgba(0,0,0,0.3)'; this.style.background='linear-gradient(135deg, rgba(100,150,70,0.9) 0%, rgba(80,120,50,0.95) 100%)'" | |||
onmouseout="this.style.transform=''; this.style.boxShadow='0 5px 15px rgba(0,0,0,0.2), inset 0 1px 1px rgba(255,255,255,0.1)'; this.style.background='linear-gradient(135deg, rgba(80,130,50,0.9) 0%, rgba(60,100,30,0.95) 100%)'"> | |||
<h3 style="color:#DDFFAA; margin:0 0 12px 0; padding-bottom:8px; border-bottom:1px solid rgba(255,255,255,0.2); text-shadow: 0 1px 2px rgba(0,0,0,0.5);"> | |||
ย ย ๐น Ranged | |||
</h3> | |||
<p style="margin:6px 0;"><strong>Weapon:</strong> <span style="color:#CCFF88">Rune crossbow</span></p> | |||
<p style="margin:6px 0;"><strong>Ammo:</strong> Broad bolts</p> | |||
</div> | |||
<!-- 5. Prayer --> | |||
<div style=" | |||
ย ย background: linear-gradient(135deg, rgba(220,220,120,0.9) 0%, rgba(200,200,80,0.95) 100%); | |||
ย ย border-radius: 10px; | |||
ย ย padding: 18px; | |||
ย ย margin: 15px; | |||
ย ย box-shadow: 0 5px 15px rgba(0,0,0,0.2), inset 0 1px 1px rgba(255,255,255,0.1); | |||
ย ย border-left: 5px solid #FFD700; | |||
ย ย color: #443300; | |||
ย ย width: 280px; | |||
ย ย height: 130px; | |||
ย ย display: inline-block; | |||
ย ย vertical-align: top; | |||
ย ย font-family: 'Arial', sans-serif; | |||
ย ย transition: all 0.3s ease; | |||
ย ย cursor: pointer; | |||
" onmouseover="this.style.transform='translateY(-5px)'; this.style.boxShadow='0 8px 20px rgba(0,0,0,0.3)'; this.style.background='linear-gradient(135deg, rgba(240,240,140,0.9) 0%, rgba(220,220,100,0.95) 100%)'" | |||
onmouseout="this.style.transform=''; this.style.boxShadow='0 5px 15px rgba(0,0,0,0.2), inset 0 1px 1px rgba(255,255,255,0.1)'; this.style.background='linear-gradient(135deg, rgba(220,220,120,0.9) 0%, rgba(200,200,80,0.95) 100%)'"> | |||
<h3 style="color:#FFEE88; margin:0 0 12px 0; padding-bottom:8px; border-bottom:1px solid rgba(0,0,0,0.2); text-shadow: 0 1px 2px rgba(255,255,255,0.3);"> | |||
ย ย ๐ Prayer | |||
</h3> | |||
<p style="margin:6px 0;"><strong>Method:</strong> <span style="color:#FFDD55">Chaos Altar</span></p> | |||
<p style="margin:6px 0;"><strong>Bones:</strong> Dragon</p> | |||
</div> | |||
<!-- 6. Magic --> | |||
<div style=" | |||
ย ย background: linear-gradient(135deg, rgba(100,80,200,0.9) 0%, rgba(80,60,180,0.95) 100%); | |||
ย ย border-radius: 10px; | |||
ย ย padding: 18px; | |||
ย ย margin: 15px; | |||
ย ย box-shadow: 0 5px 15px rgba(0,0,0,0.2), inset 0 1px 1px rgba(255,255,255,0.1); | |||
ย ย border-left: 5px solid #9370DB; | |||
ย ย color: #F5F0FF; | |||
ย ย width: 280px; | |||
ย ย height: 130px; | |||
ย ย display: inline-block; | |||
ย ย vertical-align: top; | |||
ย ย font-family: 'Arial', sans-serif; | |||
ย ย transition: all 0.3s ease; | |||
ย ย cursor: pointer; | |||
" onmouseover="this.style.transform='translateY(-5px)'; this.style.boxShadow='0 8px 20px rgba(0,0,0,0.3)'; this.style.background='linear-gradient(135deg, rgba(120,100,220,0.9) 0%, rgba(100,80,200,0.95) 100%)'" | |||
onmouseout="this.style.transform=''; this.style.boxShadow='0 5px 15px rgba(0,0,0,0.2), inset 0 1px 1px rgba(255,255,255,0.1)'; this.style.background='linear-gradient(135deg, rgba(100,80,200,0.9) 0%, rgba(80,60,180,0.95) 100%)'"> | |||
<h3 style="color:#DDCCFF; margin:0 0 12px 0; padding-bottom:8px; border-bottom:1px solid rgba(255,255,255,0.2); text-shadow: 0 1px 2px rgba(0,0,0,0.5);"> | |||
ย ย ๐ฎ Magic | |||
</h3> | |||
<p style="margin:6px 0;"><strong>Spell:</strong> <span style="color:#CCBBFF">High Alchemy</span></p> | |||
<p style="margin:6px 0;"><strong>Staff:</strong> Ancient</p> | |||
</div> | |||
<!-- 7. Runecrafting --> | |||
<div style=" | |||
ย ย background: linear-gradient(135deg, rgba(120,120,220,0.9) 0%, rgba(100,100,200,0.95) 100%); | |||
ย ย border-radius: 10px; | |||
ย ย padding: 18px; | |||
ย ย margin: 15px; | |||
ย ย box-shadow: 0 5px 15px rgba(0,0,0,0.2), inset 0 1px 1px rgba(255,255,255,0.1); | |||
ย ย border-left: 5px solid #4169E1; | |||
ย ย color: #F0F5FF; | |||
ย ย width: 280px; | |||
ย ย height: 130px; | |||
ย ย display: inline-block; | |||
ย ย vertical-align: top; | |||
ย ย font-family: 'Arial', sans-serif; | |||
ย ย transition: all 0.3s ease; | |||
ย ย cursor: pointer; | |||
" onmouseover="this.style.transform='translateY(-5px)'; this.style.boxShadow='0 8px 20px rgba(0,0,0,0.3)'; this.style.background='linear-gradient(135deg, rgba(140,140,240,0.9) 0%, rgba(120,120,220,0.95) 100%)'" | |||
onmouseout="this.style.transform=''; this.style.boxShadow='0 5px 15px rgba(0,0,0,0.2), inset 0 1px 1px rgba(255,255,255,0.1)'; this.style.background='linear-gradient(135deg, rgba(120,120,220,0.9) 0%, rgba(100,100,200,0.95) 100%)'"> | |||
<h3 style="color:#BBCCFF; margin:0 0 12px 0; padding-bottom:8px; border-bottom:1px solid rgba(255,255,255,0.2); text-shadow: 0 1px 2px rgba(0,0,0,0.5);"> | |||
ย ย ๐ Runecrafting | |||
</h3> | |||
<p style="margin:6px 0;"><strong>Altar:</strong> <span style="color:#AABBFF">Nature</span></p> | |||
<p style="margin:6px 0;"><strong>Route:</strong> Abyss</p> | |||
</div> | |||
<!-- 8. Construction --> | |||
<div style=" | |||
ย ย background: linear-gradient(135deg, rgba(180,130,80,0.9) 0%, rgba(150,100,50,0.95) 100%); | |||
ย ย border-radius: 10px; | |||
ย ย padding: 18px; | |||
ย ย margin: 15px; | |||
ย ย box-shadow: 0 5px 15px rgba(0,0,0,0.2), inset 0 1px 1px rgba(255,255,255,0.1); | |||
ย ย border-left: 5px solid #D2B48C; | |||
ย ย color: #FFF9F0; | |||
ย ย width: 280px; | |||
ย ย height: 130px; | |||
ย ย display: inline-block; | |||
ย ย vertical-align: top; | |||
ย ย font-family: 'Arial', sans-serif; | |||
ย ย transition: all 0.3s ease; | |||
ย ย cursor: pointer; | |||
" onmouseover="this.style.transform='translateY(-5px)'; this.style.boxShadow='0 8px 20px rgba(0,0,0,0.3)'; this.style.background='linear-gradient(135deg, rgba(200,150,100,0.9) 0%, rgba(170,120,70,0.95) 100%)'" | |||
onmouseout="this.style.transform=''; this.style.boxShadow='0 5px 15px rgba(0,0,0,0.2), inset 0 1px 1px rgba(255,255,255,0.1)'; this.style.background='linear-gradient(135deg, rgba(180,130,80,0.9) 0%, rgba(150,100,50,0.95) 100%)'"> | |||
<h3 style="color:#FFE8CC; margin:0 0 12px 0; padding-bottom:8px; border-bottom:1px solid rgba(255,255,255,0.2); text-shadow: 0 1px 2px rgba(0,0,0,0.5);"> | |||
ย ย ๐ Construction | |||
</h3> | |||
<p style="margin:6px 0;"><strong>Method:</strong> <span style="color:#FFD8A8">Mahogany Tables</span></p> | |||
<p style="margin:6px 0;"><strong>Servant:</strong> Enabled</p> | |||
</div> | |||
<!-- 9. Hitpoints --> | |||
<div style=" | |||
ย ย background: linear-gradient(135deg, rgba(220,50,50,0.9) 0%, rgba(200,20,20,0.95) 100%); | |||
ย ย border-radius: 10px; | |||
ย ย padding: 18px; | |||
ย ย margin: 15px; | |||
ย ย box-shadow: 0 5px 15px rgba(0,0,0,0.2), inset 0 1px 1px rgba(255,255,255,0.1); | |||
ย ย border-left: 5px solid #FF4500; | |||
ย ย color: #FFEEEE; | |||
ย ย width: 280px; | |||
ย ย height: 130px; | |||
ย ย display: inline-block; | |||
ย ย vertical-align: top; | |||
ย ย font-family: 'Arial', sans-serif; | |||
ย ย transition: all 0.3s ease; | |||
ย ย cursor: pointer; | |||
" onmouseover="this.style.transform='translateY(-5px)'; this.style.boxShadow='0 8px 20px rgba(0,0,0,0.3)'; this.style.background='linear-gradient(135deg, rgba(240,70,70,0.9) 0%, rgba(220,40,40,0.95) 100%)'" | |||
onmouseout="this.style.transform=''; this.style.boxShadow='0 5px 15px rgba(0,0,0,0.2), inset 0 1px 1px rgba(255,255,255,0.1)'; this.style.background='linear-gradient(135deg, rgba(220,50,50,0.9) 0%, rgba(200,20,20,0.95) 100%)'"> | |||
<h3 style="color:#FFBBBB; margin:0 0 12px 0; padding-bottom:8px; border-bottom:1px solid rgba(255,255,255,0.2); text-shadow: 0 1px 2px rgba(0,0,0,0.5);"> | |||
ย ย โค๏ธ Hitpoints | |||
</h3> | |||
<p style="margin:6px 0;"><strong>Food:</strong> <span style="color:#FF9999">Sharks</span></p> | |||
<p style="margin:6px 0;"><strong>Threshold:</strong> 50% HP</p> | |||
</div> | |||
<!-- 10. Agility --> | |||
<div style=" | |||
ย ย background: linear-gradient(135deg, rgba(20,180,180,0.9) 0%, rgba(0,150,150,0.95) 100%); | |||
ย ย border-radius: 10px; | |||
ย ย padding: 18px; | |||
ย ย margin: 15px; | |||
ย ย box-shadow: 0 5px 15px rgba(0,0,0,0.2), inset 0 1px 1px rgba(255,255,255,0.1); | |||
ย ย border-left: 5px solid #008B8B; | |||
ย ย color: #F0FFFF; | |||
ย ย width: 280px; | |||
ย ย height: 130px; | |||
ย ย display: inline-block; | |||
ย ย vertical-align: top; | |||
ย ย font-family: 'Arial', sans-serif; | |||
ย ย transition: all 0.3s ease; | |||
ย ย cursor: pointer; | |||
" onmouseover="this.style.transform='translateY(-5px)'; this.style.boxShadow='0 8px 20px rgba(0,0,0,0.3)'; this.style.background='linear-gradient(135deg, rgba(40,200,200,0.9) 0%, rgba(20,170,170,0.95) 100%)'" | |||
onmouseout="this.style.transform=''; this.style.boxShadow='0 5px 15px rgba(0,0,0,0.2), inset 0 1px 1px rgba(255,255,255,0.1)'; this.style.background='linear-gradient(135deg, rgba(20,180,180,0.9) 0%, rgba(0,150,150,0.95) 100%)'"> | |||
<h3 style="color:#AAFFFF; margin:0 0 12px 0; padding-bottom:8px; border-bottom:1px solid rgba(255,255,255,0.2); text-shadow: 0 1px 2px rgba(0,0,0,0.5);"> | |||
ย ย ๐ Agility | |||
</h3> | |||
<p style="margin:6px 0;"><strong>Course:</strong> <span style="color:#88FFFF">Ardougne</span></p> | |||
<p style="margin:6px 0;"><strong>Stamina:</strong> Enabled</p> | |||
</div> | |||
<!-- 11. Herblore --> | |||
<div style=" | |||
ย ย background: linear-gradient(135deg, rgba(70,180,70,0.9) 0%, rgba(50,150,50,0.95) 100%); | |||
ย ย border-radius: 10px; | |||
ย ย padding: 18px; | |||
ย ย margin: 15px; | |||
ย ย box-shadow: 0 5px 15px rgba(0,0,0,0.2), inset 0 1px 1px rgba(255,255,255,0.1); | |||
ย ย border-left: 5px solid #2E8B57; | |||
ย ย color: #F0FFF0; | |||
ย ย width: 280px; | |||
ย ย height: 130px; | |||
ย ย display: inline-block; | |||
ย ย vertical-align: top; | |||
ย ย font-family: 'Arial', sans-serif; | |||
ย ย transition: all 0.3s ease; | |||
ย ย cursor: pointer; | |||
" onmouseover="this.style.transform='translateY(-5px)'; this.style.boxShadow='0 8px 20px rgba(0,0,0,0.3)'; this.style.background='linear-gradient(135deg, rgba(90,200,90,0.9) 0%, rgba(70,170,70,0.95) 100%)'" | |||
onmouseout="this.style.transform=''; this.style.boxShadow='0 5px 15px rgba(0,0,0,0.2), inset 0 1px 1px rgba(255,255,255,0.1)'; this.style.background='linear-gradient(135deg, rgba(70,180,70,0.9) 0%, rgba(50,150,50,0.95) 100%)'"> | |||
<h3 style="color:#BBFFBB; margin:0 0 12px 0; padding-bottom:8px; border-bottom:1px solid rgba(255,255,255,0.2); text-shadow: 0 1px 2px rgba(0,0,0,0.5);"> | |||
ย ย ๐งช Herblore | |||
</h3> | |||
<p style="margin:6px 0;"><strong>Potion:</strong> <span style="color:#99EE99">Prayer</span></p> | |||
<p style="margin:6px 0;"><strong>Cleaning:</strong> Enabled</p> | |||
</div> | |||
<!-- 12. Thieving --> | |||
<div style=" | |||
ย ย background: linear-gradient(135deg, rgba(130,70,180,0.9) 0%, rgba(100,50,150,0.95) 100%); | |||
ย ย border-radius: 10px; | |||
ย ย padding: 18px; | |||
ย ย margin: 15px; | |||
ย ย box-shadow: 0 5px 15px rgba(0,0,0,0.2), inset 0 1px 1px rgba(255,255,255,0.1); | |||
ย ย border-left: 5px solid #9932CC; | |||
ย ย color: #F8F0FF; | |||
ย ย width: 280px; | |||
ย ย height: 130px; | |||
ย ย display: inline-block; | |||
ย ย vertical-align: top; | |||
ย ย font-family: 'Arial', sans-serif; | |||
ย ย transition: all 0.3s ease; | |||
ย ย cursor: pointer; | |||
" onmouseover="this.style.transform='translateY(-5px)'; this.style.boxShadow='0 8px 20px rgba(0,0,0,0.3)'; this.style.background='linear-gradient(135deg, rgba(150,90,200,0.9) 0%, rgba(120,70,170,0.95) 100%)'" | |||
onmouseout="this.style.transform=''; this.style.boxShadow='0 5px 15px rgba(0,0,0,0.2), inset 0 1px 1px rgba(255,255,255,0.1)'; this.style.background='linear-gradient(135deg, rgba(130,70,180,0.9) 0%, rgba(100,50,150,0.95) 100%)'"> | |||
<h3 style="color:#EECCFF; margin:0 0 12px 0; padding-bottom:8px; border-bottom:1px solid rgba(255,255,255,0.2); text-shadow: 0 1px 2px rgba(0,0,0,0.5);"> | |||
ย ย ๐ค Thieving | |||
</h3> | |||
<p style="margin:6px 0;"><strong>Target:</strong> <span style="color:#DDBBFF">Ardy Knights</span></p> | |||
<p style="margin:6px 0;"><strong>Food:</strong> Wine</p> | |||
</div> | |||
<!-- 13. Crafting --> | |||
<div style=" | |||
ย ย background: linear-gradient(135deg, rgba(220,170,50,0.9) 0%, rgba(200,150,0,0.95) 100%); | |||
ย ย border-radius: 10px; | |||
ย ย padding: 18px; | |||
ย ย margin: 15px; | |||
ย ย box-shadow: 0 5px 15px rgba(0,0,0,0.2), inset 0 1px 1px rgba(255,255,255,0.1); | |||
ย ย border-left: 5px solid #DAA520; | |||
ย ย color: #FFFDF0; | |||
ย ย width: 280px; | |||
ย ย height: 130px; | |||
ย ย display: inline-block; | |||
ย ย vertical-align: top; | |||
ย ย font-family: 'Arial', sans-serif; | |||
ย ย transition: all 0.3s ease; | |||
ย ย cursor: pointer; | |||
" onmouseover="this.style.transform='translateY(-5px)'; this.style.boxShadow='0 8px 20px rgba(0,0,0,0.3)'; this.style.background='linear-gradient(135deg, rgba(240,190,70,0.9) 0%, rgba(220,170,20,0.95) 100%)'" | |||
onmouseout="this.style.transform=''; this.style.boxShadow='0 5px 15px rgba(0,0,0,0.2), inset 0 1px 1px rgba(255,255,255,0.1)'; this.style.background='linear-gradient(135deg, rgba(220,170,50,0.9) 0%, rgba(200,150,0,0.95) 100%)'"> | |||
<h3 style="color:#FFEEAA; margin:0 0 12px 0; padding-bottom:8px; border-bottom:1px solid rgba(255,255,255,0.2); text-shadow: 0 1px 2px rgba(0,0,0,0.5);"> | |||
ย ย ๐ Crafting | |||
</h3> | |||
<p style="margin:6px 0;"><strong>Activity:</strong> <span style="color:#FFDD77">Gem Cutting</span></p> | |||
<p style="margin:6px 0;"><strong>Gem:</strong> Ruby</p> | |||
</div> | |||
<!-- 14. Fletching --> | |||
<div style=" | |||
ย ย background: linear-gradient(135deg, rgba(180,130,50,0.9) 0%, rgba(150,100,0,0.95) 100%); | |||
ย ย border-radius: 10px; | |||
ย ย padding: 18px; | |||
ย ย margin: 15px; | |||
ย ย box-shadow: 0 5px 15px rgba(0,0,0,0.2), inset 0 1px 1px rgba(255,255,255,0.1); | |||
ย ย border-left: 5px solid #CD853F; | |||
ย ย color: #FFF9F0; | |||
ย ย width: 280px; | |||
ย ย height: 130px; | |||
ย ย display: inline-block; | |||
ย ย vertical-align: top; | |||
ย ย font-family: 'Arial', sans-serif; | |||
ย ย transition: all 0.3s ease; | |||
ย ย cursor: pointer; | |||
" onmouseover="this.style.transform='translateY(-5px)'; this.style.boxShadow='0 8px 20px rgba(0,0,0,0.3)'; this.style.background='linear-gradient(135deg, rgba(200,150,70,0.9) 0%, rgba(170,120,20,0.95) 100%)'" | |||
onmouseout="this.style.transform=''; this.style.boxShadow='0 5px 15px rgba(0,0,0,0.2), inset 0 1px 1px rgba(255,255,255,0.1)'; this.style.background='linear-gradient(135deg, rgba(180,130,50,0.9) 0%, rgba(150,100,0,0.95) 100%)'"> | |||
<h3 style="color:#FFE8BB; margin:0 0 12px 0; padding-bottom:8px; border-bottom:1px solid rgba(255,255,255,0.2); text-shadow: 0 1px 2px rgba(0,0,0,0.5);"> | |||
ย ย ๐น Fletching | |||
</h3> | |||
<p style="margin:6px 0;"><strong>Activity:</strong> <span style="color:#FFD899">Broad Arrows</span></p> | |||
<p style="margin:6px 0;"><strong>Banking:</strong> Seers</p> | |||
</div> | |||
<!-- 15. Slayer --> | |||
<div style=" | |||
ย ย background: linear-gradient(135deg, rgba(110,20,110,0.9) 0%, rgba(80,0,80,0.95) 100%); | |||
ย ย border-radius: 10px; | |||
ย ย padding: 18px; | |||
ย ย margin: 15px; | |||
ย ย box-shadow: 0 5px 15px rgba(0,0,0,0.2), inset 0 1px 1px rgba(255,255,255,0.1); | |||
ย ย border-left: 5px solid #800080; | |||
ย ย color: #FFEEFF; | |||
ย ย width: 280px; | |||
ย ย height: 130px; | |||
ย ย display: inline-block; | |||
ย ย vertical-align: top; | |||
ย ย font-family: 'Arial', sans-serif; | |||
ย ย transition: all 0.3s ease; | |||
ย ย cursor: pointer; | |||
" onmouseover="this.style.transform='translateY(-5px)'; this.style.boxShadow='0 8px 20px rgba(0,0,0,0.3)'; this.style.background='linear-gradient(135deg, rgba(130,40,130,0.9) 0%, rgba(100,20,100,0.95) 100%)'" | |||
onmouseout="this.style.transform=''; this.style.boxShadow='0 5px 15px rgba(0,0,0,0.2), inset 0 1px 1px rgba(255,255,255,0.1)'; this.style.background='linear-gradient(135deg, rgba(110,20,110,0.9) 0%, rgba(80,0,80,0.95) 100%)'"> | |||
<h3 style="color:#FFBBFF; margin:0 0 12px 0; padding-bottom:8px; border-bottom:1px solid rgba(255,255,255,0.2); text-shadow: 0 1px 2px rgba(0,0,0,0.5);"> | |||
ย ย โ ๏ธ Slayer | |||
</h3> | |||
<p style="margin:6px 0;"><strong>Master:</strong> <span style="color:#EE99EE">Duradel</span></p> | |||
<p style="margin:6px 0;"><strong>Block List:</strong> Bronze Dragons</p> | |||
</div> | |||
<!-- 16. Hunter --> | |||
<div style=" | |||
ย ย background: linear-gradient(135deg, rgba(130,180,80,0.9) 0%, rgba(100,150,50,0.95) 100%); | |||
ย ย border-radius: 10px; | |||
ย ย padding: 18px; | |||
ย ย margin: 15px; | |||
ย ย box-shadow: 0 5px 15px rgba(0,0,0,0.2), inset 0 1px 1px rgba(255,255,255,0.1); | |||
ย ย border-left: 5px solid #6B8E23; | |||
ย ย color: #F8FFEE; | |||
ย ย width: 280px; | |||
ย ย height: 130px; | |||
ย ย display: inline-block; | |||
ย ย vertical-align: top; | |||
ย ย font-family: 'Arial', sans-serif; | |||
ย ย transition: all 0.3s ease; | |||
ย ย cursor: pointer; | |||
" onmouseover="this.style.transform='translateY(-5px)'; this.style.boxShadow='0 8px 20px rgba(0,0,0,0.3)'; this.style.background='linear-gradient(135deg, rgba(150,200,100,0.9) 0%, rgba(120,170,70,0.95) 100%)'" | |||
onmouseout="this.style.transform=''; this.style.boxShadow='0 5px 15px rgba(0,0,0,0.2), inset 0 1px 1px rgba(255,255,255,0.1)'; this.style.background='linear-gradient(135deg, rgba(130,180,80,0.9) 0%, rgba(100,150,50,0.95) 100%)'"> | |||
<h3 style="color:#DDFFBB; margin:0 0 12px 0; padding-bottom:8px; border-bottom:1px solid rgba(255,255,255,0.2); text-shadow: 0 1px 2px rgba(0,0,0,0.5);"> | |||
ย ย ๐ฆ Hunter | |||
</h3> | |||
<p style="margin:6px 0;"><strong>Trap:</strong> <span style="color:#CCEE99">Red Chins</span></p> | |||
<p style="margin:6px 0;"><strong>Location:</strong> Hunting Grounds</p> | |||
</div> | |||
<!-- 17. Mining --> | |||
<div style=" | |||
ย ย background: linear-gradient(135deg, rgba(130,130,130,0.9) 0%, rgba(100,100,100,0.95) 100%); | |||
ย ย border-radius: 10px; | |||
ย ย padding: 18px; | |||
ย ย margin: 15px; | |||
ย ย box-shadow: 0 5px 15px rgba(0,0,0,0.2), inset 0 1px 1px rgba(255,255,255,0.1); | |||
ย ย border-left: 5px solid #696969; | |||
ย ย color: #F5F5F5; | |||
ย ย width: 280px; | |||
ย ย height: 130px; | |||
ย ย display: inline-block; | |||
ย ย vertical-align: top; | |||
ย ย font-family: 'Arial', sans-serif; | |||
ย ย transition: all 0.3s ease; | |||
ย ย cursor: pointer; | |||
" onmouseover="this.style.transform='translateY(-5px)'; this.style.boxShadow='0 8px 20px rgba(0,0,0,0.3)'; this.style.background='linear-gradient(135deg, rgba(150,150,150,0.9) 0%, rgba(120,120,120,0.95) 100%)'" | |||
onmouseout="this.style.transform=''; this.style.boxShadow='0 5px 15px rgba(0,0,0,0.2), inset 0 1px 1px rgba(255,255,255,0.1)'; this.style.background='linear-gradient(135deg, rgba(130,130,130,0.9) 0%, rgba(100,100,100,0.95) 100%)'"> | |||
<h3 style="color:#EEEEEE; margin:0 0 12px 0; padding-bottom:8px; border-bottom:1px solid rgba(255,255,255,0.2); text-shadow: 0 1px 2px rgba(0,0,0,0.5);"> | |||
ย ย โ๏ธ Mining | |||
</h3> | |||
<p style="margin:6px 0;"><strong>Rock:</strong> <span style="color:#DDDDDD">Motherlode</span></p> | |||
<p style="margin:6px 0;"><strong>Pickaxe:</strong> Rune</p> | |||
</div> | |||
<!-- 18. Smithing --> | |||
<div style=" | |||
ย ย background: linear-gradient(135deg, rgba(180,120,70,0.9) 0%, rgba(150,100,50,0.95) 100%); | |||
ย ย border-radius: 10px; | |||
ย ย padding: 18px; | |||
ย ย margin: 15px; | |||
ย ย box-shadow: 0 5px 15px rgba(0,0,0,0.2), inset 0 1px 1px rgba(255,255,255,0.1); | |||
ย ย border-left: 5px solid #A0522D; | |||
ย ย color: #FFF5EE; | |||
ย ย width: 280px; | |||
ย ย height: 130px; | |||
ย ย display: inline-block; | |||
ย ย vertical-align: top; | |||
ย ย font-family: 'Arial', sans-serif; | |||
ย ย transition: all 0.3s ease; | |||
ย ย cursor: pointer; | |||
" onmouseover="this.style.transform='translateY(-5px)'; this.style.boxShadow='0 8px 20px rgba(0,0,0,0.3)'; this.style.background='linear-gradient(135deg, rgba(200,140,90,0.9) 0%, rgba(170,120,70,0.95) 100%)'" | |||
onmouseout="this.style.transform=''; this.style.boxShadow='0 5px 15px rgba(0,0,0,0.2), inset 0 1px 1px rgba(255,255,255,0.1)'; this.style.background='linear-gradient(135deg, rgba(180,120,70,0.9) 0%, rgba(150,100,50,0.95) 100%)'"> | |||
<h3 style="color:#FFE0CC; margin:0 0 12px 0; padding-bottom:8px; border-bottom:1px solid rgba(255,255,255,0.2); text-shadow: 0 1px 2px rgba(0,0,0,0.5);"> | |||
ย ย โ๏ธ Smithing | |||
</h3> | |||
<p style="margin:6px 0;"><strong>Method:</strong> <span style="color:#FFCC99">Blast Furnace</span></p> | |||
<p style="margin:6px 0;"><strong>Bar:</strong> Mithril</p> | |||
</div> | |||
<!-- 19. Fishing --> | |||
<div style=" | |||
ย ย background: linear-gradient(135deg, rgba(50,130,180,0.9) 0%, rgba(30,100,150,0.95) 100%); | |||
ย ย border-radius: 10px; | |||
ย ย padding: 18px; | |||
ย ย margin: 15px; | |||
ย ย box-shadow: 0 5px 15px rgba(0,0,0,0.2), inset 0 1px 1px rgba(255,255,255,0.1); | |||
ย ย border-left: 5px solid #4682B4; | |||
ย ย color: #F0F8FF; | |||
ย ย width: 280px; | |||
ย ย height: 130px; | |||
ย ย display: inline-block; | |||
ย ย vertical-align: top; | |||
ย ย font-family: 'Arial', sans-serif; | |||
ย ย transition: all 0.3s ease; | |||
ย ย cursor: pointer; | |||
" onmouseover="this.style.transform='translateY(-5px)'; this.style.boxShadow='0 8px 20px rgba(0,0,0,0.3)'; this.style.background='linear-gradient(135deg, rgba(70,150,200,0.9) 0%, rgba(50,120,170,0.95) 100%)'" | |||
onmouseout="this.style.transform=''; this.style.boxShadow='0 5px 15px rgba(0,0,0,0.2), inset 0 1px 1px rgba(255,255,255,0.1)'; this.style.background='linear-gradient(135deg, rgba(50,130,180,0.9) 0%, rgba(30,100,150,0.95) 100%)'"> | |||
<h3 style="color:#CCEEFF; margin:0 0 12px 0; padding-bottom:8px; border-bottom:1px solid rgba(255,255,255,0.2); text-shadow: 0 1px 2px rgba(0,0,0,0.5);"> | |||
ย ย ๐ฃ Fishing | |||
</h3> | |||
<p style="margin:6px 0;"><strong>Method:</strong> <span style="color:#AADDEE">Barbarian</span></p> | |||
<p style="margin:6px 0;"><strong>Spot:</strong> Otto's Grotto</p> | |||
</div> | |||
<!-- 20. Cooking --> | |||
<div style=" | |||
ย ย background: linear-gradient(135deg, rgba(230,80,80,0.9) 0%, rgba(200,50,50,0.95) 100%); | |||
ย ย border-radius: 10px; | |||
ย ย padding: 18px; | |||
ย ย margin: 15px; | |||
ย ย box-shadow: 0 5px 15px rgba(0,0,0,0.2), inset 0 1px 1px rgba(255,255,255,0.1); | |||
ย ย border-left: 5px solid #DC143C; | |||
ย ย color: #FFEEEE; | |||
ย ย width: 280px; | |||
ย ย height: 130px; | |||
ย ย display: inline-block; | |||
ย ย vertical-align: top; | |||
ย ย font-family: 'Arial', sans-serif; | |||
ย ย transition: all 0.3s ease; | |||
ย ย cursor: pointer; | |||
" onmouseover="this.style.transform='translateY(-5px)'; this.style.boxShadow='0 8px 20px rgba(0,0,0,0.3)'; this.style.background='linear-gradient(135deg, rgba(250,100,100,0.9) 0%, rgba(220,70,70,0.95) 100%)'" | |||
onmouseout="this.style.transform=''; this.style.boxShadow='0 5px 15px rgba(0,0,0,0.2), inset 0 1px 1px rgba(255,255,255,0.1)'; this.style.background='linear-gradient(135deg, rgba(230,80,80,0.9) 0%, rgba(200,50,50,0.95) 100%)'"> | |||
<h3 style="color:#FFCCCC; margin:0 0 12px 0; padding-bottom:8px; border-bottom:1px solid rgba(255,255,255,0.2); text-shadow: 0 1px 2px rgba(0,0,0,0.5);"> | |||
ย ย ๐ Cooking | |||
</h3> | |||
<p style="margin:6px 0;"><strong>Food:</strong> <span style="color:#FFAAAA">Sharks</span></p> | |||
<p style="margin:6px 0;"><strong>Location:</strong> Rogues' Den</p> | |||
</div> | |||
<!-- 21. Firemaking --> | |||
<div style=" | |||
ย ย background: linear-gradient(135deg, rgba(230,130,50,0.9) 0%, rgba(200,100,0,0.95) 100%); | |||
ย ย border-radius: 10px; | |||
ย ย padding: 18px; | |||
ย ย margin: 15px; | |||
ย ย box-shadow: 0 5px 15px rgba(0,0,0,0.2), inset 0 1px 1px rgba(255,255,255,0.1); | |||
ย ย border-left: 5px solid #FF8C00; | |||
ย ย color: #FFF5EE; | |||
ย ย width: 280px; | |||
ย ย height: 130px; | |||
ย ย display: inline-block; | |||
ย ย vertical-align: top; | |||
ย ย font-family: 'Arial', sans-serif; | |||
ย ย transition: all 0.3s ease; | |||
ย ย cursor: pointer; | |||
" onmouseover="this.style.transform='translateY(-5px)'; this.style.boxShadow='0 8px 20px rgba(0,0,0,0.3)'; this.style.background='linear-gradient(135deg, rgba(250,150,70,0.9) 0%, rgba(220,120,20,0.95) 100%)'" | |||
onmouseout="this.style.transform=''; this.style.boxShadow='0 5px 15px rgba(0,0,0,0.2), inset 0 1px 1px rgba(255,255,255,0.1)'; this.style.background='linear-gradient(135deg, rgba(230,130,50,0.9) 0%, rgba(200,100,0,0.95) 100%)'"> | |||
<h3 style="color:#FFD8AA; margin:0 0 12px 0; padding-bottom:8px; border-bottom:1px solid rgba(255,255,255,0.2); text-shadow: 0 1px 2px rgba(0,0,0,0.5);"> | |||
ย ย ๐ฅ Firemaking | |||
</h3> | |||
<p style="margin:6px 0;"><strong>Method:</strong> <span style="color:#FFBB77">Wintertodt</span></p> | |||
<p style="margin:6px 0;"><strong>Food:</strong> 10-20 HP</p> | |||
</div> | |||
<!-- 22. Woodcutting --> | |||
<div style=" | |||
ย ย background: linear-gradient(135deg, rgba(130,90,40,0.9) 0%, rgba(100,70,20,0.95) 100%); | |||
ย ย border-radius: 10px; | |||
ย ย padding: 18px; | |||
ย ย margin: 15px; | |||
ย ย box-shadow: 0 5px 15px rgba(0,0,0,0.2), inset 0 1px 1px rgba(255,255,255,0.1); | |||
ย ย border-left: 5px solid #8B4513; | |||
ย ย color: #FFF9F0; | |||
ย ย width: 280px; | |||
ย ย height: 130px; | |||
ย ย display: inline-block; | |||
ย ย vertical-align: top; | |||
ย ย font-family: 'Arial', sans-serif; | |||
ย ย transition: all 0.3s ease; | |||
ย ย cursor: pointer; | |||
" onmouseover="this.style.transform='translateY(-5px)'; this.style.boxShadow='0 8px 20px rgba(0,0,0,0.3)'; this.style.background='linear-gradient(135deg, rgba(150,110,60,0.9) 0%, rgba(120,90,40,0.95) 100%)'" | |||
onmouseout="this.style.transform=''; this.style.boxShadow='0 5px 15px rgba(0,0,0,0.2), inset 0 1px 1px rgba(255,255,255,0.1)'; this.style.background='linear-gradient(135deg, rgba(130,90,40,0.9) 0%, rgba(100,70,20,0.95) 100%)'"> | |||
<h3 style="color:#FFE0BB; margin:0 0 12px 0; padding-bottom:8px; border-bottom:1px solid rgba(255,255,255,0.2); text-shadow: 0 1px 2px rgba(0,0,0,0.5);"> | |||
ย ย ๐ชต Woodcutting | |||
</h3> | |||
<p style="margin:6px 0;"><strong>Tree:</strong> <span style="color:#FFCC88">Redwoods</span></p> | |||
<p style="margin:6px 0;"><strong>Axe:</strong> Dragon</p> | |||
</div> | |||
<!-- 23. Farming --> | |||
<div style=" | |||
ย ย background: linear-gradient(135deg, rgba(80,200,80,0.9) 0%, rgba(50,150,50,0.95) 100%); | |||
ย ย border-radius: 10px; | |||
ย ย padding: 18px; | |||
ย ย margin: 15px; | |||
ย ย box-shadow: 0 5px 15px rgba(0,0,0,0.2), inset 0 1px 1px rgba(255,255,255,0.1); | |||
ย ย border-left: 5px solid #32CD32; | |||
ย ย color: #F0FFF0; | |||
ย ย width: 280px; | |||
ย ย height: 130px; | |||
ย ย display: inline-block; | |||
ย ย vertical-align: top; | |||
ย ย font-family: 'Arial', sans-serif; | |||
ย ย transition: all 0.3s ease; | |||
ย ย cursor: pointer; | |||
" onmouseover="this.style.transform='translateY(-5px)'; this.style.boxShadow='0 8px 20px rgba(0,0,0,0.3)'; this.style.background='linear-gradient(135deg, rgba(100,220,100,0.9) 0%, rgba(70,170,70,0.95) 100%)'" | |||
onmouseout="this.style.transform=''; this.style.boxShadow='0 5px 15px rgba(0,0,0,0.2), inset 0 1px 1px rgba(255,255,255,0.1)'; this.style.background='linear-gradient(135deg, rgba(80,200,80,0.9) 0%, rgba(50,150,50,0.95) 100%)'"> | |||
<h3 style="color:#CCFFCC; margin:0 0 12px 0; padding-bottom:8px; border-bottom:1px solid rgba(255,255,255,0.2); text-shadow: 0 1px 2px rgba(0,0,0,0.5);"> | |||
ย ย ๐ฑ Farming | |||
</h3> | |||
<p style="margin:6px 0;"><strong>Patches:</strong> <span style="color:#99EE99">Herb > Tree</span></p> | |||
<p style="margin:6px 0;"><strong>Compost:</strong> Ultracompost</p> | |||
</div> | </div> |
Latest revision as of 22:11, 31 March 2025
ben uses this for theme testing dont delete yet pls
๐ฑ Farming Configuration
Compost Type: Ultracompost
Growth Speed: 1.5x multiplier
Patch Priority: Herb > Tree > Allotment
๐ฎ Magic Training
Spellbook: Standard
Auto-cast: High Alchemy
Staff Preference: Ancient staff
โ๏ธ Combat Settings
Attack Style: Aggressive
Food Threshold: 50% HP
Prayer Flick: Enabled
๐ ๏ธ Skilling Options
Skill: Runecrafting
Method: Ourania Altar
Essence Type: Pure essence
๐ Premium Features
Bank Pin: Auto-input
World Hop: Anti-crash
Loot Notifier: Enabled
๐ฏ Minigame Setup
Minigame: Pest Control
Boat: Veteran
Point Target: Void knight set
๐ฃ Fishing Setup
Method: Barbarian Fishing
Spot: Otto's Grotto
Drop: Leaping fish only
๐ Crafting Options
Activity: Gem Cutting
Gem: Sapphire โ Emerald โ Ruby
Banking: Edgeville
๐ต Runecrafting
Altar: Nature Runes
Route: Abyss + Glory
Pouches: All available
๐ค Thieving Settings
Target: Ardougne Knights
Food: Wine (no delay)
Stall: Baker's stall
๐ฆ Hunter Configuration
Trap: Red Chinchompas
Location: Hunting Grounds
Bank: Deposit box nearby
โ ๏ธ Slayer Tasks
Master: Duradel
Block List: Bronze Dragons
Extensions: Demonics + Bosses
๐ Agility
Course: Ardougne
Stamina: Enabled
๐ Bossing
Boss: Vorkath
Gear: Elite Void
โ๏ธ Combat
Style: Aggressive
Food: 50% HP
๐ Construction
Method: Mahogany Tables
Servant: Enabled
๐ Cooking
Food: Sharks
Location: Rogues' Den
๐ Crafting
Activity: Gem Cutting
Gem: Sapphire โ Ruby
๐ฑ Farming
Patches: Herb > Tree > Allotment
Compost: Ultracompost
๐ฅ Firemaking
Method: Wintertodt
Food: 10-20 HP
๐ฃ Fishing
Method: Barbarian
Spot: Otto's Grotto
๐น Fletching
Activity: Broad Arrows
Banking: Seers
๐งช Herblore
Potion: Prayer
Cleaning: Enabled
๐ฆ Hunter
Trap: Red Chins
Location: Hunting Grounds
๐ฎ Magic
Spell: High Alchemy
Staff: Ancient
โ๏ธ Mining
Rock: Motherlode
Pickaxe: Rune
๐ฏ Minigames
Activity: Pest Control
Boat: Veteran
๐ Prayer
Method: Chaos Altar
Bones: Dragon
๐ Premium
Bank Pin: Auto
World Hop: Anti-crash
๐ต Runecrafting
Altar: Nature
Route: Abyss
๐ ๏ธ Skilling
Skill: Runecrafting
Method: Ourania
โ ๏ธ Slayer
Master: Duradel
Block List: Bronze Dragons
โ๏ธ Smithing
Method: Blast Furnace
Bar: Mithril
๐ค Thieving
Target: Ardy Knights
Food: Wine
๐ฒ Woodcutting
Tree: Redwoods
Axe: Dragon
โ๏ธ Attack
Style: Aggressive
Weapon: Abyssal whip
๐ช Strength
Style: Berserker
Weapon: Dragon scimitar
๐ก๏ธ Defence
Style: Defensive
Armor: Barrows
๐น Ranged
Weapon: Rune crossbow
Ammo: Broad bolts
๐ Prayer
Method: Chaos Altar
Bones: Dragon
๐ฎ Magic
Spell: High Alchemy
Staff: Ancient
๐ Runecrafting
Altar: Nature
Route: Abyss
๐ Construction
Method: Mahogany Tables
Servant: Enabled
โค๏ธ Hitpoints
Food: Sharks
Threshold: 50% HP
๐ Agility
Course: Ardougne
Stamina: Enabled
๐งช Herblore
Potion: Prayer
Cleaning: Enabled
๐ค Thieving
Target: Ardy Knights
Food: Wine
๐ Crafting
Activity: Gem Cutting
Gem: Ruby
๐น Fletching
Activity: Broad Arrows
Banking: Seers
โ ๏ธ Slayer
Master: Duradel
Block List: Bronze Dragons
๐ฆ Hunter
Trap: Red Chins
Location: Hunting Grounds
โ๏ธ Mining
Rock: Motherlode
Pickaxe: Rune
โ๏ธ Smithing
Method: Blast Furnace
Bar: Mithril
๐ฃ Fishing
Method: Barbarian
Spot: Otto's Grotto
๐ Cooking
Food: Sharks
Location: Rogues' Den
๐ฅ Firemaking
Method: Wintertodt
Food: 10-20 HP
๐ชต Woodcutting
Tree: Redwoods
Axe: Dragon
๐ฑ Farming
Patches: Herb > Tree
Compost: Ultracompost
๐ช Strength
Style: Berserker
Weapon: Dragon scimitar
๐ก๏ธ Defence
Style: Defensive
Armor: Barrows
๐น Ranged
Weapon: Rune crossbow
Ammo: Broad bolts
๐ Prayer
Method: Chaos Altar
Bones: Dragon
๐ฎ Magic
Spell: High Alchemy
Staff: Ancient
๐ Runecrafting
Altar: Nature
Route: Abyss
๐ Construction
Method: Mahogany Tables
Servant: Enabled
โค๏ธ Hitpoints
Food: Sharks
Threshold: 50% HP
๐ Agility
Course: Ardougne
Stamina: Enabled
๐งช Herblore
Potion: Prayer
Cleaning: Enabled
๐ค Thieving
Target: Ardy Knights
Food: Wine
๐ Crafting
Activity: Gem Cutting
Gem: Ruby
๐น Fletching
Activity: Broad Arrows
Banking: Seers
โ ๏ธ Slayer
Master: Duradel
Block List: Bronze Dragons
๐ฆ Hunter
Trap: Red Chins
Location: Hunting Grounds
โ๏ธ Mining
Rock: Motherlode
Pickaxe: Rune
โ๏ธ Smithing
Method: Blast Furnace
Bar: Mithril
๐ฃ Fishing
Method: Barbarian
Spot: Otto's Grotto
๐ Cooking
Food: Sharks
Location: Rogues' Den
๐ฅ Firemaking
Method: Wintertodt
Food: 10-20 HP
๐ชต Woodcutting
Tree: Redwoods
Axe: Dragon
๐ฑ Farming
Patches: Herb > Tree
Compost: Ultracompost
๐ช Strength
Style: Berserker
Weapon: Dragon scimitar
๐ก๏ธ Defence
Style: Defensive
Armor: Barrows
๐น Ranged
Weapon: Rune crossbow
Ammo: Broad bolts
๐ Prayer
Method: Chaos Altar
Bones: Dragon
๐ฎ Magic
Spell: High Alchemy
Staff: Ancient
๐ Runecrafting
Altar: Nature
Route: Abyss
๐ Construction
Method: Mahogany Tables
Servant: Enabled
โค๏ธ Hitpoints
Food: Sharks
Threshold: 50% HP
๐ Agility
Course: Ardougne
Stamina: Enabled
๐งช Herblore
Potion: Prayer
Cleaning: Enabled
๐ค Thieving
Target: Ardy Knights
Food: Wine
๐ Crafting
Activity: Gem Cutting
Gem: Ruby
๐น Fletching
Activity: Broad Arrows
Banking: Seers
โ ๏ธ Slayer
Master: Duradel
Block List: Bronze Dragons
๐ฆ Hunter
Trap: Red Chins
Location: Hunting Grounds
โ๏ธ Mining
Rock: Motherlode
Pickaxe: Rune
โ๏ธ Smithing
Method: Blast Furnace
Bar: Mithril
๐ฃ Fishing
Method: Barbarian
Spot: Otto's Grotto
๐ Cooking
Food: Sharks
Location: Rogues' Den
๐ฅ Firemaking
Method: Wintertodt
Food: 10-20 HP
๐ชต Woodcutting
Tree: Redwoods
Axe: Dragon
๐ฑ Farming
Patches: Herb > Tree
Compost: Ultracompost