Considerações do Tabber

Este artigo é um esboço. Você pode ajudar Gamepedia Help Wiki por espadir isso.

O estilo padrão do Tabber é branco com guias quadradas. Alguns wikis, em particular as wikis de temas escuros, precisam fazer mudanças bastante importantes nessa aparência padrão. Os seletores a seguir fornecem um exemplo de uma tabulação de tema escuro com guias centralizadas que possuem bordas arredondadas na parte superior.

/* Estilo de Tabby */
.tabberlive .tabbertab,
.tabber .tabbertab {
    /* border-color: #505050; */ /* Se você mantiver todas as fronteiras iguais */
    /* border-style: solid; */ /* Se você mantiver todas as fronteiras iguais */
    /* border-width: 1px; */ /* Se você mantiver todas as fronteiras iguais */
    -moz-border-bottom-colors: transparent; /* não precisa ser transparente, pode ser a mesma cor de borda usada em outro lugar */
    -moz-border-left-colors: transparent; /* não precisa ser transparente, pode ser a mesma cor de borda usada em outro lugar */
    -moz-border-right-colors: transparent; /* não precisa ser transparente, pode ser a mesma cor de borda usada em outro lugar */
    -moz-border-top-colors: #505050; /* Isso deve corresponder à sua escolha geral de cor da borda */
    border-bottom-color: transparent; /* não precisa ser transparente, pode ser a mesma cor de borda usada em outro lugar */
    border-left-color: transparent; /* não precisa ser transparente, pode ser a mesma cor de borda usada em outro lugar */
    border-right-color: transparent; /* não precisa ser transparente, pode ser a mesma cor de borda usada em outro lugar */
    border-top-color: #505050; /* Isso deve corresponder à sua escolha geral de cor da borda */
    border-image: none;
    border-style: solid none none;
    border-width: 1px medium medium;
}

ul.tabbernav {
    border-bottom: none;
}

ul.tabbernav li a {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 #000000; /* Isso deve corresponder à sua escolha geral de cor de fundo */
    border: 1px solid #505050; /* Isso deve corresponder à sua escolha geral de cor da borda */
    border-image: none;
    border-radius: 5px 5px 0 0; /* Isso é somente se você quiser que suas guias tenham cantos arredondados */
    margin-left: 3px;
    padding: 3px 0.5em;
    text-decoration: none;
}

ul.tabbernav li {
    display: inline;
    list-style: none outside none;
    margin: 0 0 0 7px;
}

ul.tabbernav li a:link {
    color: #7AB1CC; /* Isso deve corresponder à sua cor de âncora, mas simplesmente ser diferente dos trabalhos de cor de texto padrão */
}

ul.tabbernav li a:hover {
    background: none repeat scroll 0 0 #000000;
    border-color: #505050; /* Isso deve corresponder à sua escolha geral de cor da borda */
    color: #FFFFFF;
}

ul.tabbernav li.tabberactive a {
    background-color: #000000;
    color: #FFFFFF;
}

ul.tabbernav li.tabberactive a,
ul.tabbernav li.tabberactive a:hover,
ul.tabbernav li.tabberactive a:link {
    background-color: #000000;
    border-bottom: 1px none;
    padding: 2px 0.5em 4px;
}

ul.tabbernav {
    text-align:center; /* se você quiser que as guias sejam centralizadas em vez de justificadas à esquerda em relação ao conteúdo da guia */
}