MediaWiki:Chameleon.css: mudanças entre as edições
Sem resumo de edição |
Sem resumo de edição |
||
| (27 revisões intermediárias pela mesma usuária não estão sendo mostradas) | |||
| Linha 19: | Linha 19: | ||
} | } | ||
:root { | |||
--wiki-width: 1200px; | |||
} | } | ||
# | @media (min-width: 1200px) { | ||
.container, | |||
max-width: | .container-lg, | ||
.container-xl, | |||
.page-container, | |||
.mw-body, | |||
.content-container, | |||
#content, | |||
.mw-body-content { | |||
max-width: 1200px !important; | |||
width: 100% !important; | |||
} | } | ||
/* Texto principal centralizado */ | |||
.container, | |||
.page-container, | |||
margin: | .mw-body, | ||
.content-container { | |||
margin-left: auto !important; | |||
margin-right: auto !important; | |||
} | } | ||
| Linha 48: | Linha 50: | ||
background-size: cover; | background-size: cover; | ||
background-position: center; | background-position: center; | ||
} | |||
/* Permite imagem ocupar 100% da tela sem div */ | |||
.mw-parser-output span.fullwidth { | |||
display: block; | |||
width: 100%; | |||
margin: 50px 0 30px; | |||
} | |||
.mw-parser-output span.fullwidth img { | |||
width: 100vw; | |||
max-width: 100vw; | |||
height: clamp(220px, 40vh, 500px); | |||
object-fit: cover; | |||
display: block; | |||
margin-left: calc(50% - 50vw); | |||
} | |||
/* seção full-width de fundo */ | |||
.section-full { | |||
width: 100vw; | |||
margin-left: calc(50% - 50vw); | |||
padding: 60px 0; | |||
} | |||
.section-inner { | |||
max-width: 1400px; | |||
margin: 0 auto; | |||
padding: 0 20px; | |||
width: 100%; | |||
box-sizing: border-box; | |||
} | |||
.section-light { | |||
background-color: #f5f5f5; | |||
color: #212529; | |||
} | |||
.section-dark { | |||
background-color: #212529; | |||
color: #ffffff; | |||
} | |||
.section-light a { | |||
color: #0d6efd; | |||
} | |||
.section-dark a { | |||
color: #66b2ff; | |||
} | } | ||
