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

De Doctor View Wiki
Ir para: navegação, pesquisa
(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;
        height: 100vh;
 
        border: solid 5px black;
 
 
         display: grid;
 
         display: grid;
 +
        height: 100%;
 +
        grid-row-gap: 10px;
 +
        grid-column-gap: 10px;
 +
       
  
 
     }
 
     }
   
+
     .banner{border: solid 2px gray;
     .sideBar{border: solid 5px gray;
+
            grid-area: 1 / 1 / 2 /3;
            grid-area: 1 / 1 / 6 /2;
+
            text-align: center;
             display: grid
+
            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;
  
 
     }
 
     }
     .headIn{  
+
     .cards2 {
         border: solid 5px green;
+
         border: solid 2px rgb(129, 119, 216);
         grid-area: 1 / 2 / 2 / 6;
+
         grid-area: 2 / 2 / 4 /3;
         margin: auto;
+
         padding: 3px;
     
 
 
          
 
          
 
 
     }
 
     }
    .bodyIn{border: solid 5px pink;
 
            grid-area: 2 / 2 / 6 / 5;
 
            display: grid;
 
       
 
  
 +
    .cards2 img{
 +
        border: solid 2px rgb(29, 29, 29);
 +
        width: 100px;
 +
        height: 100px;
 
     }
 
     }
     .sideFree {border: solid 5px orangered;
+
     .fastguid{
         grid-area: 2 / 5 / 6 / 6;
+
        border: solid 2px rgb(119, 216, 159);
       
+
         grid-area: 4 / 1 / 5 /3;
 
 
 
     }
 
     }
    .icon div { grid-area: 1 / 1 / 2 / 2;
 
    width: 32px;
 
    height: 2px;
 
    background:#131212;
 
    margin: 8px ;
 
    }
 
   
 
 
    .imge{
 
        grid-area: 1 / 2 / 2 / 3;
 
        border: solid 5px rgb(119, 206, 119);
 
        height: 15vh;
 
 
    }
 
    .searchBox{
 
        height: 5vh;
 
        width: 25vw;
 
        text-align: center;
 
        border: solid 5px rgb(119, 206, 119);
 
 
    }
 
    .searchIn
 
    {  height: 100%;
 
        width: 100%;
 
 
    }
 
 
    .card1 {
 
        border: solid 5px rgb(127, 138, 183);
 
        grid-area: 1 / 1 / 2 / 3;
 
        text-align: center;
 
        font-size: 1vw;
 
        margin: 0;
 
 
    }
 
    .card2 {
 
        border: solid 5px rgb(109, 208, 162);
 
        grid-area: 2 / 1 / 3 / 2;
 
  
    }
+
    .imagem-zoom {
    .card3 {
+
  width: 300px;
        border: solid 5px rgb(201, 220, 125);
+
  height: auto;  
        grid-area: 2 / 2 / 3 / 3;
+
  transition: transform 0.3s ease-in-out;  
 +
}
  
    }
 
    .card4 {
 
        border: solid 5px rgb(203, 104, 190);
 
        grid-area: 3 / 1 / 4 / 3;
 
  
    }
+
.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);
}