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

Edição das 09h52min 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%; }