|
|
| Linha 1: |
Linha 1: |
| /* ====== 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;
| |
| }
| |