Mudanças entre as edições de "Predefinição:MainPage/styles.css"

De Wiki Gla
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-Usuário_Discussão_Gurren1 #content,
body.page-Wiki_MainPage #content,
body.page-Wiki_MainPage #content,
Linha 8: Linha 7:
}
}


/* Layout principal */
.homepage-content {
.homepage-content {
   display: flex;
   display: flex;
Linha 17: Linha 15:
}
}


/* Colunas com compensação de gap */
.menu-col {
.menu-col {
   flex-basis: calc(60% - 10px);
   flex-basis: calc(60% - 10px);
Linha 30: Linha 27:
}
}


/* Responsivo */
@media (max-width: 1024px) {
@media (max-width: 1024px) {
   .menu-col,
   .menu-col,
   .side-col {
   .side-col {
Linha 39: Linha 36:
}
}


/* Estilo do card */
.home-card {
.home-card {
   background-color: #121212;
   background-color: #121212;
Linha 46: Linha 42:
   border-radius: 4px;
   border-radius: 4px;
   overflow: hidden;
   overflow: hidden;
  margin-bottom: 20px;
}
}


/* Estilo do título do card */
.home-title {
.home-title {
   background-color: #1a1a1a;
   background-color: #1a1a1a;

Edição das 18h05min de 5 de maio de 2025

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;
}

.homepage-content {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  box-sizing: border-box;
  gap: 20px;
}

.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;
}

@media (max-width: 1024px) {

  .menu-col,
  .side-col {
    flex-basis: 100%;
    max-width: 100%;
  }
}

.home-card {
  background-color: #121212;
  border: 1px solid #2a2a2a;
  box-shadow: none;
  border-radius: 4px;
  overflow: hidden;
}

.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;
}