Mudanças entre as edições de "MediaWiki:Common.css"
De Doctor View Wiki
Linha 39: | Linha 39: | ||
grid-template-columns: repeat(2); | grid-template-columns: repeat(2); | ||
grid-template-rows: repeat(3); | grid-template-rows: repeat(3); | ||
+ | |||
+ | } | ||
+ | .guesschild{ | ||
+ | |||
+ | |||
+ | grid-area: 1 / 1 / 2 /2; | ||
+ | border: solid 1px rgb(148, 149, 151); | ||
+ | display: grid; | ||
+ | |||
} | } | ||
Linha 44: | Linha 53: | ||
− | grid-area: | + | grid-area: 2 / 2 / 3 /3; |
border: solid 1px rgb(148, 149, 151); | border: solid 1px rgb(148, 149, 151); | ||
display: grid; | display: grid; | ||
Linha 54: | Linha 63: | ||
− | grid-area: | + | grid-area: 2 / 3 / 3 /4; |
border: solid 1px rgb(148, 149, 151); | border: solid 1px rgb(148, 149, 151); | ||
display: grid; | display: grid; | ||
Linha 64: | Linha 73: | ||
− | grid-area: | + | grid-area: 2 / 3 / 3 /4; |
border: solid 1px rgb(148, 149, 151); | border: solid 1px rgb(148, 149, 151); | ||
display: grid; | display: grid; |
Edição das 15h14min de 5 de setembro de 2025
/** o código CSS colocado aqui será aplicado a todos os temas */
.pai{
display: grid;
grid-row-gap: 1px;
grid-column-gap: 1px;
grid-template-columns: repeat(2);
grid-template-rows: repeat(4);
align-items: center;
}
.banner {
grid-area: 1 / 1 / 2 /3;
display: grid;
text-align: center;
}
.card1 {
padding: 4rem;
grid-area: 2 / 1 / 3/ 2;
display: grid;
}
.card2 {
grid-area: 2 / 2 / 3 /3;
display: grid;
}
.guess{
grid-area: 4 / 1 / 5 /3;
display: grid;
grid-template-columns: repeat(2);
grid-template-rows: repeat(3);
}
.guesschild{
grid-area: 1 / 1 / 2 /2;
border: solid 1px rgb(148, 149, 151);
display: grid;
}
.guesschild1{
grid-area: 2 / 2 / 3 /3;
border: solid 1px rgb(148, 149, 151);
display: grid;
grid-row-gap: 2px;
grid-column-gap: 2px;
}
.guesschild2{
grid-area: 2 / 3 / 3 /4;
border: solid 1px rgb(148, 149, 151);
display: grid;
grid-row-gap: 2px;
grid-column-gap: 2px;
}
.guesschild3{
grid-area: 2 / 3 / 3 /4;
border: solid 1px rgb(148, 149, 151);
display: grid;
grid-row-gap: 2px;
grid-column-gap: 2px;
}
.imagem-zoom{
height: auto;
transition: transform 0.3s ease-in-out;
}
.imagem-zoom:hover {
transform: scale(1.1);
}