Difference between revisions of "Daily Schedules"

From XilePK - Ragnarok Online Server
Jump to navigation Jump to search
Line 6: Line 6:
 
     <title>Cronograma de Eventos - Ragnarok</title>
 
     <title>Cronograma de Eventos - Ragnarok</title>
 
     <style>
 
     <style>
−
        body {
 
−
            background-color: #1e1e1e;
 
−
            color: #e0e0e0;
 
−
            font-family: Arial, sans-serif;
 
−
            margin: 0;
 
−
            padding: 20px;
 
−
        }
 
−
       
 
 
         .schedule-container {
 
         .schedule-container {
 
             max-width: 1200px;
 
             max-width: 1200px;
−
             margin: 0 auto;
+
             margin: 20px auto;
 +
            font-family: Arial, sans-serif;
 
             background: #2a2a2a;
 
             background: #2a2a2a;
 
             border-radius: 8px;
 
             border-radius: 8px;
 
             overflow: hidden;
 
             overflow: hidden;
−
            box-shadow: 0 0 10px rgba(0,0,0,0.5);
 
 
         }
 
         }
 
          
 
          
Line 27: Line 19:
 
             color: #fff;
 
             color: #fff;
 
             text-align: center;
 
             text-align: center;
−
             padding: 12px;
+
             padding: 15px;
−
             font-size: 1.3em;
+
             font-size: 1.5em;
 
             font-weight: bold;
 
             font-weight: bold;
−
            border-bottom: 2px solid #444;
 
 
         }
 
         }
 
          
 
          
Line 37: Line 28:
 
             border-collapse: collapse;
 
             border-collapse: collapse;
 
             background: #2a2a2a;
 
             background: #2a2a2a;
 +
        }
 +
       
 +
        .schedule-table th,
 +
        .schedule-table td {
 +
            padding: 8px 4px;
 +
            text-align: center;
 +
            border: 1px solid #444;
 +
            font-size: 0.85em;
 
         }
 
         }
 
          
 
          
Line 43: Line 42:
 
             color: #fff;
 
             color: #fff;
 
             font-weight: bold;
 
             font-weight: bold;
−
             padding: 10px 5px;
+
             padding: 12px 4px;
−
            border: 1px solid #444;
 
−
            font-size: 0.9em;
 
−
        }
 
−
       
 
−
        .schedule-table td {
 
−
            padding: 8px 5px;
 
−
            border: 1px solid #444;
 
−
            font-size: 0.85em;
 
−
            vertical-align: middle;
 
−
            text-align: center;
 
 
         }
 
         }
 
          
 
          
Line 66: Line 55:
 
             background: #3a3a3a;
 
             background: #3a3a3a;
 
             color: #ddd;
 
             color: #ddd;
−
             height: 60px;
+
             position: relative;
−
            vertical-align: middle;
 
−
        }
 
−
       
 
−
        .event-content {
 
−
            display: flex;
 
−
            flex-direction: column;
 
−
            justify-content: center;
 
−
            height: 100%;
 
 
         }
 
         }
 
          
 
          
 
         .event-name {
 
         .event-name {
 
             font-weight: bold;
 
             font-weight: bold;
−
             margin-bottom: 3px;
+
             margin-bottom: 2px;
 
         }
 
         }
 
          
 
          
 
         .event-reward {
 
         .event-reward {
−
             font-size: 0.8em;
+
             font-size: 0.75em;
 
             color: #aaa;
 
             color: #aaa;
 
         }
 
         }
 
          
 
          
−
        /* Cores específicas para cada tipo de evento */
 
 
         .devil-square {
 
         .devil-square {
 
             background: #4a2828 !important;
 
             background: #4a2828 !important;
Line 93: Line 73:
 
         }
 
         }
 
          
 
          
−
         .poring-search {
+
         .devil-square .event-reward {
−
            background: #284a3a !important;
+
             color: #ffaaaa;
−
             color: #ccffdd !important;
 
 
         }
 
         }
 
          
 
          
−
         .last-man-standing {
+
         .legend {
−
             background: #3a284a !important;
+
             background: #1a1a1a;
−
             color: #ddccff !important;
+
            padding: 15px;
 +
             color: #ddd;
 
         }
 
         }
 
          
 
          
−
         .zombie {
+
         .legend-title {
−
             background: #3a3a28 !important;
+
             color: #fff;
−
             color: #ffffcc !important;
+
             font-weight: bold;
 +
            margin-bottom: 10px;
 
         }
 
         }
 
          
 
          
−
         .poring-race {
+
         .legend-grid {
−
             background: #2a3a4a !important;
+
             display: grid;
−
             color: #ccddff !important;
+
             grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
 +
            gap: 8px;
 +
            font-size: 0.9em;
 
         }
 
         }
 
          
 
          
−
         .tarot {
+
         .legend-item {
−
             background: #4a3a28 !important;
+
             padding: 5px 0;
−
            color: #ffddcc !important;
 
 
         }
 
         }
 
          
 
          
−
         .bomb-poring {
+
         .devil-highlight {
−
             background: #4a2828 !important;
+
             color: #ffaaaa;
−
             color: #ffcccc !important;
+
             font-weight: bold;
 
         }
 
         }
 
     </style>
 
     </style>
Line 142: Line 124:
 
             </thead>
 
             </thead>
 
             <tbody>
 
             <tbody>
−
                <!-- Linha das 04:00 como exemplo -->
 
 
                 <tr>
 
                 <tr>
−
                     <td class="time-cell">04:00</td>
+
                     <td class="time-cell">00:00</td>
−
                     <td class="event-cell tarot">
+
                     <td class="event-cell"><div class="event-name">🔍 Poring Search</div><div class="event-reward">20 Coins</div></td>
−
                        <div class="event-content">
+
                     <td class="event-cell"><div class="event-name">🏆 Last Man Standing</div><div class="event-reward">30 Coins</div></td>
−
                            <div class="event-name">🔮 Cartas do Tarô</div>
+
                     <td class="event-cell"><div class="event-name">🔍 Poring Search</div><div class="event-reward">20 Coins</div></td>
−
                            <div class="event-reward">5-15 Xile Coins</div>
+
                     <td class="event-cell"><div class="event-name">🧟 Novice VS Zombie</div><div class="event-reward">25 Coins</div></td>
−
                        </div>
+
                     <td class="event-cell"><div class="event-name">🔍 Poring Search</div><div class="event-reward">20 Coins</div></td>
−
                    </td>
+
                     <td class="event-cell"><div class="event-name">🏆 Last Man Standing</div><div class="event-reward">30 Coins</div></td>
−
                     <td class="event-cell tarot">
+
                     <td class="event-cell"><div class="event-name">🧟 Novice VS Zombie</div><div class="event-reward">25 Coins</div></td>
−
                        <div class="event-content">
 
−
                            <div class="event-name">🔮 Cartas do Tarô</div>
 
−
                            <div class="event-reward">5-15 Xile Coins</div>
 
−
                        </div>
 
−
                    </td>
 
−
                     <td class="event-cell tarot">
 
−
                        <div class="event-content">
 
−
                            <div class="event-name">🔮 Cartas do Tarô</div>
 
−
                            <div class="event-reward">5-15 Xile Coins</div>
 
−
                        </div>
 
−
                    </td>
 
−
                     <td class="event-cell tarot">
 
−
                        <div class="event-content">
 
−
                            <div class="event-name">🔮 Cartas do Tarô</div>
 
−
                            <div class="event-reward">5-15 Xile Coins</div>
 
−
                        </div>
 
−
                    </td>
 
−
                     <td class="event-cell tarot">
 
−
                        <div class="event-content">
 
−
                            <div class="event-name">🔮 Cartas do Tarô</div>
 
−
                            <div class="event-reward">5-15 Xile Coins</div>
 
−
                        </div>
 
−
                    </td>
 
−
                     <td class="event-cell tarot">
 
−
                        <div class="event-content">
 
−
                            <div class="event-name">🔮 Cartas do Tarô</div>
 
−
                            <div class="event-reward">5-15 Xile Coins</div>
 
−
                        </div>
 
−
                    </td>
 
−
                     <td class="event-cell tarot">
 
−
                        <div class="event-content">
 
−
                            <div class="event-name">🔮 Cartas do Tarô</div>
 
−
                            <div class="event-reward">5-15 Xile Coins</div>
 
−
                        </div>
 
−
                    </td>
 
 
                 </tr>
 
                 </tr>
−
                  
+
                 <tr>
−
                <!-- As outras linhas da tabela seguiriam o mesmo padrão -->
+
                    <td class="time-cell">01:00</td>
−
                <!-- ... -->
+
                    <td class="event-cell"><div class="event-name">🏁 Poring Race</div><div class="event-reward">15 Coins</div></td>
−
               
+
                    <td class="event-cell"><div class="event-name">💣 Bomb Poring</div><div class="event-reward">20 Coins</div></td>
−
            </tbody>
+
                    <td class="event-cell"><div class="event-name">🏁 Poring Race</div><div class="event-reward">15 Coins</div></td>
−
        </table>
+
                    <td class="event-cell"><div class="event-name">🏆 Last Man Standing</div><div class="event-reward">30 Coins</div></td>
−
    </div>
+
                    <td class="event-cell"><div class="event-name">💣 Bomb Poring</div><div class="event-reward">20 Coins</div></td>
−
</body>
+
                    <td class="event-cell"><div class="event-name">🏁 Poring Race</div><div class="event-reward">15 Coins</div></td>
−
</html>
+
                    <td class="

Revision as of 03:03, 24 May 2025

<!DOCTYPE html> <html lang="pt-BR"> <head> 

   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>Cronograma de Eventos - Ragnarok</title>
   <style>
       .schedule-container {
           max-width: 1200px;
           margin: 20px auto;
           font-family: Arial, sans-serif;
           background: #2a2a2a;
           border-radius: 8px;
           overflow: hidden;
       }
       
       .schedule-title {
           background: #1a1a1a;
           color: #fff;
           text-align: center;
           padding: 15px;
           font-size: 1.5em;
           font-weight: bold;
       }
       
       .schedule-table {
           width: 100%;
           border-collapse: collapse;
           background: #2a2a2a;
       }
       
       .schedule-table th,
       .schedule-table td {
           padding: 8px 4px;
           text-align: center;
           border: 1px solid #444;
           font-size: 0.85em;
       }
       
       .schedule-table th {
           background: #1a1a1a;
           color: #fff;
           font-weight: bold;
           padding: 12px 4px;
       }
       
       .time-cell {
           background: #333;
           color: #fff;
           font-weight: bold;
           width: 60px;
       }
       
       .event-cell {
           background: #3a3a3a;
           color: #ddd;
           position: relative;
       }
       
       .event-name {
           font-weight: bold;
           margin-bottom: 2px;
       }
       
       .event-reward {
           font-size: 0.75em;
           color: #aaa;
       }
       
       .devil-square {
           background: #4a2828 !important;
           color: #ffcccc !important;
       }
       
       .devil-square .event-reward {
           color: #ffaaaa;
       }
       
       .legend {
           background: #1a1a1a;
           padding: 15px;
           color: #ddd;
       }
       
       .legend-title {
           color: #fff;
           font-weight: bold;
           margin-bottom: 10px;
       }
       
       .legend-grid {
           display: grid;
           grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
           gap: 8px;
           font-size: 0.9em;
       }
       
       .legend-item {
           padding: 5px 0;
       }
       
       .devil-highlight {
           color: #ffaaaa;
           font-weight: bold;
       }
   </style>

</head> <body>

🎮 Cronograma de Eventos - Ragnarok 🎮
<thead> </thead> <tbody> 
                   <td class="
Horário Segunda Terça Quarta Quinta Sexta Sábado Domingo
00:00
🔍 Poring Search
20 Coins
🏆 Last Man Standing
30 Coins
🔍 Poring Search
20 Coins
🧟 Novice VS Zombie
25 Coins
🔍 Poring Search
20 Coins
🏆 Last Man Standing
30 Coins
🧟 Novice VS Zombie
25 Coins
01:00
🏁 Poring Race
15 Coins
💣 Bomb Poring
20 Coins
🏁 Poring Race
15 Coins
🏆 Last Man Standing
30 Coins
💣 Bomb Poring
20 Coins
🏁 Poring Race
15 Coins
Retrieved from "https://wiki.xilepk.net/wiki/index.php?title=Daily_Schedules&oldid=2054"