MediaWiki:Common.css: mudanças entre as edições
Sem resumo de edição |
Sem resumo de edição Etiqueta: Reversão manual |
||
| (147 revisões intermediárias por 2 usuários 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 */ | /* Ocultar título da página principal page-Main_Page */ | ||
body.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; | |||
} | } | ||
. | |||
margin | .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%; | width: 100%; | ||
height: clamp(260px, 45vh, 520px); | |||
object-fit: cover; | |||
display: block; | |||
} | } | ||
. | |||
.hero-content { | |||
position: absolute; | position: absolute; | ||
bottom: 40px; | |||
left: | left: 50%; | ||
transform: translateX(-50%); | |||
max-width: 1400px; | |||
width: 100%; | 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; | |||
} | } | ||
0 | .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; | |||
} | } | ||
Edição atual tal como às 15h44min de 18 de abril de 2026
/** 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;
}