Mudanças entre as edições de "Predefinição:MainPage/styles.css"
Ir para navegação
Ir para pesquisar
Etiqueta: Revertido |
Etiqueta: Revertido |
||
| Linha 1: | Linha 1: | ||
/* Remove o limite de largura do MediaWiki em páginas específicas */ | |||
body.page-Usuário_Discussão_Gurren1 #content, | |||
body.page-Wiki_MainPage #content, | |||
body.page-Main_Page #content { | |||
max-width: none; | |||
width: 100%; | |||
padding: 0; | |||
} | |||
/* Layout principal */ | |||
.homepage-content { | .homepage-content { | ||
display: flex; | display: flex; | ||
| Linha 7: | Linha 17: | ||
} | } | ||
/* Colunas com compensação de gap */ | |||
.menu-col { | .menu-col { | ||
flex-basis: 60%; | flex-basis: calc(60% - 10px); | ||
max-width: 60%; | max-width: calc(60% - 10px); | ||
} | } | ||
.side-col { | .side-col { | ||
flex-basis: | flex-basis: calc(40% - 10px); | ||
max-width: | max-width: calc(40% - 10px); | ||
display: flex; | display: flex; | ||
flex-direction: column; | flex-direction: column; | ||
} | } | ||
/* Responsivo */ | |||
@media (max-width: 1024px) { | @media (max-width: 1024px) { | ||
.menu-col, | .menu-col, | ||
| Linha 27: | Linha 39: | ||
} | } | ||
/* Estilo do card */ | |||
.home-card { | .home-card { | ||
background-color: #121212; | background-color: #121212; | ||
| Linha 36: | Linha 49: | ||
} | } | ||
/* Estilo do título do card */ | |||
.home-title { | .home-title { | ||
background-color: #1a1a1a; | background-color: #1a1a1a; | ||
Edição das 18h03min de 5 de maio de 2025
/* Remove o limite de largura do MediaWiki em páginas específicas */
body.page-Usuário_Discussão_Gurren1 #content,
body.page-Wiki_MainPage #content,
body.page-Main_Page #content {
max-width: none;
width: 100%;
padding: 0;
}
/* Layout principal */
.homepage-content {
display: flex;
flex-wrap: wrap;
width: 100%;
box-sizing: border-box;
gap: 20px;
}
/* Colunas com compensação de gap */
.menu-col {
flex-basis: calc(60% - 10px);
max-width: calc(60% - 10px);
}
.side-col {
flex-basis: calc(40% - 10px);
max-width: calc(40% - 10px);
display: flex;
flex-direction: column;
}
/* Responsivo */
@media (max-width: 1024px) {
.menu-col,
.side-col {
flex-basis: 100%;
max-width: 100%;
}
}
/* Estilo do card */
.home-card {
background-color: #121212;
border: 1px solid #2a2a2a;
box-shadow: none;
border-radius: 4px;
overflow: hidden;
margin-bottom: 20px;
}
/* Estilo do título do card */
.home-title {
background-color: #1a1a1a;
color: #cccccc;
font-family: 'Verdana', sans-serif;
font-weight: bold;
text-align: left;
font-size: 1.2em;
padding: 8px 12px;
border-bottom: 1px solid #2a2a2a;
}