Mudanças entre as edições de "MediaWiki:Common.css"
De Wiki AnDes Sistemas
| (33 revisões intermediárias pelo mesmo usuário não estão sendo mostradas) | |||
| Linha 1: | Linha 1: | ||
| − | .img-responsive { | + | /* =====IMAGEM RESPONSIVA========= */ |
| − | + | ||
| − | max-width: | + | /* ======================================== |
| + | IMAGEM 900px RESPONSIVA | ||
| + | ======================================== */ | ||
| + | .img-900-responsive { | ||
| + | max-width: 1200px !important; | ||
width: 100% !important; | width: 100% !important; | ||
height: auto !important; | height: auto !important; | ||
display: block !important; | display: block !important; | ||
margin: 0 auto !important; | margin: 0 auto !important; | ||
| − | image-rendering: -webkit-optimize-contrast; /* | + | 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%; | ||
} | } | ||
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%; }