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

De Farmland
Ir para navegação Ir para pesquisar
Sem resumo de edição
Etiqueta: Revertido
Sem resumo de edição
 
(213 revisões intermediárias pelo mesmo usuário não estão sendo mostradas)
Linha 1: Linha 1:
/* =====================================
  EVERLIGHT WIKI - COMMON.CSS (FINAL)
  ===================================== */


/* =========================
{{DISPLAYTITLE:<span style="display:none">{{PAGENAME}}</span>}}
  BASE
[[Arquivo:logohome.png|center|1020x1920px|link=https://www.farmland.net.br]]
  ========================= */
body {
    font-family: "Segoe UI", Arial, sans-serif;
    background-color: #ffffff;
}


.mw-body {
<!-- NAVEGAÇÃO -->
    max-width: 100% !important;
<div class="everlight-nav-container" style="text-align: center; margin: 15px 0 25px 0;">
}
<div class="nav-card-compact">[[Informações]]</div>
<div class="nav-card-compact">[[Configurações]]</div>
<div class="nav-card-compact">[[Alertas]]</div>
<div class="nav-card-compact">[[Comunidade]]</div>
<div class="nav-card-compact">[[Suporte]]</div>
</div>


/* =========================
<div id="farmlandCarousel" class="custom-carousel">
  CONTAINER PADRÃO
<div class="carousel-wrapper">
  ========================= */
<div class="carousel-container">
.everlight-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 10px;
}


/* =========================
<div class="carousel-slide">
  BARRA SUPERIOR
[[Arquivo:cardautodestaque.jpg|1259px|link=Auto_Ataque]]
  ========================= */
</div>
.everlight-top-links {
<div class="carousel-slide">
    text-align: center;
[[Arquivo:cardmoddestaque.jpg|1259px|link=Modificações_Farmland]]
    font-size: 14px;
</div>
    margin-bottom: 15px;
<div class="carousel-slide">
}
[[Arquivo:cardvipdestaque.jpg|1259px|link=Sistema_VIP]]
</div>
<div class="carousel-slide">
[[Arquivo:cardminerdestaque.jpg|1259px|link=Mineração]]
</div>
<div class="carousel-slide">
[[Arquivo:cardinstandestaque.jpg|1259px|link=Instâncias]]
</div>
</div>
</div>
<div class="carousel-arrow left">❮</div>
<div class="carousel-arrow right">❯</div>
<div class="carousel-dots"></div>


.everlight-top-links a {
</div>
    color: #2a4bd7;
<!-- ====================== FIM DO CARROSSEL ====================== -->
    text-decoration: none;
    margin: 0 6px;
}


.everlight-top-links a:hover {
<!-- PAINEL PRINCIPAL -->
     text-decoration: underline;
<div class="hr-guides-wrapper">
}
<div class="hr-guides-title" style="text-align:center;">
PAINEL PRINCIPAL
</div>
<div class="hr-guides-grid">
    <div class="hr-guide-item">[[Arquivo:auto.ataque.png|64px]] [[Auto_Ataque|Auto Ataque]]</div>
    <div class="hr-guide-item">[[Arquivo:miner.png|64px]] [[Mineracao|Mineração]]</div>
    <div class="hr-guide-item">[[Arquivo:guilda.png|64px]] [[Sistema_de_Guildas|Sistema de Guildas]]</div>
    <div class="hr-guide-item">[[Arquivo:mega.png|64px]] [[Mega_Nova|Mega Nova]]</div>
    <div class="hr-guide-item">[[Arquivo:caça.png|64px]] [[Missoes_Caca_Monstro|Missões Caça Monstro]]</div>
    <div class="hr-guide-item">[[Arquivo:spot.png|64px]] [[SpotLight|SpotLight]]</div>
    <div class="hr-guide-item">[[Arquivo:roleta.png|64px]] [[Roleta_de_Cash|Roletas]]</div>
    <div class="hr-guide-item">[[Arquivo:campo.png|64px]] [[Campo_de_Testes|Campo de Testes]]</div>
    <div class="hr-guide-item">[[Arquivo:uniao.png|64px]] [[União_das_Classes|União das Classes]]</div>
    <div class="hr-guide-item">[[Arquivo:gvg.png|64px]] [[Batalha_de_Midgard|Batalha de Midgard]]</div>
    <div class="hr-guide-item">[[Arquivo:pedra2.png|64px]] [[Guerra_do_Emperium|Guerra do Empérium]]</div>
    <div class="hr-guide-item">[[Arquivo:classes.png|64px]] [[Classes|Classes]]</div>
    <div class="hr-guide-item">[[Arquivo:encant.png|64px]] [[Encantamentos|Encantamentos]]</div>
    <div class="hr-guide-item">[[Arquivo:v.i.p.png|64px]] [[Sistema_VIP|Sistema VIP]]</div>
    <div class="hr-guide-item">[[Arquivo:instanc.png|64px]] [[Instancias|Instâncias]]</div>
    <div class="hr-guide-item">[[Arquivo:random.png|64px]] [[Random_Options|Random Options]]</div>
    <div class="hr-guide-item">[[Arquivo:campeoes.png|64px]] [[Monstros_Campeões|Monstros Campeões]]</div>
    <div class="hr-guide-item">[[Arquivo:pet.png|64px]] [[Sistema_de_PET|Sistema de PET]]</div>
    <div class="hr-guide-item">[[Arquivo:passe.png|64px]] [[Passe_de_Batalha|Passe de Batalha]]</div>
    <div class="hr-guide-item">[[Arquivo:mvp.png|64px]] [[MVPs|MVPs]]</div>
    <div class="hr-guide-item">[[Arquivo:refinamento.png|64px]] [[Refinamento_e_Grade|Refinamento e Grade]]</div>
        <div class="hr-guide-item">[[Arquivo:rmt.png|64px]] [[Sistema_RMT|Sistema RMT]]</div>
    <div class="hr-guide-item">[[Arquivo:coleçoes.png|64px]] [[Coleções|Coleções]]</div>
   
    <!-- Itens adicionados para ficar compatível com a sidebar -->
    <div class="hr-guide-item">[[Arquivo:upboost.png|64px]] [[Guia_de_UP/BOOSTER|Guia de UP/BOOSTER]]</div>
    <div class="hr-guide-item">[[Arquivo:informaçoes.png|64px]] [[Informações_do_Servidor|Informações do Servidor]]</div>
    <div class="hr-guide-item">[[Arquivo:doaçoes.png|64px]] [[Doações|Doações]]</div>
    <div class="hr-guide-item">[[Arquivo:comercio.png|64px]] [[Comércio|Comércio]]</div>
    <div class="hr-guide-item">[[Arquivo:modificaçoes.png|64px]] [[Modificações_FarmLand|Modificações FarmLand]]</div>
    <div class="hr-guide-item">[[Arquivo:classesicon.png|64px]] [[Modificações_nas_Classes|Modificações nas Classes]]</div>
     <div class="hr-guide-item">[[Arquivo:kafranpc.png|64px]] [[NPCs_Básicos|NPCs Básicos]]</div>
    <div class="hr-guide-item">[[Arquivo:navegaçao.png|64px]] [[Navegação|Navegação no Jogo]]</div>
    <div class="hr-guide-item">[[Arquivo:resgate.png|64px]] [[Código_de_Resgate|Código de Resgate]]</div>
</div>
</div>


/* =========================
<!-- CARDS PRINCIPAIS -->
  BANNER
<div style="display: flex; gap: 15px; flex-wrap: wrap; justify-content: center; padding: 30px 0;">
  ========================= */
     <div class="img-hover">[[File:cardclasses.jpg|200px|link=Classes]]</div>
.everlight-banner {
     <div class="img-hover">[[File:cardencantamentos.jpg|200px|link=Encantamentos]]</div>
    height: 220px;
     <div class="img-hover">[[File:cardnavegaçao.jpg|200px|link=Navegação]]</div>
    background: #9b1c1c;
     <div class="img-hover">[[File:cardcomercio.jpg|200px|link=Comércio]]</div>
    border-radius: 10px;
     <div class="img-hover">[[File:cardpassebatalha.jpg|200px|link=Passe_de_Batalha]]</div>
    display: flex;
     <div class="img-hover">[[File:cardmodclasses.jpg|200px|link=Modificações_nas_Classes]]</div>
    align-items: center;
     <div class="img-hover">[[File:carddoaçoes.jpg|200px|link=Doações]]</div>
    justify-content: center;
     <div class="img-hover">[[File:cardcoleçoes.jpg|200px|link=Coleções]]</div>
    color: #ffffff;
     <div class="img-hover">[[File:cardguildas.jpg|200px|link=Sistema_de_Guildas]]</div>
     font-size: 32px;
</div>
     font-weight: bold;
<!-- RODAPÉ -->
     margin-bottom: 20px;
<div style="margin-top: 60px; padding: 40px 20px; background: #fdfdfd; text-align: center; color: #444; border-top: 3px solid #ddd;">
}
      <div style="margin-bottom: 25px; font-weight: bold; font-size: 13px; letter-spacing: 1px;">
 
[[Informações do Servidor|INFORMAÇÕES]] • [[Regras|REGRAS]] • [[Sistema VIP|VIP]] • [[Comandos|COMANDOS]] • [[Doações|DOAÇÕES]]
/* =========================
     </div>
  BOTÃO EVENTO
      
  ========================= */
     <div style="display: inline-block; margin-bottom: 30px;">
.everlight-event-button {
[[Arquivo:discordicon.gif|50px|link=https://discord.com/invite/AaBjnnbNtd]]
     text-align: center;
[[Arquivo:youtubeicon.gif|50px|link=https://youtube.com]]
     margin-bottom: 25px;
[[Arquivo:farmlandsite.png|50px|link=https://www.farmland.net.br/]]
}
     </div>
 
 
.everlight-event-button a {
     <div style="margin-bottom: 20px;">
     background: #c62828;
[[Arquivo:Logo_Quadrada.png|80px|link=Página_principal]]
    color: #fff;
     </div>
    padding: 12px 30px;
      
    border-radius: 8px;
     <div style="font-size: 12px; color: #888; line-height: 1.6;">
     font-size: 20px;
'''© 2026 Farmland Games. Todos os direitos reservados.'''<br>
    text-decoration: none;
Wiki Oficial FarmLand
}
    </div>
 
</div>
.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;
    }
}

Edição atual tal como às 07h07min de 11 de junho de 2026