Mudanças entre as edições de "MediaWiki:Common.css"

De Doctor View Wiki
Ir para: navegação, pesquisa
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{border: solid 2px black;
+
   .imagem-zoom {
        display: grid;
+
    transition: transform 0.3s ease-in-out;
        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 h3 {border: solid 2px rgb(29, 29, 29);
 
           
 
            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 {
 
.imagem-zoom:hover {
  transform: scale(1.1);
+
    transform: scale(1.1);
 
}
 
}

Edição das 16h57min de 4 de setembro de 2025

/** o código CSS colocado aqui será aplicado a todos os temas */
  .imagem-zoom {
    transition: transform 0.3s ease-in-out;
}

.imagem-zoom:hover {
    transform: scale(1.1);
}