Mudanças entre as edições de "Widget:Teste"

De Wiki Gla
Ir para navegação Ir para pesquisar
Linha 5: Linha 5:
     justify-content: space-between;
     justify-content: space-between;
     font-family: Verdana, Arial, Helvetica, sans-serif;
     font-family: Verdana, Arial, Helvetica, sans-serif;
    padding: 10px;
}
}


Linha 11: Linha 10:
     flex: 1 1 45%;
     flex: 1 1 45%;
     min-width: 300px;
     min-width: 300px;
     margin: 10px 0;
     margin: 5px 0;
}
}


Linha 18: Linha 17:
     align-items: center;
     align-items: center;
     border-bottom: 1px dashed #aaa;
     border-bottom: 1px dashed #aaa;
     padding-bottom: 5px;
     margin-bottom: 5px;
    margin-bottom: 8px;
     font-weight: bold;
     font-weight: bold;
     font-size: 16px;
     font-size: 16px;
Linha 32: Linha 30:
.index-links {
.index-links {
     line-height: 1.6;
     line-height: 1.6;
}
     margin-bottom: 10px;
 
.index-links a {
     text-decoration: none;
}
}


Linha 61: Linha 56:
         </div>
         </div>
         <div class="index-links">
         <div class="index-links">
             <a href="/Download">Download</a><span class="separator">·</span>
             [[Download]] · [[Suporte]] · [[Doações]] · [[Benefícios VIP]] · [[Revendedores Oficiais]] · [[Criadores de Conteúdo]] · [[Redes Sociais]]
            <a href="/Suporte">Suporte</a><span class="separator">·</span>
            <a href="/Doações">Doações</a><span class="separator">·</span>
            <a href="/Benefícios_VIP">Benefícios VIP</a><span class="separator">·</span>
            <a href="/Revendedores_Oficiais">Revendedores Oficiais</a><span class="separator">·</span>
            <a href="/Criadores_de_Conteúdo">Criadores de Conteúdo</a><span class="separator">·</span>
            <a href="/Redes_Sociais">Redes Sociais</a>
         </div>
         </div>
     </div>
     </div>
Linha 77: Linha 66:
         </div>
         </div>
         <div class="index-links">
         <div class="index-links">
             <a href="/Baús_de_Personagens">Baús de Personagens</a><span class="separator">·</span>
             [[Baús de Personagens]] · [[Tier e Estrelas]] · [[Perfil e Ranking]] · [[Experiência]] · [[Login Diário]] · [[Loja de Gemas]] · [[Skins]]
            <a href="/Tier_e_Estrelas">Tier e Estrelas</a><span class="separator">·</span>
            <a href="/Perfil_e_Ranking">Perfil e Ranking</a><span class="separator">·</span>
            <a href="/Experiência">Experiência</a><span class="separator">·</span>
            <a href="/Login_Diário">Login Diário</a><span class="separator">·</span>
            <a href="/Loja_de_Gemas">Loja de Gemas</a><span class="separator">·</span>
            <a href="/Skins">Skins</a>
         </div>
         </div>
     </div>
     </div>
Linha 93: Linha 76:
         </div>
         </div>
         <div class="index-links">
         <div class="index-links">
             <a href="/Sistema_de_Indicação">Sistema de Indicação</a><span class="separator">·</span>
             [[Sistema de Indicação]] · [[Melhoria de Equipamentos]] · [[Black Market]] · [[Den-Den TV]] · [[Navegação]] · [[PvP]]
            <a href="/Melhoria_de_Equipamentos">Melhoria de Equipamentos</a><span class="separator">·</span>
            <a href="/Black_Market">Black Market</a><span class="separator">·</span>
            <a href="/Den-Den_TV">Den-Den TV</a><span class="separator">·</span>
            <a href="/Navegação">Navegação</a><span class="separator">·</span>
            <a href="/PvP">PvP</a>
         </div>
         </div>
     </div>
     </div>
Linha 108: Linha 86:
         </div>
         </div>
         <div class="index-links">
         <div class="index-links">
             <a href="/Configuração_de_Atalhos">Configuração de Atalhos</a><span class="separator">·</span>
             [[Configuração de Atalhos]] · [[Autorização de Máquina]] · [[Problemas de Conexão]] · [[Quick Cast]]
            <a href="/Autorização_de_Máquina">Autorização de Máquina</a><span class="separator">·</span>
            <a href="/Problemas_de_Conexão">Problemas de Conexão</a><span class="separator">·</span>
            <a href="/Quick_Cast">Quick Cast</a>
         </div>
         </div>
     </div>
     </div>
Linha 121: Linha 96:
         </div>
         </div>
         <div class="index-links">
         <div class="index-links">
             <a href="/Foxy_Quiz">Foxy Quiz</a><span class="separator">·</span>
             [[Foxy Quiz]] · [[Foxy Race]] · [[Deathmatch]] · [[Foxy Memory]] · [[Foxy Count]]
            <a href="/Foxy_Race">Foxy Race</a><span class="separator">·</span>
            <a href="/Deathmatch">Deathmatch</a><span class="separator">·</span>
            <a href="/Foxy_Memory">Foxy Memory</a><span class="separator">·</span>
            <a href="/Foxy_Count">Foxy Count</a>
         </div>
         </div>
     </div>
     </div>
Linha 135: Linha 106:
         </div>
         </div>
         <div class="index-links">
         <div class="index-links">
             <a href="/3D2Y">3D2Y</a><span class="separator">·</span>
             [[3D2Y]] · [[Summer]] · [[Halloween]] · [[Easter]] · [[Germa 66]] · [[Freedom]] · [[Fist of Love]]
            <a href="/Summer">Summer</a><span class="separator">·</span>
            <a href="/Halloween">Halloween</a><span class="separator">·</span>
            <a href="/Easter">Easter</a><span class="separator">·</span>
            <a href="/Germa_66">Germa 66</a><span class="separator">·</span>
            <a href="/Freedom">Freedom</a><span class="separator">·</span>
            <a href="/Fist_of_Love">Fist of Love</a>
         </div>
         </div>
     </div>
     </div>


</div>
</div>

Edição das 02h17min de 13 de maio de 2025

<style> .index-container {

   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
   font-family: Verdana, Arial, Helvetica, sans-serif;

}

.index-section {

   flex: 1 1 45%;
   min-width: 300px;
   margin: 5px 0;

}

.index-title {

   display: flex;
   align-items: center;
   border-bottom: 1px dashed #aaa;
   margin-bottom: 5px;
   font-weight: bold;
   font-size: 16px;

}

.index-title img {

   width: 32px;
   height: 32px;
   margin-right: 8px;

}

.index-links {

   line-height: 1.6;
   margin-bottom: 10px;

}

.index-links span.separator {

   margin: 0 4px;
   color: #aaa;

}

@media (max-width: 768px) {

   .index-container {
       flex-direction: column;
   }
   .index-section {
       min-width: 100%;
   }

} </style>