MediaWiki:Common.css: mudanças entre as edições
Sem resumo de edição Etiqueta: Revertido |
Sem resumo de edição Etiqueta: Reversão manual |
||
| (12 revisões intermediárias pela mesma usuária não estão sendo mostradas) | |||
| Linha 9: | Linha 9: | ||
} | } | ||
/* Fixar | /* Fixar Barra de ferramentas do editor */ | ||
.ve-ui-toolbar-floating > .oo-ui-toolbar-bar { | .ve-ui-toolbar-floating > .oo-ui-toolbar-bar { | ||
position: fixed; | position: fixed; | ||
| Linha 17: | Linha 17: | ||
/* Layout full com conteúdo em bloco */ | /* Layout full com conteúdo em bloco */ | ||
.section-full { | |||
width: 100vw; | |||
margin-left: calc(50% - 50vw); | |||
padding: 70px 0; | |||
} | } | ||
| Linha 26: | Linha 27: | ||
max-width: 1400px; | max-width: 1400px; | ||
margin: 0 auto; | margin: 0 auto; | ||
padding: 1em 4em; | |||
padding: | |||
} | } | ||
| Linha 42: | Linha 33: | ||
.section-light { | .section-light { | ||
background: #f5f5f5; | background: var(--wiki-bg-light, #f5f5f5); | ||
} | } | ||
.section-dark { | .section-dark { | ||
background: # | background: var(--wiki-bg-dark, #ddd); | ||
color: white; | color: white; | ||
} | } | ||
| Linha 55: | Linha 46: | ||
position: relative; | position: relative; | ||
width: 100vw; | width: 100vw; | ||
left: 50% | margin-left: calc(50% - 50vw); | ||
overflow: hidden; | overflow: hidden; | ||
} | } | ||
| Linha 69: | Linha 59: | ||
.hero-content { | .hero-content { | ||
position: absolute; | position: absolute; | ||
bottom: | bottom: 40px; | ||
left: 50%; | left: 50%; | ||
transform: translateX(-50%); | transform: translateX(-50%); | ||
max-width: 1400px; | max-width: 1400px; | ||
width: 100%; | width: 100%; | ||
padding: | padding: 1em 4em; | ||
color: white; | color: white; | ||
} | } | ||
| Linha 84: | Linha 74: | ||
flex-wrap: wrap; | flex-wrap: wrap; | ||
gap: 20px; | gap: 20px; | ||
max-width: 1400px; | max-width: 1400px; | ||
margin: 0 auto; | margin: 0 auto; | ||
} | } | ||
| Linha 109: | Linha 97: | ||
.split { | .split { | ||
flex-direction: column; | flex-direction: column; | ||
} | } | ||
} | } | ||
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;
}