/**
 * MuManiacos Classic: folha de identidade sobre o tema Revolution.
 *
 * O Revolution (Revo1817, do repositório de temas do MyBB) entra como está:
 * ele traz 72 templates prontos, menus suspensos e folhas por página, coisas
 * que só CSS não resolve. Esta folha vem por cima e troca a identidade.
 *
 * Nada do tema original é editado. Todas as regras aqui são acréscimo, e
 * apagar este arquivo devolve o Revolution ao visual de fábrica.
 *
 * O que muda:
 *
 *   - os cinzas neutros do tema (#232323, #262626, #2a2a2a) viram tons
 *     quentes de marrom, que é a base do site de 2008;
 *   - os destaques passam a ser o dourado #C2A975;
 *   - o cabeçalho recebe o banner do MuManiacos.
 *
 * Instalação: Admin CP > Templates & Style > Themes > Revolution >
 * Add Stylesheet. Nome `mumaniacos.css`, anexada a "Global", e com display
 * order MAIOR que o das outras (100 serve), para carregar por último e ter
 * a última palavra.
 */

/* ==================================================================
   Paleta
   ================================================================== */
:root {
    /* Os três níveis de escuro, na temperatura do MuManiacos. */
    --mu-fundo:    #171009;   /* o mais escuro, fundo da página  */
    --mu-caixa:    #211811;   /* corpo dos blocos                */
    --mu-alto:     #2E2117;   /* cabeçalhos e faixas de destaque */

    /* Dourado e âmbar herdados do site de 2008. */
    --mu-ouro:     #C2A975;
    --mu-ouro-esc: #A88F62;
    --mu-link:     #D9BD8D;
    --mu-link-hov: #F5E2B8;

    --mu-texto:    #E4DAC6;
    --mu-suave:    #A2957F;
    --mu-linha:    rgba(194, 169, 117, .20);
}

/* ==================================================================
   Fundo e texto
   ================================================================== */
body {
    background-color: var(--mu-fundo);
    color: var(--mu-texto);
}

a:link, a:visited { color: var(--mu-link); }
a:hover, a:active { color: var(--mu-link-hov); }

/* ==================================================================
   Blocos
   ==================================================================
   Os seletores são os do MyBB e do tema; o que muda é só a cor.
*/
#content,
.tborder,
.tcat,
.trow1, .trow2,
.trow_shaded,
.trow_selected, tr.trow_selected td,
.tfoot {
    background-color: var(--mu-caixa);
}

.thead,
.trow_sep,
.topbar {
    background-color: var(--mu-alto);
}

footer,
.stposts,
.user,
fieldset,
fieldset.trow1, fieldset.trow2 {
    background-color: var(--mu-fundo);
}

/* Divisórias e bordas ganham o dourado, bem discreto. */
.tborder,
.thead,
.tcat,
.trow1, .trow2,
.tfoot,
fieldset {
    border-color: var(--mu-linha);
}

/* O cabeçalho de bloco leva um fio dourado embaixo, que dá o acabamento. */
.thead {
    border-bottom: 2px solid var(--mu-ouro-esc);
    color: #F3E6CC;
}
.thead a:link, .thead a:visited { color: #F8EFD8; }
.thead a:hover { color: #FFF; }

/* ==================================================================
   Destaques
   ================================================================== */

/*
 * Onde o tema usa azul ou cinza para marcar o item ativo, entra o dourado.
 * A lista cobre os pontos de destaque mais visíveis; o que não estiver aqui
 * fica com a cor original do Revolution, que continua combinando.
 */
.menu ul li a:hover,
.menu ul li.active a,
#panel a:hover,
.pagination_current,
.pagination a:hover {
    color: var(--mu-link-hov);
    border-color: var(--mu-ouro);
}

.pagination_current {
    background-color: var(--mu-alto);
    border-color: var(--mu-ouro-esc);
}

/* Botões: fundo âmbar com texto escuro, como os do site. */
input.button, .button, button {
    background-image: linear-gradient(180deg, var(--mu-ouro), var(--mu-ouro-esc));
    border-color: var(--mu-ouro-esc);
    color: #2B1D0A;
    font-weight: 700;
    text-shadow: none;
}
input.button:hover, .button:hover, button:hover { filter: brightness(1.10); }

/* Campos de formulário, na temperatura do tema. */
input.textbox, textarea, select {
    background-color: var(--mu-fundo);
    border-color: var(--mu-linha);
    color: var(--mu-texto);
}
input.textbox:focus, textarea:focus, select:focus {
    border-color: var(--mu-ouro);
    outline: none;
}

/* ==================================================================
   Cabeçalho
   ==================================================================
   O banner do MuManiacos no lugar do logo do tema. O arquivo vai em
   `images/revolution/`, junto com as imagens do Revolution.
*/
#logo, .topbar {
    background-color: var(--mu-fundo);
}

#logo img {
    max-width: 100%;
    height: auto;
}

/* ==================================================================
   Mensagens
   ================================================================== */
.post,
.post_author,
.post_content,
.post_controls {
    background-color: var(--mu-caixa);
    border-color: var(--mu-linha);
}

.post_author { background-color: var(--mu-alto); }

blockquote {
    background-color: var(--mu-fundo);
    border-left: 3px solid var(--mu-ouro);
}

.codeblock {
    background-color: var(--mu-fundo);
    border-color: var(--mu-linha);
}

/* Assinatura separada por um fio dourado. */
.signature { border-top-color: var(--mu-linha); }

/* ==================================================================
   Avisos
   ================================================================== */
.error, .inline_error {
    background-color: rgba(128, 41, 17, .22);
    border-color: rgba(200, 90, 60, .45);
    color: #FFD5C8;
}

.success_message {
    background-color: rgba(30, 107, 52, .20);
    color: #CFEFD6;
}