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

De Wiki AnDes Sistemas
Ir para: navegação, pesquisa
Linha 1: Linha 1:
/* ========================================
 
  IMAGENS RESPONSIVAS - REFORMA TRIBUTÁRIA
 
  ======================================== */
 
 
.img-responsive {
 
.img-responsive {
     width: 100% !important;           /* Ocupa todo o container */
+
     max-width: 900px !important;
     max-width: 900px !important;     /* Limite máximo (ajuste se quiser maior) */
+
     width: 100% !important;
     height: auto !important;         /* Mantém proporção */
+
     height: auto !important;
 
     display: block !important;
 
     display: block !important;
     margin: 0 auto !important;       /* Centraliza */
+
     margin: 0 auto !important;
 
     border: 1px solid #ddd !important;
 
     border: 1px solid #ddd !important;
 
     border-radius: 6px !important;
 
     border-radius: 6px !important;
 
     box-shadow: 0 4px 12px rgba(0,0,0,0.15) !important;
 
     box-shadow: 0 4px 12px rgba(0,0,0,0.15) !important;
 
}
 
}
 
+
@media (max-width: 960px) {
/* Em telas pequenas: não ultrapassa a tela */
+
     .img-900-responsive { max-width: 100% !important; }
@media (max-width: 480px) {
+
     .img-responsive {
+
        max-width: 100% !important;
+
        border-radius: 4px !important;
+
    }
+
 
}
 
}

Edição das 17h03min de 11 de novembro de 2025

.img-responsive {
    max-width: 900px !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;
}
@media (max-width: 960px) {
    .img-900-responsive { max-width: 100% !important; }
}