Mudanças entre as edições de "MediaWiki:Common.css"
De Doctor View Wiki
Linha 6: | Linha 6: | ||
grid-column-gap: 1px; | grid-column-gap: 1px; | ||
grid-template-columns: repeat(2); | grid-template-columns: repeat(2); | ||
− | grid-template-rows: repeat( | + | grid-template-rows: repeat(5); |
align-items: center; | align-items: center; | ||
Linha 20: | Linha 20: | ||
.topcard1 { | .topcard1 { | ||
text-align: center; | text-align: center; | ||
− | |||
grid-area: 2 / 1 / 3/ 2; | grid-area: 2 / 1 / 3/ 2; | ||
display: grid; | display: grid; | ||
Linha 28: | Linha 27: | ||
.topcard2 { | .topcard2 { | ||
text-align: center; | text-align: center; | ||
− | |||
grid-area: 2 / 1 / 3/ 2; | grid-area: 2 / 1 / 3/ 2; | ||
display: grid; | display: grid; | ||
Linha 38: | Linha 36: | ||
.card1 {text-align: center; | .card1 {text-align: center; | ||
padding: 1em 2em 2em 11em; | padding: 1em 2em 2em 11em; | ||
− | grid-area: | + | grid-area: 3 / 1 / 4/ 2; |
display: grid; | display: grid; | ||
Linha 45: | Linha 43: | ||
.card2 {text-align: center; | .card2 {text-align: center; | ||
padding: 1em 2em 2em 0em; | padding: 1em 2em 2em 0em; | ||
− | grid-area: | + | grid-area: 3 / 2 / 4 /3; |
display: grid; | display: grid; | ||
Edição das 17h35min 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(5);
align-items: center;
}
.banner {
grid-area: 1 / 1 / 2 /3;
display: grid;
text-align: center;
}
.topcard1 {
text-align: center;
grid-area: 2 / 1 / 3/ 2;
display: grid;
}
.topcard2 {
text-align: center;
grid-area: 2 / 1 / 3/ 2;
display: grid;
}
.card1 {text-align: center;
padding: 1em 2em 2em 11em;
grid-area: 3 / 1 / 4/ 2;
display: grid;
}
.card2 {text-align: center;
padding: 1em 2em 2em 0em;
grid-area: 3 / 2 / 4 /3;
display: grid;
}
.guess{
grid-area: 4 / 1 / 5 /3;
display: grid;
grid-template-columns: repeat(2);
grid-template-rows: repeat(3);
grid-row-gap: 5px;
grid-column-gap: 5px;
}
.guesschild{
grid-area: 1 / 1 / 2 /4;
display: grid;
}
.guesschild1{
grid-area: 2 / 1 / 3 /2;
border: solid 1px rgb(148, 149, 151);
display: grid;
border-radius: 10px;
}
.guesschild2{
grid-area: 2 / 2 / 3 /3;
border: solid 1px rgb(148, 149, 151);
display: grid;
border-radius: 10px;
}
.guesschild3{
grid-area: 2 / 3 / 3 /4;
border: solid 1px rgb(148, 149, 151);
display: grid;
border-radius: 10px;
}
.imagem-zoom{
height: auto;
transition: transform 0.3s ease-in-out;
}
.imagem-zoom:hover {
transform: scale(1.1);
}
.divisoria {
border-top: 1px solid #ddd;
width: 100%;
margin: 20px 0;
}
.linha-embaixo {
border-bottom: 1px solid #ccc;
padding-bottom: 5px;
}