MediaWiki:Common.css: Difference between revisions

From wiki One Piece Online
No edit summary
No edit summary
 
(11 intermediate revisions by the same user not shown)
Line 1: Line 1:
/* ===== Main Page — fundo oceano com ondas (Vector 2022) ===== */
/* Menu principal (dropdown do canto superior esquerdo) — texto legível */
body.page-Main_Page .mw-page-container,
#vector-main-menu a,
body.page-Main_Page {
#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-color: #a9d8f0 !important;
     background-image:
     background-image:
Line 10: Line 54:
}
}


/* deixa os contêineres de conteúdo transparentes pra ver o oceano */
.mw-content-container,
body.page-Main_Page .mw-content-container,
.mw-page-container-inner,
body.page-Main_Page .mw-page-container-inner,
.vector-body,
body.page-Main_Page .vector-body,
.mw-body,
body.page-Main_Page .mw-body,
#content,
body.page-Main_Page #content,
#bodyContent {
body.page-Main_Page #bodyContent {
     background: transparent !important;
     background: transparent !important;
     border: none !important;
     border: none !important;
     box-shadow: 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;
}
}

Latest revision as of 17:07, 20 August 2026

/* 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;
}