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

Edição das 10h08min de 16 de outubro de 2025

/* ====== Tema Path-like (Vector clássico) ====== */

/* Fundo geral da página */
body {
  background: #203744; /* azul escuro */
}

/* Wrapper do conteúdo com sombra leve */
#content,
#mw-content-text .mw-parser-output > .asgardpage-root,
#bodyContent {
  background: #ffffff;
  border-radius: 12px;
  box-shadow: 0 10px 30px rgba(0,0,0,.15);
  border: 1px solid #e7eef3;
}

/* Cabeçalho (tabs Ler / Editar etc.) */
#p-views .vectorTabs li a,
#p-views .vectorTabs li a:visited {
  background: linear-gradient(#335463, #233a46);
  color: #e9f3f7 !important;
  border: 1px solid #14252e;
  border-bottom: none;
  border-radius: 10px 10px 0 0;
  padding: 6px 14px;
}
#p-views .vectorTabs li.selected a {
  background: #203744;
  color: #fff !important;
}

/* Barra lateral: bloco inteiro */
#mw-panel {
  background: transparent;
}

/* Cada “portal” (Menu principal / Ferramentas etc.) */
#mw-panel .portal {
  background: #243f4e;
  border: 1px solid #1a2e3a;
  border-radius: 10px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 6px 18px rgba(0,0,0,.25);
  padding: 12px 10px;
  margin: 10px 8px 18px;
}

/* Títulos dos portais */
#mw-panel .portal .body,
#mw-panel .portal h3 {
  color: #dfeff6 !important;
}
#mw-panel .portal h3 {
  font-weight: 700;
  letter-spacing: .5px;
  padding: 6px 8px 10px;
  margin: 0 0 6px;
  border-bottom: 1px solid rgba(255,255,255,.08);
}

/* Links da sidebar */
#mw-panel .portal .body ul li a {
  color: #d3e6ee !important;
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.06);
  border-radius: 8px;
  padding: 6px 8px;
  display: block;
  margin: 6px 0;
  text-decoration: none !important;
}
#mw-panel .portal .body ul li a:hover {
  background: rgba(255,255,255,0.08);
  color: #ffffff !important;
  border-color: rgba(255,255,255,0.14);
  transform: translateX(3px);
}

/* Logo “caixinha” da esquerda (Vector clássico usa #p-logo) */
#p-logo a {
  display: block;
  width: 160px;      /* ajuste conforme sua imagem */
  height: 160px;     /* idem */
  margin: 12px auto 8px;
  background: #243f4e url("/wiki/images/site-logo.png") center/contain no-repeat;
  border: 1px solid #1a2e3a;
  border-radius: 10px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 8px 20px rgba(0,0,0,.35);
  text-indent: -9999px;
}

/* Caixa de busca (Vector clássico) */
#simpleSearch {
  background: #203744;
  border: 1px solid #14252e;
  border-radius: 18px;
  box-shadow: 0 4px 10px rgba(0,0,0,.25);
}
#simpleSearch input#searchInput {
  background: transparent;
  color: #e9f3f7;
  border: none;
}
#simpleSearch input#searchInput::placeholder {
  color: #b9d1dc;
}
/* Botão lupinha */
#simpleSearch button#searchButton {
  background: #2b4b59;
  border-left: 1px solid #14252e;
}

/* Rodapé discretinho */
#footer {
  background: transparent;
  color: #bed4dd;
}
#footer a { color: #e9f3f7; }

/* ===== Integração com sua home “asgardpage-” ===== */
.mw-parser-output > .asgardpage-root { margin-top: 0; }
.asgardpage-hero h1 { margin-top: 0 !important; }
.asgardpage-menu-header h2,
.asgardpage-server-info-column h4 { margin-top: 0; }
#content .asgardpage-hero,
#content .asgardpage-menu-container,
#content .asgardpage-server-info { max-width: 100%; }

/* ===== Patch fino para ficar igual ao site de referência ===== */

/* Barra superior branca (faixa atrás das abas) */
#mw-head-base, #mw-page-base {
  background: #f5fafc; /* branco levemente azulado */
  border-bottom: 1px solid #dfe9ef;
  height: 40px;
}

/* Abas do topo (Vector clássico) */
#p-views .vectorTabs li a,
#p-views .vectorTabs li a:visited {
  background: linear-gradient(#3a6677, #274552);
  color: #e9f3f7 !important;
  border: 1px solid #1b2f38;
  border-bottom: none;
  border-radius: 10px 10px 0 0;
  padding: 6px 14px;
  box-shadow: 0 3px 8px rgba(0,0,0,.25);
}

/* Aba selecionada (página atual) fica mais clara */
#p-views .vectorTabs li.selected a {
  background: linear-gradient(#4e879a, #3a6677);
  color: #ffffff !important;
}

/* Aba "Discussão" em vermelho suave (igual impressão do print deles) */
#p-views #ca-talk a {
  background: linear-gradient(#e46c6c, #b94c4c);
  color: #fff !important;
  border-color: #8c2e2e;
}
#p-views #ca-talk.selected a {
  background: linear-gradient(#f08080, #e46c6c);
}

/* Logo da esquerda (caixa) – dimensão e borda/sombra como cartão */
#p-logo a {
  width: 160px;
  height: 160px;
  margin: 12px auto 8px;
  background: #243f4e url("/wiki/images/site-logo.png") center/contain no-repeat;
  border: 1px solid #1a2e3a;
  border-radius: 10px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 8px 20px rgba(0,0,0,.35);
  text-indent: -9999px;
}

/* Sidebar: cartões mais escuros e com borda/sombra consistente */
#mw-panel .portal {
  background: #203745;
  border: 1px solid #162833;
  border-radius: 12px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 8px 22px rgba(0,0,0,.32);
  padding: 12px 10px;
  margin: 10px 8px 18px;
}
#mw-panel .portal h3 {
  color: #e0eef6 !important;
  font-weight: 700;
  letter-spacing: .5px;
  padding: 6px 8px 10px;
  margin: 0 0 6px;
  border-bottom: 1px solid rgba(255,255,255,.08);
}
#mw-panel .portal .body ul li a {
  color: #d3e6ee !important;
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.06);
  border-radius: 8px;
  padding: 6px 8px;
  display: block;
  margin: 6px 0;
  text-decoration: none !important;
}
#mw-panel .portal .body ul li a:hover {
  background: rgba(255,255,255,0.08);
  color: #ffffff !important;
  border-color: rgba(255,255,255,0.14);
  transform: translateX(3px);
}

/* Caixa de busca em tema escuro, texto claro */
#simpleSearch {
  background: #203744;
  border: 1px solid #14252e;
  border-radius: 18px;
  box-shadow: 0 4px 10px rgba(0,0,0,.25);
}
#simpleSearch input#searchInput {
  background: transparent;
  color: #e9f3f7;
  border: none;
}
#simpleSearch input#searchInput::placeholder { color: #b9d1dc; }
#simpleSearch button#searchButton {
  background: #2b4b59;
  border-left: 1px solid #14252e;
}

/* Conteúdo/miolo com cartão branco arredondado (como no print deles) */
#content,
#mw-content-text .mw-parser-output > .asgardpage-root,
#bodyContent {
  background: #ffffff;
  border-radius: 12px;
  box-shadow: 0 10px 30px rgba(0,0,0,.15);
  border: 1px solid #e7eef3;
}

/* Ajuste fino do título “Página principal” (espaçamento) */
.firstHeading, #firstHeading {
  margin-top: 12px;
  margin-left: 8px;
}