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

De Wiki AnDes Sistemas
Ir para: navegação, pesquisa
 
(15 revisões intermediárias pelo mesmo usuário não estão sendo mostradas)
Linha 1: Linha 1:
 +
/* =====IMAGEM RESPONSIVA========= */
 +
 
/* ========================================
 
/* ========================================
−
   IMAGEM 900px RESPONSIVA – REFORMA TRIBUTÁRIA
+
   IMAGEM 900px RESPONSIVA
 
   ======================================== */
 
   ======================================== */
 
.img-900-responsive {
 
.img-900-responsive {
Linha 22: Linha 24:
 
}
 
}
 
/* ========================================
 
/* ========================================
−
   IMAGEM 400px RESPONSIVA – REFORMA TRIBUTÁRIA
+
   IMAGEM 400px RESPONSIVA
 
   ======================================== */
 
   ======================================== */
 
.img-400-responsive {
 
.img-400-responsive {
Linha 38: Linha 40:
  
  
−
 
+
/* =====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,
−
  1. OCULTA TODOS OS MENUS LATERAIS INTEIROS
+
body:not(:has(#pt-preferences)) #ca-history {
−
  ======================================== */
+
−
#mw-panel .portal {
+
 
     display: none !important;
 
     display: none !important;
 
}
 
}
  
−
/* ========================================
+
/* === OCULTA MENU LATERAL COMPLETO quando NÃO estiver logado === */
−
  2. RECRIA MENU LATERAL MÍNIMO E PERSONALIZADO
+
body:not(:has(#pt-preferences)) #p-navigation,
−
  ======================================== */
+
body:not(:has(#pt-preferences)) #p-tb {
−
#mw-panel::before {
+
−
    content: "";
+
−
    display: block;
+
−
    width: 200px;
+
−
    padding: 10px 0;
+
−
    position: fixed;
+
−
    top: 120px;
+
−
    left: 10px;
+
−
    font-family: Arial, sans-serif;
+
−
}
+
−
 
+
−
#mw-panel::after {
+
−
    content: "Página principal";
+
−
    display: block;
+
−
    background: #f8f9fa;
+
−
    padding: 8px 15px;
+
−
    border: 1px solid #a2a9b1;
+
−
    border-radius: 4px;
+
−
    margin-bottom: 10px;
+
−
    font-weight: bold;
+
−
    color: #0645ad;
+
−
    text-decoration: none;
+
−
    width: 170px;
+
−
}
+
−
 
+
−
#mw-panel::after:hover {
+
−
    background: #eaecf0;
+
−
}
+
−
 
+
−
#mw-panel::after {
+
−
    content: "";
+
−
    background: url('/w/index.php?title=Página_principal&action=raw') no-repeat;
+
−
    /* NÃO USE ISSO — é só para forçar o link */
+
−
}
+
−
 
+
−
#custom-mainpage-link {
+
−
    position: fixed;
+
−
    top: 140px;
+
−
    left: 20px;
+
−
    z-index: 1000;
+
−
}
+
−
 
+
−
#custom-mainpage-link a {
+
−
    display: block;
+
−
    background: #f8f9fa;
+
−
    padding: 8px 15px;
+
−
    border: 1px solid #a2a9b1;
+
−
    border-radius: 4px;
+
−
    font-weight: bold;
+
−
    color: #0645ad !important;
+
−
    text-decoration: none;
+
−
    width: 170px;
+
−
    font-size: 14px;
+
−
}
+
−
 
+
−
#custom-mainpage-link a:hover {
+
−
    background: #eaecf0;
+
−
}
+
−
 
+
−
/* ========================================
+
−
  3. BARRA SUPERIOR: SÓ "VERSÃO PARA IMPRESSÃO" + "EDITAR" (logado)
+
−
  ======================================== */
+
−
#p-views,
+
−
#p-cactions {
+
 
     display: none !important;
 
     display: none !important;
 
}
 
}
  
−
/* Container personalizado para botões superiores */
+
/* =====TABELA RESPONSIVA========= */
−
#custom-top-actions {
+
.responsive-table {
−
    position: absolute;
+
  overflow-x: auto;
−
    top: 55px;
+
  display: block;
−
    left: 220px;
+
  max-width: 100%;
−
    z-index: 1000;
+
−
    display: flex;
+
−
    gap: 10px;
+
−
}
+
−
 
+
−
/* Botão Editar (só aparece logado) */
+
−
#ca-edit,
+
−
#ca-ve-edit,
+
−
#ca-editsource {
+
−
    display: none !important;
+
−
}
+
−
 
+
−
/* Força mostrar apenas quando logado (via JS abaixo) */
+
−
body.logged-in #ca-edit,
+
−
body.logged-in #ca-ve-edit,
+
−
body.logged-in #ca-editsource,
+
−
#ca-print {
+
−
    display: block !important;
+
−
    float: left;
+
−
}
+
−
 
+
−
#ca-print a,
+
−
body.logged-in #ca-edit a,
+
−
body.logged-in #ca-ve-edit a,
+
−
body.logged-in #ca-editsource a {
+
−
    background: #f8f9fa;
+
−
    padding: 4px 8px;
+
−
    border: 1px solid #a2a9b1;
+
−
    border-radius: 4px;
+
−
    font-size: 13px;
+
−
    color: #0645ad;
+
−
    text-decoration: none;
+
−
}
+
−
 
+
−
#ca-print a:hover,
+
−
body.logged-in #ca-edit a:hover {
+
−
    background: #eaecf0;
+
 
}
 
}

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%;
}
Disponível em "https://andessistemas.com.br/wiki/index.php?title=MediaWiki:Common.css&oldid=6429"