Anonymous
×
Create a new article
Write your page title here:
We currently have 16 articles on Arab Esports Wiki. Type your article name above or click on one of the titles below and start writing!



MLBB/MPLMENA2022/Fall: Difference between revisions

Replaced content with "<html> <style> .mpl-container { font-family: 'Segoe UI', Tahoma, sans-serif; max-width: 1100px; margin: auto; color: #333; } .mpl-header { text-align: center; background: linear-gradient(180deg, #fff 0%, #f8f9fa 100%); padding: 30px; border-bottom: 4px solid #e03e2d; border-radius: 15px 15px 0 0; } →‎نظام التبويبات (Tabs) المبسط: .tabs-mock { display: flex; gap: 5px; border-bottom: 2px solid #dee2e6; margin-bottom: 20px; } .tab-item..."
Tag: Replaced
No edit summary
Line 2: Line 2:
<style>
<style>
   .mpl-container { font-family: 'Segoe UI', Tahoma, sans-serif; max-width: 1100px; margin: auto; color: #333; }
   .mpl-container { font-family: 'Segoe UI', Tahoma, sans-serif; max-width: 1100px; margin: auto; color: #333; }
   .mpl-header { text-align: center; background: linear-gradient(180deg, #fff 0%, #f8f9fa 100%); padding: 30px; border-bottom: 4px solid #e03e2d; border-radius: 15px 15px 0 0; }
   .mpl-header { text-align: center; background: #fff; padding: 30px; border-bottom: 4px solid #e03e2d; }
    
    
   /* نظام التبويبات (Tabs) المبسط */
   /* نظام التبويبات الفعال */
   .tabs-mock { display: flex; gap: 5px; border-bottom: 2px solid #dee2e6; margin-bottom: 20px; }
   .tabs-nav { display: flex; gap: 5px; border-bottom: 2px solid #dee2e6; margin-bottom: 20px; list-style: none; padding: 0; }
   .tab-item { padding: 10px 20px; background: #f8f9fa; border: 1px solid #dee2e6; border-bottom: none; border-radius: 5px 5px 0 0; cursor: pointer; font-weight: bold; color: #555; }
   .tab-link { padding: 10px 25px; background: #f8f9fa; border: 1px solid #dee2e6; border-bottom: none; border-radius: 8px 8px 0 0; cursor: pointer; font-weight: bold; color: #555; transition: 0.3s; }
   .tab-item.active { background: #e03e2d; color: white; border-color: #e03e2d; }
   .tab-link.active { background: #e03e2d; color: white; border-color: #e03e2d; }
  .tab-content { display: none; animation: fadeIn 0.4s; }
  .tab-content.active { display: block; }


   /* جدول المعلومات العام */
   /* شبكة المعلومات والفرق */
   .info-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; margin-bottom: 30px; background: #fff; padding: 20px; border: 1px solid #eee; border-radius: 10px; }
   .info-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 15px; margin-bottom: 30px; background: #fff; padding: 20px; border: 1px solid #eee; border-radius: 10px; }
   .info-box { padding: 10px; border-bottom: 1px solid #f0f0f0; }
   .info-box { padding: 10px; border-bottom: 1px solid #f0f0f0; }
   .info-box strong { color: #2c3e50; display: block; font-size: 0.9em; text-transform: uppercase; }
   .info-box strong { color: #2c3e50; display: block; font-size: 0.85em; text-transform: uppercase; margin-bottom: 5px; }
  .info-box span { font-size: 1.05em; font-weight: 500; }
    
 
   .teams-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 20px; }
   /* شبكة الفرق */
   .teams-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 20px; }
   .team-card { border: 1px solid #e2e8f0; border-radius: 12px; background: #fff; overflow: hidden; box-shadow: 0 4px 6px rgba(0,0,0,0.02); }
   .team-card { border: 1px solid #e2e8f0; border-radius: 12px; background: #fff; overflow: hidden; box-shadow: 0 4px 6px rgba(0,0,0,0.02); }
   .team-card-header { background: #f8f9fa; padding: 15px; text-align: center; border-bottom: 1px solid #eee; }
   .team-card-header { background: #f8f9fa; padding: 15px; text-align: center; border-bottom: 1px solid #eee; }
   .team-card-header img { height: 70px; object-fit: contain; }
   .team-card-header img { height: 70px; object-fit: contain; }
  .team-name { margin-top: 10px; font-weight: bold; color: #e03e2d; font-size: 1.1em; }
    
    
   .roster-table { width: 100%; border-collapse: collapse; }
   .roster-table { width: 100%; border-collapse: collapse; }
   .roster-table tr { border-bottom: 1px solid #f9f9f9; }
   .roster-table td { padding: 10px 15px; font-size: 0.95em; border-bottom: 1px solid #f9f9f9; vertical-align: middle; }
  .roster-table td { padding: 8px 12px; font-size: 0.9em; }
   .lane-icon { width: 22px; height: 22px; vertical-align: middle; margin-right: 12px; }
   .lane-icon { width: 20px; height: 20px; vertical-align: middle; margin-right: 10px; }
   .flag-sm { height: 14px; margin-right: 8px; border-radius: 2px; }
   .flag-sm { height: 12px; margin-right: 5px; }
 
  @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
</style>
</style>


Line 36: Line 36:
   </div>
   </div>


   <div class="tabs-mock">
   <ul class="tabs-nav">
     <div class="tab-item active">Overview</div>
     <li class="tab-link active" onclick="openTab(event, 'overview')">Overview</li>
     <div class="tab-item">Regular Season</div>
     <li class="tab-link" onclick="openTab(event, 'regular')">Regular Season</li>
     <div class="tab-item">Playoffs</div>
     <li class="tab-link" onclick="openTab(event, 'playoffs')">Playoffs</li>
     <div class="tab-item">Statistics</div>
     <li class="tab-link" onclick="openTab(event, 'stats')">Statistics</li>
   </div>
   </ul>


   <div class="info-grid">
   <div id="overview" class="tab-content active">
    <div class="info-box"><strong>Series</strong><span>MPL MENA</span></div>
    <div class="info-grid">
    <div class="info-box"><strong>Prize Pool</strong><span style="color: #27ae60;">$107,500 USD</span></div>
      <div class="info-box"><strong>Series</strong><span>MPL MENA</span></div>
    <div class="info-box"><strong>Type</strong><span>Online & Offline</span></div>
      <div class="info-box"><strong>Prize Pool</strong><span style="color: #27ae60; font-weight:bold;">$107,500 USD</span></div>
    <div class="info-box"><strong>Start Date</strong><span>2022-08-12</span></div>
      <div class="info-box"><strong>Type</strong><span>Online & Offline</span></div>
    <div class="info-box"><strong>End Date</strong><span>2022-10-14</span></div>
      <div class="info-box"><strong>Start Date</strong><span>2022-08-12</span></div>
    <div class="info-box"><strong>Teams</strong><span>8 Teams</span></div>
      <div class="info-box"><strong>End Date</strong><span>2022-10-14</span></div>
  </div>
      <div class="info-box"><strong>Teams</strong><span>8 Teams</span></div>
    </div>


  <h2 style="border-left: 5px solid #e03e2d; padding-left: 15px; color: #2c3e50;">Teams & Rosters</h2>
    <h2 style="border-left: 5px solid #e03e2d; padding-left: 15px; color: #2c3e50; margin-bottom: 20px;">Teams & Rosters</h2>
 
  <div class="teams-grid">
      
      
     <div class="team-card">
     <div class="teams-grid">
      <div class="team-card-header">
      <div class="team-card">
        <img src="/flmngr/files/MPL%20MENA/MPL%20Fall2022/Thrones%20Esport.png">
        <div class="team-card-header">
        <div class="team-name">Thrones Esport</div>
          <img src="/flmngr/files/MPL%20MENA/MPL%20Fall2022/Thrones%20Esport.png">
          <div style="color:#e03e2d; font-weight:bold; margin-top:10px;">Thrones Esport</div>
        </div>
        <table class="roster-table">
          <tr><td><img src="/flmngr/files/MPL%20MENA/Lanes%20icons/EXP%20lane.png" class="lane-icon"><img src="/flmngr/files/Flags%20x16p/eg_16.png" class="flag-sm"> Wega</td></tr>
          <tr><td><img src="/flmngr/files/MPL%20MENA/Lanes%20icons/Jungle.png" class="lane-icon"><img src="/flmngr/files/Flags%20x16p/eg_16.png" class="flag-sm"> Lio</td></tr>
          <tr><td><img src="/flmngr/files/MPL%20MENA/Lanes%20icons/Mid_Lane.png" class="lane-icon"><img src="/flmngr/files/Flags%20x16p/eg_16.png" class="flag-sm"> Joky</td></tr>
          <tr><td><img src="/flmngr/files/MPL%20MENA/Lanes%20icons/Gold_Lane.png" class="lane-icon"><img src="/flmngr/files/Flags%20x16p/eg_16.png" class="flag-sm"> Gado</td></tr>
          <tr><td><img src="/flmngr/files/MPL%20MENA/Lanes%20icons/Roamer.png" class="lane-icon"><img src="/flmngr/files/Flags%20x16p/eg_16.png" class="flag-sm"> D7 / Maro</td></tr>
        </table>
       </div>
       </div>
      <table class="roster-table">
        <tr><td><img src="/flmngr/files/MPL%20MENA/Lanes%20icons/EXP%20lane.png" class="lane-icon"><img src="/flmngr/files/Flags%20x16p/eg_16.png" class="flag-sm"> Wega</td></tr>
        <tr><td><img src="/flmngr/files/MPL%20MENA/Lanes%20icons/Jungle.png" class="lane-icon"><img src="/flmngr/files/Flags%20x16p/eg_16.png" class="flag-sm"> Lio</td></tr>
        <tr><td><img src="/flmngr/files/MPL%20MENA/Lanes%20icons/Mid_Lane.png" class="lane-icon"><img src="/flmngr/files/Flags%20x16p/eg_16.png" class="flag-sm"> Joky</td></tr>
        <tr><td><img src="/flmngr/files/MPL%20MENA/Lanes%20icons/Gold_Lane.png" class="lane-icon"><img src="/flmngr/files/Flags%20x16p/eg_16.png" class="flag-sm"> Gado</td></tr>
        <tr><td><img src="/flmngr/files/MPL%20MENA/Lanes%20icons/Roamer.png" class="lane-icon"><img src="/flmngr/files/Flags%20x16p/eg_16.png" class="flag-sm"> D7 / Maro</td></tr>
      </table>
    </div>


    <div class="team-card">
      <div class="team-card">
      <div class="team-card-header">
        <div class="team-card-header">
        <img src="/flmngr/files/MPL%20MENA/MPL%20Fall2022/hydra.png">
          <img src="/flmngr/files/MPL%20MENA/MPL%20Fall2022/hydra.png">
         <div class="team-name">Hydra</div>
          <div style="color:#e03e2d; font-weight:bold; margin-top:10px;">Hydra</div>
         </div>
        <table class="roster-table">
          <tr><td><img src="/flmngr/files/MPL%20MENA/Lanes%20icons/EXP%20lane.png" class="lane-icon"><img src="/flmngr/files/Flags%20x16p/eg_16.png" class="flag-sm"> Alpho</td></tr>
          <tr><td><img src="/flmngr/files/MPL%20MENA/Lanes%20icons/Jungle.png" class="lane-icon"><img src="/flmngr/files/Flags%20x16p/eg_16.png" class="flag-sm"> Kenji</td></tr>
          <tr><td><img src="/flmngr/files/MPL%20MENA/Lanes%20icons/Mid_Lane.png" class="lane-icon"><img src="/flmngr/files/Flags%20x16p/eg_16.png" class="flag-sm"> Smile</td></tr>
          <tr><td><img src="/flmngr/files/MPL%20MENA/Lanes%20icons/Gold_Lane.png" class="lane-icon"><img src="/flmngr/files/Flags%20x16p/eg_16.png" class="flag-sm"> Beast</td></tr>
          <tr><td><img src="/flmngr/files/MPL%20MENA/Lanes%20icons/Roamer.png" class="lane-icon"><img src="/flmngr/files/Flags%20x16p/eg_16.png" class="flag-sm"> Kakashi / Yones</td></tr>
        </table>
       </div>
       </div>
      <table class="roster-table">
        <tr><td><img src="/flmngr/files/MPL%20MENA/Lanes%20icons/EXP%20lane.png" class="lane-icon"><img src="/flmngr/files/Flags%20x16p/eg_16.png" class="flag-sm"> Alpho</td></tr>
        <tr><td><img src="/flmngr/files/MPL%20MENA/Lanes%20icons/Jungle.png" class="lane-icon"><img src="/flmngr/files/Flags%20x16p/eg_16.png" class="flag-sm"> Kenji</td></tr>
        <tr><td><img src="/flmngr/files/MPL%20MENA/Lanes%20icons/Mid_Lane.png" class="lane-icon"><img src="/flmngr/files/Flags%20x16p/eg_16.png" class="flag-sm"> Smile</td></tr>
        <tr><td><img src="/flmngr/files/MPL%20MENA/Lanes%20icons/Gold_Lane.png" class="lane-icon"><img src="/flmngr/files/Flags%20x16p/eg_16.png" class="flag-sm"> Beast</td></tr>
        <tr><td><img src="/flmngr/files/MPL%20MENA/Lanes%20icons/Roamer.png" class="lane-icon"><img src="/flmngr/files/Flags%20x16p/eg_16.png" class="flag-sm"> Kakashi / Yones</td></tr>
      </table>
     </div>
     </div>
  </div>


    <div class="team-card">
  <div id="regular" class="tab-content"><h3>Regular Season Data...</h3></div>
      <div class="team-card-header">
  <div id="playoffs" class="tab-content"><h3>Playoffs Bracket...</h3></div>
        <img src="/flmngr/files/MPL%20MENA/MPL%20Fall2022/mon.png">
  <div id="stats" class="tab-content"><h3>Player Statistics...</h3></div>
        <div class="team-name">Squademon</div>
      </div>
      <table class="roster-table">
        <tr><td><img src="/flmngr/files/MPL%20MENA/Lanes%20icons/EXP%20lane.png" class="lane-icon"><img src="/flmngr/files/Flags%20x16p/kw_16.png" class="flag-sm"> Revemon</td></tr>
        <tr><td><img src="/flmngr/files/MPL%20MENA/Lanes%20icons/Jungle.png" class="lane-icon"><img src="/flmngr/files/Flags%20x16p/kw_16.png" class="flag-sm"> Darkemon</td></tr>
        <tr><td><img src="/flmngr/files/MPL%20MENA/Lanes%20icons/Mid_Lane.png" class="lane-icon"><img src="/flmngr/files/Flags%20x16p/kw_16.png" class="flag-sm"> Bravemon</td></tr>
        <tr><td><img src="/flmngr/files/MPL%20MENA/Lanes%20icons/Gold_Lane.png" class="lane-icon"><img src="/flmngr/files/Flags%20x16p/kw_16.png" class="flag-sm"> Likemon</td></tr>
        <tr><td><img src="/flmngr/files/MPL%20MENA/Lanes%20icons/Roamer.png" class="lane-icon"><img src="/flmngr/files/Flags%20x16p/kw_16.png" class="flag-sm"> Lightemon</td></tr>
      </table>
    </div>


  </div>
</div>


</div>
<script>
function openTab(evt, tabName) {
  var i, tabcontent, tablinks;
  tabcontent = document.getElementsByClassName("tab-content");
  for (i = 0; i < tabcontent.length; i++) {
    tabcontent[i].style.display = "none";
    tabcontent[i].classList.remove("active");
  }
  tablinks = document.getElementsByClassName("tab-link");
  for (i = 0; i < tablinks.length; i++) {
    tablinks[i].className = tablinks[i].className.replace(" active", "");
  }
  document.getElementById(tabName).style.display = "block";
  document.getElementById(tabName).classList.add("active");
  evt.currentTarget.className += " active";
}
</script>
</html>
</html>

Revision as of 13:30, 5 April 2026

MPL MENA Fall 2022

SeriesMPL MENA
Prize Pool$107,500 USD
TypeOnline & Offline
Start Date2022-08-12
End Date2022-10-14
Teams8 Teams

Teams & Rosters

Thrones Esport
Wega
Lio
Joky
Gado
D7 / Maro
Hydra
Alpho
Kenji
Smile
Beast
Kakashi / Yones

Regular Season Data...

Playoffs Bracket...

Player Statistics...