MediaWiki:Common.css: Difference between revisions
Appearance
No edit summary |
No edit summary |
||
| (5 intermediate revisions by the same user not shown) | |||
| Line 15: | Line 15: | ||
box-shadow: 2px 2px 4px rgba(0,0,0,0.2); | box-shadow: 2px 2px 4px rgba(0,0,0,0.2); | ||
} | } | ||
/* 0. | /* ============================================================ | ||
0. Fonte Lusitana (Google Fonts) — manter no topo | |||
============================================================ */ | |||
@import url('https://fonts.googleapis.com/css2?family=Lusitana:wght@400;700&display=swap'); | @import url('https://fonts.googleapis.com/css2?family=Lusitana:wght@400;700&display=swap'); | ||
/* 1. | /* ============================================================ | ||
1. FUNDO DA WIKI — BRANCO (SEM DISCUSSÃO) | |||
============================================================ */ | |||
body, | |||
.vector-body, | |||
.mw-body, | |||
.mw-body-content, | |||
#bodyContent { | |||
background-color: #ffffff !important; | |||
} | |||
/* ============================================================ | |||
2. TIPOGRAFIA GERAL | |||
============================================================ */ | |||
.mw-body-content, | .mw-body-content, | ||
#bodyContent { | #bodyContent { | ||
| Line 26: | Line 41: | ||
} | } | ||
/* | /* Parágrafos justificados */ | ||
.mw-body, | .mw-body-content p, | ||
#bodyContent p { | |||
text-align: justify; | |||
} | } | ||
/* | /* ============================================================ | ||
3. TÍTULO PRINCIPAL DA PÁGINA | |||
============================================================ */ | |||
.firstHeading { | .firstHeading { | ||
border-bottom: 2px solid # | border-bottom: 2px solid #c7a75d; /* dourado */ | ||
padding-bottom: 10px; | padding-bottom: 10px; | ||
margin-bottom: 20px; | margin-bottom: 20px; | ||
font-size: 2.2em; | font-size: 2.2em; | ||
color: # | color: #333333; | ||
text-align: left !important; | text-align: left !important; | ||
font-family: 'Lusitana', serif; | font-family: 'Lusitana', serif; | ||
} | } | ||
/* Subtítulo | /* Subtítulo manual */ | ||
.subtitle { | .subtitle { | ||
font-style: italic; | font-style: italic; | ||
| Line 52: | Line 69: | ||
} | } | ||
/* | /* ============================================================ | ||
4. CAIXAS DE CONTEÚDO (CLAUSTROS) | |||
============================================================ */ | |||
.content-box { | .content-box { | ||
margin: 20px 0; | margin: 20px 0; | ||
border: | border: 1.5px solid #c7a75d; /* borda dourada */ | ||
border-radius: 5px; | border-radius: 5px; | ||
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05); | background-color: #ffffff; /* FUNDO BRANCO */ | ||
box-shadow: 0 2px 4px rgba(0,0,0,0.05); | |||
overflow: hidden; | overflow: hidden; | ||
} | } | ||
/* Cabeçalho da caixa | /* Cabeçalho da caixa — DOURADO + TEXTO BRANCO */ | ||
.content-box .box-header { | .content-box .box-header { | ||
background-color: # | background-color: #c7a75d; /* dourado */ | ||
color: #ffffff; /* letra branca */ | |||
padding: 10px 15px; | padding: 10px 15px; | ||
font-weight: bold; | font-weight: bold; | ||
font-size: 1.1em; | font-size: 1.1em; | ||
text-transform: uppercase; | text-transform: uppercase; | ||
letter-spacing: 1px; | letter-spacing: 1px; | ||
| Line 80: | Line 98: | ||
} | } | ||
/* | /* ============================================================ | ||
5. CAIXA DE INTRODUÇÃO | |||
============================================================ */ | |||
.intro-box { | .intro-box { | ||
background-color: #ffffff; | background-color: #ffffff; | ||
border-left: 5px solid # | border-left: 5px solid #c7a75d; | ||
border-right: 1px solid #c7a75d; | border-right: 1px solid #c7a75d; | ||
border-top: 1px solid #c7a75d; | border-top: 1px solid #c7a75d; | ||
| Line 90: | Line 110: | ||
margin: 20px 0; | margin: 20px 0; | ||
border-radius: 5px; | border-radius: 5px; | ||
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05); | box-shadow: 0 2px 4px rgba(0,0,0,0.05); | ||
font-style: italic; | font-style: italic; | ||
} | } | ||
/* | /* ============================================================ | ||
6. LINKS | |||
============================================================ */ | |||
.mw-body-content a, | .mw-body-content a, | ||
#bodyContent a { | #bodyContent a { | ||
color: # | color: #8b6f2f; /* dourado escuro */ | ||
text-decoration: none; | text-decoration: none; | ||
border-bottom: 1px dotted # | border-bottom: 1px dotted #8b6f2f; | ||
} | } | ||
.mw-body-content a:hover, | .mw-body-content a:hover, | ||
#bodyContent a:hover { | #bodyContent a:hover { | ||
color: # | color: #5f4a1a; | ||
border-bottom: 1px solid # | border-bottom: 1px solid #5f4a1a; | ||
} | } | ||
/* | /* ============================================================ | ||
7. LISTAS DENTRO DAS CAIXAS | |||
============================================================ */ | |||
.content-box .box-body ul, | .content-box .box-body ul, | ||
.content-box .box-body ol { | .content-box .box-body ol { | ||
| Line 119: | Line 143: | ||
} | } | ||
/* | /* ============================================================ | ||
. | 8. INFOBOX EMÍNIA (CORRIGIDA) | ||
============================================================ */ | |||
.infoboxEminia { | |||
width: 23em; | |||
font-size: 85%; | |||
float: right; | |||
margin: 0 0 1em 1em; | |||
background-color: #f7f3e8; | |||
border: 1px solid #c7a75d; | |||
padding: 6px; | |||
box-shadow: 2px 2px 4px rgba(0,0,0,0.2); | |||
} | } | ||
Latest revision as of 13:39, 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. Fonte Lusitana (Google Fonts) — manter no topo
============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Lusitana:wght@400;700&display=swap');
/* ============================================================
1. FUNDO DA WIKI — BRANCO (SEM DISCUSSÃO)
============================================================ */
body,
.vector-body,
.mw-body,
.mw-body-content,
#bodyContent {
background-color: #ffffff !important;
}
/* ============================================================
2. TIPOGRAFIA GERAL
============================================================ */
.mw-body-content,
#bodyContent {
font-family: 'Lusitana', serif;
line-height: 1.6;
color: #333333;
}
/* Parágrafos justificados */
.mw-body-content p,
#bodyContent p {
text-align: justify;
}
/* ============================================================
3. TÍTULO PRINCIPAL DA PÁGINA
============================================================ */
.firstHeading {
border-bottom: 2px solid #c7a75d; /* dourado */
padding-bottom: 10px;
margin-bottom: 20px;
font-size: 2.2em;
color: #333333;
text-align: left !important;
font-family: 'Lusitana', serif;
}
/* Subtítulo manual */
.subtitle {
font-style: italic;
color: #555555;
margin-top: -15px;
margin-bottom: 30px;
text-align: left !important;
}
/* ============================================================
4. CAIXAS DE CONTEÚDO (CLAUSTROS)
============================================================ */
.content-box {
margin: 20px 0;
border: 1.5px solid #c7a75d; /* borda dourada */
border-radius: 5px;
background-color: #ffffff; /* FUNDO BRANCO */
box-shadow: 0 2px 4px rgba(0,0,0,0.05);
overflow: hidden;
}
/* Cabeçalho da caixa — DOURADO + TEXTO BRANCO */
.content-box .box-header {
background-color: #c7a75d; /* dourado */
color: #ffffff; /* letra branca */
padding: 10px 15px;
font-weight: bold;
font-size: 1.1em;
text-transform: uppercase;
letter-spacing: 1px;
font-family: 'Lusitana', serif;
}
/* Corpo da caixa */
.content-box .box-body {
padding: 15px;
}
/* ============================================================
5. CAIXA DE INTRODUÇÃO
============================================================ */
.intro-box {
background-color: #ffffff;
border-left: 5px solid #c7a75d;
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;
}
/* ============================================================
6. LINKS
============================================================ */
.mw-body-content a,
#bodyContent a {
color: #8b6f2f; /* dourado escuro */
text-decoration: none;
border-bottom: 1px dotted #8b6f2f;
}
.mw-body-content a:hover,
#bodyContent a:hover {
color: #5f4a1a;
border-bottom: 1px solid #5f4a1a;
}
/* ============================================================
7. 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;
}
/* ============================================================
8. INFOBOX EMÍNIA (CORRIGIDA)
============================================================ */
.infoboxEminia {
width: 23em;
font-size: 85%;
float: right;
margin: 0 0 1em 1em;
background-color: #f7f3e8;
border: 1px solid #c7a75d;
padding: 6px;
box-shadow: 2px 2px 4px rgba(0,0,0,0.2);
}