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

De Doctor View Wiki
Ir para: navegação, pesquisa
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;
}