MediaWiki:Common.css: Difference between revisions

Revision as of 13:09, 15 December 2025

.mw-body-content p {
    text-align: justify;
}

/* INFOBOX EMÍNIA */

..infoboxEminia {
    width: 23em;
    font-size: 85%;
    float: right;
    margin: 0 0 1em 1em;
    background: #f3e6d2;
    border: 1px solid #bfa97a;
    padding: 6px;
    box-shadow: 2px 2px 4px rgba(0,0,0,0.2);
}
/* 0. Importação da Fonte Lusitana (Google Fonts) */
@import url('https://fonts.googleapis.com/css2?family=Lusitana:wght@400;700&display=swap');

/* 1. Tipografia e layout gerais */
.mw-body-content,
#bodyContent {
    font-family: 'Lusitana', serif;
    line-height: 1.6;
    color: #333333;
}

/* Fundo geral da área de leitura: papel claro (sem cinzento sujo) */
.mw-body,
.mw-body-content {
    background-color: #f7f3e8; /* dourado claro / papel */
}

/* 2. Título principal da página (gerado pelo MediaWiki) */
.firstHeading {
    border-bottom: 2px solid #0056b3;
    padding-bottom: 10px;
    margin-bottom: 20px;
    font-size: 2.2em;
    color: #0056b3;
    text-align: left !important;
    font-family: 'Lusitana', serif;
}

/* Subtítulo (precisa que ponhas a classe "subtitle" no HTML/wiki) */
.subtitle {
    font-style: italic;
    color: #555555;
    margin-top: -15px;
    margin-bottom: 30px;
    text-align: left !important;
}

/* 3. Caixas de conteúdo (secções do Claustro) */
.content-box {
    margin: 20px 0;
    border: 1px solid #c7a75d;      /* dourado nas bordas */
    border-radius: 5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    background-color: #ffffff;       /* fundo branco limpo dentro da página dourada */
    overflow: hidden;
}

/* Cabeçalho da caixa (ex: "ORDENAÇÕES EMINIANAS") */
.content-box .box-header {
    background-color: #f0f8ff;       /* azul muito claro */
    border-bottom: 1px solid #e0e0e0;
    padding: 10px 15px;
    font-weight: bold;
    font-size: 1.1em;
    color: #0056b3;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-family: 'Lusitana', serif;
}

/* Corpo da caixa */
.content-box .box-body {
    padding: 15px;
}

/* 4. Caixa de introdução (primeiro bloco explicativo) */
.intro-box {
    background-color: #ffffff;
    border-left: 5px solid #0056b3;
    border-right: 1px solid #c7a75d;
    border-top: 1px solid #c7a75d;
    border-bottom: 1px solid #c7a75d;
    padding: 15px;
    margin: 20px 0;
    border-radius: 5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    font-style: italic;
}

/* 5. Links dentro do corpo da página */
.mw-body-content a,
#bodyContent a {
    color: #0056b3;
    text-decoration: none;
    border-bottom: 1px dotted #0056b3;
}

.mw-body-content a:hover,
#bodyContent a:hover {
    color: #003366;
    border-bottom: 1px solid #003366;
}

/* 6. Listas dentro das caixas */
.content-box .box-body ul,
.content-box .box-body ol {
    padding-left: 20px;
    margin-top: 5px;
}

.content-box .box-body li {
    margin-bottom: 5px;
}

/* 7. Parágrafos justificados (opcional) */
.mw-body-content p {
    text-align: justify;
}