MediaWiki:Common.css

From wiki One Piece Online
Revision as of 17:07, 20 August 2026 by Bykass (talk | contribs)
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)

Note: After publishing, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Press Ctrl-F5.
/* Menu principal (dropdown do canto superior esquerdo) — texto legível */
#vector-main-menu a,
#vector-main-menu-dropdown a,
.vector-main-menu a,
.vector-pinnable-element .vector-menu-content a {
    color: #5a3a1a !important;   /* marrom escuro, legível */
}
#vector-main-menu a:hover,
.vector-main-menu a:hover {
    color: #9a6b1f !important;   /* dourado no hover, combina com o tema */
}

/* ===== Barra do topo (Vector 2022) — tema marrom/dourado ===== */
.vector-header-container,
.vector-header {
    background: linear-gradient(135deg, #4a2c17 0%, #8a5a2b 100%) !important;
    border-bottom: 3px solid #c9a227 !important;
}

/* textos e links do header em tom claro */
.vector-header-container a,
.vector-header-container .mw-logo-wordmark,
.vector-header-container .vector-header-start *,
.vector-header-container .vector-header-end *,
.vector-header-container .vector-menu-heading {
    color: #fdf6e3 !important;
}

/* ícones (busca, usuário, menus, estrela) ficarem brancos */
.vector-header-container .vector-icon,
.vector-header-container .cdx-icon,
.vector-header-container .mw-ui-icon {
    filter: brightness(0) invert(1) !important;
}

/* caixa de busca legível (fundo claro, texto escuro) */
.vector-header-container input.cdx-text-input__input,
.vector-header-container #searchInput {
    background: #fdf6e3 !important;
    color: #4a2c17 !important;
    border: 1px solid #c9a227 !important;
}


/* ===== Fundo oceano com ondas — TODAS as páginas (Vector 2022) ===== */
.mw-page-container,
body {
    background-color: #a9d8f0 !important;
    background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='28' viewBox='0 0 120 28'%3E%3Cpath d='M0 14 Q 30 2 60 14 T 120 14' fill='none' stroke='%23ffffff' stroke-opacity='0.35' stroke-width='2'/%3E%3Cpath d='M0 22 Q 30 10 60 22 T 120 22' fill='none' stroke='%23ffffff' stroke-opacity='0.2' stroke-width='2'/%3E%3C/svg%3E"),
        linear-gradient(180deg, #dff2fb 0%, #a9d8f0 55%, #7fc4e8 100%) !important;
    background-repeat: repeat, no-repeat !important;
    background-attachment: fixed, fixed !important;
}

.mw-content-container,
.mw-page-container-inner,
.vector-body,
.mw-body,
#content,
#bodyContent {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* esconde o título "Main Page" só na página inicial */
body.page-Main_Page .mw-first-heading,
body.page-Main_Page #firstHeading,
body.page-Main_Page .firstHeading {
    display: none !important;
}




/* Esconder o título só em artigos (namespace principal, ao visualizar) */
body.ns-0.action-view #firstHeading,
body.ns-0.action-view .mw-first-heading {
    display: none !important;
}