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

De Wiki AnDes Sistemas
Ir para: navegação, pesquisa
m
 
(50 revisões intermediárias pelo mesmo usuário não estão sendo mostradas)
Linha 1: Linha 1:
<style>
+
/* =====IMAGEM RESPONSIVA========= */
@media screen {
+
  .img-responsive {
+
    width: 100% !important;          /* Força ocupar 100% da largura do container */
+
    max-width: 900px !important;    /* Limite máximo (ajuste conforme necessário) */
+
    height: auto !important;        /* Mantém proporção */
+
    display: block !important;
+
    margin: 0 auto !important;      /* Centraliza */
+
    box-shadow: 0 2px 8px rgba(0,0,0,0.1); /* Opcional: leve sombra para destaque */
+
  }
+
  
  /* Opcional: em telas muito pequenas, reduzir um pouco */
+
/* ========================================
  @media (max-width: 480px) {
+
  IMAGEM 900px RESPONSIVA
     .img-responsive {
+
  ======================================== */
      max-width: 100% !important;
+
.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;
 
     }
 
     }
  }
 
 
}
 
}
</style>
+
/* ========================================
 +
  IMAGEM 400px RESPONSIVA
 +
  ======================================== */
 +
.img-400-responsive {
 +
    max-width: 50%!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;
 +
}
 +
 
 +
 
 +
/* =====OCULTA ITENS PARA USUÁRIO NÃO LOGADO========= */
 +
/* === OCULTA "Ver código-fonte" e "Ver histórico" quando NÃO estiver logado === */
 +
body:not(:has(#pt-preferences)) #ca-viewsource,
 +
body:not(:has(#pt-preferences)) #ca-history {
 +
    display: none !important;
 +
}
 +
 
 +
/* === OCULTA MENU LATERAL COMPLETO quando NÃO estiver logado === */
 +
body:not(:has(#pt-preferences)) #p-navigation,
 +
body:not(:has(#pt-preferences)) #p-tb {
 +
    display: none !important;
 +
}
 +
 
 +
/* =====TABELA RESPONSIVA========= */
 +
.responsive-table {
 +
  overflow-x: auto;
 +
  display: block;
 +
  max-width: 100%;
 +
}

Edição atual tal como às 02h30min de 13 de novembro de 2025

/* =====IMAGEM RESPONSIVA========= */
 
/* ========================================
   IMAGEM 900px RESPONSIVA
   ======================================== */
.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
   ======================================== */
.img-400-responsive {
    max-width: 50%!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;
}
 
 
/* =====OCULTA ITENS PARA USUÁRIO NÃO LOGADO========= */
/* === OCULTA "Ver código-fonte" e "Ver histórico" quando NÃO estiver logado === */
body:not(:has(#pt-preferences)) #ca-viewsource,
body:not(:has(#pt-preferences)) #ca-history {
    display: none !important;
}
 
/* === OCULTA MENU LATERAL COMPLETO quando NÃO estiver logado === */
body:not(:has(#pt-preferences)) #p-navigation,
body:not(:has(#pt-preferences)) #p-tb {
    display: none !important;
}
 
/* =====TABELA RESPONSIVA========= */
.responsive-table {
  overflow-x: auto;
  display: block;
  max-width: 100%;
}