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

De Doctor View Wiki
Ir para: navegação, pesquisa
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: 1 / 1 / 2 /2;
+
         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: 1 / 2 / 2 /3;
+
         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: 1 / 3 / 2 /4;
+
         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);
}