4th Anniversary Festival: Difference between revisions
Jump to navigation
Jump to search
| Line 310: | Line 310: | ||
== <div style="color: #ffffff; background: linear-gradient(135deg, #FF9FF3 0%, #F368E0 50%, #6a11cb 100%); padding: 15px 25px; font-weight: bold; border-radius: 15px; text-align: center; font-size: 1em; margin: 30px 0 25px 0; box-shadow: 0 6px 20px rgba(255, 159, 243, 0.4); text-shadow: 2px 2px 4px rgba(0,0,0,0.2);"> (C) Happy Balloon Mini Quest </div> == | == <div style="color: #ffffff; background: linear-gradient(135deg, #FF9FF3 0%, #F368E0 50%, #6a11cb 100%); padding: 15px 25px; font-weight: bold; border-radius: 15px; text-align: center; font-size: 1em; margin: 30px 0 25px 0; box-shadow: 0 6px 20px rgba(255, 159, 243, 0.4); text-shadow: 2px 2px 4px rgba(0,0,0,0.2);"> (C) Happy Balloon Mini Quest </div> == | ||
<div style="background: linear-gradient(145deg, #fff0f5, #ffe6f7); border-radius: 15px; overflow: hidden; box-shadow: 0 8px 25px rgba(255, 159, 243, 0.3); margin-bottom: 35px; border: 3px solid #F368E0;"> | <div style="background: linear-gradient(145deg, #fff0f5, #ffe6f7); border-radius: 15px; overflow: hidden; box-shadow: 0 8px 25px rgba(255, 159, 243, 0.3); margin-bottom: 35px; border: 3px solid #F368E0;"> | ||
<div style="background: linear-gradient(135deg, #FF9FF3 0%, #F368E0 100%); color: white; padding: 15px 25px; font-weight: bold; display: flex; align-items: center; font-size: 1. | <div style="background: linear-gradient(135deg, #FF9FF3 0%, #F368E0 100%); color: white; padding: 15px 25px; font-weight: bold; display: flex; align-items: center; font-size: 1.1em; text-shadow: 1px 1px 3px rgba(0,0,0,0.3);"> | ||
<div style="width: | <div style="width: 32px; height: 32px; margin-right: 15px; filter: drop-shadow(2px 2px 3px rgba(0,0,0,0.3));">[[File:balloonicon.png|32px]]</div> | ||
Happy Balloon Festival | Happy Balloon Festival | ||
</div> | </div> | ||
<div style="padding: | <div style="padding: 20px;"> | ||
<div style="display: | <div style="display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 20px; margin-bottom: 20px;"> | ||
<div style=" | <!-- Columna 1 - Información --> | ||
<p style=" | <div> | ||
<div style="background: white; padding: 15px; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.1); text-align: center; margin-bottom: 15px;"> | |||
[[File:3810.gif|100px]] | |||
<div style="margin-top: 8px; color: #F368E0; font-weight: bold; font-size: 0.9em;">King Poring</div> | |||
</div> | |||
<p style="color: #5a5a5a; margin-bottom: 15px; font-size: 0.9em; line-height: 1.4;">There's no festival without balloons! King Poring brings eight special Costume Happy Balloons with temporary effects for the entire event duration.</p> | |||
<div style="background: linear-gradient(145deg, #e6f7ff, #d1f0ff); padding: | <div style="background: linear-gradient(145deg, #e6f7ff, #d1f0ff); padding: 12px; border-radius: 10px; border: 2px dashed #2575fc; box-shadow: 0 4px 12px rgba(37, 117, 252, 0.2);"> | ||
<strong style="color: #2575fc; font-size: | <strong style="color: #2575fc; font-size: 0.95em;">How to get balloons:</strong> | ||
<ul style="margin-top: | <ul style="margin-top: 8px; padding-left: 18px; color: #5a5a5a; font-size: 0.85em; line-height: 1.4;"> | ||
<li> Exchange <strong style="color: #e74c3c;">300 Anniversary Coins</strong> for a random balloon</li> | <li>Exchange <strong style="color: #e74c3c;">300 Anniversary Coins</strong> for a random balloon</li> | ||
<li> Trade <strong style="color: #e74c3c;">3 duplicate balloons</strong> for a new random one</li> | <li>Trade <strong style="color: #e74c3c;">3 duplicate balloons</strong> for a new random one</li> | ||
<li> | <li>Joining King Poring's Boss Raid</li> | ||
</ul> | </ul> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style=" | |||
<div style="background: | <!-- Columna 2 --> | ||
[[File: | <div> | ||
<div style=" | <div style="display: grid; grid-template-columns: 1fr; gap: 8px;"> | ||
<!-- Balloon 1 --> | |||
<div style="display: flex; align-items: center; gap: 8px; background: #fffaf0; padding: 8px; border-radius: 8px; border: 2px dotted #FFD166;"> | |||
<div>[[File:C Happy Balloon (GRN).bmp|30px]]</div> | |||
<div style="flex: 1;"> | |||
<div style="font-weight: bold; color: #5a5a5a; font-size: 0.85em;">C Happy Balloon (GRN)</div> | |||
<div style="color: #27ae60; font-size: 0.8em;">+5% Max HP</div> | |||
</div> | |||
</div> | |||
<div style="display: flex; align-items: center; gap: 8px; background: #f0f8ff; padding: 8px; border-radius: 8px; border: 2px dotted #6a11cb;"> | |||
<div>[[File:C Happy Balloon (BLU).bmp|30px]]</div> | |||
<div style="flex: 1;"> | |||
<div style="font-weight: bold; color: #5a5a5a; font-size: 0.85em;">C Happy Balloon (BLU)</div> | |||
<div style="color: #27ae60; font-size: 0.8em;">+5% Max SP</div> | |||
</div> | |||
</div> | </div> | ||
<!-- Balloon 3 --> | |||
<div style="display: flex; align-items: center; gap: 8px; background: #fffaf0; padding: 8px; border-radius: 8px; border: 2px dotted #FFD166;"> | |||
<div>[[File:C Happy Balloon (PRP).bmp|30px]]</div> | |||
<div style="flex: 1;"> | |||
<div style="font-weight: bold; color: #5a5a5a; font-size: 0.85em;">C Happy Balloon (PRP)</div> | |||
<div style="color: #27ae60; font-size: 0.8em;">+5% EXP Gain</div> | |||
</div> | </div> | ||
</div> | </div> | ||
<div style=" | <div style="display: flex; align-items: center; gap: 8px; background: #f0f8ff; padding: 8px; border-radius: 8px; border: 2px dotted #6a11cb;"> | ||
<div>[[File:C Happy Balloon (PNK).bmp|30px]]</div> | |||
<div style="flex: 1;"> | |||
<div style="font-weight: bold; color: #5a5a5a; font-size: 0.85em;">C Happy Balloon (PNK)</div> | |||
<div style="color: #27ae60; font-size: 0.8em;">+5% Drop Rate</div> | |||
</div> | |||
</div> | |||
</div> | |||
< | |||
< | |||
< | |||
< | |||
</ | |||
</ | |||
</div> | </div> | ||
< | <!-- Columna 3--> | ||
<div> | <div> | ||
<strong style="color: #FF6B6B; font-size: | <div style="display: grid; grid-template-columns: 1fr; gap: 8px;"> | ||
<p style="color: #5a5a5a; margin: | <!-- Balloon 5 --> | ||
<div style="display: flex; align-items: center; gap: 8px; background: #fffaf0; padding: 8px; border-radius: 8px; border: 2px dotted #FFD166;"> | |||
<div>[[File:C Happy Balloon (RED).bmp|30px]]</div> | |||
<div style="flex: 1;"> | |||
<div style="font-weight: bold; color: #5a5a5a; font-size: 0.85em;">C Happy Balloon (RED)</div> | |||
<div style="color: #27ae60; font-size: 0.8em;">+5% ASPD</div> | |||
</div> | |||
</div> | |||
<div style="display: flex; align-items: center; gap: 8px; background: #f0f8ff; padding: 8px; border-radius: 8px; border: 2px dotted #6a11cb;"> | |||
<div>[[File:C Happy Balloon (Mix) 1.bmp|30px]]</div> | |||
<div style="flex: 1;"> | |||
<div style="font-weight: bold; color: #5a5a5a; font-size: 0.85em;">C Happy Balloon (Mix) 1</div> | |||
<div style="color: #27ae60; font-size: 0.8em;">+5% ATK/MATK</div> | |||
</div> | |||
</div> | |||
<div style="display: flex; align-items: center; gap: 8px; background: #fffaf0; padding: 8px; border-radius: 8px; border: 2px dotted #FFD166;"> | |||
<div>[[File:C Happy Balloon (Mix) 2.bmp|30px]]</div> | |||
<div style="flex: 1;"> | |||
<div style="font-weight: bold; color: #5a5a5a; font-size: 0.85em;">C Happy Balloon (Mix) 2</div> | |||
<div style="color: #27ae60; font-size: 0.8em;">-5% Cast Time/Skill Delay</div> | |||
</div> | |||
</div> | |||
<div style="display: flex; align-items: center; gap: 8px; background: #f0f8ff; padding: 8px; border-radius: 8px; border: 2px dotted #6a11cb;"> | |||
<div>[[File:C Happy Balloon (GLD).bmp|30px]]</div> | |||
<div style="flex: 1;"> | |||
<div style="font-weight: bold; color: #5a5a5a; font-size: 0.85em;">C Happy Balloon (GLD)</div> | |||
<div style="color: #e74c3c; font-size: 0.8em;">+5% EXP & Drop Rate</div> | |||
</div> | |||
</div> | |||
</div> | |||
</div> | |||
</div> | |||
<div style="background: linear-gradient(145deg, #fffaf0, #fff5e6); padding: 12px; border-radius: 8px; margin-top: 15px; border-left: 4px solid #FFB347; box-shadow: 0 4px 12px rgba(255, 179, 71, 0.3);"> | |||
<strong style="color: #FF6B6B; font-size: 0.9em;">Balloon Effects:</strong> | |||
<p style="color: #5a5a5a; margin: 8px 0 0 0; font-size: 0.85em; line-height: 1.3;"> | |||
All balloon effects are <strong style="color: #e74c3c;">temporary and last for the entire event duration</strong>. | All balloon effects are <strong style="color: #e74c3c;">temporary and last for the entire event duration</strong>. | ||
All balloons are equipped in the <strong>Lower</strong> position. | |||
</p> | </p> | ||
</div> | </div> | ||
</div> | </div> | ||
</div> | </div> | ||

