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

De Wiki AnDes Sistemas
Ir para: navegação, pesquisa
Linha 4: Linha 4:
 
.img-900-responsive {
 
.img-900-responsive {
 
     max-width: 1200px !important;
 
     max-width: 1200px !important;
 +
    width: 100% !important;
 +
    height: auto !important;
 +
    display: block !important;
 +
    margin: 0 auto !important;
 +
    border: 1px solid #ddd !important;
 +
    border-radius: 6px !important;
 +
    box-shadow: 0 4px 12px rgba(0,0,0,0.15) !important;
 +
    image-rendering: -webkit-optimize-contrast; /* Nitidez em zoom */
 +
    image-rendering: crisp-edges;
 +
}
 +
 +
/* Telas menores que 960px: encolhe */
 +
@media (max-width: 960px) {
 +
    .img-900-responsive {
 +
        max-width: 100% !important;
 +
        border-radius: 4px !important;
 +
    }
 +
}
 +
 +
 +
 +
/* ========================================
 +
  IMAGEM 400px RESPONSIVA – REFORMA TRIBUTÁRIA
 +
  ======================================== */
 +
.img-400-responsive {
 +
    max-width: 400px !important;
 
     width: 100% !important;
 
     width: 100% !important;
 
     height: auto !important;
 
     height: auto !important;

Edição das 18h19min de 11 de novembro de 2025

/* ========================================
   IMAGEM 900px RESPONSIVA – REFORMA TRIBUTÁRIA
   ======================================== */
.img-900-responsive {
    max-width: 1200px !important;
    width: 100% !important;
    height: auto !important;
    display: block !important;
    margin: 0 auto !important;
    border: 1px solid #ddd !important;
    border-radius: 6px !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15) !important;
    image-rendering: -webkit-optimize-contrast; /* Nitidez em zoom */
    image-rendering: crisp-edges;
}
 
/* Telas menores que 960px: encolhe */
@media (max-width: 960px) {
    .img-900-responsive {
        max-width: 100% !important;
        border-radius: 4px !important;
    }
}
 
 
 
/* ========================================
   IMAGEM 400px RESPONSIVA – REFORMA TRIBUTÁRIA
   ======================================== */
.img-400-responsive {
    max-width: 400px !important;
    width: 100% !important;
    height: auto !important;
    display: block !important;
    margin: 0 auto !important;
    border: 1px solid #ddd !important;
    border-radius: 6px !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15) !important;
    image-rendering: -webkit-optimize-contrast; /* Nitidez em zoom */
    image-rendering: crisp-edges;
}
 
/* Telas menores que 960px: encolhe */
@media (max-width: 960px) {
    .img-900-responsive {
        max-width: 100% !important;
        border-radius: 4px !important;
    }
}