Mudanças entre as edições de "MediaWiki:Common.css"
De Doctor View Wiki
(Criou página com '→* o código CSS colocado aqui será aplicado a todos os temas: .pai{ height: 100vh; border: solid 5px black; display: grid; } .si...') |
|||
Linha 1: | Linha 1: | ||
/** o código CSS colocado aqui será aplicado a todos os temas */ | /** o código CSS colocado aqui será aplicado a todos os temas */ | ||
− | .pai{ | + | .pai{border: solid 2px black; |
− | |||
− | |||
display: grid; | display: grid; | ||
+ | height: 100%; | ||
+ | grid-row-gap: 10px; | ||
+ | grid-column-gap: 10px; | ||
+ | |||
} | } | ||
− | + | .banner{border: solid 2px gray; | |
− | . | + | grid-area: 1 / 1 / 2 /3; |
− | + | text-align: center; | |
− | + | font-family: serif; | |
− | + | color: #555555; | |
+ | } | ||
+ | .banner h4 {border: solid 2px rgb(29, 29, 29); | ||
+ | |||
+ | text-align: center; | ||
+ | font-family: serif; | ||
+ | color: #555555; | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | } | ||
+ | |||
+ | |||
+ | .cards1 {border: solid 2px rgb(216, 119, 119); | ||
+ | grid-area: 2 / 1 / 4 /2; | ||
+ | padding: 3px; | ||
+ | } | ||
+ | .cards1 img{ | ||
+ | border: solid 2px rgb(29, 29, 29); | ||
+ | width: 100px; | ||
+ | height: 100px; | ||
} | } | ||
− | . | + | .cards2 { |
− | border: solid | + | border: solid 2px rgb(129, 119, 216); |
− | grid-area: | + | grid-area: 2 / 2 / 4 /3; |
− | + | padding: 3px; | |
− | |||
− | |||
} | } | ||
− | |||
− | |||
− | |||
− | |||
+ | .cards2 img{ | ||
+ | border: solid 2px rgb(29, 29, 29); | ||
+ | width: 100px; | ||
+ | height: 100px; | ||
} | } | ||
− | . | + | .fastguid{ |
− | grid-area: | + | border: solid 2px rgb(119, 216, 159); |
− | + | grid-area: 4 / 1 / 5 /3; | |
− | |||
} | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | + | .imagem-zoom { | |
− | + | width: 300px; | |
− | + | height: auto; | |
− | + | transition: transform 0.3s ease-in-out; | |
+ | } | ||
− | |||
− | |||
− | |||
− | |||
− | + | .imagem-zoom:hover { | |
+ | transform: scale(1.1); | ||
+ | } |
Edição das 16h26min de 4 de setembro de 2025
/** o código CSS colocado aqui será aplicado a todos os temas */
.pai{border: solid 2px black;
display: grid;
height: 100%;
grid-row-gap: 10px;
grid-column-gap: 10px;
}
.banner{border: solid 2px gray;
grid-area: 1 / 1 / 2 /3;
text-align: center;
font-family: serif;
color: #555555;
}
.banner h4 {border: solid 2px rgb(29, 29, 29);
text-align: center;
font-family: serif;
color: #555555;
}
.cards1 {border: solid 2px rgb(216, 119, 119);
grid-area: 2 / 1 / 4 /2;
padding: 3px;
}
.cards1 img{
border: solid 2px rgb(29, 29, 29);
width: 100px;
height: 100px;
}
.cards2 {
border: solid 2px rgb(129, 119, 216);
grid-area: 2 / 2 / 4 /3;
padding: 3px;
}
.cards2 img{
border: solid 2px rgb(29, 29, 29);
width: 100px;
height: 100px;
}
.fastguid{
border: solid 2px rgb(119, 216, 159);
grid-area: 4 / 1 / 5 /3;
}
.imagem-zoom {
width: 300px;
height: auto;
transition: transform 0.3s ease-in-out;
}
.imagem-zoom:hover {
transform: scale(1.1);
}