Escreva seu primeiro verbete!
MediaWiki:Common.css: mudanças entre as edições
Zerar Thema Etiquetas: Substituído Reversão manual |
Sem resumo de edição Etiqueta: Reversão manual |
||
| (22 revisões intermediárias pela mesma usuária não estão sendo mostradas) | |||
| Linha 1: | Linha 1: | ||
/** o código CSS colocado aqui será aplicado a todos os temas */ | /** o código CSS colocado aqui será aplicado a todos os temas */ | ||
/* Ocultar título da página principal page-Main_Page */ | |||
body.page-Página_principal.action-view h1.firstHeading, body.page-Main_Page.action-submit h1.firstHeading { display: none; } | |||
/* Aplica css img-fluid para corrigir exibição de imagens versão 1.43 */ | |||
.mw-file-element { | |||
max-width: 100%; | |||
height: auto; | |||
} | |||
/* Fixar Barra de ferramentas do editor */ | |||
.ve-ui-toolbar-floating > .oo-ui-toolbar-bar { | |||
position: fixed; | |||
top: 4rem; | |||
border-top: 0; | |||
} | |||
/* Layout full com conteúdo em bloco */ | |||
.section-full { | |||
width: 100vw; | |||
margin-left: calc(50% - 50vw); | |||
padding: 70px 0; | |||
} | |||
.section-inner { | |||
max-width: 1400px; | |||
margin: 0 auto; | |||
padding: 1em 4em; | |||
} | |||
/* Background variante */ | |||
.section-light { | |||
background: var(--wiki-bg-light, #f5f5f5); | |||
} | |||
.section-dark { | |||
background: var(--wiki-bg-dark, #ddd); | |||
color: white; | |||
} | |||
/* Hero */ | |||
.hero { | |||
position: relative; | |||
width: 100vw; | |||
margin-left: calc(50% - 50vw); | |||
overflow: hidden; | |||
} | |||
.hero img { | |||
width: 100%; | |||
height: clamp(260px, 45vh, 520px); | |||
object-fit: cover; | |||
display: block; | |||
} | |||
.hero-content { | |||
position: absolute; | |||
bottom: 40px; | |||
left: 50%; | |||
transform: translateX(-50%); | |||
max-width: 1400px; | |||
width: 100%; | |||
padding: 1em 4em; | |||
color: white; | |||
} | |||
/* Card grid */ | |||
.card-grid { | |||
display: flex; | |||
flex-wrap: wrap; | |||
gap: 20px; | |||
max-width: 1400px; | |||
margin: 0 auto; | |||
} | |||
/* Split layout */ | |||
.split { | |||
display: flex; | |||
gap: 40px; | |||
align-items: center; | |||
max-width: 1400px; | |||
margin: 0 auto; | |||
padding: 0 20px; | |||
} | |||
.split > div { | |||
flex: 1; | |||
} | |||
/* mobile */ | |||
@media (max-width: 768px) { | |||
.split { | |||
flex-direction: column; | |||
} | |||
} | |||
/* Infobox */ | |||
.infobox-modern { | |||
background: #fff; | |||
border-radius: 12px; | |||
padding: 20px; | |||
box-shadow: 0 2px 12px rgba(0,0,0,0.08); | |||
max-width: 360px; | |||
} | |||
.infobox-modern h3 { | |||
margin-top: 0; | |||
font-size: 18px; | |||
border-bottom: 1px solid #eee; | |||
padding-bottom: 8px; | |||
} | |||
.infobox-row { | |||
display: flex; | |||
justify-content: space-between; | |||
padding: 6px 0; | |||
border-bottom: 1px solid #f0f0f0; | |||
} | |||