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

De Doctor View Wiki
Ir para: navegação, pesquisa
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(4);
+
     grid-template-rows: repeat(5);
 
     align-items: center;
 
     align-items: center;
 
      
 
      
Linha 20: Linha 20:
 
.topcard1 {
 
.topcard1 {
 
           text-align: center;
 
           text-align: center;
          padding: 1em 2em 2em 11em;
 
 
           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;
          padding: 1em 2em 2em 11em;
 
 
           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: 2 / 1 / 3/ 2;
+
         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: 2 / 2 / 3 /3;
+
         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; 
}