/* ===================================================================
   Ajustes do OldOT sobre o tema Ravenor.
   Fica DEPOIS do basic_v6.css, entao so o que esta aqui vence.
   Regra: nada de recriar o tema — so espacamento e encaixe.
   =================================================================== */

/* --- Espacamento geral do conteudo ------------------------------- */

/* respiro entre a faixa do titulo da pagina e o primeiro bloco */
.BoxContent {
    padding-top: 10px;
}

/* blocos empilhados nao ficam colados */
.TableContainer + .TableContainer,
.TableContainer + br + .TableContainer {
    margin-top: 12px;
}

/* --- Campos de busca das paginas da wiki ------------------------- */

/* o "Search Monster.." vinha colado no titulo da pagina */
.item_search_input {
    margin: 4px 0 10px;
}

/* o icone da lupa acompanha a margem do campo */
.item_search_input + span,
span > .item_search_input {
    vertical-align: middle;
}

/* --- Formularios ------------------------------------------------- */

/* linhas de formulario com um pouco de ar */
.InnerTableContainer table td {
    padding: 3px 5px;
}

/* botao nao encosta no campo ao lado */
.BigButton {
    margin: 2px 0 2px 6px;
}

/* --- Padrao de tamanho das imagens ------------------------------- 
   O nosso gerador de outfit devolve o sprite no tamanho natural, que
   chega a 504x496 e estoura a caixa. O tamanho certo vem do proprio
   gerador (?size=64), e estas regras sao a rede de seguranca para
   qualquer imagem que escape disso. */

/* miniatura de monstro/npc nas grades da wiki */
.creatureListBox img,
.creatureListBoxNew img,
#creatureTable img,
#npcTable img {
    max-width: 64px;
    max-height: 64px;
    width: auto;
    height: auto;
}

/* figura grande na ficha do monstro */
#creatureImage img,
.creatureImage img {
    max-width: 128px;
    max-height: 128px;
}

/* itens (loot, listas, lojas) seguem o sprite do client: 32px */
.TableContent img[src^="/items/"],
.TableContent img[src^="/images/items/"] {
    max-width: 32px;
    max-height: 32px;
}

/* nenhuma imagem do conteudo passa da largura da caixa */
.BoxContent img {
    max-width: 100%;
}

/* --- Cabecalho da noticia ---------------------------------------- */

/* O news.html.twig do MyAAC poe o "Author: X" DENTRO da faixa vermelha,
   que tem altura fixa de 28px. O news.css do Ravenor nao tem regra para
   ele, entao virava um bloco em fluxo que vazava da faixa e caia por cima
   da primeira linha do texto. Vai para a direita da faixa, como nos
   outros templates do MyAAC. */
.Content .NewsHeadlineAuthor {
    position: absolute;
    top: 0;
    right: 10px;
    line-height: 28px;
    font-size: 8pt;
    color: #fff;
    white-space: nowrap;
}

/* o titulo nao pode passar por baixo do autor */
.Content .NewsHeadlineText {
    margin-right: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}