MediaWiki:Common.css: mudanças entre as edições

Sem resumo de edição
Sem resumo de edição
 
(56 revisões intermediárias pelo mesmo usuário não estão sendo mostradas)
Linha 5: Linha 5:


/** CSS  da  Pagina  Inicial */
/** CSS  da  Pagina  Inicial */
/** NAVB E NOME E LOGO*/
.mw-wiki-logo, .mw-logo-wordmark {
   
    background-image: url('https://www.doctorview.com.br/wiki/images/b/be/Logodv.png') !important;
    background-repeat: no-repeat !important;
    background-position: left center !important;
    background-size: 30px auto !important; /* Ajusta o tamanho da logo (mude o 30px se quiser maior/menor) */
    padding-left: 38px !important; /* Esse valor precisa ser um pouco maior que a largura da logo */
    display: inline-block !important;
    line-height: 32px !important;
    color : #191970;
}


/** Divs cabeçalho cabecalho */
/** Divs cabeçalho cabecalho */
Linha 258: Linha 275:




/** CSS  para tocar o video*/


.video-preview {
    display: inline-block;
    cursor: pointer;
    overflow: hidden;
    position: relative;
    border-radius: 8px; /* Opcional: cantos arredondados estilo modern UI */
    line-height: 0;
}
.video-preview iframe {
    pointer-events: none; /* Garante que o mouseleave funcione mesmo sobre o vídeo */
}




Linha 278: Linha 282:
@media (max-width: 768px)
@media (max-width: 768px)
  {
  {
     .banner {
     .banner {
         grid-template-columns: 1fr;  
         grid-template-columns: 1fr;  
Linha 284: Linha 291:
         text-align: center;
         text-align: center;
         align-items: center;
         align-items: center;
        border: solid 1px black ;
     }
     }


     .card1 {
     .card1 {
    width: fit-content !important;
      align-items: center;
    max-width: 100% !important;
      text-align: center;
    max-height: 100% !important;
      width: fit-content !important;
    display: inline-block !important;
      max-width: 100% !important;
    grid-area: 1 / 1 / 2/ 2;
      max-height: 100% !important;
    border: solid 1px black ;
      display: inline-block !important;
      grid-area: 1 / 1 / 2/ 2;
      margin-left: auto;
      margin-right: auto;
     }
     }
.card2 {
.card2 {
  display: grid;
    grid-area: 2 / 1 / 3 /2;
  width: fit-content !important;
    width: fit-content !important;
    max-width: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    max-height: 100% !important;
    display: inline-block !important;
    display: inline-block !important;
  grid-area: 2 / 1 / 3 /2;
    margin-left: auto;
border: solid 1px blue ;
    margin-right: auto;
}
}


.card3 {
.card3 {
  grid-area: 3 / 1 / 4 /2;
    align-items: center;
  width: 250px;
    text-align: center;
border: solid 1px red ;
    grid-area: 3 / 1 / 4 /2;
    width: 250px;
    margin-left: auto;
    margin-right: auto;
 
}
}


Linha 335: Linha 348:
     border-radius: 10px;
     border-radius: 10px;
   }
   }
/** listas de tópicos mobile */
    .cardsBorder{
      flex-basis: calc(40% + 10px);
      font-size: 16px;
      margin-left: auto;
      margin-right: auto;
}
.vdo {
    width: 100%;
    max-width: 100%;
    display: block;
}
  .vdo iframe,
  .vdo embed,
  .vdo object,
  .vdo .embedvideo {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 16 / 9;
}
.minerva-header .site-branding a {
    border: 1px solid red !important;
}




}
}