Mudanças entre as edições de "MediaWiki:Common.css"
De Doctor View Wiki
Linha 40: | Linha 40: | ||
grid-row-gap: 5px; | grid-row-gap: 5px; | ||
grid-column-gap: 5px; | grid-column-gap: 5px; | ||
+ | height: 300px; | ||
Edição das 14h58min de 17 de setembro de 2025
/** o código CSS colocado aqui será aplicado a todos os temas */
@import url("https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.css");
@import url("https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick-theme.min.css");
/** CSS da Pagina Inicial */
/** Divs cabeçalho cabecalho */
}
.cabecalho {
display: grid;
text-align: center;
color: #002244;
font-family: 'Poppins', sans-serif;
}
.cabecalho h1 {text-align: center;
color: #002244;
font-family: 'Poppins', sans-serif;
font-size: 35px;
font-weight: 700;
}
.cabecalho p {text-align: center;
color: #002244;
font-family: 'Poppins', sans-serif;
font-size: 16px;
}
/** Divs Banners e Novidades */
.banner {
grid-template-columns: repeat(3);
display: grid;
grid-row-gap: 5px;
grid-column-gap: 5px;
height: 300px;
}
.card1 {
grid-area: 1 / 1 / 2/ 2;
display: grid;
}
.card2 {
grid-area: 1 / 2 / 2 /3;
display: grid;
}
.card3 {
width: 300px;
height: 300px;
grid-area: 1 / 3 / 2 /4;
}
.center
{ align-items: center;
text-align: center;
}
/** Divs footer de Sugestoes de mais clicados */
.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;
}
guesschild h2{
color: #002244;
font-family: 'Poppins', sans-serif;
}
.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;
}
/** CSS de Efeitos das imagens e linhas */
.imagem-zoom{
height: auto;
transition: transform 0.3s ease-in-out;
}
.imagem-zoom:hover {
transform: scale(1.1);
}
.thumbcaption {
display: none !important;
}
.divisoria {
border-top: 1px solid #ddd;
width: 100%;
margin: 20px 0;
}
.linha-embaixo {
border-bottom: 1px solid #ccc;
padding-bottom: 5px;
}
.mw-parser-output {
text-align: center;
}
.carousel {
width: 50px;
margin: 0 auto;
}
.autoplay button {
display: none !important;
}