Mudanças entre as edições de "MediaWiki:Common.css"
De Wiki AnDes Sistemas
| Linha 1: | Linha 1: | ||
| + | /* =====IMAGEM RESPONSIVA========= */ | ||
| + | |||
/* ======================================== | /* ======================================== | ||
| − | IMAGEM 900px RESPONSIVA | + | IMAGEM 900px RESPONSIVA |
======================================== */ | ======================================== */ | ||
.img-900-responsive { | .img-900-responsive { | ||
| Linha 22: | Linha 24: | ||
} | } | ||
/* ======================================== | /* ======================================== | ||
| − | IMAGEM 400px RESPONSIVA | + | IMAGEM 400px RESPONSIVA |
======================================== */ | ======================================== */ | ||
.img-400-responsive { | .img-400-responsive { | ||
| Linha 37: | Linha 39: | ||
} | } | ||
| + | |||
| + | /* =====OCULTA ITENS PARA USUÁRIO NÃO LOGADO========= */ | ||
/* === OCULTA "Ver código-fonte" e "Ver histórico" quando NÃO estiver 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-viewsource, | ||
| Linha 47: | Linha 51: | ||
body:not(:has(#pt-preferences)) #p-tb { | body:not(:has(#pt-preferences)) #p-tb { | ||
display: none !important; | display: none !important; | ||
| + | } | ||
| + | |||
| + | /* =====TABELA RESPONSIVA========= */ | ||
| + | .responsive-table { | ||
| + | width: 100%; | ||
| + | overflow-x: auto; | ||
| + | } | ||
| + | |||
| + | .responsive-table table { | ||
| + | width: 100%; | ||
| + | border-collapse: collapse; | ||
} | } | ||
Edição das 02h23min 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 { width: 100%; overflow-x: auto; } .responsive-table table { width: 100%; border-collapse: collapse; }