MediaWiki:Common.css: mudanças entre as edições

De Wiki PokeLegends
Ir para navegação Ir para pesquisar
Sem resumo de edição
Etiqueta: Revertido
Sem resumo de edição
Etiqueta: Reversão manual
Linha 1: Linha 1:
/** ===== SISTEMA PREMIUM UI ===== */
/** o código CSS colocado aqui será aplicado a todos os temas */


/* TRANSIÇÃO GLOBAL SUAVE */
/* ===== SEU CSS ORIGINAL ===== */
* {
#p-tb { display: none}
     transition: background 0.25s ease, color 0.25s ease, transform 0.15s ease;
#ca-talk { display: none !important; }
#ca-edit { display: none !important; }
#ca-formedit { display: none !important; }
#ca-history { display: none !important;}
#ca-watch { display: none !important; }
#ca-unwatch { display: none !important; }
#ca-delete { display: none !important; }
#ca-move { display: none !important; }
#ca-protect { display: none !important; }
#ca-viewsource { display: none !important; }
 
.fullImageLink {
     display: none;
}
 
.anon #ca-ve-edit {
  display: none !important;
}
 
a.external {
    background: none;
    padding-right: 0;
}
}


/* ===== DARK MODE (GPT STYLE) ===== */
#n-download a {
body.dark-mode {
  text-transform: capitalize !important;
}
 
 
/* ===== FUNDO ESTILO GPT (CINZA) ===== */
 
/* Fundo geral */
body {
     background: #343541 !important;
     background: #343541 !important;
}
}


/* Conteúdo */
/* Área principal */
body.dark-mode #content,
#content, .mw-body {
body.dark-mode .mw-body {
     background: #444654 !important;
     background: #444654 !important;
     border-radius: 12px;
     border-radius: 10px;
     padding: 20px;
     padding: 20px;
     box-shadow: 0 0 25px rgba(0,0,0,0.25);
}
 
/* Remove branco padrão */
.mw-body-content {
     background: transparent !important;
}
}


/* Sidebar */
/* Sidebar */
body.dark-mode #mw-panel {
#mw-panel {
     background: #202123 !important;
     background: #202123 !important;
     border-right: 1px solid #2f3037;
     border-right: 1px solid #2f3037;
}
}


body.dark-mode #mw-panel a {
/* Texto da sidebar */
#mw-panel a {
     color: #ffffff !important;
     color: #ffffff !important;
    display: block;
    padding: 4px 8px;
    border-radius: 6px;
}
}


/* Hover sidebar (efeito botão) */
/* Hover sidebar */
body.dark-mode #mw-panel a:hover {
#mw-panel a:hover {
     background: #2a2b32;
     color: #ffffff !important;
    transform: translateX(3px);
}
}


/* Títulos */
/* Títulos da sidebar */
body.dark-mode #mw-panel .portal h3 {
#mw-panel .portal h3 {
     color: #9ca3af !important;
     color: #9ca3af !important;
}
}


/* Topo */
/* Topo */
body.dark-mode #mw-head,
#mw-head,
body.dark-mode #mw-head-base {
#mw-head-base {
     background: #202123 !important;
     background: #202123 !important;
     border-bottom: 1px solid #2f3037 !important;
     border-bottom: 1px solid #2f3037 !important;
}
}


/* Links */
/* Links gerais */
body.dark-mode a {
a {
     color: #8ab4f8;
     color: #8ab4f8;
}
}


body.dark-mode a:hover {
a:hover {
     color: #ffffff !important;
     color: #ffffff !important;
}
}


/* ===== LIGHT MODE ===== */
/* NÃO mexe nos ícones */
body.light-mode {
img {
     background: #f8f9fa !important;
     background: none !important;
    box-shadow: none !important;
}
}


body.light-mode #content,
body.light-mode .mw-body {
    background: #ffffff !important;
}


/* ===== ABAS PREMIUM ===== */
/* ===== CORREÇÃO DEFINITIVA DAS ABAS ===== */
 
/* Remove QUALQUER fundo branco */
#p-views li,
#p-views li,
#p-namespaces li {
#p-views li a,
     margin-right: 5px;
#p-namespaces li,
#p-namespaces li a {
     background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}
}


/* Botões das abas */
/* FORÇA TEXTO BRANCO PURO */
#p-views li a,
#p-views li a,
#p-namespaces li a {
#p-namespaces li a,
.vector-menu-tabs a,
.vector-menu-tabs span {
     color: #ffffff !important;
     color: #ffffff !important;
     padding: 6px 12px;
     opacity: 1 !important;
     border-radius: 8px;
     filter: none !important;
}
}


/* Aba ativa com glow */
/* Aba ativa (Ler / Página principal) */
body.dark-mode #p-views li.selected a,
#p-views li.selected,
body.dark-mode #p-namespaces li.selected a {
#p-views li.selected a,
#p-namespaces li.selected,
#p-namespaces li.selected a {
     background: #444654 !important;
     background: #444654 !important;
     box-shadow: 0 0 10px rgba(255,255,255,0.05);
     color: #ffffff !important;
    border-radius: 6px;
    opacity: 1 !important;
}
}


/* Hover moderno */
/* Hover das abas */
body.dark-mode #p-views li a:hover,
#p-views li a:hover,
body.dark-mode #p-namespaces li a:hover {
#p-namespaces li a:hover {
     background: #3a3b47 !important;
     background: #3a3b47 !important;
    transform: translateY(-2px);
     color: #ffffff !important;
}
     opacity: 1 !important;
 
/* ===== BOTÃO FLUTUANTE PREMIUM ===== */
#theme-toggle-btn {
    position: fixed;
    bottom: 25px;
    right: 25px;
    z-index: 9999;
 
    width: 55px;
    height: 55px;
 
    border-radius: 50%;
    border: none;
 
    background: linear-gradient(145deg, #3a3b47, #2a2b32);
     color: white;
 
    font-size: 24px;
    cursor: pointer;
 
    box-shadow: 0 8px 25px rgba(0,0,0,0.5);
}
 
/* Hover botão */
#theme-toggle-btn:hover {
    transform: scale(1.15) rotate(8deg);
}
 
/* Tooltip */
#theme-toggle-btn::after {
    content: "Alternar tema";
    position: absolute;
    right: 65px;
    background: #111;
    color: #fff;
    padding: 6px 10px;
    border-radius: 6px;
    font-size: 12px;
     opacity: 0;
    pointer-events: none;
}
}


/* Mostrar tooltip */
/* Containers das abas */
#theme-toggle-btn:hover::after {
.vector-menu-content,
    opacity: 1;
.vector-menu-tabs {
}
     background: transparent !important;
 
/* Light mode botão */
body.light-mode #theme-toggle-btn {
    background: linear-gradient(145deg, #e5e7eb, #d1d5db);
    color: #111;
}
 
/* ===== PROTEÇÃO DE ÍCONES ===== */
img {
     background: none !important;
    box-shadow: none !important;
}
}

Edição das 16h45min de 2 de maio de 2026

/** o código CSS colocado aqui será aplicado a todos os temas */

/* ===== SEU CSS ORIGINAL ===== */
#p-tb { display: none}
#ca-talk { display: none !important; }
#ca-edit { display: none !important; }
#ca-formedit { display: none !important; }	
#ca-history { display: none !important;}	
#ca-watch { display: none !important; }	
#ca-unwatch { display: none !important; }	
#ca-delete { display: none !important; }	
#ca-move { display: none !important; }	
#ca-protect { display: none !important; }	
#ca-viewsource { display: none !important; }

.fullImageLink {
    display: none;
}

.anon #ca-ve-edit {
  display: none !important;
}

a.external {
    background: none;
    padding-right: 0;
}

#n-download a {
  text-transform: capitalize !important;
}


/* ===== FUNDO ESTILO GPT (CINZA) ===== */

/* Fundo geral */
body {
    background: #343541 !important;
}

/* Área principal */
#content, .mw-body {
    background: #444654 !important;
    border-radius: 10px;
    padding: 20px;
}

/* Remove branco padrão */
.mw-body-content {
    background: transparent !important;
}

/* Sidebar */
#mw-panel {
    background: #202123 !important;
    border-right: 1px solid #2f3037;
}

/* Texto da sidebar */
#mw-panel a {
    color: #ffffff !important;
}

/* Hover sidebar */
#mw-panel a:hover {
    color: #ffffff !important;
}

/* Títulos da sidebar */
#mw-panel .portal h3 {
    color: #9ca3af !important;
}

/* Topo */
#mw-head,
#mw-head-base {
    background: #202123 !important;
    border-bottom: 1px solid #2f3037 !important;
}

/* Links gerais */
a {
    color: #8ab4f8;
}

a:hover {
    color: #ffffff !important;
}

/* NÃO mexe nos ícones */
img {
    background: none !important;
    box-shadow: none !important;
}


/* ===== CORREÇÃO DEFINITIVA DAS ABAS ===== */

/* Remove QUALQUER fundo branco */
#p-views li,
#p-views li a,
#p-namespaces li,
#p-namespaces li a {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* FORÇA TEXTO BRANCO PURO */
#p-views li a,
#p-namespaces li a,
.vector-menu-tabs a,
.vector-menu-tabs span {
    color: #ffffff !important;
    opacity: 1 !important;
    filter: none !important;
}

/* Aba ativa (Ler / Página principal) */
#p-views li.selected,
#p-views li.selected a,
#p-namespaces li.selected,
#p-namespaces li.selected a {
    background: #444654 !important;
    color: #ffffff !important;
    border-radius: 6px;
    opacity: 1 !important;
}

/* Hover das abas */
#p-views li a:hover,
#p-namespaces li a:hover {
    background: #3a3b47 !important;
    color: #ffffff !important;
    opacity: 1 !important;
}

/* Containers das abas */
.vector-menu-content,
.vector-menu-tabs {
    background: transparent !important;
}