Página principal: mudanças entre as edições

Edição das 01h40min de 13 de janeiro de 2026

/* =====================================

  EVERLIGHT WIKI - COMMON.CSS (FINAL)
  ===================================== */

/* =========================

  BASE
  ========================= */

body {

   font-family: "Segoe UI", Arial, sans-serif;
   background-color: #ffffff;

}

.mw-body {

   max-width: 100% !important;

}

/* =========================

  CONTAINER PADRÃO
  ========================= */

.everlight-container {

   max-width: 1200px;
   margin: 0 auto;
   padding: 10px;

}

/* =========================

  BARRA SUPERIOR
  ========================= */

.everlight-top-links {

   text-align: center;
   font-size: 14px;
   margin-bottom: 15px;

}

.everlight-top-links a {

   color: #2a4bd7;
   text-decoration: none;
   margin: 0 6px;

}

.everlight-top-links a:hover {

   text-decoration: underline;

}

/* =========================

  BANNER
  ========================= */

.everlight-banner {

   height: 220px;
   background: #9b1c1c;
   border-radius: 10px;
   display: flex;
   align-items: center;
   justify-content: center;
   color: #ffffff;
   font-size: 32px;
   font-weight: bold;
   margin-bottom: 20px;

}

/* =========================

  BOTÃO EVENTO
  ========================= */

.everlight-event-button {

   text-align: center;
   margin-bottom: 25px;

}

.everlight-event-button a {

   background: #c62828;
   color: #fff;
   padding: 12px 30px;
   border-radius: 8px;
   font-size: 20px;
   text-decoration: none;

}

.everlight-event-button a:hover {

   background: #a11f1f;

}

/* =====================================================

  CARDS – PÁGINA PRINCIPAL (CORREÇÃO DEFINITIVA)
  ===================================================== */

.everlight-home-cards {

   display: flex;
   flex-wrap: wrap;
   gap: 20px;
   justify-content: center;

}

/* Card */ .everlight-home-card {

   width: 300px;
   border-radius: 8px;
   overflow: hidden;
   background: #ffffff;
   text-align: center;
   transition: transform 0.25s ease, box-shadow 0.25s ease;

}

.everlight-home-card:hover {

   transform: translateY(-6px);
   box-shadow: 0 10px 24px rgba(0,0,0,0.35);

}

/* Área da imagem (blindada contra bug cinza) */ .everlight-home-card .img {

   width: 100%;
   height: 180px;
   display: flex;
   align-items: center;
   justify-content: center;
   overflow: hidden;
   background: transparent;

}

/* Imagem MediaWiki */ .everlight-home-card .img img {

   width: 100%;
   height: 100%;
   object-fit: cover;
   display: block;

}

/* Link / Título */ .everlight-home-card a {

   display: block;
   padding: 10px 0;
   color: #0000FF;
   font-weight: bold;
   text-decoration: none;

}

.everlight-home-card a:hover {

   text-decoration: underline;

}

/* =====================================================

  GUIAS
  ===================================================== */

.everlight-guides-wrapper {

   margin-top: 30px;

}

.everlight-guides-title {

   text-align: center;
   font-size: 22px;
   font-weight: bold;
   margin-bottom: 15px;
   border-top: 1px solid #ccc;
   border-bottom: 1px solid #ccc;
   padding: 6px 0;

}

.everlight-guides-grid {

   display: grid;
   grid-template-columns: repeat(5, 1fr);
   gap: 10px 25px;

}

.guide-item {

   display: flex;
   align-items: center;
   font-size: 14px;
   padding: 4px 6px;
   border-radius: 6px;
   transition: background 0.2s ease;

}

.guide-item:hover {

   background: #f2f2f2;

}

.guide-icon {

   width: 26px;
   height: 26px;
   background: #cfcfcf;
   border-radius: 4px;
   margin-right: 8px;

}

.guide-item a {

   color: #0033cc;
   text-decoration: none;

}

.guide-item a:hover {

   text-decoration: underline;

}

/* =====================================================

  TABELA DE CLASSES – PADRÃO HISTORY
  ===================================================== */

table.classes-table {

   width: 100%;
   border-collapse: separate;
   border-spacing: 0;
   margin: 20px auto;
   text-align: center;
   background: #ffffff;
   font-size: 14px;
   box-shadow: 0 2px 6px rgba(0,0,0,0.05);

}

.classes-table td {

   border: 1px solid #cfcfcf;
   padding: 12px 6px;
   vertical-align: top;
   background: #ffffff;

}

/* Células de classe */ .class-cell {

   transition: background 0.2s ease, box-shadow 0.2s ease;

}

.class-cell:hover {

   background: #f7f9fc;
   box-shadow: inset 0 0 0 1px #b7c7e6;

}

.class-cell b {

   display: block;
   font-size: 13px;
   margin-bottom: 6px;
   color: #1f1f1f;

}

.class-cell img {

   vertical-align: middle;
   margin: 2px;

}

/* ================= TÍTULOS ================= */

.row-title td {

   font-weight: bold;
   text-transform: uppercase;
   letter-spacing: 0.5px;
   font-size: 13px;
   padding: 8px;
   border: 1px solid #bfbfbf;

}

/* Cores estilo History */ .row-title.initial td { background: #eef3ff; } .row-title.c1 td { background: #fff4d6; } .row-title.c2 td { background: #edf6e9; } .row-title.trans td { background: #fde9e9; } .row-title.c3 td { background: #f4e8ef; } .row-title.c4 td { background: #eeeaf6; } .row-title.expand td { background: #e6f2f4; }

/* =========================

  RESPONSIVO – EverLight
  ========================= */

@media screen and (max-width: 900px) {

   table.classes-table {
       font-size: 12px;
   }

   .classes-table td {
       padding: 6px 4px;
   }

   .class-cell img {
       width: 48px;
   }

   .row-title td {
       font-size: 12px;
   }

}

@@ Linha 1: / Linha 1: @@
-[[Arquivo:Logo.png|centro|miniaturadaimagem|520x520px]]
+/* =====================================
-<div class="everlight-container">
+   EVERLIGHT WIKI - COMMON.CSS (FINAL)
+   ===================================== */
-<!-- LINKS SUPERIORES -->
+/* =========================
-<div class="everlight-top-links">
+   BASE
-[[Site]] • [[Informações do Servidor]] • [[Registro]] • [[Download]] • [[Mercado]] • [[Discord]] • [[Changelog]]
+   ========================= */
-</div>
+body {
+    font-family: "Segoe UI", Arial, sans-serif;
+    background-color: #ffffff;
+}
-<!-- BANNER -->
+.mw-body {
-<div class="everlight-banner">
+    max-width: 100% !important;
-Bem-vindo à EverLight Wiki
+}
-</div>
-<!-- BOTÃO EVENTO -->
+/* =========================
-<div class="everlight-event-button">
+   CONTAINER PADRÃO
-<a href="#">Acessar Evento</a>
+   ========================= */
-</div>
+.everlight-container {
+    max-width: 1200px;
+    margin: 0 auto;
+    padding: 10px;
+}
-<!-- CARDS PRINCIPAIS -->
+/* =========================
-<div class="everlight-cards">
+   BARRA SUPERIOR
+   ========================= */
+.everlight-top-links {
+    text-align: center;
+    font-size: 14px;
+    margin-bottom: 15px;
+}
-<div class="everlight-card">
+.everlight-top-links a {
-<div class="img"></div>
+    color: #2a4bd7;
-[[Classes]]
+    text-decoration: none;
-</div>
+    margin: 0 6px;
+}
-<div class="everlight-card">
+.everlight-top-links a:hover {
-<div class="img"></div>
+    text-decoration: underline;
-[[Guia de Iniciantes]]
+}
-</div>
-<div class="everlight-card">
+/* =========================
-<div class="img"></div>
+   BANNER
-[[Guia de Up]]
+   ========================= */
-</div>
+.everlight-banner {
+    height: 220px;
+    background: #9b1c1c;
+    border-radius: 10px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    color: #ffffff;
+    font-size: 32px;
+    font-weight: bold;
+    margin-bottom: 20px;
+}
-<div class="everlight-card">
+/* =========================
-<div class="img"></div>
+   BOTÃO EVENTO
-[[Builds]]
+   ========================= */
-</div>
+.everlight-event-button {
+    text-align: center;
+    margin-bottom: 25px;
+}
-<div class="everlight-card">
+.everlight-event-button a {
-<div class="img"></div>
+    background: #c62828;
-[[Sistema de RMT]]
+    color: #fff;
-</div>
+    padding: 12px 30px;
+    border-radius: 8px;
+    font-size: 20px;
+    text-decoration: none;
+}
-<div class="everlight-card">
+.everlight-event-button a:hover {
-<div class="img"></div>
+    background: #a11f1f;
-[[Everlight EVENTO]]
+}
-</div>
-</div>
+/* =====================================================
+   CARDS – PÁGINA PRINCIPAL (CORREÇÃO DEFINITIVA)
+   ===================================================== */
-<!-- GUIAS -->
+.everlight-home-cards {
-<div class="everlight-guides-wrapper">
+    display: flex;
+    flex-wrap: wrap;
+    gap: 20px;
+    justify-content: center;
+}
-<div class="everlight-guides-title">Guias</div>
+/* Card */
+.everlight-home-card {
+    width: 300px;
+    border-radius: 8px;
+    overflow: hidden;
+    background: #ffffff;
+    text-align: center;
+    transition: transform 0.25s ease, box-shadow 0.25s ease;
+}
-<div class="everlight-guides-grid">
+.everlight-home-card:hover {
+    transform: translateY(-6px);
+    box-shadow: 0 10px 24px rgba(0,0,0,0.35);
+}
-<div class="guide-item"><span class="guide-icon"></span>[[Guia para Iniciantes]]</div>
+/* Área da imagem (blindada contra bug cinza) */
-<div class="guide-item"><span class="guide-icon"></span>[[Mercado de Trocas]]</div>
+.everlight-home-card .img {
-<div class="guide-item"><span class="guide-icon"></span>[[Loja de Presença]]</div>
+    width: 100%;
-<div class="guide-item"><span class="guide-icon"></span>[[Encantamentos Gerais]]</div>
+    height: 180px;
-<div class="guide-item"><span class="guide-icon"></span>[[Pontos de Voto]]</div>
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    overflow: hidden;
+    background: transparent;
+}
-<div class="guide-item"><span class="guide-icon"></span>[[Bonificação de Rates]]</div>
+/* Imagem MediaWiki */
-<div class="guide-item"><span class="guide-icon"></span>[[Máquina Caça Zenys]]</div>
+.everlight-home-card .img img {
-<div class="guide-item"><span class="guide-icon"></span>[[Benefícios VIP]]</div>
+    width: 100%;
-<div class="guide-item"><span class="guide-icon"></span>[[Lucky Roulette]]</div>
+    height: 100%;
-<div class="guide-item"><span class="guide-icon"></span>[[Pontos MVP]]</div>
+    object-fit: cover;
+    display: block;
+}
-<div class="guide-item"><span class="guide-icon"></span>[[Agência de Aventuras]]</div>
+/* Link / Título */
-<div class="guide-item"><span class="guide-icon"></span>[[Loja de Zenys]]</div>
+.everlight-home-card a {
-<div class="guide-item"><span class="guide-icon"></span>[[Eventos]]</div>
+    display: block;
-<div class="guide-item"><span class="guide-icon"></span>[[Refino]]</div>
+    padding: 10px 0;
-<div class="guide-item"><span class="guide-icon"></span>[[Pontos de Instância]]</div>
+    color: #0000FF;
+    font-weight: bold;
+    text-decoration: none;
+}
-<div class="guide-item"><span class="guide-icon"></span>[[Sistemas das 4ªs Classes]]</div>
+.everlight-home-card a:hover {
-<div class="guide-item"><span class="guide-icon"></span>[[Grupo do Éden]]</div>
+    text-decoration: underline;
-<div class="guide-item"><span class="guide-icon"></span>[[Drops Especiais]]</div>
+}
-<div class="guide-item"><span class="guide-icon"></span>[[Reform]]</div>
-<div class="guide-item"><span class="guide-icon"></span>[[Illusions]]</div>
-<div class="guide-item"><span class="guide-icon"></span>[[Comandos]]</div>
+/* =====================================================
-<div class="guide-item"><span class="guide-icon"></span>[[Reputação]]</div>
+   GUIAS
-<div class="guide-item"><span class="guide-icon"></span>[[Grade]]</div>
+   ===================================================== */
-<div class="guide-item"><span class="guide-icon"></span>[[Instâncias]]</div>
-<div class="guide-item"><span class="guide-icon"></span>[[Roleta de Instâncias]]</div>
-<div class="guide-item"><span class="guide-icon"></span>[[Alterações EverLight]]</div>
+.everlight-guides-wrapper {
-<div class="guide-item"><span class="guide-icon"></span>[[Tabela de Propriedades]]</div>
+    margin-top: 30px;
-<div class="guide-item"><span class="guide-icon"></span>[[Debuffs Aprimorados]]</div>
+}
-<div class="guide-item"><span class="guide-icon"></span>[[Quests]]</div>
-<div class="guide-item"><span class="guide-icon"></span>[[Desentupidor]]</div>
-<div class="guide-item"><span class="guide-icon"></span>[[Sistema de Runas]]</div>
+.everlight-guides-title {
-<div class="guide-item"><span class="guide-icon"></span>[[Transcendência (Reborn)]]</div>
+    text-align: center;
-<div class="guide-item"><span class="guide-icon"></span>[[Despertar]]</div>
+    font-size: 22px;
-<div class="guide-item"><span class="guide-icon"></span>[[Suporte ao Streamer]]</div>
+    font-weight: bold;
-<div class="guide-item"><span class="guide-icon"></span>[[Casamento por Conta]]</div>
+    margin-bottom: 15px;
+    border-top: 1px solid #ccc;
+    border-bottom: 1px solid #ccc;
+    padding: 6px 0;
+}
-</div>
+.everlight-guides-grid {
-</div>
+    display: grid;
+    grid-template-columns: repeat(5, 1fr);
+    gap: 10px 25px;
+}
-<!-- CONTEÚDOS EXCLUSIVOS -->
+.guide-item {
-<div class="everlight-section-title">Conteúdos Exclusivos</div>
+    display: flex;
+    align-items: center;
+    font-size: 14px;
+    padding: 4px 6px;
+    border-radius: 6px;
+    transition: background 0.2s ease;
+}
-<div class="everlight-exclusive-wrapper">
+.guide-item:hover {
-<div class="everlight-exclusive-grid">
+    background: #f2f2f2;
+}
-<div class="everlight-exclusive-item">
+.guide-icon {
-<div class="everlight-exclusive-img"></div>
+    width: 26px;
-<div class="everlight-exclusive-title">Domínio Abissal</div>
+    height: 26px;
-</div>
+    background: #cfcfcf;
+    border-radius: 4px;
+    margin-right: 8px;
+}
-<div class="everlight-exclusive-item">
+.guide-item a {
-<div class="everlight-exclusive-img"></div>
+    color: #0033cc;
-<div class="everlight-exclusive-title">Glast Heim (Extreme)</div>
+    text-decoration: none;
-</div>
+}
-<div class="everlight-exclusive-item">
+.guide-item a:hover {
-<div class="everlight-exclusive-img"></div>
+    text-decoration: underline;
-<div class="everlight-exclusive-title">Torre de Cristal</div>
+}
-</div>
-<div class="everlight-exclusive-item">
+/* =====================================================
-<div class="everlight-exclusive-img"></div>
+   TABELA DE CLASSES – PADRÃO HISTORY
-<div class="everlight-exclusive-title">Pandemonium</div>
+   ===================================================== */
-</div>
-<div class="everlight-exclusive-item">
+table.classes-table {
-<div class="everlight-exclusive-img"></div>
+    width: 100%;
-<div class="everlight-exclusive-title">Fenda Dimensional</div>
+    border-collapse: separate;
-</div>
+    border-spacing: 0;
+    margin: 20px auto;
+    text-align: center;
+    background: #ffffff;
+    font-size: 14px;
+    box-shadow: 0 2px 6px rgba(0,0,0,0.05);
+}
-<div class="everlight-exclusive-item">
+.classes-table td {
-<div class="everlight-exclusive-img"></div>
+    border: 1px solid #cfcfcf;
-<div class="everlight-exclusive-title">Vulcão Infernal</div>
+    padding: 12px 6px;
-</div>
+    vertical-align: top;
+    background: #ffffff;
+}
-</div>
+/* Células de classe */
+.class-cell {
+    transition: background 0.2s ease, box-shadow 0.2s ease;
+}
-</div>
+.class-cell:hover {
+    background: #f7f9fc;
+    box-shadow: inset 0 0 0 1px #b7c7e6;
+}
+.class-cell b {
+    display: block;
+    font-size: 13px;
+    margin-bottom: 6px;
+    color: #1f1f1f;
+}
+.class-cell img {
+    vertical-align: middle;
+    margin: 2px;
+}
+/* ================= TÍTULOS ================= */
+.row-title td {
+    font-weight: bold;
+    text-transform: uppercase;
+    letter-spacing: 0.5px;
+    font-size: 13px;
+    padding: 8px;
+    border: 1px solid #bfbfbf;
+}
+/* Cores estilo History */
+.row-title.initial td { background: #eef3ff; }
+.row-title.c1 td      { background: #fff4d6; }
+.row-title.c2 td      { background: #edf6e9; }
+.row-title.trans td   { background: #fde9e9; }
+.row-title.c3 td      { background: #f4e8ef; }
+.row-title.c4 td      { background: #eeeaf6; }
+.row-title.expand td  { background: #e6f2f4; }
+/* =========================
+   RESPONSIVO – EverLight
+   ========================= */
+@media screen and (max-width: 900px) {
+    table.classes-table {
+        font-size: 12px;
+    }
+    .classes-table td {
+        padding: 6px 4px;
+    }
+    .class-cell img {
+        width: 48px;
+    }
+    .row-title td {
+        font-size: 12px;
+    }
+}

Página principal: mudanças entre as edições

Edição das 01h40min de 13 de janeiro de 2026

Menu de navegação

Pesquisa